.login-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;background-image:url(../img/bg2.488f6116.png);background-repeat:repeat-x;background-attachment:fixed;background-size:100% 100%}.login-container,.login-container .box{display:-webkit-box;display:-ms-flexbox;display:flex}.login-container .box{width:810px;height:515px;background-color:#fff;border-radius:8px}.login-container .box .box-left{width:350px;background:url(../img/banner.d5441a77.png) no-repeat}.login-container .box .login-form{width:460px;padding:0 60px;text-align:center}.login-container .box .login-form .pwd-box{position:relative}.login-container .box .login-form .pwd-box .icon{position:absolute;right:0;bottom:7px;width:20px;height:16px}.login-container .box .login-form .el-form-item{margin:0}.login-container .box .login-form h3{margin-top:47px;font-size:24px;font-weight:700;color:#27364d}.login-container .box .login-form input{width:100%;height:30px;padding:0;margin-top:48px;font-size:16px;font-weight:400;color:#27364d;vertical-align:middle;background-color:#fff;border:0;border-bottom:1px solid #ddd;border-radius:0;outline:0;caret-color:#008cff}.login-container .box .login-form input:focus{border-bottom:1px solid #008cff}.login-container .box .login-form .el-button{border:none}.login-container .box .login-form input:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-container .box .login-form .code .el-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.login-container .box .login-form .code .el-form-item__content input{width:190px}.login-container .box .login-form .code .el-form-item__content .code-area{-ms-flex-negative:0;flex-shrink:0;width:140px;height:48px;margin-left:10px;cursor:pointer;border-radius:8px}.login-container .box .login-form .btn{width:340px;height:60px;margin:43px 0 40px;font-size:20px;font-weight:500;color:#eff4f8;background:-webkit-gradient(linear,left top,right top,from(#51b2f7),to(#2d66f5));background:linear-gradient(90deg,#51b2f7,#2d66f5);border-radius:8px;-webkit-box-shadow:0 4px 8px 0 rgba(0,140,255,.2);box-shadow:0 4px 8px 0 rgba(0,140,255,.2)}.login-container .box .login-form .op{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-container .box .login-form .op .tips{font-size:16px;color:#666;cursor:pointer}.login-container .app-qr-div{top:50%;width:520px;height:395px;text-align:center;border-radius:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login-container .app-qr-div .title{margin:0 0 53px;font-size:24px;font-weight:700;color:#27364d}.login-container .app-qr-div .code-div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-container .app-qr-div .code-div img{width:210px;height:210px}.login-container .app-qr-div .code-div p{margin:-15px 0 0;font-size:16px;color:#7f8594}