*{padding:0;margin:0}@font-face{font-family:'fzdh';src:url("./fonts/fzdh.ttf")}.header-wrapper .login-logo{position:absolute;left:100px;top:68px;z-index:5}.header-wrapper .login-logo a,.header-wrapper .login-logo img{display:block}.header-wrapper .goback{position:absolute;right:58px;top:52px;width:114px;height:40px;background:#fff url("../images/login/icon-back.png") 12px center no-repeat;border-radius:4px;box-shadow:0px 4px 4px rgba(147,148,150,0.2);padding-left:41px;z-index:5}.header-wrapper .goback a{display:block;text-decoration:none;font-size:14px;color:#999999;line-height:40px}.header-wrapper .goback:hover{background-image:url("../images/login/icon-back-active.png")}.header-wrapper .goback:hover a{color:#DD0F1F}.login-wrapper{width:100vw;height:100vh;background-color:#ffffff;display:flex;align-items:center}.login-wrapper .login-left{flex:1;height:100%;background:url("../images/login/banner-bg.png") center center no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.login-wrapper .login-left .banner{max-width:100%;display:block}.login-wrapper .login-right{width:34.375%;min-width:460px}.login-wrapper .login-right .copyright{position:absolute;right:0;bottom:40px;width:34.375%;min-width:460px;color:#b4b2b2;letter-spacing:0.6px;font-size:12px;line-height:20px;text-align:center}.login-wrapper .login-right .login-form{width:380px;margin:0 auto;padding-bottom:120px}.login-wrapper .login-right .login-form .title{font-size:30px;color:#333333;position:relative;margin-bottom:80px;line-height:72px;height:72px;letter-spacing:1.5px;font-family:'fzdh'}.login-wrapper .login-right .login-form .title::before{content:"";position:absolute;left:0;bottom:0;width:60px;height:4px;background:#dd0f1f}.login-wrapper .login-right .login-form .flex-code{display:flex;column-gap:10px}.login-wrapper .login-right .login-form .flex-code .code-img{width:100px;height:40px;flex-shrink:0}.login-wrapper .login-right .login-form .flex-code img{display:block;width:100%;height:100%;cursor:pointer}.login-wrapper .login-right .login-form .login-btn{padding-top:30px}.login-wrapper .login-right .login-form .login-btn .el-button--primary{width:100%;height:48px;font-size:16px}.login-wrapper .login-right .el-form-item{margin-bottom:30px}.login-wrapper .login-right .el-input.is-active .el-input__inner,.login-wrapper .login-right .el-input__inner:focus{border-color:#DD0F1F}.login-wrapper .login-right .el-button--primary{background-color:#DD0F1F;border-color:#DD0F1F}.login-wrapper .login-right .el-button--primary:focus,.login-wrapper .login-right .el-button--primary:hover{opacity:0.8}.login-wrapper .login-right .el-input--prefix .el-input__inner{padding-left:56px}.login-wrapper .login-right .el-input--prefix .input-icon{display:block;width:46px;height:100%;background-position:center center;background-repeat:no-repeat}.login-wrapper .login-right .el-input--prefix .input-icon.account-icon{background-image:url("../images/login/icon-account.png")}.login-wrapper .login-right .el-input--prefix .input-icon.psd-icon{background-image:url("../images/login/icon-psd.png")}.login-wrapper .login-right .el-input--prefix .input-icon.code-icon{background-image:url("../images/login/icon-code.png")}.login-wrapper .login-right .el-input--prefix .input-icon.focus.account-icon{background-image:url("../images/login/icon-account-active.png")}.login-wrapper .login-right .el-input--prefix .input-icon.focus.psd-icon{background-image:url("../images/login/icon-psd-active.png")}.login-wrapper .login-right .el-input--prefix .input-icon.focus.code-icon{background-image:url("../images/login/icon-code-active.png")}