.login-container[data-v-b1530e9e]{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background:#fff;overflow:hidden}.login-container .left-section[data-v-b1530e9e]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:url(../img/logbg.36c33c61.png) no-repeat;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-container .left-section .content[data-v-b1530e9e]{z-index:1;color:#fff;text-align:center;margin-right:20%}.login-container .left-section .content h1[data-v-b1530e9e]{font-size:28px;margin-bottom:20px;-webkit-animation:fadeIn-data-v-b1530e9e .5s ease forwards;animation:fadeIn-data-v-b1530e9e .5s ease forwards}.login-container .left-section .content .illustration[data-v-b1530e9e]{max-width:480px;margin:40px auto 0;-webkit-animation:fadeInLeft-data-v-b1530e9e 1s ease forwards;animation:fadeInLeft-data-v-b1530e9e 1s ease forwards}.login-container .left-section .content .illustration img[data-v-b1530e9e]{width:100%}@-webkit-keyframes fadeInLeft-data-v-b1530e9e{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft-data-v-b1530e9e{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn-data-v-b1530e9e{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn-data-v-b1530e9e{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.login-container .right-section[data-v-b1530e9e]{width:500px;padding:40px 40px 40px 80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:1;background:transparent;right:200px}.login-container .right-section .login-box[data-v-b1530e9e]{width:100%;max-width:400px;margin:0 auto}.login-container .right-section .login-box h2[data-v-b1530e9e]{font-size:35px;margin-bottom:40px;font-weight:700;color:#000}.login-container .right-section .login-box .verify-code[data-v-b1530e9e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.login-container .right-section .login-box .verify-code .el-input[data-v-b1530e9e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.login-container .right-section .login-box .verify-code img[data-v-b1530e9e]{width:100px;height:40px;cursor:pointer}.login-container .right-section .login-box .remember-me[data-v-b1530e9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px 0}.login-container .right-section .login-box .remember-me a[data-v-b1530e9e]{color:#409eff;text-decoration:none}.login-container .right-section .login-box .login-btn[data-v-b1530e9e]{width:100%;height:40px;margin:20px 0}.login-container .right-section .login-box .other-login[data-v-b1530e9e]{margin-top:30px}.login-container .right-section .login-box .other-login .divider[data-v-b1530e9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:20px 0;color:#999}.login-container .right-section .login-box .other-login .divider[data-v-b1530e9e]:after,.login-container .right-section .login-box .other-login .divider[data-v-b1530e9e]:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background:#eee}.login-container .right-section .login-box .other-login .divider span[data-v-b1530e9e]{padding:0 12px}.login-container .right-section .login-box .other-login .login-methods[data-v-b1530e9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px}.login-container .right-section .login-box .other-login .social-login[data-v-b1530e9e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:24px;margin-top:20px}.login-container .right-section .login-box .other-login .social-login i[data-v-b1530e9e]{font-size:24px;color:#666;cursor:pointer;-webkit-transition:color .3s;transition:color .3s}.login-container .right-section .login-box .other-login .social-login i[data-v-b1530e9e]:hover{color:#409eff}[data-v-b1530e9e] .el-input__inner{border-radius:8px;border-color:#a2a9b9}.fade-in-item[data-v-b1530e9e]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px);-webkit-animation:fadeInRight-data-v-b1530e9e .5s ease forwards;animation:fadeInRight-data-v-b1530e9e .5s ease forwards}.fade-in-item .verify-code[data-v-b1530e9e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.fade-in-item .verify-code img[data-v-b1530e9e]{width:100px;height:40px;cursor:pointer;border-radius:8px}.login-btn[data-v-b1530e9e]{border-radius:8px;background-color:#3663f8}.fade-in-item[data-v-b1530e9e]:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.fade-in-item[data-v-b1530e9e]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.fade-in-item[data-v-b1530e9e]:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.fade-in-item[data-v-b1530e9e]:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.fade-in-item[data-v-b1530e9e]:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes fadeInRight-data-v-b1530e9e{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight-data-v-b1530e9e{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}[data-v-b1530e9e] .el-input__inner:focus,[data-v-b1530e9e] .el-input__inner:hover{outline:none;border-color:#818cf8;background-color:#fff;-webkit-box-shadow:0 0 0 5px rgba(88,104,241,.2);box-shadow:0 0 0 5px rgba(88,104,241,.2);-webkit-transition:border-color 2s;transition:border-color 2s}[data-v-b1530e9e] .el-button:hover{letter-spacing:3px;background-color:#3527f1;color:#fff;-webkit-box-shadow:#2913ee 0 7px 29px 0;box-shadow:0 7px 29px 0 #2913ee}