.login-wraper{position:relative;width:100%;height:100%;margin:0 auto;background:url(/img/bg/background.png) no-repeat;background-size:cover;box-sizing:border-box;background-color:#3191ab;overflow:hidden;background-position:center}.login-wraper .account-row{height:40px;display:flex;justify-content:space-between;padding:32px 60px;color:#fff}.login-wraper .account-row .register{font-size:18px;color:#2684fc;cursor:pointer}.login-container{width:max-content;height:max-content;position:absolute;right:200px;top:50%;transform:translateY(-50%);border:12px solid rgba(224,232,255,.2);border-radius:8px}.login-system-title{font-family:Roboto-Bold;color:#000;font-size:64px;font-style:normal;font-weight:800;line-height:normal;margin:0 auto 0 80px;padding-top:10px;width:max-content}.login-system-title-sub{color:#2684fc;font-family:Inter;font-size:28px;font-style:normal;font-weight:600;line-height:normal;margin:0 auto 40px 80px}.login-weaper{width:424px;min-height:528px;margin:0 auto;background-color:#fff;background-size:cover;border-radius:8px}.login-weaper .el-input-group__append{border:none}.login-left,.login-border{position:relative;min-height:528px;align-items:center;display:flex;height:100%}.login-left{border-top-left-radius:5px;border-bottom-left-radius:5px;justify-content:center;flex-direction:column;background-color:#8b9aac;color:#fff;float:left;width:50%;position:relative}.login-left .img{width:140px}.login-time{position:absolute;left:25px;top:25px;width:100%;color:#fff;font-weight:200;opacity:.9;font-size:18px;overflow:hidden}.login-left .title{text-align:center;color:#fff;font-weight:700;font-size:30px;letter-spacing:2px}.login-border{border-left:none;border-radius:10px;color:#fff;width:100%;box-sizing:border-box}.logo-icon-box{width:144px;height:45px;background-size:cover;background-repeat:no-repeat;background-position:center center;margin:80px 0 0 80px}.login-main{box-sizing:border-box;position:relative;height:100%;width:100%;margin:0 40px}.login-main .lang-row{margin-top:48px;display:flex;align-items:center;justify-content:flex-end;text-align:right;height:auto}.login-main .lang-row .lang-item-box{background:#fff;height:32px;line-height:32px}.login-main .lang-row .lang-item-box .lang-text{padding:0 6px}.login-main>h3{margin-bottom:20px}.login-main>p{color:#76838f}.login-title-box{margin-top:32px;margin-bottom:32px}.login-title-box .login-title{font-family:Roboto-Bold;color:#1f2a37;font-weight:500;font-size:32px;position:relative;height:44px;line-height:44px}.login-title-box .underline{display:block;width:26px;height:4px;margin-top:4px;background:#2684fc}.login-button{width:100%;cursor:pointer;height:40px;line-height:40px;justify-content:center;align-items:center;text-align:center;background:radial-gradient(0% 36% at 67% 18%,#2684fc,#2684fc00),#046df6;box-shadow:0 1px 1px #2584fc36,0 2px 2px #2584fc2e,0 5px 3px #2584fc1c,0 9px 4px #2584fc08,0 14px 4px #2584fc00,inset 0 -1px #0000001a;border-radius:6px}.login-button:hover{background:radial-gradient(0% 36% at 67% 18%,#2684fc,#2684fc00),#046df6;box-shadow:0 1px 1px #2584fc36,0 2px 2px #2584fc2e,0 5px 3px #2584fc1c,0 9px 4px #2584fc08,0 14px 4px #2584fc00,inset 0 -1px #0000001a;border-radius:6px}.login-menu{margin-top:40px;width:100%;text-align:center}.login-menu a{color:#999;font-size:12px;margin:0 8px}.btn-submit{width:100%;height:45px;border:1px solid var(--el-color-primary);background:none;font-size:18px;letter-spacing:2px;font-weight:300;color:var(--el-color-primary);cursor:pointer;margin-top:30px;transition:.25s}.login-submit{width:60%;height:45px;border:1px solid var(--el-color-primary);background:none;font-size:18px;letter-spacing:2px;font-weight:300;color:var(--el-color-primary);cursor:pointer;margin-top:30px;transition:.25s}.register-submit{width:36%;height:45px;border:1px solid #ef2f63;background:none;font-size:18px;letter-spacing:2px;font-weight:300;color:#ef2f63;cursor:pointer;margin-top:30px;transition:.25s}.login-form{margin:10px 0}.login-form i{color:#333}.login-form .el-form-item{margin-bottom:24px}.login-form .el-form-item__content{width:100%;display:inline}.login-form .el-form-item__content .el-input__wrapper{box-sizing:border-box;padding:5px 8px;box-shadow:0 0 0 1px #e3e8f2 inset}.login-form .login-footer-button{margin:32px auto}.copyright{overflow:hidden;color:#bac0cc;text-align:center;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:150%;padding-bottom:48px}.login-code{display:flex;align-items:center;justify-content:space-around;width:100%;overflow:hidden}.login-code-img{width:100%;height:40px;background-color:#fdfdfd;border:1px solid #f0f0f0;color:#333;font-size:14px;font-weight:700;letter-spacing:5px;line-height:40px;text-indent:5px;text-align:center;cursor:pointer!important;border-radius:4px;overflow:hidden;display:flex}.login-code-phone{margin-top:2px;width:100px;height:38px;background-color:#fdfdfd;border:1px solid #f0f0f0;color:#7c7979;font-size:12px;letter-spacing:1px;line-height:38px;text-indent:5px;text-align:center;cursor:pointer!important}
