body {background: #fff;}
/*用户主页*/
.user_home {background: #EDEDED;width: 100%;box-sizing: border-box;}
.user_home .func-list { margin-top: 0.12rem; background: #fff; padding: 0 0.3rem;}
.user_home .func-item { display: flex; align-items: center; height: 1.52rem; text-decoration: none; border-bottom: 1px solid rgba(231, 231, 231, 0.7); box-sizing: border-box; }
.user_home .func-item:last-child { border-bottom: none; }
.user_home .func-icon { width: 0.8rem; height: 0.8rem; margin-right: 0.22rem; flex-shrink: 0; }
.user_home .func-text { font-size: 0.48rem; color: #000; flex: 1; }
.user_home .func-desc { font-size: 0.4rem; color: #999; margin-right: 0.22rem; }
.user_home .func-arrow { width: 0.3rem; height: 0.54rem; flex-shrink: 0; }

.user_home .icon-ptb { background: url(/static/m/img/user/my_hot.png) no-repeat; background-size: 100% 100%; }
.user_home .icon-coll { background: url(/static/m/img/user/my_ico_coll.png) no-repeat; background-size: 100% 100%; }
.user_home .icon-gift { background: url(/static/m/img/user/my_ico_gift.png) no-repeat; background-size: 100% 100%; }
.user_home .icon-coupon { background: url(/static/m/img/user/my_quan_cs.png) no-repeat; background-size: 100% 100%; }
.user_home .icon-contact { background: url(/static/m/img/user/my_ico_contact.png) no-repeat; background-size: 100% 100%; }
.user_home .icon-set { background: url(/static/m/img/user/my_ico_set.png) no-repeat; background-size: 100% 100%; }
.user_home .icon-download { background: url(/static/m/img/user/my_ico_download.png) no-repeat; background-size: 100% 100%; }

.user_home .other-func { margin-top: 0.2rem; }

.user_home .logout-btn { display: block; text-align: center; text-decoration: none; font-size: 0.48rem; color: #FF7417; padding: 0.5rem 0; margin-top: 0.2rem; background: #fff; }

.user_home .banner { height: 3rem; background: #fff; padding: 0 0.6rem; display: flex; align-items: center; box-sizing: border-box; position: relative; }
.user_home .user-avatar { width: 2.42rem; height: 2.42rem; border-radius: 50%; flex-shrink: 0; }
.user_home .user-info { margin-left: 0.5rem; flex: 1; }
.user_home .user-name { font-size: 0.56rem; color: #333; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user_home .user-id { font-size: 0.46rem; color: #666; margin: 0.1rem 0; }
.user_home .user-balance { font-size: 0.46rem; color: #666; margin: 0; }

.user_home .right-btn-group { position: absolute; right: 0.6rem; top: 50%; transform: translateY(-50%); display: flex; align-items: center; }
.user_home .sign-btn { text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 0.36rem; color: #FF7417; border: 1px solid #FF7417; border-radius: 0.4rem; background-color: #fff; width: 1.8rem; height: 0.8rem; margin-left: 0.2rem; flex-shrink: 0; touch-action: manipulation; line-height: normal; text-align: center; }
.user_home .sign-btn .sign-icon { width: 0.66rem; height: 0.66rem; margin: 0 auto 0.05rem auto; background: url(/static/m/img/user/my_ico_sign.png) no-repeat; background-size: 100% 100%; display: block; }
.user_home .recharge-btn { text-decoration: none; font-size: 0.43rem; color: #666; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 1.9rem; }
.user_home .recharge-btn .charge-icon { width: 0.66rem; height: 0.66rem; margin: 0 auto 0.1rem auto; background: url(/static/m/img/user/my_ico_charge.png) no-repeat; background-size: 100% 100%; display: block; }
/*游戏记录兼顾礼包记录*/
.user_game_log {width: 100%;box-sizing: border-box;background: #fff;}
.user_game_log .game-list { list-style: none; margin: 0; padding: 0; }
.user_game_log .game-item { display: flex; align-items: center; width: 100%; padding: 0.4rem; box-sizing: border-box; position: relative; padding-top: 0.5rem; padding-bottom: 0; }
.user_game_log .game-item-inner { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #e7e7e7; padding-bottom: 0.4rem; }
.user_game_log .icon-box { width: 1.62rem; height: 1.62rem; border-radius: 0.28rem; background: #e2e2e2; flex-shrink: 0; overflow: hidden; }
.user_game_log .icon-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.28rem; }
.user_game_log .text-box { margin-left: 3%; flex: 1; max-width: 60%; }
.user_game_log .game-title { display: block; font-size: 0.45rem; color: #333; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user_game_log .game-info { margin: 0; margin-top: 0.2rem; font-size: 0.36rem; line-height: 1.8; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user_game_log .game-time { color: #FF7417; }
.user_game_log .game-role { position: relative; margin-left: 0.6rem; color: #999; }
.user_game_log .game-role::before { content: ''; position: absolute; top: 21%; left: -0.3rem; width: 0.04rem; height: 65.38%; background: #e0e0e0; }
.user_game_log .btn-box { position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%); height: 100%; display: flex; align-items: center; justify-content: flex-end; }
.user_game_log .play-btn { display: inline-block; width: 1.7rem; height: 0.98rem; border: 1px solid #FF7417; border-radius: 8.8rem; background: #fff; color: #FF7417; text-align: center; font-size: 0.4rem; line-height: 0.98rem; text-decoration: none; box-sizing: border-box; }
.user_game_log .custom-checkbox { display: none; }
.user_home .recharge-btn .btn-text { font-size: 0.43rem; color: #666; line-height: 1; }
/*游戏客服*/
.kefu {width: 100%;box-sizing: border-box;background: #fff;padding: 0 0.3rem;}
.kefu .contact-list { padding: 0; margin: 0; }
.kefu .contact-item { display: flex; align-items: center; height: 1.72rem;  border-bottom: 1px solid #e7e7e7; text-decoration: none; box-sizing: border-box; }
.kefu .contact-icon { display: flex; align-items: center; justify-content: center; }
.kefu .icon { width: 0.8rem; height: 0.8rem; display: block; background-size: 100% 100%; background-repeat: no-repeat; }
.kefu .icon-qq { background-image: url(/static/m/img/user/my_contact_qq.png); }
.kefu .icon-wechat { background-image: url(/static/m/img/user/my_contact_wechat.png); }
.kefu .icon-partner { background-image: url(/static/m/img/user/my_contact_partner.png); }
.kefu .icon-www { background-image: url(/static/m/img/user/my_contact_www.png); }
.kefu .contact-text { flex: 1; font-size: 0.46rem; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 0.2rem; }
.kefu .contact-text .text { color: #333; }
.kefu .contact-arrow { width: 0.3rem; height: 0.54rem; display: block; }
.kefu .contact-arrow img { width: 100%; height: 100%; object-fit: contain; }
.kefu .faq-section { padding: 0.2rem 0.3rem; }
.kefu .faq-title { font-size: 0.48rem; color: #FF7417; margin: 0.3rem 0; }
.kefu .faq-item { margin: 0.3rem 0; }
.kefu .faq-question { font-size: 0.48rem; color: #FF7417; margin: 0 0 0.1rem 0; }
.kefu .faq-answer { font-size: 0.45rem; color: #a5a3a3; margin: 0; display: block; line-height: 1.4; }
/*修改密码*/
.user_pwd { width: 100%; box-sizing: border-box; background: #fff; padding: 0 0.6rem; margin-top: 2.5rem; }
.user_pwd .pwd-form { margin: 0; padding: 0; }
.user_pwd .pwd-input-group { margin-top: 0.6rem; }
.user_pwd .pwd-item { display: flex; align-items: center; height: 1.42rem; margin-top: 0.6rem; border-radius: 0.08rem; overflow: hidden; }
.user_pwd .pwd-label { width: 3.1rem; height: 100%; background: #f8f8f8; border: 1px solid #e6e6e6; border-right: none; font-size: 0.48rem; color: #666; display: flex; align-items: center; padding-left: 0.5rem; box-sizing: border-box; }
.user_pwd .pwd-input-wrap { flex: 1; height: 100%; background: #f8f8f8; border: 1px solid #e3e3e3; border-left: none; position: relative; box-sizing: border-box; }
.user_pwd .pwd-input { width: 100%; height: 100%; border: none; background: transparent; padding: 0 2.3rem 0 0.2rem; font-size: 0.48rem; color: #333; box-sizing: border-box; outline: none; -webkit-appearance: none; }
.user_pwd .pwd-input::placeholder { color: #d1d1d1; font-size: 0.48rem; }
.user_pwd .icon-group { position: absolute; right: 0; top: 0; height: 100%; width: 2.1rem; display: flex; align-items: center; justify-content: flex-end; padding-right: 0.2rem; box-sizing: border-box; }
.user_pwd .icon { display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; cursor: pointer; }
.user_pwd .icon-del { width: 0.6rem; height: 0.6rem; margin-right: 0.2rem; background-image: url(/static/m/img/user/my_modify_btn_delete.png); opacity: 0; visibility: hidden; transition: all 0.5s; }
.user_pwd .icon-del.on { opacity: 1; visibility: visible; }
.user_pwd .icon-eye { width: 0.8rem; height: 0.52rem; background-image: url(/static/m/img/user/my_modify_btn_invisible.png); }
.user_pwd .icon-eye.on { background-image: url(/static/m/img/user/my_modify_btn_visible.png); }
.user_pwd .pwd-submit-wrap { margin-top: 1rem; padding-bottom: 2.2rem; }
.user_pwd .submit-btn { width: 100%; height: 1.4rem; background: #FF7417; border: none; border-radius: 0.7rem; font-size: 0.52rem; color: #fff; text-align: center; line-height: 1.4rem; cursor: pointer; -webkit-appearance: none; }
.user_pwd .submit-btn:disabled { background: #d0d0d0; cursor: not-allowed; }
.user_pwd .error-text { margin: 0.3rem 0 0 0; padding-left: 0.64rem; color: #ff3228; font-size: 0.44rem; display: none; }
.user_pwd .error-text.show { display: block; }
/*绑定手机*/
.user_mobile { width: 100%; box-sizing: border-box; background: #fff; padding: 0 0.4rem; margin-top: 2.5rem; }
.user_mobile .bind-form { margin: 0; padding: 0; }
.user_mobile .bind-input-group { margin-top: 0.6rem; }
.user_mobile .bind-item { display: flex; align-items: center; height: 1.42rem; margin-top: 0.6rem; border-radius: 0.08rem; overflow: hidden; }
.user_mobile .bind-label { width: 2.48rem; height: 100%; background: #f8f8f8; border: 1px solid #e6e6e6;  font-size: 0.48rem; color: #666; display: flex; align-items: center; padding-left: 0.5rem; box-sizing: border-box; }
.user_mobile .bind-input-wrap { flex: 1; height: 100%; background: #f8f8f8; border: 1px solid #e3e3e3; border-left: none; box-sizing: border-box; }
.user_mobile .code-item { display: flex; align-items: center; height: 1.42rem; margin-top: 0.6rem; }
.user_mobile .code-input-wrap { flex: 1; height: 100%; background: #f8f8f8; border: 1px solid #e3e3e3; border-right: none;border-left: none;box-sizing: border-box; }
.user_mobile .bind-input { width: 100%; height: 100%; border: none; background: transparent; padding: 0 0.2rem; font-size: 0.48rem; color: #333; box-sizing: border-box; outline: none; -webkit-appearance: none; }
.user_mobile .bind-input::placeholder { color: #d1d1d1; font-size: 0.48rem; }
.user_mobile .get-code-btn { width: 4.21rem; height: 100%; border: 1px solid #FF7417; border-radius: 0 0.08rem 0.08rem 0; background: #fff; color: #FF7417; font-size: 0.48rem; text-align: center; line-height: 1.36rem; text-decoration: none; box-sizing: border-box; }
.user_mobile .bind-tip { font-size: 0.4rem; color: #999; margin: 0.4rem 0 0 0; padding-left: 0.2rem; }
.user_mobile .bind-submit-wrap { margin-top: 1rem; padding-bottom: 2.2rem; }
.user_mobile .bind-submit-btn { width: 100%; height: 1.4rem; background: #d0d0d0; border: none; border-radius: 0.7rem; font-size: 0.52rem; color: #fff; text-align: center; line-height: 1.4rem; cursor: not-allowed; -webkit-appearance: none; }
.user_mobile .bind-submit-btn.active { background: #FF7417; cursor: pointer; }
.user_mobile .error-text { margin: 0.3rem 0 0 0; padding-left: 0.64rem; color: #ff3228; font-size: 0.44rem; display: none; }
.user_mobile .error-text.show { display: block; }
.user_mobile .binded-info { text-align: center; padding: 1.4rem 0; }
.user_mobile .avatar-wrap { width: 4rem; height: 4rem; margin: 0 auto; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; background: #f5f5f5; }
.user_mobile .avatar-img { width: 2.8rem; height: 2.8rem; object-fit: contain; }
.user_mobile .avatar-check { position: absolute; bottom: 0; right: 0; width: 1rem; height: 1rem; background: #00c800; border-radius: 50%; color: #fff; font-size: 0.6rem; line-height: 1rem; text-align: center; }
.user_mobile .binded-title { font-size: 0.52rem; color: #333; margin: 0.8rem 0 0.4rem 0; }
.user_mobile .binded-phone { font-size: 0.48rem; color: #666; margin: 0 0 0.8rem 0; }
.user_mobile .change-phone-btn { display: inline-block; font-size: 0.48rem; color: #FF7417; text-decoration: none; margin-top: 0.23rem; }
/*充值平台币*/
.pay { width: 100%; box-sizing: border-box; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: #fff; }
.pay .tab-wrap { width: 100%; border-bottom: 1px solid #eee; }
.pay .tab-buttons { display: flex; width: 100%; }
.pay .tab-btn-item { flex: 1; list-style: none; }
.pay .tab-btn { display: block; width: 100%; padding: 0.5rem 0; background: #fff; border: none; font-size: 0.48rem; text-align: center; color: #333; text-decoration: none; position: relative; transition: all 0.3s ease; }
.pay .tab-btn-item.active .tab-btn { color: #FF7417; }
.pay .tab-btn-item.active .tab-btn::after {content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 2.5rem; height: 2px; background-color: #FF7417; }
.pay .tab-content { display: none; padding-top: 0.3rem; }
.pay .tab-content.active { display: block; }
.pay .recharge-base { background: #fff; padding: 0 0.4rem; }
.pay .recharge-row { display: flex; align-items: center; height: 1.5rem; border-bottom: 1px solid #e7e7e7; font-size: 0.46rem; }
.pay .recharge-label { width: 3.1rem; padding-left: 0.2rem; flex-shrink: 0; }
.pay .recharge-value { flex: 1; position: relative; }
.pay .money-input { width: 100%; border: none; padding: 0 0.6rem; font-size: 0.8rem; background: transparent; outline: none; -webkit-appearance: none; }
.pay .money-input::placeholder { color: #d1d1d1; font-size: 0.46rem; }
.pay .money-mark { position: absolute; left: 0; top: 10%; font-size: 0.6rem; color: #000; font-style: normal; }
.pay .money-del { position: absolute; top: 23%; right: 0; width: 0.6rem; height: 0.6rem; background: url(/static/m/img/user/my_modify_btn_delete.png); background-size: 100% 100%; cursor: pointer; }
.pay .select-area { padding: 0.35rem 0.4rem 0; background: #fff; }
.pay .select-title { font-size: 0.46rem; margin-bottom: 0.33rem; }
.pay .quick-buttons { display: flex; gap: 2.5%; flex-wrap: wrap; }
.pay .quick-btn { flex: 1; min-width: 2.6rem; height: 1.4rem; line-height: 1.4rem; text-align: center; font-size: 0.52rem; border: 1px solid #d1d1d1; border-radius: 0.08rem; box-sizing: border-box; text-decoration: none; color: #333; }
.pay .quick-btn.on { background: #FF7417; color: #fff; border-color: #FF7417; }
.pay .result-row { display: flex; justify-content: space-between; padding: 0.4rem 0; font-size: 0.42rem; }
.pay .result-left { color: #333; }
.pay .result-left .number { color: #FF7417; font-style: normal; padding: 0 0.1rem; }
.pay .result-right { color: #999; }
.pay .result-right .ratio { font-style: normal; }
.pay .pay-way-title { font-size: 0.46rem; color: #666; padding: 0.255rem 0.6rem; background: #fff; }
.pay .pay-way-list { background: #fff; padding: 0 0.4rem; }
.pay .pay-way-item { display: flex; align-items: center; padding: 0.3rem 0; cursor: pointer; }
.pay .pay-icon { width: 1.38rem; display: flex; align-items: center; justify-content: center; }
.pay .pay-icon img { width: 0.72rem; height: 0.72rem; }
.pay .pay-name { flex: 1; font-size: 0.42rem; padding-left: 0.2rem; }
.pay .pay-radio { width: 6.64rem; text-align: right; padding-right: 0.6rem; }
.pay .radio-wrap { position: relative; display: inline-block; }
.pay .radio-input { opacity: 0; position: absolute; }
.pay .radio-icon { width: 0.56rem; height: 0.44rem; display: block; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.pay .radio-input.on + .radio-icon { background-image: url(/static/m/img/user/my_pay_chose.png); }
.pay .exchange-container { background: #fff; padding: 0 0.4rem; border-radius: 8px; }
.pay .exchange-form { display: flex; flex-direction: column; gap: 0.4rem; padding: 0.4rem 0; }
.pay .exchange-item { font-size: 0.45rem; color: #555; padding: 0.4rem 0.5rem; line-height: 1.6; border-radius: 0.15rem; background-color: #f8f9fa; display: flex; align-items: center; }
.pay .exchange-item::before { content: "•"; color: #ff7417; margin-right: 0.2rem; font-size: 0.5rem; }
.pay .exchange-item.input-item { color: #ff7417; font-weight: 500; background-color: #eef7ff; }
.pay .exchange-label { width: 2.8rem; flex-shrink: 0; }
.pay .exchange-input { flex: 1; padding: 0.3rem 0.4rem; border: 1px solid #ddd; border-radius: 6px; font-size: 0.45rem; outline: none; transition: border-color 0.3s ease; }
.pay .exchange-input:focus { border-color: #FF7417; }
.pay .btn-wrap { padding: 0.6rem; }
.pay .submit-btn { width: 100%; height: 1.4rem; line-height: 1.4rem; text-align: center; background: #FF7417; color: #fff; font-size: 0.58rem; border: none; border-radius: 9.9rem; cursor: pointer; -webkit-appearance: none; }
/*注册登录*/
.user_reg { background: #fff; padding: 0 0.6rem; box-sizing: border-box; height: 90vh; overflow: auto; }
.reg-tab { display: flex; font-size: 0.56rem; color: #999; border-bottom: 1px solid #e7e7e7; padding-top: 0.7rem; margin-bottom: 0.6rem; }
.reg-tab-item { flex: 1; text-align: center; padding-bottom: 0.12rem; position: relative; cursor: pointer; }
.reg-tab-item.active { color: #ff7417; }
.reg-tab-item.active::after { content: ''; display: block; width: 1rem; height: 0.12rem; background: #ff7417; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); }
.reg-item { display: flex; align-items: center; height: 1.5rem; line-height: 1.5rem; border: 1px solid #e6e6e6; border-radius: 0.16rem; padding: 0 0.3rem; margin-bottom: 0.6rem; position: relative; }
@media screen and (max-width: 660px) { .reg-item { border-width: 2px; } }
@media screen and (max-width: 540px) { .reg-item { border-width: 1px; } }
.reg-label { width: 2.5rem; font-size: 0.48rem; text-align: left; flex-shrink: 0; }
.reg-item .txt { flex: 1; width: -9rem; height: 100%; border: none; outline: none; font-size: 0.48rem; color: #333; padding: 0; -webkit-appearance: none; box-sizing: border-box; }
.reg-item .txt::placeholder { color: #bbb; font-size: 0.48rem; }
.reg-item .txt.pwd { font-size: 0.62rem; color: #000; }
.reg-item .icon-del, .reg-item .icon-eye { position: absolute; right: 0.8rem; top: 50%; transform: translateY(-50%); width: 0.6rem; height: 0.6rem; display: inline-block; background-size: 100% 100%; }
.reg-item .icon-eye { right: 0.2rem; height: 0.42rem; background-image: url(/static/m/img/user/login_pop_btn_invisible.png); }
.reg-item .icon-del { background-image: url(/static/m/img/user/login_btn_delete.png); opacity: 0; visibility: hidden; transition: all 0.5s; }
.reg-item .icon-del.on { opacity: 1; visibility: visible; }
.reg-item .icon-eye.on { background-image: url(/static/m/img/user/login_btn_visible.png); }
.reg-vercode { border: none; border: 1px solid #e6e6e6; }
.reg-vercode > div { border: 1px solid #e6e6e6; border-radius: 0.16rem; height: 100%; display: flex; align-items: center; flex: 1; }
.send-code { position: absolute; right: 0; top: 0; width: 30%; line-height: 1.4rem; text-align: center; font-size: 0.45rem; color: #ff7417; border: 1px solid #ff7417; box-sizing: border-box; text-decoration: none; }
.reg-error { display: none; font-size: 0.44rem; color: #ff3228; margin-bottom: 0.3rem; padding-left: 0.6rem; position: relative; }
.reg-error::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.44rem; height: 0.44rem; background: url(/static/m/img/user/login_error.png) no-repeat center center; background-size: 100% 100%; }
.reg-protocol { padding: 0 0.1rem; font-size: 0.48rem; color: #666; margin-bottom: 0.6rem; }
.custom-label { display: flex; align-items: center; cursor: pointer; }
.custom-label input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); }
.checkbox-icon { width: 0.6rem; height: 0.6rem; margin-right: 0.13rem; display: inline-block; background: url(/static/m/img/user/signin_choose_nor.png) no-repeat center center; background-size: 100% 100%; }
.custom-label input:checked + .checkbox-icon { background-image: url(/static/m/img/user/signup_choose_pre.png); }
.checkbox-text { line-height: 0.6rem; }
.checkbox-text a { color: #ff7417; text-decoration: none; }
.reg-btn-box { margin-bottom: 0.5rem; }
.reg-btn { display: block; width: 100%; height: 1.4rem; line-height: 1.4rem; background: #ff7417; color: #fff; font-size: 0.56rem; border: none; border-radius: 0.7rem; outline: none; cursor: pointer; -webkit-appearance: none; box-sizing: border-box; }
.reg-btn.disabled { background: #d0d0d0; }
.reg-tips { padding: 0.3rem 0 2rem; font-size: 0.44rem; color: #ff9a22; line-height: 0.8rem; }
.pan-item { display: none; }

.user_login { background: #fff; padding: 0.6rem; box-sizing: border-box; }
.login-item { display: flex; align-items: center; height: 1.5rem; line-height: 1.5rem; border: 1px solid #e6e6e6; border-radius: 0.16rem; padding: 0 0.3rem; margin-bottom: 0.6rem; position: relative; }
.login-item .icon { width: 0.52rem; height: 0.62rem; margin-right: 0.28rem; display: inline-block; }
.login-item .icon-user { background: url(/static/m/img/login_name.png) no-repeat center center; background-size: 100% 100%; }
.login-item .icon-lock { background: url(/static/m/img/login_password.png) no-repeat center center; background-size: 100% 100%; }
.login-item .txt { flex: 1; width: 100%; height: 100%; border: none; outline: none; font-size: 0.48rem; color: #333; padding: 0; -webkit-appearance: none; box-sizing: border-box; }
.login-item .txt::placeholder { color: #bbb; font-size: 0.48rem; }
.login-item .icon-del, .login-item .icon-eye { position: absolute; right: 0.8rem; top: 50%; transform: translateY(-50%); width: 0.6rem; height: 0.6rem; display: inline-block; background-size: 100% 100%; }
.login-item .icon-eye { right: 0.2rem; height: 0.42rem; background-image: url(/static/m/img/user/login_pop_btn_invisible.png); }
.login-item .icon-del { background-image: url(/static/m/img/user/login_btn_delete.png); opacity: 0; visibility: hidden; transition: all 0.5s; }
.login-item .icon-del.on { opacity: 1; visibility: visible; }
.login-item .icon-eye.on { background-image: url(/static/m/img/user/login_btn_visible.png); }
.login-error { display: none; font-size: 0.44rem; color: #ff3228; margin-bottom: 0.3rem; padding-left: 0.6rem; position: relative; }
.login-error::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.44rem; height: 0.44rem; background: url(/static/m/img/user/login_error.png) no-repeat center center; background-size: 100% 100%; }
.login-link-box { display: flex; justify-content: space-between; align-items: center; font-size: 0.48rem; color: #666; margin-bottom: 0.6rem; }
.remember-pwd { display: flex; align-items: center; cursor: pointer; }
.remember-pwd input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); }
.checkbox-icon { width: 0.6rem; height: 0.6rem; margin-right: 0.13rem; display: inline-block; background: url(/static/m/img/user/signin_choose_nor.png) no-repeat center center; background-size: 100% 100%; }
.remember-pwd input:checked + .checkbox-icon { background-image: url(/static/m/img/user/signup_choose_pre.png); }
.checkbox-text { line-height: 0.6rem; }
.forget-pwd { color: #666; text-decoration: none; }
.login-btn-box { margin-bottom: 0.5rem; }
.login-btn { display: block; width: 100%; height: 1.4rem; line-height: 1.4rem; background: #ff7417; color: #fff; font-size: 0.56rem; border: none; border-radius: 0.7rem; outline: none; cursor: pointer; -webkit-appearance: none; box-sizing: border-box; }
.login-btn.disabled { background: #d0d0d0; }
.login-register { text-align: center; font-size: 0.5rem; }
.to-register { color: #ff7417; text-decoration: none; line-height: 0.8rem; }
.thirdlogin { display: none; padding: 0.2rem 0.8rem 0; }
.thirdlogin.on { display: block; }

.user_findpwd { background: #fff; padding: 0 0.6rem; box-sizing: border-box; height: 90vh; overflow: auto; margin-top: 2.5rem; }
/*平台福利礼包激活*/
.platform_gift { width: 100%; max-width: 1200px; padding: 20px 15px; margin: 30px auto; box-sizing: border-box;background: #fff; border-radius: 12px; font-family: "Microsoft Yahei", sans-serif; }
@media (max-width: 750px) { .platform_gift { max-width: 750px; padding: 15px 10px; } }
.gift_title { text-align: center; margin-bottom: 30px; position: relative; padding: 15px 0; }
.gift_title h2 { font-size: 28px; color: #ff6700; margin: 0; text-shadow: 0 2px 3px rgba(0,0,0,0.1); }
.gift_title .subtitle { font-size: 16px; color: #666; margin-top: 15px; }
@media (max-width: 750px) { .gift_title h2 { font-size: 22px; } .gift_title .subtitle { font-size: 14px; } }
.gift_form { background: #fff; padding: 30px 20px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); margin-bottom: 30px; max-width: 500px; margin-left: auto; margin-right: auto; }
.gift_form .input_box { margin-bottom: 20px; }
.gift_form .input_box input { width: 100%; height: 50px; padding: 0 15px; border: 2px solid #ffe0b2; border-radius: 8px; font-size: 18px; box-sizing: border-box; outline: none; transition: border-color 0.3s; }
.gift_form .input_box input:focus { border-color: #ff950d; }
.gift_form .btn_activate { width: 100%; height: 55px; background: #ff950d; color: #fff; border: none; border-radius: 8px; font-size: 20px; font-weight: bold; cursor: pointer; transition: background 0.3s; }
.gift_form .btn_activate:hover { background: #e68900; }
@media (max-width: 750px) { .gift_form { padding: 20px 15px; } .gift_form .input_box input { height: 45px; font-size: 16px; } .gift_form .btn_activate { height: 50px; font-size: 18px; } }
.gift_desc { background: #fffdf5; padding: 20px; border-radius: 8px; border: 1px solid #ffe8c0; margin-bottom: 25px; }
.gift_desc h3 { font-size: 18px; color: #333; margin: 0 0 10px 0; }
.gift_desc ul { margin: 0; color: #666; line-height: 1.8; font-size: 14px; }
.gift_desc ul li{margin-top: 8px;}
@media (max-width: 750px) { .gift_desc { padding: 15px; } .gift_desc h3 { font-size: 16px; } .gift_desc ul { font-size: 13px; } }
.gift_qrcode { text-align: center; margin-bottom: 15px; }
.gift_qrcode .copy_item { display: flex; align-items: center; justify-content: flex-start; background: #fff; padding: 8px 12px; border-radius: 8px; border: 1px solid #ffe0b2; margin-bottom: 10px; }
.gift_qrcode .copy_item span { font-size: 13px; color: #333; flex-shrink: 0; }
.gift_qrcode .copy_item em { font-style: normal; font-size: 13px; color: #666; flex: none; margin: 0 10px; }
.gift_qrcode .copy_btn { background: #ff950d; color: #fff; border: none; border-radius: 4px; padding: 4px 8px; font-size: 11px; cursor: pointer; margin-left: auto; }
.gift_qrcode .copy_btn:hover { background: #e68900; }
.gift_qrcode .tips { font-size: 14px; color: #666; margin-top: 8px; }
@media (max-width: 750px) { .gift_qrcode img { width: 120px; height: 120px; } .gift_qrcode .tips { font-size: 13px; } }
.gift_footer { text-align: center; font-size: 13px; color: #999; margin-top: 10px; }

.find-tips {color: #666; padding: 0 0.1rem 0.3rem;margin-bottom: 0;}