.loginPage{min-height:100%;background:linear-gradient(135deg,#e8eefc,#d4e0f7 45%,#c5d4f0);background-image:url(../img/bg.2f9f223f.png);background-repeat:no-repeat;background-size:cover;background-position:50%;width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.loginPage .login-main{display:flex;align-items:stretch;max-width:960px;width:100%;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(58,98,215,.12),0 4px 12px rgba(0,0,0,.06);overflow:hidden}.loginPage .login-main .login-info{flex:0 0 42%;min-width:280px;background:linear-gradient(165deg,#4a72e8,#3a62d7 48%,#2d4fbf);color:#fff;padding:36px 28px;display:flex;align-items:center;justify-content:center}.loginPage .login-main .login-info .login-info-inner{width:100%}.loginPage .login-main .login-info .login-title{font-size:18px;font-weight:600;line-height:1.55;letter-spacing:.02em}.loginPage .login-main .login-info .login-name{margin-top:14px;font-size:14px;opacity:.92;line-height:1.5}.loginPage .login-main .login-info .login-img{margin-top:28px}.loginPage .login-main .login-info .login-img img{width:100%;display:block;filter:drop-shadow(0 8px 20px rgba(0,0,0,.12))}.loginPage .login-main .login-content{flex:1;min-width:0;padding:40px 40px 36px;display:flex;align-items:center;justify-content:center}.loginPage .login-main .login-content .login-content-inner{width:100%;max-width:360px}.loginPage .login-main .login-content .login-wel{text-align:center;font-size:22px;font-weight:600;color:#1a1f36;position:relative;padding-bottom:14px;margin-bottom:8px}.loginPage .login-main .login-content .login-wel:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:48px;height:3px;border-radius:2px;background:linear-gradient(90deg,#3a62d7,#6b8ef0)}.loginPage .login-main .login-content .login-sub{text-align:center;font-size:13px;color:#6b7289;margin:0 0 28px}.loginPage .login-main .login-content .login-form .el-form-item{margin-bottom:20px}.loginPage .login-main .login-content .form-item{display:flex;align-items:center;background:#f4f6fb;border-radius:10px;border:1px solid #e8ecf4;padding:4px 4px 4px 0;transition:border-color .2s,box-shadow .2s}.loginPage .login-main .login-content .form-item:focus-within{border-color:#3a62d7;box-shadow:0 0 0 3px rgba(58,98,215,.12)}.loginPage .login-main .login-content .form-item .icon{flex-shrink:0;padding:0 12px 0 14px;margin-right:0;position:relative;display:flex;justify-content:center;align-items:center}.loginPage .login-main .login-content .form-item .icon:after{content:"";position:absolute;width:1px;height:22px;top:50%;right:0;margin-top:-11px;background-color:rgba(58,98,215,.25)}.loginPage .login-main .login-content .form-item .icon img{width:22px;height:22px}.loginPage .login-main .login-content .form-item .el-input{flex:1}.loginPage .login-main .login-content .form-item /deep/ .el-input__inner{border:none;background:transparent;height:44px;line-height:44px;padding-left:8px}.loginPage .login-main .login-content .formItem{margin-bottom:8px}.loginPage .login-main .login-content .formItem /deep/ .el-checkbox__label{color:#5c6370;font-size:13px}.loginPage .login-main .login-content .login-btn{width:100%;text-align:center;margin-bottom:0;margin-top:8px}.loginPage .login-main .login-content .login-btn .login-btn-submit{width:100%;height:46px;font-size:15px;font-weight:500;letter-spacing:.08em;border-radius:10px;border:none;background:linear-gradient(90deg,#3a62d7,#4f74dc);box-shadow:0 6px 16px rgba(58,98,215,.35)}.loginPage .login-main .login-content .login-btn .login-btn-submit:hover{background:linear-gradient(90deg,#3258c4,#4568cf)}@media (max-width:768px){.loginPage .login-main{flex-direction:column;max-width:420px}.loginPage .login-main .login-info{flex:none;min-width:0;padding:24px 20px}.loginPage .login-main .login-info .login-img{margin-top:16px;max-width:240px;margin-left:auto;margin-right:auto}.loginPage .login-main .login-content{padding:28px 24px 32px}}