.member-login-page .user-login{min-height:660px;border:1px solid #e4e9f0;border-radius:8px;background:#fff;box-shadow:0 20px 55px -34px rgba(34,62,104,.42)}
.member-login-page .user-login .login{flex:0 0 44%;width:44%;max-width:560px;min-height:660px;padding:0 38px 34px}
.member-login-page .user-login .login .tit{padding:38px 0 30px;color:#202631;font-size:28px;line-height:1.3}
.member-login-page .user-login .layui-form{max-width:410px}
.member-login-page .user-login .layui-form .layui-form-item{margin-bottom:18px}
.member-login-page .user-login .layui-form .layui-input{border-radius:8px}
.member-login-page .user-login .layui-form .layui-btn{border-radius:8px;background:#3978d8!important;box-shadow:none!important;transition:background-color .2s!important}
.member-login-page .user-login .layui-form .layui-btn:hover{background:#2f6bc5!important;box-shadow:none!important;transform:none}
.member-login-page .user-login .login-important-tip{margin:0;padding:11px 13px 11px 38px;border-width:1px;border-radius:8px;box-shadow:none;font-size:12px;line-height:1.65}
.member-login-page .user-login .login-important-tip::before{left:13px;top:10px;font-size:16px}
.member-login-page .login-showcase{display:flex;flex:1 1 auto;min-width:0;min-height:660px;padding:48px 50px 38px;border-left:1px solid #e5eaf1;box-sizing:border-box;flex-direction:column;background:#f5f8fc;color:#303846}
.member-login-page .login-showcase-brand{display:inline-flex;align-items:center;gap:8px;color:#3978d8;font-size:13px;font-weight:700;line-height:24px}
.member-login-page .login-showcase-brand i{font-size:16px}
.member-login-page .login-showcase-heading h2{margin:13px 0 8px;color:#202631;font-size:29px;font-weight:700;line-height:1.3;letter-spacing:0}
.member-login-page .login-showcase-heading p{max-width:520px;color:#6f7a8a;font-size:14px;line-height:1.8}
.member-login-page .login-showcase-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 20px;padding:20px 0;border-top:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef}
.member-login-page .login-showcase-stats>div{min-width:0;padding:0 18px;border-right:1px solid #dfe6ef;text-align:center}
.member-login-page .login-showcase-stats>div:first-child{padding-left:0}
.member-login-page .login-showcase-stats>div:last-child{padding-right:0;border-right:0}
.member-login-page .login-showcase-stats strong,.member-login-page .login-showcase-stats span{display:block}
.member-login-page .login-showcase-stats strong{color:#202631;font-size:24px;font-weight:800;line-height:1.25;white-space:nowrap}
.member-login-page .login-showcase-stats span{margin-top:5px;color:#7c8796;font-size:12px;line-height:18px}
.member-login-page .login-showcase-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.member-login-page .login-showcase-feature{display:flex;align-items:center;min-width:0;gap:12px;padding:15px 0;border-bottom:1px solid #e3e8ef}
.member-login-page .login-showcase-feature>i{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:8px;background:#e8f0fc;color:#3978d8;font-size:15px}
.member-login-page .login-showcase-feature>div{min-width:0}
.member-login-page .login-showcase-feature strong,.member-login-page .login-showcase-feature span{display:block}
.member-login-page .login-showcase-feature strong{color:#344054;font-size:14px;font-weight:700;line-height:20px}
.member-login-page .login-showcase-feature span{margin-top:2px;color:#8490a0;font-size:12px;line-height:18px}
.member-login-page .login-showcase-feature-safe{grid-column:1/-1}
.member-login-page .login-showcase-feature-safe>i{border:1px solid #b8d3c5;background:#edf8f2;color:#16814a}
.member-login-page .login-showcase-feature-safe strong{color:#17794a}
.member-login-page .login-showcase-trust{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:22px;color:#566273}
.member-login-page .login-showcase-trust>i{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #b8d3c5;border-radius:50%;background:#edf8f2;color:#16814a;font-size:17px}
.member-login-page .login-showcase-trust strong,.member-login-page .login-showcase-trust span{display:block}
.member-login-page .login-showcase-trust strong{color:#344054;font-size:14px;line-height:20px}
.member-login-page .login-showcase-trust span{margin-top:2px;color:#7c8796;font-size:12px;line-height:18px}
body.night.member-login-page .user-login{border-color:#373a40;background:#292a2d;box-shadow:none}
body.night.member-login-page .user-login .login{background:#292a2d}
body.night.member-login-page .user-login .login .tit{color:#eef1f5}
body.night.member-login-page .login-showcase{border-left-color:#3b3e44;background:#242629;color:#d9dde4}
body.night.member-login-page .login-showcase-brand{color:#82adf2}
body.night.member-login-page .login-showcase-heading h2{color:#eef1f5}
body.night.member-login-page .login-showcase-heading p{color:#a4acb8}
body.night.member-login-page .login-showcase-stats{border-color:#3b3f46}
body.night.member-login-page .login-showcase-stats>div{border-right-color:#3b3f46}
body.night.member-login-page .login-showcase-stats strong{color:#eef1f5}
body.night.member-login-page .login-showcase-stats span{color:#98a1ad}
body.night.member-login-page .login-showcase-feature{border-bottom-color:#383c42}
body.night.member-login-page .login-showcase-feature>i{background:#29384d;color:#8db5f4}
body.night.member-login-page .login-showcase-feature-safe>i{border-color:#355d49;background:#1c382b;color:#75d5a4}
body.night.member-login-page .login-showcase-feature-safe strong{color:#75d5a4}
body.night.member-login-page .login-showcase-feature strong,body.night.member-login-page .login-showcase-trust strong{color:#dfe3e9}
body.night.member-login-page .login-showcase-feature span,body.night.member-login-page .login-showcase-trust span{color:#969faa}
body.night.member-login-page .login-showcase-trust>i{border-color:#355d49;background:#1c382b;color:#75d5a4}
@media screen and (max-width:900px){.member-login-page .user-login{display:block;min-height:0}.member-login-page .user-login .login{width:100%;max-width:none;min-height:0;padding:0 28px 30px}.member-login-page .login-showcase{min-height:0;padding:30px 34px;border-top:1px solid #e5eaf1;border-left:0}.member-login-page .login-showcase-trust{margin-top:22px}body.night.member-login-page .login-showcase{border-top-color:#3b3e44}}
@media screen and (max-width:640px){.member-login-page .user-login{margin-top:76px;border-radius:8px}.member-login-page .user-login .login{padding:0 18px 24px}.member-login-page .user-login .login .tit{padding:28px 0 24px;font-size:24px}.member-login-page .login-showcase{padding:26px 18px 24px}.member-login-page .login-showcase-heading h2{margin-top:10px;font-size:22px}.member-login-page .login-showcase-heading p{font-size:13px;line-height:1.7}.member-login-page .login-showcase-stats{margin:22px 0 12px;padding:16px 0}.member-login-page .login-showcase-stats>div{padding:0 7px}.member-login-page .login-showcase-stats strong{font-size:19px}.member-login-page .login-showcase-stats span{font-size:11px}.member-login-page .login-showcase-features{grid-template-columns:1fr}.member-login-page .login-showcase-feature{padding:12px 0}.member-login-page .login-showcase-trust{padding-top:18px}}