.login-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;width:100%;overflow:hidden}.brand-section{-webkit-box-flex:1;-ms-flex:1;flex:1;background:linear-gradient(135deg,#06f,#82c6ff);position:relative;overflow:hidden}.brand-section .background-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.login-section{width:500px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 50px;-webkit-box-shadow:-4px 0 10px rgba(0,0,0,.05);box-shadow:-4px 0 10px rgba(0,0,0,.05);position:relative}.login-section .login-box{width:100%;padding-top:25vh}.login-section .login-header{margin-bottom:40px}.login-section .login-header .logo-container{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;margin-bottom:30px}.login-section .login-header .logo-image{width:40px;height:40px;margin-right:10px}.login-section .login-header .logo-text{font-size:24px;font-weight:700;color:#146bfa}.login-section .login-header .login-title{font-size:20px;color:#575757;margin:0}.login-section .login-form{padding:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.login-section .login-form .el-form-item{margin-bottom:25px}.login-section .login-form .el-input{height:48px}#app .login-section .login-form .el-input__inner{height:48px;line-height:48px;font-size:16px;border:none;border-bottom:1px solid #dcdfe6;border-radius:0;background-color:transparent;padding-left:30px;-webkit-transition:all .3s;transition:all .3s}#app .login-section .login-form .el-input__inner:focus{border-bottom:2px solid #146bfa;-webkit-box-shadow:none;box-shadow:none}#app .login-section .login-form .el-input__prefix{left:0}#app .login-section .login-form .el-input__prefix .el-input__icon{font-size:18px;color:#909399}#app .login-section .login-form .el-input:hover .el-input__inner{border-bottom-color:#146bfa}.login-section .login-form .remember-section{margin-bottom:30px}.login-section .login-form .btn-login-container{margin-top:10px}.login-section .login-form .btn-login-container .btn-login{width:100%;height:50px;font-size:18px;background-color:#06f;border-color:#06f}.login-section .login-form .btn-login-container .btn-login:focus,.login-section .login-form .btn-login-container .btn-login:hover{background-color:#0052cc;border-color:#0052cc}.login-section .footer{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-size:12px;color:#999;padding:0 20px}.login-section .footer .contact-info{margin-bottom:5px}.login-section .footer .copyright-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.login-section .footer .copyright-info .beian-link a{color:#999;text-decoration:none}.login-section .footer .copyright-info a:hover{color:#06f}@media screen and (max-width:1200px){.brand-section{display:none}.login-section{width:100%}}/deep/ .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#06f;border-color:#06f}/deep/ .el-checkbox__input.is-checked+.el-checkbox__label{color:#606266}>>>.el-form{-webkit-box-shadow:none!important;box-shadow:none!important}/deep/ .el-form-item__content{background-color:transparent}