.member-register-page>.container{width:calc(100% - 24px)!important;max-width:520px!important}
.member-register-page .user-login{display:block;width:100%;min-height:0;margin:96px auto 56px;border:1px solid #e8edf4;border-radius:8px;background:#fff;box-shadow:0 18px 48px -28px rgba(35,64,110,.35);overflow:visible}
.member-register-page .user-login .login{width:100%;max-width:none;min-height:0;padding:0 42px 34px;background:transparent}
.member-register-page .user-login .login .tit{padding:32px 0 26px;color:#202631;font-size:26px;line-height:1.3}
.member-register-page .user-login .login .tit span{display:block;margin-top:6px;color:#8a94a3;font-size:13px;font-weight:400}
.member-register-page .user-login .layui-form{width:100%;max-width:none}
.member-register-page .user-login .layui-form .layui-form-item{margin-bottom:17px}
.member-register-page .register-field>span,.member-register-page .register-password-wrap>span{z-index:1;width:42px;color:#8993a2;pointer-events:none}
.member-register-page .register-password-wrap{position:relative}
.member-register-page .user-login .layui-form .layui-input{height:46px;padding:0 13px 0 42px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;color:#303846;line-height:46px;text-indent:0}
.member-register-page .register-password-wrap .layui-input{padding-right:46px}
.member-register-page .register-password-toggle{position:absolute;z-index:2;top:1px;right:1px;width:44px;height:44px;padding:0;border:0;border-radius:0 7px 7px 0;background:transparent;color:#7d8795;cursor:pointer}
.member-register-page .register-password-toggle:hover,.member-register-page .register-password-toggle:focus{background:#f2f6fc;color:#3978d8;outline:0}
.member-register-page .register-field-status{display:none;width:100%;margin-top:7px;padding:7px 10px;border-radius:6px;box-sizing:border-box;font-size:12px;line-height:18px}
.member-register-page .register-field-status.is-visible{display:block}
.member-register-page .register-field-status.is-checking{background:#f2f4f7;color:#687386}
.member-register-page .register-field-status.is-available{background:#edf8f2;color:#16814a}
.member-register-page .register-field-status.is-invalid{background:#fff1f1;color:#c43d3d}
.member-register-page .layui-input.register-field-available{border-color:#38a66c!important;box-shadow:0 0 0 3px rgba(56,166,108,.09)!important}
.member-register-page .layui-input.register-field-invalid{border-color:#df6666!important;box-shadow:0 0 0 3px rgba(223,102,102,.09)!important}
.member-register-page .register-password-strength{display:flex;align-items:center;gap:10px;min-height:20px;margin-top:7px;color:#7d8795;font-size:12px;line-height:20px}
.member-register-page .register-password-strength .register-strength-bar{display:block;flex:0 0 92px;height:5px;border-radius:3px;background:#e7ebf1;overflow:hidden}
.member-register-page .register-password-strength .register-strength-bar i{display:block;width:0;height:100%;border-radius:inherit;background:#c8ced8;transition:width .2s,background-color .2s}
.member-register-page .user-login .layui-form .register-password-strength em{position:static;display:block;width:auto;color:inherit;font-style:normal}
.member-register-page .register-password-strength.is-weak .register-strength-bar i{width:34%;background:#e5484d}
.member-register-page .register-password-strength.is-medium .register-strength-bar i{width:67%;background:#e59a1b}
.member-register-page .register-password-strength.is-strong .register-strength-bar i{width:100%;background:#18a058}
.member-register-page .register-password-strength.is-weak em{color:#d9363e!important}
.member-register-page .register-password-strength.is-medium em{color:#a86400!important}
.member-register-page .register-password-strength.is-strong em{color:#16834b!important}
.member-register-page .cap-register-wrap{margin:4px 0 17px;padding:12px 14px;border:1px solid #e3e8ef;border-radius:8px;background:#f8fafc;box-shadow:none}
.member-register-page .cap-verify-tip{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#445064;line-height:26px}
.member-register-page .cap-verify-tip i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#3978d8;color:#fff;font-size:14px;line-height:26px;text-align:center}
.member-register-page .cap-verify-tip strong{font-size:13px;font-weight:600}
.member-register-page .cap-widget-box{display:flex;justify-content:center;min-height:42px}
.member-register-page .cap-widget-box cap-widget{max-width:100%;visibility:hidden}
.member-register-page .cap-widget-box cap-widget.cap-ready{visibility:visible}
.member-register-page .cap-fallback-box{display:none;margin-top:11px;padding:11px;border:1px dashed #d4dce7;border-radius:6px;background:#fff}
.member-register-page .cap-fallback-box.show{display:block}
.member-register-page .cap-fallback-title{margin-bottom:8px;color:#b66b00;font-size:12px;line-height:1.5}
.member-register-page .cap-fallback-row{display:flex;align-items:center;gap:9px}
.member-register-page .cap-fallback-row input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid #d9e0e9;border-radius:6px;line-height:38px}
.member-register-page .cap-fallback-row img{width:auto;height:38px;border:1px solid #d9e0e9;border-radius:6px;background:#f8f8f8;cursor:pointer}
.member-register-page .cap-fallback-link{margin-top:8px;color:#3978d8;font-size:12px;line-height:20px;cursor:pointer;user-select:none}
.member-register-page .register-submit-item{margin-bottom:14px!important}
.member-register-page .user-login .layui-form .register-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;border-radius:8px;background:#3978d8!important;box-shadow:none!important;font-size:15px;line-height:46px;transition:background-color .2s!important}
.member-register-page .user-login .layui-form .register-submit:hover{background:#2f6bc5!important;box-shadow:none!important;transform:none}
.member-register-page .register-submit b{font-weight:600}
.member-register-page .register-submit[disabled]{cursor:not-allowed;opacity:.72}
.member-register-page .register-alt-actions{display:flex;align-items:center;justify-content:center;gap:26px;padding-top:2px}
.member-register-page .register-alt-actions a{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:13px;line-height:30px}
.member-register-page .register-alt-actions a:hover{color:#3978d8}
body.night.member-register-page .user-login{border-color:#373a40;background:#292a2d;box-shadow:none}
body.night.member-register-page .user-login .login{background:transparent}
body.night.member-register-page .user-login .login .tit{color:#eef1f5}
body.night.member-register-page .user-login .login .tit span{color:#989faa}
body.night.member-register-page .user-login .layui-form .layui-input{border-color:#45484e;background:#323335;color:#e0e4ea}
body.night.member-register-page .register-password-toggle{color:#9ba3af}
body.night.member-register-page .register-password-toggle:hover,body.night.member-register-page .register-password-toggle:focus{background:#3a3e45;color:#8db5ff}
body.night.member-register-page .register-field-status.is-checking{background:#34373d;color:#abb2bd}
body.night.member-register-page .register-field-status.is-available{background:#183629;color:#73d6a3}
body.night.member-register-page .register-field-status.is-invalid{background:#3a2427;color:#ffaaa7}
body.night.member-register-page .register-password-strength .register-strength-bar{background:#484b51}
body.night.member-register-page .cap-register-wrap{border-color:#41444a;background:#303135}
body.night.member-register-page .cap-verify-tip{color:#d7dce4}
body.night.member-register-page .cap-fallback-box{border-color:#4c515b;background:#292a2d}
body.night.member-register-page .cap-fallback-row input{border-color:#4a4d52;background:#323335;color:#e0e4ea}
body.night.member-register-page .register-alt-actions a{color:#aeb5c0}
body.night.member-register-page .register-alt-actions a:hover{color:#8db5ff}
@media screen and (max-width:640px){.member-register-page>.container{width:calc(100% - 20px)!important}.member-register-page .user-login{margin:76px auto 34px;border-radius:8px}.member-register-page .user-login .login{padding:0 16px 24px}.member-register-page .user-login .login .tit{padding:25px 0 22px;font-size:23px}.member-register-page .user-login .layui-form .layui-form-item{margin-bottom:15px}.member-register-page .user-login .layui-form .layui-input{height:44px;line-height:44px}.member-register-page .register-password-toggle{height:42px}.member-register-page .register-field-status{margin-top:6px;padding:6px 9px}.member-register-page .cap-register-wrap{padding:11px}.member-register-page .register-alt-actions{gap:22px}}