.login-mode-radio{position:absolute;opacity:0;pointer-events:none}

.login-switch{display:flex;justify-content:center;gap:28px;padding:10px 0;border-bottom:1px solid #eee;background:#fff}
.switch-item{color:#666;font-size:14px;cursor:pointer;position:relative;padding-bottom:6px}
.item-wechat{color:#999;cursor:default}

.switch-item::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;border-radius:2px}
.login-modal #ls-code:checked ~ .login-switch .item-code{color:#dc3545}
.login-modal #ls-pass:checked ~ .login-switch .item-pass{color:#dc3545}
.login-modal #ls-reg:checked ~ .login-switch .item-reg{color:#dc3545}
.login-modal #ls-code:checked ~ .login-switch .item-code::after{background:#dc3545}
.login-modal #ls-pass:checked ~ .login-switch .item-pass::after{background:#dc3545}
.login-modal #ls-reg:checked ~ .login-switch .item-reg::after{background:#dc3545}

.login-form-pass,.login-form-code,.login-form-reg{display:none}
.login-modal #ls-pass:checked ~ .register-zhong .login-form-pass{display:flex;flex-direction:column;gap:12px}
.login-modal #ls-code:checked ~ .register-zhong .login-form-code{display:flex;flex-direction:column;gap:12px}
.login-modal #ls-reg:checked ~ .register-zhong .login-form-reg{display:flex;flex-direction:column;gap:12px}

.register-xia .btn-login,.register-xia .btn-register{display:none}
.login-modal #ls-pass:checked ~ .register-xia .btn-login{display:block}
.login-modal #ls-code:checked ~ .register-xia .btn-login{display:block}
.login-modal #ls-reg:checked ~ .register-xia .btn-register{display:block}

.switch-tip{display:none;color:#589fb1;font-size:12px;cursor:pointer}
.login-modal #ls-pass:checked ~ .register-zxia .tip-pass{display:inline}
.login-modal #ls-code:checked ~ .register-zxia .tip-code{display:inline}
.login-modal #ls-reg:checked ~ .register-zxia .tip-reg{display:inline}