.login_bg[data-v-31570ad8]{display:flex;width:100vw;height:100vh}.login_left[data-v-31570ad8]{width:50%;height:100vh;background:#0142a6;display:flex;align-items:center;justify-content:center;position:relative}.login_left_logo[data-v-31570ad8]{position:absolute;top:32px;left:40px;display:flex;align-items:center;z-index:2}.logo-img[data-v-31570ad8]{height:48px;width:auto;display:block;margin-right:16px}.logo-title[data-v-31570ad8]{color:#fff;font-size:30px;font-weight:700;letter-spacing:2px}.login_left_content[data-v-31570ad8]{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-svg[data-v-31570ad8]{height:auto;margin-bottom:32px}.login-welcome[data-v-31570ad8]{color:#fff;font-size:30px;font-weight:700;text-align:center}.login_right[data-v-31570ad8]{width:50%;height:100vh;display:flex;flex-direction:column;position:relative;background:linear-gradient(135deg,#f8fafc,#e0e7ef);justify-content:center;align-items:center}.login_adv[data-v-31570ad8]{background-image:url(../img/city-corner.8be0e9e8.png);width:34%;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.login_adv__title[data-v-31570ad8]{color:#fff;padding:40px;position:absolute;top:0;left:0;right:0;z-index:2}.login_adv__title h2[data-v-31570ad8]{font-size:40px}.login_adv__title h4[data-v-31570ad8]{font-size:18px;margin-top:10px;font-weight:400}.login_adv__title p[data-v-31570ad8]{font-size:14px;margin-top:10px;line-height:1.8;color:hsla(0,0%,100%,.6)}.login_adv__title div[data-v-31570ad8]{margin-top:10px;display:flex;align-items:center}.login_adv__title div span[data-v-31570ad8]{margin-right:15px}.login_adv__title div i[data-v-31570ad8]{font-size:40px}.login_adv__title div i.add[data-v-31570ad8]{font-size:20px;color:hsla(0,0%,100%,.6)}.login_adv__bottom[data-v-31570ad8]{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:25px;background-image:linear-gradient(transparent,#000);z-index:3}.login_adv__mask[data-v-31570ad8]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1}.login_main[data-v-31570ad8]{flex:1;overflow:auto;display:flex}.login-form[data-v-31570ad8]{width:400px;margin:auto;padding:40px 32px 32px 32px;background:#fff;border-radius:18px;box-shadow:0 8px 32px 0 rgba(60,60,100,.12),0 1.5px 4px 0 rgba(60,60,100,.08);transition:box-shadow .3s;display:flex;flex-direction:column;align-items:stretch}.login-form-logo[data-v-31570ad8]{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.login-form-logo img[data-v-31570ad8]{width:56px;height:56px;border-radius:12px;box-shadow:0 2px 8px 0 rgba(60,60,100,.1)}.login-form-welcome[data-v-31570ad8]{margin-top:32px;text-align:center;color:#2563eb;font-size:16px;letter-spacing:1px;opacity:.85}.login-header[data-v-31570ad8]{margin-bottom:40px}.login-header .logo[data-v-31570ad8]{display:flex;align-items:center}.login-header .logo img[data-v-31570ad8]{width:40px;height:40px;vertical-align:bottom;margin-right:10px}.login-header .logo label[data-v-31570ad8]{font-size:26px;font-weight:700}.login-oauth[data-v-31570ad8]{display:flex;justify-content:space-around}.login-form .el-divider[data-v-31570ad8]{margin-top:40px}.login-form[data-v-31570ad8] .el-tabs .el-tabs__header{margin-bottom:25px}.login-form[data-v-31570ad8] .el-tabs .el-tabs__header .el-tabs__item{font-size:14px}.login-form[data-v-31570ad8] .el-tabs__item{font-size:20px!important;font-weight:600;letter-spacing:1px}.login-form[data-v-31570ad8] .login-forgot{text-align:right}.login-form[data-v-31570ad8] .login-forgot a{color:var(--el-color-primary)}.login-form[data-v-31570ad8] .login-forgot a:hover{color:var(--el-color-primary-light-3)}.login-form[data-v-31570ad8] .login-reg{font-size:14px;color:var(--el-text-color-primary)}.login-form[data-v-31570ad8] .login-reg a{color:var(--el-color-primary)}.login-form[data-v-31570ad8] .login-reg a:hover{color:var(--el-color-primary-light-3)}.login_config[data-v-31570ad8]{position:absolute;top:20px;right:20px}.login-form[data-v-31570ad8] .login-msg-yzm{display:flex;width:100%}.login-form[data-v-31570ad8] .login-msg-yzm .el-button{margin-left:10px;--el-button-size:42px}.qrCodeLogin[data-v-31570ad8]{text-align:center;position:relative;padding:20px 0}.qrCodeLogin img.qrCode[data-v-31570ad8]{background:#fff;padding:20px;border-radius:10px}.qrCodeLogin p.msg[data-v-31570ad8]{margin-top:15px}.qrCodeLogin .qrCodeLogin-result[data-v-31570ad8]{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;background:var(--el-mask-color)}.login-form[data-v-31570ad8] .el-tabs__item{font-size:20px;font-weight:500;color:#3a3a4a;transition:color .2s}.login-form[data-v-31570ad8] .el-tabs__item.is-active{color:#2563eb}.login-form[data-v-31570ad8] .login-btn{border-radius:8px;font-size:16px;padding:12px 0;background:linear-gradient(90deg,#2563eb,#60a5fa);color:#fff;border:none;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px 0 rgba(37,99,235,.08)}.login-form[data-v-31570ad8] .login-btn:hover{background:linear-gradient(90deg,#1d4ed8,#3b82f6);box-shadow:0 4px 16px 0 rgba(37,99,235,.16)}.login-form[data-v-31570ad8] .login-forgot a,.login-form[data-v-31570ad8] .login-reg a{transition:color .2s}.login-form[data-v-31570ad8] .login-forgot a:hover,.login-form[data-v-31570ad8] .login-reg a:hover{color:#1d4ed8}