:root {
  --theme-red: #d70018;
  --theme-red-dark: #bd0015;
  --theme-orange: #d76500;
  --theme-blue: #4a90e2;
  --theme-bg: #f4f4f4;
  --theme-line: #eeeeee;
  --theme-text: #333333;
  --theme-muted: #999999;
  --theme-radius: 6px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

html { background: #eeeeee; }
body {
  width: 100%;
  max-width: 640px;
  min-height: 100vh;
  margin: 0 auto !important;
  overflow-x: hidden;
  background: #ffffff;
  color: var(--theme-text);
  font-family: Arial, "Microsoft YaHei", sans-serif !important;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}
body.dialog-open { overflow: hidden; }
a, button, input, select, textarea { font: inherit; }
a, button { -webkit-tap-highlight-color: rgba(215, 0, 24, .12); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--theme-red);
  outline-offset: 2px;
}
img { max-width: 100%; }
.orange, .f60, [style*="color:#f60"], [style*="color: #f60"] { color: var(--theme-red) !important; }
.nuxt-progress { background: var(--theme-red) !important; }

/* 首页 */
.container, .db-main, .db-main-index { width: 100% !important; max-width: 640px; margin: 0 auto; }
.swiper-container { width: 100%; background: #f5f5f5; }
.swiper-container .swiper-slide a, .swiper-container .swiper-slide img { display: block; width: 100%; }
.swiper-container .swiper-slide img { height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; }
.swiper-pagination-bullet-active { background: var(--theme-red) !important; }
.newnav { width: 100%; padding: 0 !important; background: #fff; border-bottom: 0; }
.newnav ul { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; overflow: hidden; }
.newnav ul::after { display: none !important; }
.newnav li { float: left !important; width: auto !important; padding: 15px 0 !important; text-align: center; }
.newnav li a { display: block; min-height: 70px; color: #999; }
.newnav .newnavicon { width: 50px !important; height: 50px !important; margin: 0 auto !important; }
.newnav .newnavicon img { width: 50px !important; height: 50px !important; object-fit: contain; filter: none !important; }
.newnav .newnavfont { height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; color: #999; font-size: 12px; }
#divLottery li { border-right-color: var(--theme-line) !important; }
#divLottery .m-lott-state .u-time { border-color: #e6e6e6 !important; }
.tabs-wrap { min-height: 500px !important; background: var(--theme-bg); }
.nav-wrapper {
  position: sticky !important;
  top: 0;
  z-index: 80;
  display: flex !important;
  width: 100%;
  height: 45px !important;
  background: #fff;
  border-bottom: 1px solid var(--theme-line);
}
.nav-wrapper .nav-inner { flex: 1; width: auto !important; overflow: visible !important; }
.nav-wrapper .nav-list { display: flex; height: 45px !important; }
.nav-wrapper .nav-list li { flex: 1; width: auto !important; height: 45px !important; line-height: 45px !important; }
.nav-wrapper .nav-list li a { height: 45px !important; line-height: 45px !important; color: #555 !important; font-size: 13px !important; }
.nav-wrapper .nav-list li.current a, .nav-wrapper .nav-list li.current span { color: var(--theme-red) !important; }
.nav-wrapper .nav-list li.current { border-bottom: 2px solid var(--theme-red) !important; }
.nav-wrapper > .select-btn { position: static !important; flex: 0 0 20%; width: 20% !important; height: 45px !important; line-height: 45px !important; color: #555 !important; border-left: 1px solid #f3f3f3; }
.nav-wrapper > .select-btn .select-icon { display: none !important; }
.nav-wrapper .select-total { top: 45px !important; max-height: calc(100vh - 110px); overflow-y: auto; }
.sort_list label { border-color: #ccc !important; }
.sort_list input:checked + label { background-color: var(--theme-red) !important; border-color: var(--theme-red) !important; }
#addAll { background: var(--theme-red) !important; }
.goodsList { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--theme-line); }
.goodsList > ul { width: auto !important; margin: 0 !important; padding: 0 !important; background: #fff; }
.goodsList > ul > li { float: none !important; width: 100% !important; min-width: 0; padding: 12px 10px 14px !important; border: 0 !important; background: #fff; }
.goodsList .z-Limg { width: 100% !important; height: clamp(108px, 29vw, 155px) !important; margin: 0 auto !important; }
.goodsList .z-Limg img { display: block; width: 100% !important; height: 100% !important; object-fit: contain; }
.goodsListR { margin-top: 8px !important; }
.goodsListR h2 { height: 22px !important; line-height: 22px !important; color: #333 !important; font-size: 14px !important; font-weight: 500 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.goodsListR .price { margin-top: 3px !important; color: #999 !important; font-size: 12px; }
.Progress-bar .u-progress { height: 4px !important; margin: 8px 0 5px !important; border-radius: 4px; background: #f1f1f1 !important; }
.Progress-bar .u-progress .pgbar, .Progress-bar .u-progress .pging { height: 4px !important; border-radius: 4px; background: var(--theme-red) !important; }
.Pro-bar-li { display: flex; justify-content: space-between; width: 100%; }
.Pro-bar-li li { float: none !important; width: 33.333% !important; color: #aaa !important; font-size: 11px !important; }
.Pro-bar-li .P-bar01, .Pro-bar-li .P-bar01 em { color: var(--theme-red) !important; text-align: left !important; }
.Pro-bar-li .P-bar02 { text-align: center !important; }
.Pro-bar-li .P-bar03, .Pro-bar-li .P-bar03 em { color: var(--theme-blue) !important; text-align: right !important; }
.buy_container { display: flex !important; align-items: center; gap: 8px; min-height: 36px; margin-top: 9px; }
.buy_container .star { flex: 0 0 24px; width: 24px !important; height: 24px !important; left: auto !important; top: auto !important; filter: none; }
.buy_container .btn_ljcy { flex: 1; height: 32px !important; line-height: 30px !important; margin: 0 !important; color: var(--theme-red) !important; text-align: center; border: 1px solid var(--theme-red) !important; border-radius: 3px !important; background: #fff !important; }
.buy_container .btn_buy { flex: 0 0 34px; width: 34px !important; height: 34px !important; margin: 0 !important; border: 1px solid var(--theme-red) !important; border-radius: 50% !important; background: #fff !important; }
.buy_container .btn_buy .add { position: static !important; display: block !important; width: 32px !important; height: 32px !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: url(../../images/mobile/set.png) center center / 19px auto no-repeat !important; filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(6258%) hue-rotate(349deg) brightness(82%) contrast(110%); }
.goodsList > .loading { grid-column: 1 / -1; background: #fff; }

/* 目标站“所有商品”使用紧凑单列清单；覆盖早期卡片网格实验。 */
div.goodsList.goodsList2 { display: block !important; padding-top: 35px !important; background: #fff !important; }
div.goodsList.goodsList2 > ul { display: block !important; float: left !important; width: 100% !important; height: auto !important; padding: 0 15px 5px 8px !important; border: 0 !important; border-bottom: 1px solid #eee !important; background: #fff !important; }
div.goodsList.goodsList2 > ul > li { position: relative; width: 100% !important; padding: 7px 0 !important; }
div.goodsList.goodsList2 .z-Limg { float: left !important; width: 80px !important; height: 80px !important; margin: 0 !important; }
div.goodsList.goodsList2 .z-Limg img { width: 80px !important; height: 80px !important; object-fit: contain; }
div.goodsList.goodsList2 .goodsListR { height: auto; margin: 0 50px 0 90px !important; }
div.goodsList.goodsList2 .goodsListR h2 { height: 22px !important; line-height: 22px !important; font-size: 14px !important; }
div.goodsList.goodsList2 .goodsListR .price { margin-top: 0 !important; line-height: 20px !important; }
div.goodsList.goodsList2 .goodsListR .pRate { width: 100% !important; }
div.goodsList.goodsList2 .changyu { top: 22px !important; right: 4px !important; }
div.goodsList.goodsList2 .changyu a.add i { background-image: url(../../images/mobile/set.png?v=20260719-1) !important; background-position: center !important; background-size: 18px 18px !important; }
div.goodsList.goodsList2 .changyu a.add i img { display: block !important; width: 18px !important; height: 18px !important; margin: 2px 0 0 !important; object-fit: contain; }

/* 所有商品页按目标站原始单列密度还原。 */
div.goodsList.goodsList2 .goodsListR { margin: 0 0 0 90px !important; }
div.goodsList.goodsList2 .goodsListR .pRate { width: 86% !important; }
div.goodsList.goodsList2 .Progress-bar .u-progress { width: 100% !important; height: 5px !important; margin: 0 !important; border-radius: 3px !important; background: #e7e7e7 !important; }
div.goodsList.goodsList2 .Progress-bar .u-progress .pgbar,
div.goodsList.goodsList2 .Progress-bar .u-progress .pging { height: 5px !important; border-radius: 3px !important; }
div.goodsList.goodsList2 .Pro-bar-li { display: block !important; width: 100% !important; height: 35px !important; }
div.goodsList.goodsList2 .Pro-bar-li li { height: 35px !important; font-size: 10px !important; line-height: 15px !important; }
div.goodsList.goodsList2 .Pro-bar-li .P-bar01 { float: left !important; width: 30% !important; }
div.goodsList.goodsList2 .Pro-bar-li .P-bar02 { float: left !important; width: 40% !important; }
div.goodsList.goodsList2 .Pro-bar-li .P-bar03 { float: right !important; width: 30% !important; }
div.goodsList.goodsList2 > .loading { clear: both; float: none !important; width: 100% !important; }
.goodsNav li.current a, .goodsNav li.current a:visited { color: #c90b20 !important; }
.goodsNav li.current b { background: #c90b20 !important; }
#addAll, #addAll p { background: #c90b20 !important; }
#addAll { box-shadow: 0 0 15px #c90b20 !important; }

/* 登录与注册 */
.auth-page { min-height: calc(100vh - 62px); padding: 30px 24px 24px; background: #fff; }
.auth-title { margin: 2px 0 30px; color: #222; text-align: center; font-size: 20px; font-weight: 500; }
.registerCon { width: 100% !important; margin: 0 auto !important; padding: 0 !important; }
.registerCon ul { width: 100%; }
.registerCon li.acc, .registerCon li.pwd, .registerCon li.code, .registerCon li.phone {
  display: flex !important;
  align-items: center;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e9e9e9 !important;
  background: #fff !important;
}
.registerCon li label { flex: 0 0 74px; color: #444; font-size: 14px; }
.registerCon li input { flex: 1; width: auto !important; height: 50px !important; padding: 0 8px !important; border: 0 !important; background: transparent !important; color: #222 !important; font-size: 14px !important; }
.registerCon .pwd a { flex: 0 0 42px; height: 44px; }
.registerCon .btn-login { margin-top: 28px !important; }
.registerCon #login, .registerCon .layui-btn-danger, .auth-primary {
  width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--theme-red) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.btnArea { display: flex; justify-content: space-between; margin-top: 17px !important; }
.btnArea a { display: block !important; flex: 0 0 auto; width: auto !important; min-height: 36px; line-height: 36px; color: #777 !important; font-size: 13px !important; }
.agreement-tips { margin-top: 42px !important; color: #aaa !important; text-align: center; }
.agreement-tips p, .agreement-tips a { font-size: 12px !important; line-height: 20px !important; }
.agreement-tips a { color: var(--theme-red) !important; }
.loginTip, .mobileCodeLogin { display: none !important; }

/* 用户中心 */
.member-page { min-height: calc(100vh - 55px - var(--safe-bottom)); padding-bottom: 0; background: #fff; }
.member-hero { position: relative; height: 171px; padding: 0; background: #d3001b; color: #fff; }
.member-hero__main { position: relative; height: 100%; }
.member-avatar { position: absolute; top: 23px; left: 14px; width: 74px; height: 74px; margin: 0; border: 2px solid #fff; border-radius: 50%; object-fit: cover; background: #fff; }
.member-hero__info { position: absolute; top: 18px; left: 89px; right: 12px; min-width: 0; }
.member-name { height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: 400; }
.member-meta { height: 26px; line-height: 26px; margin: 0; color: #fff; font-size: 13px; }
.member-meta strong { font-weight: 700; }
.member-recharge { position: absolute; top: 126px; left: 16.7%; width: 66.6%; height: 36px; line-height: 34px; margin: 0; padding: 0; border: 1px solid #fff; border-radius: 20px; background: linear-gradient(180deg, #ef4960 0%, #b9001a 72%, #e83951 100%); color: #fff !important; text-align: center; box-shadow: inset 0 1px 5px rgba(255,255,255,.6); font-size: 14px; }
.member-official { display: block; height: 48px; line-height: 48px; padding: 0; border-bottom: 1px solid var(--theme-line); background: #fff; color: #555; text-align: center; font-size: 13px; }
.member-official em { color: var(--theme-red); font-style: normal; }
.member-official::after, .member-menu a::after { display: none; }
.member-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; background: #fff; }
.member-menu a { display: flex; align-items: center; min-height: 49px; padding: 0 38px; border-right: 1px solid var(--theme-line); border-bottom: 1px solid var(--theme-line); color: #555; font-size: 14px; }
.member-menu a span { display: flex; align-items: center; min-width: 0; }
.member-menu a img { width: 23px; height: 23px; margin-right: 9px; object-fit: contain; }
.member-menu a:nth-child(2n) { border-right: 0; }
.member-support-line { height: 52px; line-height: 52px; margin: 0; padding: 0; background: #fff; color: #555; text-align: center; font-size: 13px; }
.member-support-line a { color: #555; font-weight: 400; }
.member-logout { display: block; height: 38px; line-height: 38px; margin: 1px 29px 0; border-radius: 22px; background: var(--theme-red); color: #fff !important; text-align: center; font-size: 16px; }

@media (max-width: 380px) {
  .member-menu a { padding: 0 26px; }
}

/* 通用卡片、详情、订单、支付 */
.m-round:not(.g-pay-ment), .weui-panel, .cart-wrapper, .order-list, .service-card { border-radius: 0 !important; box-shadow: none !important; }
.weui-panel, .m-round:not(.g-pay-ment) { border-color: var(--theme-line) !important; }
.weui-cell { min-height: 50px; border-color: var(--theme-line) !important; }
.weui-cell__ft::after, .z-arrow { border-color: #bbb !important; }
.g-pay-lst li a, .m-pay-money li a, .recharge-amounts a { border-color: #ddd !important; }
.g-pay-lst li.checked a, .m-pay-money li.checked a, .recharge-amounts a.active { color: var(--theme-red) !important; border-color: var(--theme-red) !important; }
.g-Total { min-height: 44px !important; line-height: 44px !important; padding: 0 14px !important; background: var(--theme-bg) !important; border-bottom: 1px solid var(--theme-line); }
.g-Recharge { padding: 10px 6px 8px !important; background: #fff; }
.g-Recharge #ulOption { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.g-Recharge #ulOption li { float: none !important; width: auto !important; margin: 0 !important; }
.g-Recharge #ulOption li a { height: 32px !important; line-height: 30px !important; border: 1px solid #ddd !important; border-radius: 4px !important; background: #fff !important; color: #999 !important; text-align: center; }
.g-Recharge #ulOption li a.z-sel { border-color: var(--theme-red) !important; color: var(--theme-red) !important; }
.z-bank-Roundsel { border-color: var(--theme-red) !important; }
.payment-support { padding: 0 12px 5px; text-align: left; }
.payment-support a { color: var(--theme-red) !important; }
.f-Recharge-btn { margin: 10px 6px !important; }
.f-Recharge-btn #btnSubmit { display: block; height: 35px !important; line-height: 35px !important; font-size: 16px !important; border-radius: 4px !important; }
.orgBtn, .orangeBtn, .btn-red, #btnSubmit, #btnPay, #btnBuy, #btnRecharge, .payment-submit {
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--theme-red) !important;
  color: #fff !important;
}
.orgBtn { border-radius: 5px !important; }

/* The nickname form follows the target's legacy account-form geometry. */
.profile-page .registerCon li.acc {
  display: list-item !important;
  min-height: 0 !important;
  margin: 10px 10% !important;
  padding: 20px 0 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ccc !important;
  background: transparent !important;
}
.profile-page .registerCon li { margin: 10px 10% !important; }
.profile-page .registerCon li label { letter-spacing: 10px; padding-right: 10px; color: #000; font-size: 16px; }
.profile-page .registerCon li input.txt {
  display: inline-block;
  width: 70% !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 16px !important;
}
.profile-page input.orgBtn {
  display: block;
  width: 100% !important;
  height: 35px !important;
  line-height: 40px !important;
  margin: 20px 10px 0 0 !important;
  padding: 0 !important;
  border: 1px solid #e70012 !important;
  border-radius: 5px !important;
  background: #e70012 !important;
  font-size: 18px !important;
}

/* Password-only login keeps the target login form geometry without the SMS tab. */
.login-clone-page .registerCon li.acc,
.login-clone-page .registerCon li.pwd {
  display: list-item !important;
  min-height: 0 !important;
  margin: 15px 10% !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eee !important;
  background: transparent !important;
}
.login-clone-page .registerCon li input {
  display: inline-block !important;
  width: 70% !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 14px !important;
}
.login-clone-page .registerCon .btn-login {
  margin: 15px 10% !important;
}
.login-clone-page .registerCon #login {
  width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: #e20215 !important;
  color: #fff !important;
  font-size: 16px !important;
}
.login-clone-page { min-width: 412px; min-height: 0; overflow-x: visible; }
.login-clone-page .loginType { display: flex !important; }
.login-clone-page .registerCon { height: 237px !important; }
.login-clone-page .agreement-tips {
  margin-top: 20px !important;
  color: inherit !important;
  height: 32px !important;
  font-size: 14.4px !important;
  line-height: 32px !important;
  white-space: nowrap;
}
.login-clone-page .agreement-tips p,
.login-clone-page .agreement-tips a {
  font-size: 14.4px !important;
  line-height: 32px !important;
}

/* Registration retains the target's original form measurements. */
.register-clone-page .registerCon { padding: 0 0 30px !important; }
.register-clone-page .registerCon ul { width: auto !important; }
.register-clone-page .registerCon li.accAndPwd input {
  flex: 1;
  width: auto !important;
  height: 45px !important;
  padding: 9px 5px 8px 20px !important;
  background: #fff !important;
  font-size: 16px !important;
}
.register-clone-page .registerCon li.accAndPwd label {
  flex: 0 0 50px !important;
  width: 50px !important;
  padding: 0 !important;
  font-size: 16px !important;
}
.register-clone-page .registerCon .btn-login {
  margin: 0 0 10px !important;
}
.register-clone-page #btnNext {
  width: 100% !important;
  height: 38px !important;
  line-height: 38px !important;
}

/* Password recovery follows the target's compact legacy form. */
.step1-clone-page .registerCon li.acc,
.step1-clone-page .registerCon li.code {
  min-height: 0 !important;
  margin: 15px 10% !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eee !important;
  background: transparent !important;
}
.step1-clone-page .registerCon li.acc { display: list-item !important; }
.step1-clone-page .registerCon li.code { display: flex !important; position: relative; }
.step1-clone-page .registerCon li input {
  flex: none !important;
  width: 70% !important;
  height: 42.34375px !important;
  padding: 0 !important;
  border: 0 !important;
  background: #fff !important;
  font-size: 14.8213px !important;
}
.step1-clone-page .registerCon li.code #validCode {
  width: 68.67% !important;
}
.step1-clone-page .registerCon li label {
  flex: none !important;
  width: auto !important;
  font: 16.9387px/25.408px "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif !important;
}
.step1-clone-page .registerCon { height: 355.234375px !important; }
.step1-clone-page .registerCon .btn-login { margin: 15px 10% !important; }
.step1-clone-page #save { height: 38px !important; line-height: 38px !important; }

.step2-clone-page .registerCon li input {
  width: 70% !important;
  height: 32px !important;
  padding: 0 5px 0 30px !important;
  background: #fff !important;
  box-sizing: border-box;
}

.step3-clone-page .registerCon { height: 225px !important; padding: 0 !important; }
.step3-clone-page .registerCon ul { width: auto !important; }
.step3-clone-page .registerCon li { width: auto !important; }
.step3-clone-page .registerCon li input {
  width: 100% !important;
  height: 45px !important;
  padding-left: 60px !important;
  background: #fff !important;
  box-sizing: border-box;
  font-size: 16px !important;
}
.item_bottom .btn-buy, .item_bottom .btn-participate { border-radius: 0 !important; }
.item_bottom .btn-buy { background: var(--theme-red) !important; }
.item_bottom .btn-participate { background: var(--theme-orange) !important; }
.goodsCon { padding-bottom: 58px; background: var(--theme-bg) !important; }
.goodsCon .pPic, .goodsCon .pDetails, .goodsCon .joinAndGet, .goodsCon .m-round { background: #fff !important; }
.goodsCon .pPic, .goodsCon .pPic2, .goodsCon .pImg { height: 200px !important; }
.goodsCon .pPic { border-bottom: 0; }
.goodsCon .pDetails { margin: 0 !important; padding: 10px 12px !important; border-bottom: 10px solid var(--theme-bg) !important; }
.goodsCon .pDetails > b { color: #333 !important; font-size: 16px !important; line-height: 20px !important; font-weight: 600 !important; }
.goodsCon .pDetails .price { margin: 8px 0 !important; font-size: 12px !important; line-height: 18px !important; }
.goodsCon .pDetails .pBtn { display: flex !important; width: 100% !important; gap: 2px; margin-top: 10px !important; }
.goodsCon .pDetails .pBtn a { float: none !important; flex: 1; width: auto !important; height: 35px !important; line-height: 33px !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; text-align: center; font-size: 16px !important; }
.pNav .replica-period-placeholder { display: block !important; }
.goodsCon .pDetails .pBtn .buyBtn { background: var(--theme-red) !important; }
.goodsCon .pDetails .pBtn .addBtn { background: var(--theme-orange) !important; }
.goodsCon .joinAndGet { margin-top: 0 !important; }
.goodsCon .joinAndGet dl a { min-height: 48px !important; line-height: 48px !important; padding: 0 14px !important; border-bottom: 1px solid var(--theme-line) !important; color: #444 !important; }
.goodsCon .joinAndGet dl a em { color: #aaa !important; }
.item-footer { left: 50% !important; bottom: calc(56px + var(--safe-bottom)) !important; width: 100% !important; max-width: 640px; height: 54px !important; transform: translateX(-50%); border-top: 1px solid var(--theme-line) !important; }
.item-footer #btnBuyBox { display: flex !important; width: calc(100% - 55px) !important; gap: 0; }
.item-footer #btnBuyBox a { float: none !important; flex: 1; width: auto !important; height: 44px !important; line-height: 44px !important; margin: 5px 0 0 !important; border: 0 !important; border-radius: 0 !important; }
.item-footer #btnBuyBox .buyBtn { background: var(--theme-red) !important; color: #fff !important; }
.item-footer #btnBuyBox .addBtn { background: var(--theme-orange) !important; color: #fff !important; }
.item-footer .focus { width: 55px !important; padding: 0 8px !important; }
.Progress-bar .pging, .u-progress .pging, .u-progress .pgbar { background-color: var(--theme-red) !important; }
.empty, .noRecords, .no-data { color: #aaa !important; }
.cart-empty.haveNot.z-minheight { box-sizing: border-box; min-height: 714px !important; padding-top: 40px !important; background: #fff !important; color: #999; text-align: center; }
.cart-empty.haveNot.z-minheight > * { display: revert !important; }
.cart-empty > s { display: block !important; width: 100px !important; height: 100px !important; margin: 0 auto !important; background: url(../../images/gouwuche.png) 0 0 / 100px 100px no-repeat !important; }
.cart-empty.haveNot.z-minheight > s { display: block !important; }
.cart-empty > p { height: 24px; margin: 15px 0 0 !important; font-size: 16px; line-height: 24px; }
.cart-empty > a { display: block !important; color: #fff !important; }
.cart-empty .guangguang { width: 100px; height: 35px; margin: 30px auto 0 !important; border-radius: 4px; background: #e20215; color: #fff; font-size: 20px; line-height: 35px; }
.cart-empty #intro { width: 100%; margin: 0 !important; padding: 0 0 60px !important; }
.cart-empty #intro > .title { display: inline-block !important; height: 14px; padding: 12px !important; color: #999; font-size: 14px; line-height: 14px; }
.cart-empty #intro > ul { display: block !important; width: 100%; height: auto; margin: 0 !important; padding: 0 !important; overflow: hidden; background: #fff; }
.cart-empty #intro > ul > li { display: list-item !important; float: left !important; box-sizing: border-box; width: 50% !important; height: 186px !important; padding: 10px !important; overflow: hidden; border-right: 1px solid #eee; border-bottom: 1px solid #eee; text-align: left; }
.cart-empty #intro .g-pic { display: block; width: 100%; height: 100px; text-align: center; }
.cart-empty #intro .g-pic img { display: block; width: 100px !important; height: 100px !important; margin: 0 auto !important; object-fit: contain; }
.cart-empty #intro .g-name { height: 18px !important; margin: 7px 0 2px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 18px; }
.cart-empty #intro ins { font-size: 12px; line-height: 16px; }
.cart-empty #intro .btn-wrap { position: relative; height: 6px; margin-top: -10px; padding-right: 40px; }
.cart-empty #intro .btn-wrap .u-progress { height: 5px !important; margin: 0 !important; border-radius: 3px; background: #e7e7e7 !important; }
.cart-empty #intro .btn-wrap .gRate { position: absolute; right: 0; top: -1px; box-sizing: border-box; width: 36px; height: 36px; border: 1px solid #e20215; border-radius: 50%; background: #fff !important; }
.cart-empty #intro .btn-wrap .gRate a { display: block; width: 34px; height: 34px; }
.cart-empty #intro .btn-wrap .gRate .cart-add-icon { display: block !important; width: 18px !important; height: 18px !important; margin: 8px auto !important; object-fit: contain; }
.cart-empty #addAll, .cart-empty #addAll p { background: #e20215 !important; }
.cart-empty #addAll { width: 3.2rem !important; height: 3.2rem !important; box-shadow: 0 0 15px #e20215 !important; }
.service-page { min-height: calc(100vh - 62px); padding: 18px 14px; background: var(--theme-bg); }
.service-card { padding: 28px 18px; background: #fff; text-align: center; }
.service-card h1 { margin-bottom: 12px; font-size: 18px; font-weight: 500; }
.service-card p { color: #777; line-height: 1.8; }
.service-card__button { display: block; height: 44px; line-height: 44px; margin-top: 22px; border-radius: 4px; background: var(--theme-red); color: #fff !important; font-size: 15px; }

/* 底部导航 */
.target-footer-spacer { height: calc(55px + var(--safe-bottom)); clear: both; margin: 0; }
.commission-page .target-footer-spacer { height: calc(45px + var(--safe-bottom)); }
.yungouos-footer-nav { padding-bottom: var(--safe-bottom); }
.yungouos-footer-nav .chat i.aui-iconfont, .yungouos-footer-nav #btnCart { color: #fff !important; }
.footerdi {
  position: fixed !important;
  z-index: 900 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 100% !important;
  max-width: 640px;
  height: calc(56px + var(--safe-bottom)) !important;
  padding-bottom: var(--safe-bottom);
  transform: translateX(-50%);
  border-top: 1px solid #e8e8e8 !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 -1px 8px rgba(0,0,0,.04);
}
.footerdi ul { display: flex; width: 100%; height: 56px !important; overflow: visible !important; }
.footerdi li { float: none !important; flex: 1; width: 20% !important; height: 56px !important; overflow: visible !important; }
.footerdi li a { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; height: 56px !important; padding-top: 6px; color: #777 !important; font-size: 11px !important; line-height: 18px !important; overflow: visible !important; }
.footerdi li a.cur { color: var(--theme-red) !important; }
.footerdi li a i { display: block !important; float: none !important; width: 24px !important; height: 24px !important; margin: 0 auto 2px !important; background-image: url(../../images/mobile/f_set.png) !important; background-repeat: no-repeat !important; background-size: 24px auto !important; filter: grayscale(1); opacity: .72; }
.footerdi .f_home a i { background-position: 0 -84px !important; }
.footerdi .f_whole a i { background-position: 0 -168px !important; }
.footerdi .f_jiexiao a i { background-position: 0 -126px !important; }
.footerdi .f_personal a i { background-position: 0 -42px !important; }
.footerdi .f_home a.cur i { background-position: 0 -84px !important; filter: hue-rotate(315deg) saturate(4) brightness(.8); opacity: 1; }
.footerdi .f_whole a.cur i { background-position: 0 -168px !important; filter: hue-rotate(315deg) saturate(4) brightness(.8); opacity: 1; }
.footerdi .f_jiexiao a.cur i { background-position: 0 -126px !important; filter: hue-rotate(315deg) saturate(4) brightness(.8); opacity: 1; }
.footerdi .f_personal a.cur i { background-position: 0 -42px !important; filter: hue-rotate(315deg) saturate(4) brightness(.8); opacity: 1; }
.footerdi .f_car a { z-index: 2; padding-top: 0 !important; color: transparent !important; }
.footerdi .f_car a::before { content: ""; position: absolute; z-index: -1; top: -16px; left: 50%; width: 52px; height: 52px; transform: translateX(-50%); border: 4px solid #fff; border-radius: 50%; background: var(--theme-red); box-shadow: 0 3px 10px rgba(170,0,18,.28); }
.footerdi .f_car a i { width: 26px !important; height: 26px !important; margin-top: -8px !important; background-position: 0 0 !important; filter: brightness(0) invert(1); opacity: 1; }
.footerdi .f_car .cart-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#btnCart em { position: absolute; top: -5px; right: -8px; min-width: 16px; height: 16px; padding: 0 4px; border: 1px solid #fff; border-radius: 9px; background: #fff; color: var(--theme-red); font-size: 10px; line-height: 14px; text-align: center; }
.goto-top { position: fixed; z-index: 820; right: max(12px, calc((100vw - 640px) / 2 + 12px)); bottom: calc(72px + var(--safe-bottom)); width: 40px; height: 40px; opacity: 0; pointer-events: none; border: 0; border-radius: 50%; background: rgba(0,0,0,.62); color: #fff; transition: opacity .2s ease; }
.goto-top.is-visible { opacity: 1; pointer-events: auto; }

/* 客服弹窗 */
.support-dialog[hidden] { display: none !important; }
.support-dialog { position: fixed; z-index: 3000; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; }
.support-dialog__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.48); }
.support-dialog__panel { position: relative; z-index: 1; width: min(84vw, 340px); padding: 26px 22px 22px; border-radius: 8px; background: #fff; text-align: center; box-shadow: 0 16px 48px rgba(0,0,0,.22); animation: support-in .18s ease-out; }
.support-dialog__panel h2 { margin: 0 0 17px; color: #222; font-size: 18px; font-weight: 500; }
.support-dialog__panel p { margin: 0; color: #333; font-size: 16px; }
.support-dialog__close { position: absolute; top: 5px; right: 7px; width: 38px; height: 38px; padding: 0; border: 0; background: transparent; color: #999; font-size: 27px; line-height: 38px; }
.support-dialog__copy { width: 100%; height: 42px; margin-top: 22px; border: 0; border-radius: 4px; background: var(--theme-red); color: #fff; font-size: 14px; }
@keyframes support-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }

@media (max-width: 380px) {
  .goodsList > ul > li { padding: 10px 8px 12px !important; }
  .goodsListR h2 { font-size: 13px !important; }
  .buy_container { gap: 5px; }
  .buy_container .star { flex-basis: 23px; }
  .member-hero { padding-right: 13px; padding-left: 13px; }
  .member-recharge { flex-basis: calc(100% - 68px); margin-right: 34px; margin-left: 34px; padding: 0 12px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}