body,html{height:100%;margin:0;padding:0}.login-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:radial-gradient(1000px 600px at 15% 20%,rgba(122,162,255,.18),transparent 60%),radial-gradient(900px 600px at 85% 85%,rgba(96,196,228,.16),transparent 60%),linear-gradient(135deg,#f4f7fd,#e9f0fb 50%,#eef4fc);background-size:cover;background-position:50%}.login-container,.login-weaper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.login-weaper{max-width:920px;min-height:480px;border-radius:18px;overflow:hidden;-webkit-box-shadow:0 18px 50px rgba(60,100,180,.16);box-shadow:0 18px 50px rgba(60,100,180,.16);background:#fff}.login-left{position:relative;-webkit-box-flex:0;-ms-flex:0 0 52%;flex:0 0 52%;background-image:url(/static/img/login.png);background-size:cover;background-position:50%}.login-left:before{content:"";position:absolute;inset:0;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.06)),to(rgba(235,242,255,.1)));background:linear-gradient(180deg,hsla(0,0%,100%,.06),rgba(235,242,255,.1))}.login-border{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.login-main{width:100%;padding:44px 42px;-webkit-box-sizing:border-box;box-sizing:border-box}.login-header{text-align:center;margin-bottom:34px}.login-logo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:56px;height:56px;margin-bottom:16px;border-radius:14px;background:linear-gradient(135deg,#5d94f8,#3d5ee8);-webkit-box-shadow:0 8px 18px rgba(74,140,251,.3);box-shadow:0 8px 18px rgba(74,140,251,.3)}.login-logo i{font-size:30px;color:#fff}.login-title{color:#2c3e66;font-weight:700;font-size:26px;margin:0 0 10px;letter-spacing:4px}.login-sub-title{color:#9aa1b6;font-size:12px;margin:0;letter-spacing:3px}.login-form .el-input__inner{height:46px;line-height:46px;border-radius:8px;font-size:14px}.login-form .el-input__icon,.login-submit{line-height:46px}.login-submit{width:100%;height:46px;padding:0;border:none!important;background:-webkit-gradient(linear,left top,right top,from(#4a8cfb),to(#3d5ee8))!important;background:linear-gradient(90deg,#4a8cfb,#3d5ee8)!important;color:#fff!important;font-size:15px;letter-spacing:6px;font-weight:500;border-radius:8px;cursor:pointer;margin-top:12px;-webkit-transition:.25s;transition:.25s}.login-submit:hover{opacity:.9;-webkit-box-shadow:0 8px 20px rgba(74,140,251,.35);box-shadow:0 8px 20px rgba(74,140,251,.35)}@media screen and (max-width:768px){.login-weaper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:420px;min-height:auto}.login-left{-webkit-box-flex:0;-ms-flex:none;flex:none;min-height:180px}.login-border{width:100%}.login-title{font-size:22px}}