.login-page{position:relative;width:100%;height:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#eef1f5;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}.login-bg-circle{position:absolute;border-radius:50%;pointer-events:none}.login-bg-circle-1{width:560px;height:560px;left:-180px;top:-200px;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.85),hsla(0,0%,100%,0) 70%)}.login-bg-circle-2{width:680px;height:680px;right:-240px;bottom:-280px;background:radial-gradient(circle at 70% 70%,rgba(170,182,198,.38),rgba(170,182,198,0) 70%)}.login-card{position:relative;z-index:10;display:flex;width:860px;max-width:calc(100% - 40px);min-height:460px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid rgba(130,148,176,.12);box-shadow:0 20px 50px rgba(90,110,150,.24);animation:login-card-in .5s ease both}@keyframes login-card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-left{width:42%;padding:42px 38px 34px;background:linear-gradient(180deg,#2a4c70,#1f3a57 60%,#162b42);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-left .brand-bar{width:34px;height:4px;border-radius:2px;background:#409eff;margin-bottom:14px}.login-left h1{margin:0 0 10px;font-size:22px;font-weight:600;letter-spacing:1px;color:#fff}.login-left p{margin:0;font-size:13px;line-height:1.9;color:hsla(0,0%,100%,.65)}.login-left .login-left-img{width:100%;margin-top:28px}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 46px;background:#fff}.login-form-wrap{width:100%;max-width:320px}.login-title{margin:0 0 8px;font-size:20px;font-weight:600;color:rgba(0,0,0,.85)}.login-subtitle{margin:0 0 30px;font-size:13px;color:rgba(0,0,0,.45)}.login-form .el-form-item{margin-bottom:22px}.login-form .el-input .el-input__inner{height:44px;line-height:44px;border-radius:4px;border-color:#dcdfe6;color:#303133;padding-left:34px;transition:border-color .2s}.login-form .el-input .el-input__inner:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-form .el-input .el-input__inner:focus{border-color:#409eff}.login-form .el-input .el-input__prefix{left:10px}.login-form .el-input .el-input__prefix .iconfont{font-size:15px;color:#a8abb2}.verify-row{display:flex;align-items:center}.verify-row .verify-input{flex:1}.verify-row .img-code{width:110px;height:44px;margin-left:10px;border-radius:4px;border:1px solid #dcdfe6;cursor:pointer}.login-btn{width:100%;height:44px;font-size:15px;letter-spacing:6px;border-radius:4px;background:#409eff;border-color:#409eff}.login-btn:focus,.login-btn:hover{background:#66b1ff;border-color:#66b1ff}.login-footer{position:fixed;left:0;right:0;bottom:16px;z-index:10;text-align:center;font-size:12px;color:rgba(0,0,0,.42)}.login-footer a{color:rgba(0,0,0,.42);text-decoration:none}.login-footer a:hover{color:#409eff}.login-footer .copyright{margin-bottom:6px}.login-footer .copyright a{color:rgba(0,0,0,.62)}.login-footer .icp-gap{margin:0 8px;color:rgba(0,0,0,.2)}@media(max-width:900px){.login-left{display:none}.login-card{width:420px;min-height:auto}}@media(max-width:480px){.login-card{width:calc(100% - 24px)}.login-right{padding:36px 24px}}