.login-container{height:100vh;width:100vw;overflow:hidden}.login-container,.login-panel{position:relative;display:flex}.login-panel{width:520px;height:100%;background-color:#fff;align-items:center;justify-content:center;z-index:3;box-shadow:-10px 0 30px rgba(0,0,0,.2)}.login-content{width:85%;max-width:420px}.system-branding{flex:1;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;position:relative;background:url(https://img.freepik.com/free-vector/business-team-putting-together-jigsaw-puzzle-isolated-flat-vector-illustration-cartoon-partners-working-connection-teamwork-partnership-cooperation-concept_74855-9814.jpg) 50%/cover no-repeat}.system-branding:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}.logo-container{text-align:center;color:#fff;max-width:600px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative;z-index:1}.system-name{font-size:42px;font-weight:600;margin:0;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative;z-index:2}.system-slogan{font-size:24px;margin:20px 0 0;letter-spacing:8px;text-shadow:0 2px 8px rgba(0,0,0,.3);position:relative;z-index:2;font-weight:300}.login-header{text-align:center;margin-bottom:40px}.login-title{font-size:28px;color:#333;margin-bottom:10px;font-weight:600}.login-subtitle{color:#666;font-size:16px}.login-form{display:flex;flex-direction:column}.custom-form-item{margin-bottom:25px}.custom-form-item .el-input__inner{height:50px;border-radius:5px;padding-left:55px;border:1px solid #dcdfe6;transition:all .3s;font-size:16px;line-height:50px}.custom-form-item .el-input__prefix{top:3px;left:20px;height:100%;display:flex;align-items:center}.custom-form-item .el-input__prefix i{font-size:22px;color:#909399;line-height:1}.custom-form-item .el-input__inner:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.1)}.custom-form-item .el-input__inner:focus+.el-input__prefix i{color:#409eff}.button-group{margin-bottom:40px}.login-btn{width:100%;height:50px;font-size:16px;letter-spacing:1px;background-color:#409eff;border-color:#409eff}.login-btn:hover{background-color:#66b1ff;border-color:#66b1ff}.footer-info{text-align:center;color:#909399;font-size:14px;margin-top:30px}.captcha-container{display:flex;align-items:center;justify-content:space-between;min-width:100px;cursor:pointer;padding:0 10px;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.captcha-code{font-family:Courier New,Courier,monospace;font-weight:700;font-size:18px;letter-spacing:2px;color:#409eff;margin-right:5px}.captcha-refresh{color:#909399;font-size:16px}.captcha-container:hover .captcha-refresh{color:#409eff}@media screen and (max-width:992px){.login-container{flex-direction:column-reverse}.login-panel{width:100%;height:100%}.system-branding{display:none}.login-content{padding:30px 20px}}