.login-box{right:0;bottom:0;background:#fff}.login-box,.login-box .imgBox{position:fixed;top:0;left:0;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;overflow:hidden}.login-box .imgBox{width:40%;height:100vh}.login-box .imgBox img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.login-box .login-wrapper{position:absolute;left:40%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:60%;padding:0 3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.login-box .login-wrapper:before{content:"";position:absolute;top:-40%;right:10%;width:3.33333rem;height:3.33333rem;background:linear-gradient(140deg,hsla(0,100%,71%,.1),hsla(0,100%,71%,.05));border-radius:50%;-webkit-filter:blur(.33333rem);filter:blur(.33333rem);z-index:0}.login-box .login-wrapper .form-container{width:100%;position:relative}.login-box .login-wrapper .form-fade-enter-active,.login-box .login-wrapper .form-fade-leave-active{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,transform .5s;transition:opacity .5s,transform .5s,-webkit-transform .5s}.login-box .login-wrapper .form-fade-enter,.login-box .login-wrapper .form-fade-leave-to{opacity:0;-webkit-transform:translateY(.33333rem);transform:translateY(.33333rem)}.login-box .login-wrapper .login-form{background:#fff;position:relative;z-index:1;width:100%}.login-box .login-wrapper .login-form h2{font-family:DIN-Medium,sans-serif;font-size:.4rem;color:#333;margin-bottom:.5rem;letter-spacing:.5px}.login-box .login-wrapper .login-form .el-form .el-form-item{margin-bottom:.41667rem}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .el-input{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:.25rem}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .code-input .el-input__inner{letter-spacing:.03333rem;font-weight:500}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .code-img-wrapper{position:relative;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;border:.01667rem solid #e4e7ed;border-radius:.13333rem;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .code-img-wrapper:hover{border-color:#ff6b6b;-webkit-box-shadow:0 0 .13333rem hsla(0,100%,71%,.3);box-shadow:0 0 .13333rem hsla(0,100%,71%,.3)}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .code-img-wrapper:hover .refresh-overlay{opacity:1}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .code-img-wrapper img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .code-img-wrapper .refresh-overlay{position:absolute;top:0;left:0;width:100%;height:100%;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;background-color:rgba(0,0,0,.2);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .code-img-wrapper .refresh-overlay i{color:#fff;font-size:.33333rem;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.login-box .login-wrapper .login-form .el-form .el-form-item .yzmBox .code-img-wrapper .refresh-overlay:hover i{-webkit-transform:scale(1.2);transform:scale(1.2)}.login-box .login-wrapper .login-form .el-form .el-input .el-input__inner{height:.73333rem;line-height:.73333rem;border:.01667rem solid #e4e7ed;border-radius:.13333rem;font-family:DIN-Medium,sans-serif;font-size:.25rem;-webkit-transition:all .3s ease;transition:all .3s ease}.login-box .login-wrapper .login-form .el-form .el-input .el-input__inner:hover{border-color:#ff6b6b}.login-box .login-wrapper .login-form .el-form .el-input .el-input__inner:focus{border-color:#ff6b6b;-webkit-box-shadow:0 0 0 .03333rem hsla(0,100%,71%,.1);box-shadow:0 0 0 .03333rem hsla(0,100%,71%,.1)}.login-box .login-wrapper .login-form .el-form .el-input .el-input__inner::-webkit-input-placeholder{color:#909399;font-family:sans-serif}.login-box .login-wrapper .login-form .el-form .el-input .el-input__inner::-moz-placeholder{color:#909399;font-family:sans-serif}.login-box .login-wrapper .login-form .el-form .el-input .el-input__inner:-ms-input-placeholder{color:#909399;font-family:sans-serif}.login-box .login-wrapper .login-form .el-form .el-input .el-input__inner::-ms-input-placeholder{color:#909399;font-family:sans-serif}.login-box .login-wrapper .login-form .el-form .el-input .el-input__inner::placeholder{color:#909399;font-family:sans-serif}.login-box .login-wrapper .login-form .el-form .forgot-password{text-align:right;margin:-.25rem 0 .33333rem}.login-box .login-wrapper .login-form .el-form .forgot-password a{color:#909399;font-size:.23333rem;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.login-box .login-wrapper .login-form .el-form .forgot-password a:hover{color:#ff6b6b}.login-box .login-wrapper .login-form .el-form .login-btn{width:100%;height:.73333rem;background:#ff6b6b;border-color:#ff6b6b;font-size:.26667rem;font-family:DIN-Medium,sans-serif;border-radius:.13333rem;-webkit-transition:all .3s ease;transition:all .3s ease;letter-spacing:.01667rem}.login-box .login-wrapper .login-form .el-form .login-btn:hover{background:#ff5252;border-color:#ff5252;-webkit-transform:translateY(-.01667rem);transform:translateY(-.01667rem);-webkit-box-shadow:0 .06667rem .2rem hsla(0,100%,71%,.2);box-shadow:0 .06667rem .2rem hsla(0,100%,71%,.2)}.login-box .login-wrapper .login-form .el-form .register-link{margin-top:.41667rem;text-align:right;font-size:.23333rem}.login-box .login-wrapper .login-form .el-form .register-link span{color:#909399;font-family:sans-serif}.login-box .login-wrapper .login-form .el-form .register-link a{color:#ff6b6b;text-decoration:none;margin-left:.08333rem;font-family:DIN-Medium,sans-serif;-webkit-transition:all .3s ease;transition:all .3s ease}.login-box .login-wrapper .login-form .el-form .register-link a:hover{color:#ff5252}.login-box .xuhao{position:fixed;bottom:.33333rem;left:40%;width:60%;text-align:center;padding:.16667rem 3rem;font-size:.2rem;color:#999;-webkit-box-sizing:border-box;box-sizing:border-box;background:hsla(0,0%,100%,.9)}.login-box .xuhao .el-link{font-size:.2rem;color:#999;margin:0 .08333rem}.login-box .xuhao .el-link:hover{color:#666}.login-box .login-title{font-size:.3rem;color:#ff6b6b;margin-bottom:.83333rem;position:relative;letter-spacing:.01667rem}.login-box .login-title:after{content:"";position:absolute;bottom:-.2rem;left:0;width:1rem;height:.06667rem;background:-webkit-gradient(linear,left top,right top,from(#ff6b6b),to(#ff8e8e));background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:.03333rem;-webkit-box-shadow:0 .03333rem .1rem hsla(0,100%,71%,.3);box-shadow:0 .03333rem .1rem hsla(0,100%,71%,.3)}