.topNav .van-nav-bar .van-icon{font-size:.42rem}.topNav .van-nav-bar__title,.topNav .van-nav-bar .van-icon{color:var(--txtColor)}.topNav [class*=van-hairline]::after{border:none}

.customer-service-badge[data-v-7ec129de] {
  position: absolute;
  top: -0.18rem;
  right: -0.34rem;
  z-index: 2;
  min-width: 0.28rem;
  height: 0.28rem;
  padding: 0 0.07rem;
  border-radius: 0.2rem;
  color: #fff;
  background: #ff3b30;
  box-sizing: border-box;
  box-shadow: 0 0.04rem 0.12rem rgba(255, 59, 48, 0.35);
  font-size: 0.19rem;
  font-weight: 700;
  line-height: 0.28rem;
  text-align: center;
  pointer-events: none;
}
.customer-service-badge--dot[data-v-7ec129de] {
  top: -0.1rem;
  right: -0.1rem;
  min-width: 0;
  width: 0.16rem;
  height: 0.16rem;
  padding: 0;
  border: 0.03rem solid #fff;
  border-radius: 50%;
}


.van-tabbar-item--active[data-v-e0930d28] {
  color: var(--bg1);
  font-weight: 700;
  background: transparent;
}
.van-tabbar[data-v-e0930d28] {
  z-index: 999;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0.28rem 0.28rem 0 0;
  box-shadow: 0 -0.08rem 0.28rem rgba(110, 64, 28, 0.12);
  overflow: visible;
  border-top: 1px solid rgba(255, 98, 25, 0.08);
}
.van-tabbar--fixed[data-v-e0930d28] {
  height: 72px;
  padding: 0.08rem 0.08rem 0.04rem;
  box-sizing: border-box;
  line-height: 1;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(8px);
}
.van-tabbar-item[data-v-e0930d28] {
  min-width: 0;
  font-size: 0.21rem;
  line-height: 1;
  color: #333333;
}
.tabbar-icon-wrap[data-v-e0930d28] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.58rem;
  height: 0.46rem;
  margin: 0 auto 0.03rem;
  border-radius: 0.28rem;
  color: #333333;
  transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease,
    transform 0.16s ease;
}
.tabbar-icon-wrap .tabbar-message-badge[data-v-e0930d28] {
  top: -0.08rem;
  right: -0.12rem;
}
.tabbar-icon-wrap.active[data-v-e0930d28] {
  color: #ffffff;
  background: linear-gradient(to right, var(--bg1), var(--bg2));
  box-shadow: 0 0.08rem 0.16rem rgba(255, 128, 42, 0.25);
  transform: translateY(-0.03rem);
}
.tabbar-icon[data-v-e0930d28] {
  display: block;
  font-size: 0.42rem;
  line-height: 1;
}
.shop-tabbar .tabbar-icon-wrap[data-v-e0930d28] {
  position: relative;
  width: 0.56rem;
  height: 0.42rem;
  margin-bottom: 0.03rem;
  border: 0;
  border-radius: 0;
  color: #2f3133;
  background: transparent;
  box-shadow: none;
}
.shop-tabbar .tabbar-icon-wrap.active[data-v-e0930d28] {
  color: var(--bg1);
  background: transparent;
  box-shadow: none;
  transform: translateY(-0.02rem);
}
.shop-tabbar .tabbar-icon[data-v-e0930d28] {
  position: relative;
  font-size: 0.43rem;
}
.shop-tabbar .tabbar-icon-wrap.active .tabbar-icon[data-v-e0930d28] {
  text-shadow: none;
}
.shop-tabbar .van-tabbar-item--active .tabbar-label[data-v-e0930d28] {
  color: var(--bg1);
}
.points-mall-tabbar[data-v-e0930d28] {
  --points-tab-red: #ff1b12;
  --points-tab-orange: #ff6a00;
  border-top-color: rgba(255, 43, 18, 0.1);
  box-shadow: 0 -0.08rem 0.28rem rgba(255, 50, 18, 0.14);
}
.points-mall-tabbar .tabbar-icon-wrap[data-v-e0930d28] {
  width: 0.58rem;
  height: 0.42rem;
  margin-bottom: 0.03rem;
  border-radius: 0;
  color: #25272a;
  background: transparent;
  box-shadow: none;
}
.points-mall-tabbar .tabbar-icon-wrap.active[data-v-e0930d28] {
  color: var(--points-tab-red);
  background: transparent;
  box-shadow: none;
  transform: translateY(-0.02rem);
}
.points-mall-tabbar .tabbar-icon[data-v-e0930d28] {
  font-size: 0.43rem;
}
.points-mall-tabbar .tabbar-icon-wrap.active .tabbar-icon[data-v-e0930d28],
.points-mall-tabbar .van-tabbar-item--active .tabbar-label[data-v-e0930d28] {
  background: linear-gradient(
    110deg,
    var(--points-tab-red) 0%,
    #ff3413 45%,
    var(--points-tab-orange) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
.tabbar-label[data-v-e0930d28] {
  display: block;
  max-width: 100%;
  margin-top: 0.02rem;
  overflow: hidden;
  font-size: 0.21rem;
  line-height: 1.1;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.van-tabbar-item--active .tabbar-label[data-v-e0930d28] {
  color: var(--bg1);
  font-weight: 800;
}
.van-tabbar-item img[data-v-e0930d28] {
  width: 0.45rem;
  height: 0.45rem;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-v-e0930d28] .van-tabbar-item__icon {
  margin-bottom: 0;
  line-height: 1;
}
[data-v-e0930d28] .van-tabbar-item__text {
  line-height: 1;
}
[data-v-e0930d28] .van-info {
  top: -0.08rem;
  right: 0.14rem;
  min-width: 0.28rem;
  height: 0.28rem;
  padding: 0 0.08rem;
  border: 1px solid #ffffff;
  border-radius: 0.18rem;
  background: var(--bg1);
  box-shadow: 0 0.04rem 0.1rem rgba(255, 128, 42, 0.25);
  font-size: 0.18rem;
  line-height: 0.26rem;
}

.win-notice[data-v-39aefd2a]{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px;margin:0 auto}.win-notice__mask[data-v-39aefd2a]{position:absolute;inset:0;background:rgba(0,0,0,.78)}.win-notice__panel[data-v-39aefd2a]{position:relative;z-index:1;width:min(6.25rem,100vw - .64rem);padding:.2rem .34rem .36rem;box-sizing:border-box;text-align:center;color:#fff}.win-notice__image-card[data-v-39aefd2a]{display:flex;align-items:center;justify-content:center;width:min(3.2rem,56vw);aspect-ratio:1/1;margin:0 auto .28rem;padding:.18rem;box-sizing:border-box;border-radius:.18rem;background:#fff;box-shadow:0 .12rem .34rem rgba(0,0,0,.26)}.win-notice__product-image[data-v-39aefd2a]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.win-notice__copy[data-v-39aefd2a]{margin:0 auto}.win-notice__copy p[data-v-39aefd2a]{margin:0 0 .1rem;font-size:.32rem;line-height:1.35;color:rgba(255,255,255,.92)}.win-notice__copy strong[data-v-39aefd2a]{display:block;margin-bottom:.1rem;font-size:.38rem;line-height:1.25;color:#ff9f35;font-weight:700}.win-notice__copy h3[data-v-39aefd2a]{display:-webkit-box;min-height:.9rem;margin:0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.36rem;line-height:1.25;color:#ff9f35;font-weight:700;word-break:break-word}.win-notice__button[data-v-39aefd2a]{display:block;width:100%;height:.78rem;margin:.32rem auto 0;border:0;border-radius:.39rem;background:#ec1b24;color:#fff;font-size:.28rem;font-weight:700;line-height:.78rem;box-shadow:0 .1rem .22rem rgba(236,27,36,.28)}.win-notice-fade-enter-active[data-v-39aefd2a],.win-notice-fade-leave-active[data-v-39aefd2a]{transition:opacity .18s ease}.win-notice-fade-enter[data-v-39aefd2a],.win-notice-fade-leave-to[data-v-39aefd2a]{opacity:0}

.safari-chrome-debug[data-v-1e1ed8db] {
  position: fixed;
  top: 8px;
  right: 8px;
  left: 8px;
  z-index: 2147483647;
  width: auto;
  max-width: 484px;
  max-height: calc(100vh - 16px);
  max-height: calc(100dvh - 16px);
  margin: 0 auto;
  padding: 10px;
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid #475569;
  border-radius: 10px;
  color: #f8fafc;
  background: rgba(15, 23, 42, 0.96);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.38);
  font-family: Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  line-height: 1.45;
  text-align: left;
  -webkit-overflow-scrolling: touch;
}
.safari-chrome-debug__head[data-v-1e1ed8db] {
  position: sticky;
  top: -10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: -10px -10px 8px;
  padding: 10px;
  background: #0f172a;
}
.safari-chrome-debug__head strong[data-v-1e1ed8db] {
  color: #fff;
  font-size: 13px;
}
.safari-chrome-debug__head > div[data-v-1e1ed8db] {
  display: flex;
  gap: 6px;
}
.safari-chrome-debug button[data-v-1e1ed8db] {
  min-width: 76px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #22c55e;
  border-radius: 8px;
  color: #fff;
  background: #15803d;
  font: inherit;
  font-weight: 700;
}
.safari-chrome-debug pre[data-v-1e1ed8db] {
  margin: 0;
  color: inherit;
  font: inherit;
  white-space: pre-wrap;
  word-break: break-all;
}

#app{font-family:PingFangSC-Regular,Helvetica Neue,Helvetica,STHeiTi,sans-serif}header{position:fixed;z-index:100;width:100%;max-width:500px;margin:0 auto}#app{--points-mall-nav-bg: #ff4630;--ordinary-mall-nav-bg: #F7B844;--mall-nav-bg: var(--points-mall-nav-bg);--mall-nav-color: #fff;--mall-nav-title-size: 17.664px;--mall-nav-title-weight: 500}#app .pointsMall header:not(.home_top),#app .users>header,#app .detail_head,#app .invite-task-nav{width:100%;max-width:500px;height:46px !important;min-height:46px !important;height:calc(46px + constant(safe-area-inset-top)) !important;min-height:calc(46px + constant(safe-area-inset-top)) !important;padding-top:constant(safe-area-inset-top) !important;height:calc(46px + env(safe-area-inset-top, 0px)) !important;min-height:calc(46px + env(safe-area-inset-top, 0px)) !important;padding-top:env(safe-area-inset-top, 0px) !important;box-sizing:border-box;background:var(--mall-nav-bg) !important;color:var(--mall-nav-color) !important;box-shadow:none !important;border:0 !important}#app .pointsMall header:not(.home_top) .van-nav-bar,#app .pointsMall header:not(.home_top) .van-nav-bar__content,#app .users>header .van-nav-bar,#app .users>header .van-nav-bar__content,#app .info-nav,#app .info-nav .van-nav-bar__content,#app .trend-nav,#app .trend-nav .van-nav-bar__content{height:46px !important;min-height:46px !important;background:var(--mall-nav-bg) !important}#app .pointsMall header:not(.home_top) .van-nav-bar__title,#app .users>header .van-nav-bar__title,#app .info-nav .van-nav-bar__title,#app .trend-nav .van-nav-bar__title,#app .detail_head .title,#app .invite-task-nav h1{color:var(--mall-nav-color) !important;font-size:var(--mall-nav-title-size) !important;font-weight:var(--mall-nav-title-weight) !important;line-height:46px !important;letter-spacing:0 !important}#app .pointsMall header:not(.home_top) .van-icon,#app .users>header .van-icon,#app .info-nav .van-icon,#app .trend-nav .van-icon,#app .detail_head .van-icon,#app .invite-task-nav .van-icon{color:var(--mall-nav-color) !important}#mescroll1{padding-top:46px;padding-top:calc(46px + constant(safe-area-inset-top));padding-top:calc(46px + env(safe-area-inset-top, 0px))}#mescroll{padding-top:54px;padding-top:calc(54px + constant(safe-area-inset-top));padding-top:calc(54px + env(safe-area-inset-top, 0px))}#app .category header,#app .search header,#app .searchList header,#app .cart .cart_top,#app .detail_head,#app .topNav,#app .topNav .van-nav-bar,#app .topNav .van-nav-bar__content,#app .user_home .user_top{background:var(--ordinary-mall-nav-bg) !important}#app .category header,#app .search header,#app .searchList header,#app .cart .cart_top,#app .detail_head,#app .topNav,#app .topNav .van-nav-bar__title,#app .topNav .van-icon,#app .detail_head .title,#app .detail_head .van-icon{color:#fff !important}#app .pointsMall header:not(.home_top),#app .pointsMall header:not(.home_top) .van-nav-bar,#app .pointsMall header:not(.home_top) .van-nav-bar__content,#app .pointsMall .detail_head,#app .pointsMall .info-nav,#app .pointsMall .info-nav .van-nav-bar__content,#app .pointsMall .trend-nav,#app .pointsMall .trend-nav .van-nav-bar__content,#app .trade-detail-page .detail_head,#app .user-draw-page header,#app .user-draw-page .detail_head,#app .userSetInfo header,#app .userSetInfo .detail_head,#app .userCollect header,#app .userCollect .detail_head,#app .infoCompute .detail_head,#app .user-buy-wrap .detail_head,#app .users.points-user-page>header,#app .users.points-user-page>header .van-nav-bar,#app .users.points-user-page>header .van-nav-bar__content,#app .users:has(>.go-record-order)>header,#app .users:has(>.go-record-order)>header .van-nav-bar,#app .users:has(>.go-record-order)>header .van-nav-bar__content,#app .users:has(>.userDraw)>header,#app .users:has(>.userCommission)>header,#app .users:has(>.userShareRecord)>header,#app .users:has(>.userCollect)>header,#app .users:has(>.userProduct)>header,#app .users:has(>.infoUser)>header,#app .users:has(>.userSetInfo)>header,#app .users:has(>.userProductAddress)>header,#app .users:has(>.drawExplain)>header,#app .users:has(>.integralOrder)>header,#app .invite-task-nav{background:var(--points-mall-nav-bg) !important;color:#fff !important}#app .users:has(>.userOrder)>header,#app .users:has(>.userOrder)>header .van-nav-bar,#app .users:has(>.userOrder)>header .van-nav-bar__content,#app .users:has(>.vipOrder)>header,#app .users:has(>.vipOrder)>header .van-nav-bar,#app .users:has(>.vipOrder)>header .van-nav-bar__content,#app .users:has(>.settings-page)>header,#app .users:has(>.settings-page)>header .van-nav-bar,#app .users:has(>.settings-page)>header .van-nav-bar__content,#app .settings-page .settings-nav,#app .password-page .password-nav,#app .userSetInfo header,#app .userSetInfo .detail_head,#app .users:has(>.userSetInfo)>header,#app .users:has(>.userSetInfo)>header .van-nav-bar,#app .users:has(>.userSetInfo)>header .van-nav-bar__content,#app .users:has(>.userSetPassword)>header,#app .users:has(>.userSetPassword)>header .van-nav-bar,#app .users:has(>.userSetPassword)>header .van-nav-bar__content,#app .users:has(>.userSetPayPassword)>header,#app .users:has(>.userSetPayPassword)>header .van-nav-bar,#app .users:has(>.userSetPayPassword)>header .van-nav-bar__content,#app .users:has(>.mall-order-detail)>header,#app .users:has(>.mall-order-detail)>header .van-nav-bar,#app .users:has(>.mall-order-detail)>header .van-nav-bar__content,#app .mall-order-detail.detail_head,#app .mall-order-detail .detail_head,#app .users:has(>.merchant-order-detail)>header,#app .users:has(>.merchant-order-detail)>header .van-nav-bar,#app .users:has(>.merchant-order-detail)>header .van-nav-bar__content,#app .merchant-order-detail.detail_head,#app .merchant-order-detail .detail_head,#app .users:has(>#refundVerify)>header,#app .users:has(>#refundVerify)>header .van-nav-bar,#app .users:has(>#refundVerify)>header .van-nav-bar__content{background:var(--ordinary-mall-nav-bg) !important;color:#fff !important}#app .pointsMall header:not(.home_top) .van-nav-bar__title,#app .pointsMall header:not(.home_top) .van-icon,#app .pointsMall .detail_head .title,#app .pointsMall .detail_head .van-icon,#app .pointsMall .info-nav .van-nav-bar__title,#app .pointsMall .info-nav .van-icon,#app .pointsMall .trend-nav .van-nav-bar__title,#app .pointsMall .trend-nav .van-icon,#app .user-draw-page .detail_head .title,#app .user-draw-page .detail_head .van-icon,#app .user-draw-page .detail_head .operate,#app .userSetInfo .detail_head .title,#app .userSetInfo .detail_head .van-icon,#app .userSetInfo .detail_head .operate,#app .userCollect .detail_head .title,#app .userCollect .detail_head .van-icon,#app .userCollect .detail_head .operate,#app .infoCompute .detail_head .title,#app .infoCompute .detail_head .van-icon,#app .infoCompute .detail_head .operate,#app .user-buy-wrap .detail_head .title,#app .user-buy-wrap .detail_head .van-icon,#app .users.points-user-page>header .van-nav-bar__title,#app .users.points-user-page>header .van-icon,#app .users:has(>.go-record-order)>header .van-nav-bar__title,#app .users:has(>.go-record-order)>header .van-icon,#app .users:has(>.userDraw)>header .van-nav-bar__title,#app .users:has(>.userDraw)>header .van-icon,#app .users:has(>.userCommission)>header .van-nav-bar__title,#app .users:has(>.userCommission)>header .van-icon,#app .users:has(>.userShareRecord)>header .van-nav-bar__title,#app .users:has(>.userShareRecord)>header .van-icon,#app .users:has(>.userCollect)>header .van-nav-bar__title,#app .users:has(>.userCollect)>header .van-icon,#app .users:has(>.userProduct)>header .van-nav-bar__title,#app .users:has(>.userProduct)>header .van-icon,#app .users:has(>.infoUser)>header .van-nav-bar__title,#app .users:has(>.infoUser)>header .van-icon,#app .users:has(>.userSetInfo)>header .van-nav-bar__title,#app .users:has(>.userSetInfo)>header .van-icon,#app .users:has(>.userProductAddress)>header .van-nav-bar__title,#app .users:has(>.userProductAddress)>header .van-icon,#app .users:has(>.drawExplain)>header .van-nav-bar__title,#app .users:has(>.drawExplain)>header .van-icon,#app .users:has(>.integralOrder)>header .van-nav-bar__title,#app .users:has(>.integralOrder)>header .van-icon,#app .invite-task-nav h1,#app .invite-task-nav .van-icon{color:#fff !important}#app .users:has(>.userOrder)>header .van-nav-bar__title,#app .users:has(>.userOrder)>header .van-icon,#app .users:has(>.vipOrder)>header .van-nav-bar__title,#app .users:has(>.vipOrder)>header .van-icon,#app .users:has(>.settings-page)>header .van-nav-bar__title,#app .users:has(>.settings-page)>header .van-icon,#app .settings-page .settings-nav,#app .settings-page .settings-nav .van-icon,#app .settings-page .settings-nav span,#app .password-page .password-nav,#app .password-page .password-nav .van-icon,#app .password-page .password-nav span,#app .userSetInfo .detail_head .title,#app .userSetInfo .detail_head .van-icon,#app .userSetInfo .detail_head .operate,#app .users:has(>.userSetInfo)>header .van-nav-bar__title,#app .users:has(>.userSetInfo)>header .van-icon,#app .users:has(>.userSetPassword)>header .van-nav-bar__title,#app .users:has(>.userSetPassword)>header .van-icon,#app .users:has(>.userSetPayPassword)>header .van-nav-bar__title,#app .users:has(>.userSetPayPassword)>header .van-icon,#app .users:has(>.mall-order-detail)>header .van-nav-bar__title,#app .users:has(>.mall-order-detail)>header .van-icon,#app .mall-order-detail .detail_head .title,#app .mall-order-detail .detail_head .van-icon,#app .mall-order-detail .detail_head .operate,#app .users:has(>.merchant-order-detail)>header .van-nav-bar__title,#app .users:has(>.merchant-order-detail)>header .van-icon,#app .merchant-order-detail .detail_head .title,#app .merchant-order-detail .detail_head .van-icon,#app .merchant-order-detail .detail_head .operate{color:#fff !important}#app .users.points-user-page>header,#app .users.points-user-page>header .van-nav-bar,#app .users.points-user-page>header .van-nav-bar__content,#app .users:has(>.go-record-order)>header,#app .users:has(>.go-record-order)>header .van-nav-bar,#app .users:has(>.go-record-order)>header .van-nav-bar__content,#app .users:has(>.user-product-order)>header,#app .users:has(>.user-product-order)>header .van-nav-bar,#app .users:has(>.user-product-order)>header .van-nav-bar__content{background:var(--points-mall-nav-bg) !important;color:#fff !important}#app .users.points-user-page>header .van-nav-bar__title,#app .users.points-user-page>header .van-icon,#app .users:has(>.go-record-order)>header .van-nav-bar__title,#app .users:has(>.go-record-order)>header .van-icon,#app .users:has(>.user-product-order)>header .van-nav-bar__title,#app .users:has(>.user-product-order)>header .van-icon{color:#fff !important}#app .users>.go-record-order,#app .users>.user-product-order,#app .users>.integral-order-page,#app .users>.collect-page,#app .users>.commission-page,#app .users>.user-draw-page,#app .users>.infoUser.shopList,#app .pointsMall .trade-list-page{height:calc(100vh - var(--app-fixed-header-height)) !important;height:calc(100dvh - var(--app-fixed-header-height)) !important;margin-top:var(--app-fixed-header-height) !important;padding-top:0 !important}#app .custom_hero_wrap,#app .activity,#app .buy.userRecharge,#app .orderPayPage{padding-top:var(--app-fixed-header-height) !important}
:root{
    --bg1:#FF8746;
    --bg2:#f7b844;
    --status-bar-color:#F7B844;
    --status-bar-bg:none;
    --browser-bottom-color:#fff7ef;
    --mobile-status-fill-height:64px;
    --app-nav-height:46px;
    --app-safe-area-top:0px;
    --app-safe-area-top:constant(safe-area-inset-top);
    --app-safe-area-top:env(safe-area-inset-top, 0px);
    --app-fixed-header-height:calc(var(--app-nav-height) + var(--app-safe-area-top));
    --shrink:0.3rem;
    --borderRadius:0.15rem;
    --webBg:#F6F6F6;
    --textColor:#A2A2A2;
    --textColor1:#666666;
    --textColor2:#333333;
    --textColor3:#999999;
    --textColor4:#888888;
    --pointsMallBg:#f7b844;
    --pointsMallBg1:#f5bf55;
    view-transition-name: root;
}
html,
body{
    min-height: 100%;
    background-color: var(--browser-bottom-color);
    background-image: none;
}
html::before,
body::before{
    content: "";
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 2147483000;
    width: min(500px, 100vw);
    height: constant(safe-area-inset-top);
    height: env(safe-area-inset-top, 0px);
    background-color: var(--status-bar-color);
    background-image: var(--status-bar-bg);
    transform: translateX(-50%);
    pointer-events: none;
}
html.points-detail-status-fill,
body.points-detail-status-fill {
    background-color: var(--browser-bottom-color) !important;
    background-image: none !important;
}
html.points-detail-status-fill::before {
    left: -2px;
    right: -2px;
    width: auto;
    background-color: #ff4630 !important;
    background-image: none !important;
    transform: none;
    z-index: 2147483000;
    height: constant(safe-area-inset-top);
    height: env(safe-area-inset-top, 0px);
}
html.mall-user-red-status,
body.mall-user-red-status {
    background-color: #fff7f0 !important;
    background-image: none !important;
}
html.mall-user-red-status::before,
body.mall-user-red-status::before {
    display: none !important;
}
*{
    font-style: normal;
    margin: 0;
}
#app{
    padding-bottom: 0;
    min-height: 100%;
    background-color: var(--browser-bottom-color);
    background-image: none;
}
.pc .pointsMall{
    position: static!important;
}
.pc,.pc .van-sticky--fixed,.pc .help-wrapper{
    max-width: 500px!important;
    margin: 0 auto;
}
.pc .detail{
    height: calc(100% - 0px)!important;
}
.pc .layout{
    height: calc(100vh - 54px);
}
.pc{
    position: relative;
}

.pc #mall_home{
    overflow: hidden!important;
}
.pc .user_home,.pc .users{
    /* position: static!important; */
}

.pc .van-tabbar,.pc .play_boll,.pc .header,.pc .foot_opa,.pc .login_out,.pc .van-submit-bar{
    width: 500px!important;
    margin: 0 auto!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
}
.pc .play_boll{
    width: 100%!important;
    height: .75rem;
    position: relative;
}
.pc .detail_ .play_boll{
    width: 500px!important;
}
.pc .play_boll div{
    /* overflow: hidden; */
}
.layout{
    height: auto;
    min-height: 100%;
}
.layout--with-tabbar{
    padding-bottom: calc(72px + constant(safe-area-inset-bottom));
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    box-sizing: border-box;
}
body {
    background-color: var(--browser-bottom-color);
    background-image: none;
    height: 100%;
}   
@media (max-width: 500px) {
    :root {
        --mobile-status-fill-height: 64px;
    }
    html {
        background-color: var(--browser-bottom-color);
        background-image: linear-gradient(
            to bottom,
            var(--status-bar-color) 0,
            var(--status-bar-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) 100%
        );
        background-image: linear-gradient(
            to bottom,
            var(--status-bar-color) 0,
            var(--status-bar-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) 100%
        );
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
    }
    body {
        background-color: var(--browser-bottom-color);
        background-image: linear-gradient(
            to bottom,
            var(--status-bar-color) 0,
            var(--status-bar-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) 100%
        );
        background-image: linear-gradient(
            to bottom,
            var(--status-bar-color) 0,
            var(--status-bar-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) 100%
        );
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100%;
    }
    body.ordinary-status-active {
        background-color: var(--browser-bottom-color) !important;
        background-image: linear-gradient(
            to bottom,
            var(--status-bar-color) 0,
            var(--status-bar-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) 100%
        ) !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        background-size: 100% 100% !important;
    }
    html.points-detail-status-fill,
    body.points-detail-status-fill {
        background-color: var(--browser-bottom-color) !important;
        background-image: linear-gradient(
            to bottom,
            #ff4630 0,
            #ff4630 var(--mobile-status-fill-height),
            var(--browser-bottom-color) var(--mobile-status-fill-height),
            var(--browser-bottom-color) 100%
        ) !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        background-size: 100% 100% !important;
    }
    #app {
        min-height: 100vh;
        background-color: var(--browser-bottom-color);
        background-image: none;
    }
    html::before,
    body::before {
        left: 0;
        right: 0;
        width: 100vw;
        transform: none;
    }
    html.points-detail-status-fill::before {
        left: -4px;
        right: -4px;
        width: auto;
        transform: none;
        height: constant(safe-area-inset-top);
        height: env(safe-area-inset-top, 0px);
    }
    html.mall-user-red-status,
    body.mall-user-red-status {
        background-color: #fff7f0 !important;
        background-image: linear-gradient(
            180deg,
            #ff4630 0,
            #ff4630 calc(env(safe-area-inset-top, 0px) + 54px),
            #ff6200 calc(env(safe-area-inset-top, 0px) + 1.65rem),
            #fff2ea calc(env(safe-area-inset-top, 0px) + 3.3rem),
            #fff7f0 100%
        ) !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        background-size: 100% 100% !important;
    }
    html.mall-user-red-status::before,
    body.mall-user-red-status::before {
        display: none !important;
    }
}
.container{
    padding: var(--shrink);
}
.pd{
    padding: 0 var(--shrink);
}
.containerWidth{
    width: calc(100% - var(--shrink) * 2);
    margin: 0 auto;
    padding:var(--shrink);

}
.clamp1{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.clamp2{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.van-sku-actions .van-button--danger,.van-submit-bar__button--danger,.van-stepper__plus,.van-stepper__minus{
    background: linear-gradient(var(--bg1), var(--bg2));
}
.van-stepper__plus,.van-stepper__minus{
    color: #fff;
    font-weight: bold;
    border-radius: 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
}
.van-stepper__minus--disabled{
    background: #D4D4D4!important;   
}
.van-submit-bar__price{
    color: var(--bg1);
}
.van-checkbox__icon--checked .van-icon{
    background: var(--bg1);
    border-color: var(--bg1);
}
.van-stepper__input{
    font-size: 0.3rem;
	width:50px;
    background-color: transparent;
}
::v-deep .van-count-down ,.count_down{
    display: flex;
    align-items: center;
    justify-content: center;
    .colon {
        display: inline-block;
        margin: 0 0.05rem;
        color: var(--bg2);
    }
    .block {
    display:flex;
    align-items: center;
    justify-content: center;
    width: 0.35rem;
    height: 0.35rem;
    color: #000;
    font-size: 0.22rem;
    font-weight: 400;
    text-align: center;
    background: linear-gradient(#FFA06A, #F8CC85);
    border-radius: 0.05rem;
    }
}

.bj-t3{
    background: linear-gradient(to right, #f8d68f, #f5bf55);
}


.van-badge-right .van-badge{
    right: 0.05rem!important;
    top: 0.05rem!important;
}

[data-kefu-entry].mine-menu-text--customer > [class*="badge"],
[data-kefu-entry].mine-menu-text--customer > [class*="unread"],
[data-kefu-entry].service-label--customer > [class*="badge"],
[data-kefu-entry].service-label--customer > [class*="unread"]{
    position: absolute!important;
    top: -0.16rem!important;
    right: -0.3rem!important;
    margin: 0!important;
    transform: none!important;
}

/* ::v-deep .van-dialog__confirm{
    color: var(--bg2)!important;
  } */

.van-list__loading,.van-list__placeholder{
    /* height: 50px; */
}
.van-tabs__track{
    height: auto;
}


img{
    font-size: 0.2rem;
    color: var(--textColor2);
}

.countdown-number::before {
    content: counter(countdown);
    counter-reset: countdown 100;
    animation: countdown 1s steps(100) infinite;
}

@keyframes countdown {
    0% {
        counter-reset: countdown 99;
    }

    1% {
        counter-reset: countdown 98;
    }

    2% {
        counter-reset: countdown 97;
    }

    3% {
        counter-reset: countdown 96;
    }

    4% {
        counter-reset: countdown 95;
    }

    5% {
        counter-reset: countdown 94;
    }

    6% {
        counter-reset: countdown 93;
    }

    7% {
        counter-reset: countdown 92;
    }

    8% {
        counter-reset: countdown 91;
    }

    9% {
        counter-reset: countdown 90;
    }

    10% {
        counter-reset: countdown 89;
    }

    11% {
        counter-reset: countdown 88;
    }

    12% {
        counter-reset: countdown 87;
    }

    13% {
        counter-reset: countdown 86;
    }

    14% {
        counter-reset: countdown 85;
    }

    15% {
        counter-reset: countdown 84;
    }

    16% {
        counter-reset: countdown 83;
    }

    17% {
        counter-reset: countdown 82;
    }

    18% {
        counter-reset: countdown 81;
    }

    19% {
        counter-reset: countdown 80;
    }

    20% {
        counter-reset: countdown 79;
    }

    21% {
        counter-reset: countdown 78;
    }

    22% {
        counter-reset: countdown 77;
    }

    23% {
        counter-reset: countdown 76;
    }

    24% {
        counter-reset: countdown 75;
    }

    25% {
        counter-reset: countdown 74;
    }

    26% {
        counter-reset: countdown 73;
    }

    27% {
        counter-reset: countdown 72;
    }

    28% {
        counter-reset: countdown 71;
    }

    29% {
        counter-reset: countdown 70;
    }

    30% {
        counter-reset: countdown 69;
    }

    31% {
        counter-reset: countdown 68;
    }

    32% {
        counter-reset: countdown 67;
    }

    33% {
        counter-reset: countdown 66;
    }

    34% {
        counter-reset: countdown 65;
    }

    35% {
        counter-reset: countdown 64;
    }

    36% {
        counter-reset: countdown 63;
    }

    37% {
        counter-reset: countdown 62;
    }

    38% {
        counter-reset: countdown 61;
    }

    39% {
        counter-reset: countdown 60;
    }

    40% {
        counter-reset: countdown 59;
    }

    41% {
        counter-reset: countdown 58;
    }

    42% {
        counter-reset: countdown 57;
    }

    43% {
        counter-reset: countdown 56;
    }

    44% {
        counter-reset: countdown 55;
    }

    45% {
        counter-reset: countdown 54;
    }

    46% {
        counter-reset: countdown 53;
    }

    47% {
        counter-reset: countdown 52;
    }

    48% {
        counter-reset: countdown 51;
    }

    49% {
        counter-reset: countdown 50;
    }

    50% {
        counter-reset: countdown 49;
    }

    51% {
        counter-reset: countdown 48;
    }

    52% {
        counter-reset: countdown 47;
    }

    53% {
        counter-reset: countdown 46;
    }

    54% {
        counter-reset: countdown 45;
    }

    55% {
        counter-reset: countdown 44;
    }

    56% {
        counter-reset: countdown 43;
    }

    57% {
        counter-reset: countdown 42;
    }

    58% {
        counter-reset: countdown 41;
    }

    59% {
        counter-reset: countdown 40;
    }

    60% {
        counter-reset: countdown 39;
    }

    61% {
        counter-reset: countdown 38;
    }

    62% {
        counter-reset: countdown 37;
    }

    63% {
        counter-reset: countdown 36;
    }

    64% {
        counter-reset: countdown 35;
    }

    65% {
        counter-reset: countdown 34;
    }

    66% {
        counter-reset: countdown 33;
    }

    67% {
        counter-reset: countdown 32;
    }

    68% {
        counter-reset: countdown 31;
    }

    69% {
        counter-reset: countdown 30;
    }

    70% {
        counter-reset: countdown 29;
    }

    71% {
        counter-reset: countdown 28;
    }

    72% {
        counter-reset: countdown 27;
    }

    73% {
        counter-reset: countdown 26;
    }

    74% {
        counter-reset: countdown 25;
    }

    75% {
        counter-reset: countdown 24;
    }

    76% {
        counter-reset: countdown 23;
    }

    77% {
        counter-reset: countdown 22;
    }

    78% {
        counter-reset: countdown 21;
    }

    79% {
        counter-reset: countdown 20;
    }

    80% {
        counter-reset: countdown 19;
    }

    81% {
        counter-reset: countdown 18;
    }

    82% {
        counter-reset: countdown 17;
    }

    83% {
        counter-reset: countdown 16;
    }

    84% {
        counter-reset: countdown 15;
    }

    85% {
        counter-reset: countdown 14;
    }

    86% {
        counter-reset: countdown 13;
    }

    87% {
        counter-reset: countdown 12;
    }

    88% {
        counter-reset: countdown 11;
    }

    89% {
        counter-reset: countdown 10;
    }

    90% {
        counter-reset: countdown 9;
    }

    91% {
        counter-reset: countdown 8;
    }

    92% {
        counter-reset: countdown 7;
    }

    93% {
        counter-reset: countdown 6;
    }

    94% {
        counter-reset: countdown 5;
    }

    95% {
        counter-reset: countdown 4;
    }

    96% {
        counter-reset: countdown 3;
    }

    97% {
        counter-reset: countdown 2;
    }

    98% {
        counter-reset: countdown 1;
    }

    99% {
        counter-reset: countdown 0;
    }
}

.van-list__placeholder{
    margin-bottom: 50px!important;
}

.points-exchange-popup.exchange {
    overflow: visible;
    background: transparent !important;
}

.points-exchange-popup.exchange .content_exchange {
    width: min(6.35rem, calc(100vw - 0.48rem)) !important;
    max-width: 430px;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.28rem !important;
    border-radius: 0.28rem !important;
    background: linear-gradient(180deg, #fff 0%, #fff8f2 100%) !important;
    box-shadow: 0 0.28rem 0.7rem rgba(72, 33, 12, 0.22);
    box-sizing: border-box;
}

.points-exchange-popup.exchange .exchange-head {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 0.2rem;
    padding: 0 0.4rem 0.24rem 0 !important;
    margin: 0 0 0.22rem !important;
    border-bottom: 1px solid #f3e4da;
}

.points-exchange-popup.exchange .exchange-head .imgs {
    flex: 0 0 1.18rem;
    width: 1.18rem;
    height: 1.18rem;
    border-radius: 0.18rem;
    overflow: hidden;
    background: #f8f8f8;
}

.points-exchange-popup.exchange .exchange-head .imgs img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: contain;
       object-fit: contain;
}

.points-exchange-popup.exchange .exchange-head .text {
    flex: 1;
    min-width: 0;
    margin-left: 0 !important;
    color: #1c1c1c !important;
}

.points-exchange-popup.exchange .exchange-head .title {
    min-height: 0;
    margin: 0 0 0.12rem;
    color: #171717;
    font-size: 0.27rem !important;
    font-weight: 800;
    line-height: 0.38rem;
}

.points-exchange-popup.exchange .exchange-head .residue {
    margin-top: 0 !important;
    color: #8b6b58 !important;
    font-size: 0.23rem !important;
}

.points-exchange-popup.exchange .exchange-head .residue i {
    color: #ff3b1a;
    font-size: 0.3rem;
    font-weight: 900;
}

.points-exchange-popup.exchange .popup-close {
    position: absolute;
    top: -0.08rem;
    right: -0.04rem;
    color: #9b7a65;
    font-size: 0.34rem !important;
}

.points-exchange-popup.exchange .exchange-balance {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 0.16rem;
    margin: 0 0 0.22rem !important;
    padding: 0.2rem !important;
    border-radius: 0.22rem;
    background: #fff2e9;
    border: 1px solid #ffe0ce;
}

.points-exchange-popup.exchange .exchange-balance span {
    display: block;
    margin-bottom: 0.06rem;
    color: #9a7561;
    font-size: 0.21rem;
    line-height: 1;
}

.points-exchange-popup.exchange .exchange-balance strong {
    color: #ff3518;
    font-size: 0.32rem;
    font-weight: 900;
}

.points-exchange-popup.exchange .exchange-balance label {
    flex: 0 0 2rem;
    display: block;
    padding: 0.12rem 0.16rem;
    border-radius: 0.18rem;
    background: #fff;
    box-sizing: border-box;
}

.points-exchange-popup.exchange .exchange-balance input {
    width: 100%;
    border: 0 !important;
    outline: none;
    padding: 0;
    color: #ff3518;
    font-size: 0.32rem;
    font-weight: 900;
    background: transparent;
    text-align: center;
}

.points-exchange-popup.exchange .exchange-balance a {
    flex: 0 0 auto;
    border-radius: 0.32rem !important;
    padding: 0.12rem 0.28rem !important;
    color: #fff !important;
    font-size: 0.23rem !important;
    font-weight: 800;
    background: linear-gradient(90deg, #ff2f1a 0%, #ff6b00 100%) !important;
}

.points-exchange-popup.exchange .proportion {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.12rem;
    margin: 0 0 0.26rem !important;
}

.points-exchange-popup.exchange .proportion span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 0.56rem;
    border: 1px solid #ffc7ae;
    border-radius: 0.3rem;
    color: #8b6b58;
    background: #fff;
    font-size: 0.23rem;
    font-weight: 800;
    box-sizing: border-box;
}

.points-exchange-popup.exchange .proportion span.active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(90deg, #ff2f1a 0%, #ff6b00 100%);
    box-shadow: 0 0.08rem 0.18rem rgba(255, 73, 18, 0.22);
}

.points-exchange-popup.exchange .check {
    display: block !important;
    margin: 0 !important;
    font-size: 0.23rem;
}

.points-exchange-popup.exchange .check .btns {
    margin: 0 0 0.2rem !important;
}

.points-exchange-popup.exchange .check .btns button {
    width: 100%;
    height: 0.78rem;
    border: 0;
    border-radius: 0.42rem;
    color: #fff !important;
    background: linear-gradient(90deg, #ff2f1a 0%, #ff6b00 100%) !important;
    box-shadow: 0 0.1rem 0.22rem rgba(255, 73, 18, 0.24);
    font-size: 0.28rem;
    font-weight: 900;
}

.points-exchange-popup.exchange .check .btns button[disabled] {
    color: #999 !important;
    background: #e4e4e4 !important;
    box-shadow: none;
}

.points-exchange-popup.exchange .check .btns button[aria-busy="true"] {
    color: #fff !important;
    background: linear-gradient(90deg, #ff2f1a 0%, #ff8a00 50%, #ff2f1a 100%) !important;
    background-size: 200% 100% !important;
    box-shadow: 0 0.08rem 0.18rem rgba(255, 73, 18, 0.2);
    animation: points-exchange-busy 0.9s linear infinite;
    opacity: 0.9;
}

@keyframes points-exchange-busy {
    to {
        background-position: -200% 0;
    }
}

.pointsMall .play_boll button[aria-busy="true"] {
    color: #fff !important;
    background: linear-gradient(90deg, #ff2f1a 0%, #ff8a00 50%, #ff2f1a 100%) !important;
    background-size: 200% 100% !important;
    animation: points-exchange-busy 0.9s linear infinite;
    opacity: 0.9;
}

.points-exchange-popup.exchange .exchange-tip {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
    color: #8b6b58;
    font-size: 0.22rem;
}

.points-exchange-popup.exchange .exchange-tip .van-icon {
    color: #ff5b19;
    font-size: 0.3rem !important;
}

/* Ordinary mall theme */
:root {
    --ordinary-mall-nav-bg: #F7B844;
    --ordinary-mall-gradient: linear-gradient(to right, var(--bg1), var(--bg2));
    --ordinary-mall-bg: #fff7ef;
    --ordinary-mall-card: #fffdf9;
    --ordinary-mall-border: #ffe4cf;
    --ordinary-mall-text: #25201d;
    --ordinary-mall-muted: #8f7f72;
    --ordinary-mall-shadow: 0 0.1rem 0.28rem rgba(158, 92, 38, 0.12);
    --ordinary-mall-radius: 0.22rem;
}

.home,
.ordinary-category,
.detail,
.search,
.searchList,
.ordinary-cart,
.buy,
.orderPay,
.recommend,
.activity,
.custom,
.users > .user_home,
.users > .userOrder:not(.userProduct),
.users > .userOrderInfo:not(.order-detail-page) {
    background: var(--ordinary-mall-bg) !important;
    color: var(--ordinary-mall-text);
    font-family: PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.home header,
.ordinary-category header,
.search header,
.searchList header,
.searchList .search_head,
.ordinary-cart .cart_top,
.detail .detail_head,
.recommend .navTop,
.topNav,
.topNav .van-nav-bar,
.topNav .van-nav-bar__content,
.users > header,
.users > header .van-nav-bar,
.users > header .van-nav-bar__content,
.user_home .user_top,
.auth-nav,
.login-nav,
.settings-page .settings-nav,
.password-page .password-nav {
    background: var(--ordinary-mall-nav-bg) !important;
    color: #fff !important;
}

.auth-nav .van-icon,
.auth-nav span,
.login-nav .van-icon,
.login-nav span,
.settings-page .settings-nav .van-icon,
.settings-page .settings-nav span,
.password-page .password-nav .van-icon,
.password-page .password-nav span,
.searchList .search_head .van-icon,
.searchList .search_head .search_back {
    color: #fff !important;
}

.ordinary-category .van-search__content,
.search .van-search__content,
.searchList .van-search__content,
.home header .van-search__content {
    min-height: 0.64rem !important;
    border-radius: 0.34rem !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
}

.ordinary-category .van-search__action,
.search .van-search__action .search_btn,
.searchList .van-search__action .search_btn,
.home header .van-search__action {
    border-radius: 0.34rem !important;
    background: var(--ordinary-mall-gradient) !important;
    color: #fff !important;
    font-weight: 800 !important;
}

.home .banner {
    width: calc(100% - var(--shrink) * 2) !important;
    height: 3.12rem !important;
    max-height: 3.12rem !important;
    margin: 0.2rem auto 0 !important;
    border-radius: 0.26rem !important;
    overflow: hidden !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.home .banner .van-swipe,
.home .banner .van-swipe__track,
.home .banner .van-swipe-item,
.home .banner a,
.home .banner img {
    height: 100% !important;
    max-height: 100% !important;
}

.home .banner a,
.home .banner img {
    display: block !important;
    width: 100% !important;
}

.home .banner img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
}

.detail .banner,
.custom .custom_hero_wrap {
    background: var(--ordinary-mall-nav-bg) !important;
}

.search .van-icon-arrow-left,
.searchList .van-icon-arrow-left,
.search .van-search__action .iconfont,
.searchList .van-search__action .iconfont {
    color: #fff !important;
}

.van-dialog,
.van-popup,
.van-sku-container {
    border-radius: 0.24rem !important;
    overflow: hidden;
}

.agreement-popup-shell {
    border-radius: 0 !important;
    background: transparent !important;
}

.van-dialog__header,
.van-sku-header__goods-info {
    color: var(--ordinary-mall-text) !important;
    font-weight: 800 !important;
}

.van-dialog__confirm,
.van-button--danger,
.van-button--primary,
.van-submit-bar__button--danger,
.van-sku-actions .van-button--danger,
.van-stepper__plus,
.van-stepper__minus {
    border-color: transparent !important;
    background: var(--ordinary-mall-gradient) !important;
    color: #fff !important;
}

.van-dialog__cancel {
    color: var(--ordinary-mall-muted) !important;
}

.van-checkbox__icon--checked .van-icon,
.van-radio__icon--checked .van-icon {
    border-color: var(--bg1) !important;
    background: var(--ordinary-mall-gradient) !important;
}

.van-submit-bar {
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 -0.08rem 0.24rem rgba(158, 92, 38, 0.12) !important;
}

.van-submit-bar__price,
.home .price,
.home .price i,
.ordinary-category .price,
.ordinary-category .price i,
.detail .price,
.detail .price i,
.searchList .price,
.searchList .price i,
.ordinary-cart .price,
.ordinary-cart .price i,
.buy .price,
.buy .price i,
.recommend .price,
.recommend .price i,
.activity .price,
.activity .price i,
.custom .price,
.custom .price i,
.user_home .price,
.user_home .price i,
.userOrder .price,
.userOrder .price i,
.userOrderInfo .price,
.userOrderInfo .price i,
.detail .price_num,
.detail .price_box .price_item .mon,
.buy .submit_bar span {
    color: var(--bg1) !important;
}

.ordinary-category .filter,
.searchList .filter,
.recommend .filter,
.userOrder .menu_body .van-tabs__wrap {
    margin: 0.16rem auto !important;
    padding: 0.08rem !important;
    border-radius: 0.42rem !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: var(--ordinary-mall-shadow) !important;
    box-sizing: border-box !important;
}

.ordinary-category .filter span,
.searchList .filter span,
.recommend .filter span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 0.58rem;
    border-radius: 0.34rem !important;
    background: transparent !important;
    color: #7a6a5e !important;
    font-size: 0.24rem !important;
    font-weight: 700 !important;
}

.ordinary-category .filter span.active,
.searchList .filter span.active,
.recommend .filter span.active,
.ordinary-category .filter #sort.active {
    background: var(--ordinary-mall-gradient) !important;
    color: #fff !important;
    box-shadow: 0 0.08rem 0.18rem rgba(255, 135, 70, 0.22) !important;
}

.userOrder .menu_body .van-tab {
    min-width: 1.15rem;
    height: 0.6rem;
    margin: 0 0.04rem;
    border-radius: 0.32rem;
    color: #7a6a5e;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 0.6rem;
}

.userOrder .menu_body .van-tab--active {
    color: #fff !important;
    background: var(--ordinary-mall-gradient) !important;
    box-shadow: 0 0.08rem 0.18rem rgba(255, 135, 70, 0.22);
}

.userOrder .menu_body .van-tabs__line {
    display: none !important;
}

.ordinary-category .van-sidebar {
    background: #fff5eb !important;
}

.ordinary-category .van-sidebar-item,
.ordinary-category .van-tree-select__nav {
    background: #fff5eb !important;
}

.ordinary-category .van-sidebar-item--select {
    color: var(--bg1) !important;
    background: #fff !important;
    font-weight: 900 !important;
}

.ordinary-category .van-sidebar-item--select::before {
    background: var(--ordinary-mall-gradient) !important;
}

.ordinary-category .van-tree-select__content,
.ordinary-category .van-tree-select__content .filter {
    background: var(--ordinary-mall-bg) !important;
}

.ordinary-category .list a,
.shopList .list:not(#pointsMall):not(#pointsMall_cart) .items,
.shopList .odd_list.list:not(#pointsMall):not(#pointsMall_cart) .items,
.ordinary-cart .cart_list .items,
.buy .shopList .items,
.userOrder .group,
.userOrderInfo .obligation_box,
.userOrderInfo .content .ts,
.buy .address_box,
.buy .ts,
.orderPay .content .box,
.orderPay .content > .item,
.ordinary-cart .empty,
.user_home .user_order,
.user_home #tables,
.user_home .user_activity .item,
.recommend .shopList .items,
.activity .shopList .items,
.custom .shopList .items {
    border: 1px solid rgba(255, 228, 207, 0.72) !important;
    border-radius: var(--ordinary-mall-radius) !important;
    background: var(--ordinary-mall-card) !important;
    box-shadow: var(--ordinary-mall-shadow) !important;
    overflow: hidden;
}

.ordinary-category .list a,
.ordinary-cart .cart_list .items,
.buy .shopList .items,
.userOrder .group,
.userOrderInfo .content .shop_info {
    padding: 0.22rem !important;
}

.shopList .list:not(#pointsMall):not(#pointsMall_cart) {
    gap: 0.18rem !important;
    padding: 0 0.18rem 0.28rem !important;
    box-sizing: border-box;
}

.shopList .odd_list.list:not(#pointsMall):not(#pointsMall_cart) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.18rem !important;
}

.shopList .list:not(#pointsMall):not(#pointsMall_cart) .items {
    margin: 0 !important;
}

.shopList .list:not(#pointsMall):not(#pointsMall_cart) .imgs,
.ordinary-category .list a .img,
.ordinary-cart .cart_list .img,
.buy .shopList .img,
.userOrder .group_body .img,
.userOrderInfo .shop_info .img {
    border-radius: 0.18rem !important;
    background: linear-gradient(180deg, #fffaf5 0%, #fff 100%) !important;
    overflow: hidden !important;
}

.shopList .list:not(#pointsMall):not(#pointsMall_cart) img,
.ordinary-category .list a img,
.ordinary-cart .cart_list img,
.buy .shopList img,
.userOrder .group_body img,
.userOrderInfo .shop_info img {
    -o-object-fit: contain !important;
       object-fit: contain !important;
}

.shopList .list:not(#pointsMall):not(#pointsMall_cart) .title,
.ordinary-category .list .title,
.ordinary-cart .title,
.buy .title,
.userOrder .title,
.userOrderInfo .title {
    color: var(--ordinary-mall-text) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.shopList .list:not(#pointsMall):not(#pointsMall_cart) .integral,
.ordinary-category .tag span,
.detail .title_item .tag span,
.userOrderInfo .tag span {
    border-radius: 0.24rem !important;
    background: linear-gradient(to right, var(--bg1), var(--bg2)) !important;
    color: #fff !important;
    font-size: 0.2rem !important;
    font-weight: 700 !important;
}

.shopList .list:not(#pointsMall):not(#pointsMall_cart) button,
.ordinary-cart .empty a,
.userOrder .group_footer a,
.userOrderInfo .submit button,
.detail .play_boll button,
.buy .customized span,
.buy .customizedText .van-icon {
    border: 0 !important;
    border-radius: 0.4rem !important;
    background: var(--ordinary-mall-gradient) !important;
    color: #fff !important;
    font-weight: 800 !important;
}

.detail .price_box > .price_item,
.detail .play_boll .play,
.ordinary-cart .empty a,
.buy .address_box .tag {
    background: var(--ordinary-mall-gradient) !important;
}

.detail .title_item,
.detail .delivery,
.detail .content,
.detail .play_boll {
    border-radius: var(--ordinary-mall-radius) !important;
    background: var(--ordinary-mall-card) !important;
    box-shadow: var(--ordinary-mall-shadow) !important;
}

.detail .content .tab_title {
    border-radius: var(--ordinary-mall-radius) var(--ordinary-mall-radius) 0 0 !important;
    background: #fff !important;
}

.detail .content .tab_title .active {
    border-bottom-color: transparent !important;
    background: var(--ordinary-mall-gradient) !important;
    color: #fff !important;
    box-shadow: 0 0.08rem 0.18rem rgba(255, 135, 70, 0.22) !important;
    font-weight: 900 !important;
}

.detail .play_boll {
    border-radius: 0.28rem 0.28rem 0 0 !important;
}

.detail .play_boll .addCar {
    background: linear-gradient(to right, #3b342f, #62564b) !important;
}

.ordinary-cart .cart_top {
    position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;
}

.ordinary-cart .cart_top .title {
    color: #fff !important;
    font-size: 0.32rem !important;
    font-weight: 500 !important;
    line-height: 0.92rem !important;
}

.ordinary-cart .cart_top .operate {
    color: #fff !important;
    font-weight: 500 !important;
}

.ordinary-cart .cart_list,
.ordinary-cart .empty_box {
    position: relative;
    z-index: 0;
}

.buy.userRecharge {
    background: var(--ordinary-mall-bg) !important;
}

.buy .shopList .odd_list.list:not(#pointsMall):not(#pointsMall_cart) {
    display: block !important;
    grid-template-columns: none !important;
    width: calc(100% - 0.36rem) !important;
    margin: 0 auto 0.18rem !important;
    padding: 0 !important;
}

.buy .shopList .odd_list.list:not(#pointsMall):not(#pointsMall_cart) .items {
    display: block !important;
    width: 100% !important;
    min-height: 2.06rem !important;
    margin: 0 !important;
    padding: 0.18rem !important;
    box-sizing: border-box !important;
}

.buy .shopList .odd_list.list:not(#pointsMall):not(#pointsMall_cart) .items a {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0.18rem !important;
}

.buy .shopList .odd_list.list:not(#pointsMall):not(#pointsMall_cart) .items .imgs {
    flex: 0 0 1.72rem !important;
    width: 1.72rem !important;
    height: 1.72rem !important;
    margin: 0 !important;
}

.buy .shopList .odd_list.list:not(#pointsMall):not(#pointsMall_cart) .items a > div:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.buy .shopList .odd_list.list:not(#pointsMall):not(#pointsMall_cart) .option {
    margin-top: auto !important;
}

.buy .delsubmit.van-submit-bar {
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
    min-height: 1.08rem !important;
    padding: 0.14rem 0.18rem calc(0.14rem + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
}

.buy .delsubmit .van-submit-bar__bar {
    height: auto !important;
    min-height: 0.82rem !important;
    padding: 0 !important;
}

.buy .delsubmit .van-submit-bar__button {
    width: 2.18rem !important;
    height: 0.76rem !important;
    padding: 0 !important;
    border-radius: 0.42rem !important;
    line-height: 0.76rem !important;
}

.orderPay.userRecharge {
    min-height: 100%;
    background: var(--ordinary-mall-bg) !important;
}

.orderPay .content .box,
.orderPay .content > .item {
    margin-top: 0.22rem !important;
    padding: 0.22rem !important;
}

.orderPay .text {
    color: var(--ordinary-mall-text) !important;
    font-size: 0.28rem !important;
    font-weight: 700 !important;
}

.orderPay .text img {
    margin-right: 0.12rem !important;
}

.orderPay .login_out .item {
    border: 0 !important;
    border-radius: 0.44rem !important;
    background: var(--ordinary-mall-gradient) !important;
    box-shadow: 0 0.1rem 0.24rem rgba(255, 135, 70, 0.24) !important;
    color: #fff !important;
    font-weight: 900 !important;
}

.buy .list .item {
    color: var(--ordinary-mall-text) !important;
}

.user_home .user_top {
    box-shadow: 0 0.16rem 0.32rem rgba(255, 135, 70, 0.18);
}

.user_home .user_order {
    padding: 0.28rem !important;
}

.user_home .user_order .head {
    color: var(--ordinary-mall-text) !important;
}

.user_home .user_order .content .item {
    border-radius: 0.18rem !important;
    background: #fff7ef !important;
}

.user_home .order_list .item img {
    filter: drop-shadow(0 0.06rem 0.08rem rgba(255, 135, 70, 0.18));
}

.userOrder .order-page-list,
.userOrder .menu_body_s {
    background: var(--ordinary-mall-bg) !important;
}

.userOrder .group {
    margin-bottom: 0.22rem !important;
}

.userOrder .group_header {
    border-bottom: 1px solid rgba(255, 228, 207, 0.78) !important;
}

.userOrder .state,
.userOrder .wait_state {
    color: var(--bg1) !important;
    font-weight: 800 !important;
}

.userOrder .group_footer {
    border-top: 1px solid rgba(255, 228, 207, 0.78) !important;
}

.userOrder .over {
    color: var(--ordinary-mall-muted) !important;
}

.userOrderInfo .obligation_box {
    margin-top: 0.16rem !important;
    background: var(--ordinary-mall-gradient) !important;
    color: #fff !important;
}

.userOrderInfo .obligation_box .title,
.userOrderInfo .obligation_box .tips,
.userOrderInfo .obligation_box .van-icon {
    color: #fff !important;
}

.userOrderInfo .content {
    padding-bottom: 1.4rem;
}

.userOrderInfo .list .item {
    color: var(--ordinary-mall-text) !important;
}

.userOrderInfo .list .p,
.userOrderInfo .list .p i {
    color: var(--bg1) !important;
}

.recommend,
.activity,
.custom {
    min-height: 100%;
    padding-bottom: 0.5rem;
}

.recommend .filter {
    width: calc(100% - 0.36rem) !important;
}

.activity > img,
.custom > img {
    display: block;
    width: calc(100% - 0.36rem) !important;
    margin: 0.18rem auto !important;
    border-radius: var(--ordinary-mall-radius) !important;
    box-shadow: var(--ordinary-mall-shadow) !important;
    -o-object-fit: cover;
       object-fit: cover;
}

.custom .shopList #custom.odd_list.list {
    display: block !important;
    width: calc(100% - 0.36rem) !important;
    margin: 0 auto !important;
    padding: 0 0 0.36rem !important;
}

.custom .shopList #custom.odd_list.list .items {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 1.98rem !important;
    margin: 0 0 0.18rem !important;
    padding: 0.18rem !important;
    box-sizing: border-box !important;
    gap: 0.18rem !important;
}

.custom .shopList #custom.odd_list.list .items > a {
    flex: 0 0 1.9rem !important;
    display: block !important;
    min-width: 0 !important;
}

.custom .shopList #custom.odd_list.list .items .imgs {
    width: 1.9rem !important;
    height: 1.9rem !important;
    margin: 0 !important;
    border-radius: 0.2rem !important;
}

.custom .shopList #custom.odd_list.list .items > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.custom .shopList #custom.odd_list.list .title {
    height: auto !important;
    min-height: 0.64rem !important;
    margin: 0.02rem 0 0.08rem !important;
    font-size: 0.28rem !important;
    line-height: 0.34rem !important;
}

.custom .shopList #custom.odd_list.list .tag {
    min-height: 0.28rem !important;
    margin: 0 0 0.08rem !important;
    overflow: hidden !important;
}

.custom .shopList #custom.odd_list.list .integral {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start !important;
    width: auto !important;
    margin: 0 0 0.12rem !important;
    padding: 0.04rem 0.14rem !important;
    white-space: nowrap !important;
}

.custom .shopList #custom.odd_list.list .option {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 0.12rem !important;
    margin-top: auto !important;
}

.custom .shopList #custom.odd_list.list .option > div {
    min-width: 0 !important;
    display: block !important;
}

.custom .shopList #custom.odd_list.list .price {
    margin: 0 !important;
    font-size: 0.32rem !important;
    line-height: 1.2 !important;
}

.custom .shopList #custom.odd_list.list button {
    position: static !important;
    flex: 0 0 auto !important;
    height: 0.58rem !important;
    margin: 0 !important;
    padding: 0 0.22rem !important;
    font-size: 0.22rem !important;
    line-height: 0.58rem !important;
    white-space: nowrap !important;
}

/* 积分商城商品进度条：保留红橙配色的目标站充电能量流效果。 */
#app .points-energy-progress {
    overflow: hidden;
    border-radius: 999px !important;
    background: #edf0f3 !important;
    box-shadow: inset 0 1px 3px rgba(134, 45, 20, 0.16);
}

#app .points-energy-progress.van-progress .van-progress__portion,
#app .points-energy-progress.wish-progress > span {
    border-radius: inherit !important;
    background-color: #ff2f1a !important;
    background-image: linear-gradient(
        90deg,
        #ff9a36 0%,
        #ff7a18 25%,
        #ff6b00 50%,
        #ff4518 75%,
        #ff2f1a 100%
    ) !important;
    background-size: 200% 100% !important;
    background-position: 200% 50%;
    transition: width 0.25s ease-out;
    will-change: background-position, filter;
    animation:
        points-mall-energy-flow 1.5s linear infinite,
        points-mall-energy-pulse 2s ease-in-out infinite;
}

@keyframes points-mall-energy-flow {
    0% {
        background-position: 200% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes points-mall-energy-pulse {
    0%,
    100% {
        filter: brightness(1) saturate(1);
    }
    50% {
        filter: brightness(1.12) saturate(1.15);
    }
}

@media (prefers-reduced-motion: reduce) {
    #app .points-energy-progress.van-progress .van-progress__portion,
    #app .points-energy-progress.wish-progress > span {
        animation: none;
        background-position: 50% 50%;
        filter: none;
    }
}

/*
 * iOS WebKit can paint accelerated nested scrollers at a different visual
 * offset from their hit-test layer. Keep one document scroller for route
 * pages; genuine local panes (category columns, popups and horizontal
 * carousels) retain overflow, but no longer create a momentum layer.
 */
html.ios-webkit,
html.ios-webkit body {
    height: auto !important;
    min-height: 100%;
}

html.ios-webkit body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: auto !important;
}

html.ios-webkit #app,
html.ios-webkit .layout {
    height: auto !important;
    min-height: 100vh;
    min-height: 100dvh;
    overflow: visible !important;
}

html.ios-webkit body #app .app-route-view {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    -webkit-overflow-scrolling: auto !important;
}

html.ios-webkit body #app .app-route-view,
html.ios-webkit body #app .app-route-view * {
    -webkit-overflow-scrolling: auto !important;
}

html.ios-webkit body #app .pointsMall.app-route-view,
html.ios-webkit body #app .users.app-route-view {
    width: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
}

html.ios-webkit body #app .pointsMall > .border {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/*
 * Category routes are deliberate split panes: only the product column
 * scrolls while the category column stays anchored. They must keep their
 * bounded viewport containers even when other iOS routes use document
 * scrolling to avoid WebKit hit-test drift.
 */
html.ios-webkit body #app .ordinary-category.app-route-view {
    position: absolute !important;
    height: calc(100vh - 60px) !important;
    height: calc(100dvh - 60px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.ios-webkit body #app .pointsMall.category-shell.app-route-view {
    position: fixed !important;
    inset: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.ios-webkit body #app .pointsMall.category-shell > .border {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.ios-webkit body #app .pointsMall.category-shell .category.app-route-view {
    position: absolute !important;
    height: calc(100% - 20px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.ios-webkit body #app .pointsMallhome.points-home-redesign {
    margin-top: calc(44px + constant(safe-area-inset-top)) !important;
    margin-top: calc(44px + env(safe-area-inset-top, 0px)) !important;
}

/*
 * In a regular Safari tab the visual viewport already starts below the iOS
 * status bar. Do not add the safe-area inset again to the fixed search header
 * or its matching content offset. Standalone/PWA mode still uses the rules
 * above because it renders edge-to-edge.
 */
html.ios-webkit.ios-browser body #app .pointsMall .home_top {
    top: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    padding-top: 0 !important;
}

html.ios-webkit.ios-browser body #app .pointsMallhome.points-home-redesign {
    margin-top: 44px !important;
}

html.ios-webkit body #app .pointsMalllottery .shopList_,
html.ios-webkit body #app .pointsMalllottery .lottery-scroll,
html.ios-webkit body #app .searchList .result-shell,
html.ios-webkit body #app .infoCompute .compute-scroll,
html.ios-webkit body #app .help-info-page .help-scroll {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/*
 * The points-mall home and APP-download pages keep a full-viewport painted
 * shell. Keep the same structure for the two red-status routes as well.
 * This lets Safari sample red at the top edge while the gradient still ends
 * in the light page color at the bottom.
 */
html.ios-webkit body #app .pointsMall.pay-success-shell.app-route-view {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.ios-webkit body #app .pointsMall.pay-success-shell > .border {
    height: calc(100% - 46px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.ios-webkit body #app .pointsMall.pay-success-shell .pay-success-page.app-route-view {
    position: relative !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

html.ios-webkit body #app .users.mall-user-shell.app-route-view {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html.ios-webkit body #app .users.mall-user-shell > .mall-mine-page.app-route-view {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
}

html.ios-webkit body #app .users.mall-user-shell .mine-scroll {
    height: calc(100% - 2.5rem) !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}