.login{display:flex;min-height:100vh;background:#faf5ee}.login .login-left{flex:0 0 42%;background:#e8893a;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.login .login-left:before{content:"";position:absolute;top:-60px;left:-60px;width:220px;height:220px;border-radius:50%;background:#f0997b;opacity:.3}.login .login-left:after{content:"";position:absolute;bottom:-80px;right:-50px;width:200px;height:200px;border-radius:50%;background:#d87528;opacity:.35}.login .login-left .brand-area{position:relative;z-index:1;text-align:center;padding:40px}.login .login-left .brand-area .brand-logo{margin-bottom:24px}.login .login-left .brand-area .brand-logo img{width:88px;height:88px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3)}.login .login-left .brand-area .brand-title{font-size:30px;font-weight:500;color:#fff;margin:0 0 8px 0;letter-spacing:2px}.login .login-left .brand-area .brand-subtitle{font-size:14px;color:hsla(0,0%,100%,.85);margin:0;letter-spacing:1px}.login .login-left .brand-area .brand-divider{width:56px;height:3px;background:#ffd56b;border-radius:2px;margin:20px auto}.login .login-left .brand-area .brand-slogans p{font-size:13px;color:hsla(0,0%,100%,.75);margin:6px 0;letter-spacing:1px}.login .login-left #clock{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;color:hsla(0,0%,100%,.5);z-index:1}.login .login-left #clock .time{font-size:14px;letter-spacing:.05em;margin:0}.login .login-left #clock .date{font-size:12px;letter-spacing:.1em;margin:2px 0 0}.login .login-right{flex:1;display:flex;justify-content:center;align-items:center;padding:40px}.login .login-right .login-contain{width:100%;max-width:380px}.login .login-right .login-contain .login-form-wrapper .form-title{font-size:22px;font-weight:500;color:#2c2c2a;margin:0 0 6px 0}.login .login-right .login-contain .login-form-wrapper .form-subtitle{font-size:13px;color:#9b978f;margin:0 0 32px 0}.login .login-right .login-contain .el-form-item{margin-bottom:22px}.login .login-right .login-contain .el-input__inner{background:#faf5ee;border:1px solid #eae0d0;border-radius:8px;height:44px;line-height:44px;color:#2c2c2a;font-size:14px}.login .login-right .login-contain .el-input__inner:focus{border-color:#e8893a}.login .login-right .login-contain .el-input__inner::-moz-placeholder{color:#b4aba0}.login .login-right .login-contain .el-input__inner:-ms-input-placeholder{color:#b4aba0}.login .login-right .login-contain .el-input__inner::placeholder{color:#b4aba0}.login .login-right .login-contain .el-input__prefix{color:#c4b8a8;left:10px}.login .login-right .login-contain .el-input__prefix .el-input__icon{font-size:16px;line-height:44px}.login .login-right .login-contain .el-input--prefix .el-input__inner{padding-left:36px}.login .login-right .login-contain .el-input__suffix{color:#c4b8a8}.login .login-right .login-contain .el-input-group__append{background:#faf5ee;border:1px solid #eae0d0;border-left:none;border-radius:0 8px 8px 0;padding:0}.login .login-right .login-contain .btn{width:100%;height:44px;border-radius:8px;font-size:16px;letter-spacing:4px;background:#e8893a;border-color:#e8893a}.login .login-right .login-contain .btn:hover{background:#d87528;border-color:#d87528}.login .login-right .login-contain .to-register{text-align:center;font-size:13px;color:#9b978f;margin-top:8px}.login .login-right .login-contain .to-register a{color:#e8893a;cursor:pointer}.login .login-right .login-contain .to-register a:hover{text-decoration:underline}.login .login-right .login-contain .forgot-password-link{text-align:center;font-size:13px;color:#9b978f;margin-top:4px}.login .login-right .login-contain .forgot-password-link a{color:#9b978f;cursor:pointer}.login .login-right .login-contain .forgot-password-link a:hover{color:#e8893a;text-decoration:underline}.login .login-right .login-contain .copyright{text-align:center;font-size:11px;color:#c4b8a8;margin-top:8px}.login .login-right .login-contain .code-img{width:80px;height:44px;display:block;margin:0 -20px;cursor:pointer}@media screen and (max-width:768px){.login .login-left{display:none}.login .login-right{flex:1}}