/* 建采通 PC：购物车 / 个人中心 / 订单 / 收藏 — 与 #FF6B01 主题统一 */
:root {
  --jct-orange: #FF6B01;
  --jct-orange-soft: #FFF9F6;
  --jct-orange-grad: linear-gradient(90deg, #FF8B1E, #FF6B01);
  --jct-card-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
  --jct-orange-shadow: 0 4px 14px rgba(255, 107, 1, 0.12);
}

/* ===== 顶栏宽度与首页对齐（避免切换页面功能栏左右跳动） ===== */
.head > .w,
uni-view.head > uni-view.w {
  width: 1600px !important;
  max-width: 100% !important;
}
@media screen and (max-width: 1650px) {
  .head > .w,
  uni-view.head > uni-view.w {
    width: 1350px !important;
  }
}
@media screen and (max-width: 1440px) {
  .head > .w,
  uni-view.head > uni-view.w {
    width: 1200px !important;
  }
}
@media screen and (max-width: 1200px) {
  .head > .w,
  uni-view.head > uni-view.w {
    width: 1000px !important;
  }
}
@media screen and (max-width: 1000px) {
  .head > .w,
  uni-view.head > uni-view.w {
    width: 960px !important;
  }
}
.head .top,
uni-view.head .top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  height: 30px !important;
  line-height: 30px !important;
  background: #F5F5F5 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  margin: 0 -9999px !important;
  padding: 0 9999px !important;
}
.head .top .dd .p,
uni-view.head .top .dd .p,
.head .top .dd uni-navigator,
.head .top .dd navigator {
  display: inline-block !important;
  padding-left: 21px !important;
  margin-left: 0 !important;
}
/* 首页顶栏背景与高度统一 */
.htop {
  height: 30px !important;
  line-height: 30px !important;
  background: #F5F5F5 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.htop .dd .p,
.htop .dd uni-navigator,
.htop .dd navigator {
  padding-left: 21px !important;
}

/* ===== 购物车 ===== */
.pc .cart-box {
  box-shadow: var(--jct-card-shadow) !important;
  overflow: hidden !important;
}
.pc .cart-box .cart-bar {
  background: linear-gradient(180deg, #fffaf6 0%, #fff 100%) !important;
  border-bottom-color: #f0f0f0 !important;
  align-items: center !important;
}
.pc .cart-box .cart-bar .dt {
  color: #222 !important;
  position: relative !important;
  padding-left: 12px !important;
}
.pc .cart-box .cart-bar .dt::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 11px !important;
  width: 4px !important;
  height: 18px !important;
  border-radius: 2px !important;
  background: var(--jct-orange) !important;
}
.pc .cart-box .cart-bar .go.on,
.pc .cart-box .float-bar .go.on {
  background: var(--jct-orange-grad) !important;
  box-shadow: 0 4px 12px rgba(255, 107, 1, 0.28) !important;
}
.pc .cart-box .cart-bar .go.on:hover,
.pc .cart-box .float-bar .go.on:hover {
  background: linear-gradient(90deg, #FF7A00, #E85A00) !important;
}
.pc .cart-box .cart-table {
  padding: 10px 16px !important;
  border-radius: 8px !important;
  background: #fafafa !important;
  color: #666 !important;
}
.pc .cart-box .OrderList .dd {
  background: #fafafa !important;
  border-color: #f0f0f0 !important;
}
.pc .cart-box .OrderList .on {
  border-color: var(--jct-orange) !important;
  background: var(--jct-orange-soft) !important;
  box-shadow: 0 2px 10px rgba(255, 107, 1, 0.08) !important;
}
.pc .cart-box .OrderList .pic uni-image,
.pc .cart-box .OrderList .pic image,
.pc .cart-box .OrderList .pic img {
  border: 1px solid #eee !important;
  border-radius: 8px !important;
}
.pc .cart-box .OrderList .oper .p {
  display: inline-block !important;
  padding: 2px 10px !important;
  margin-bottom: 6px !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 14px !important;
  color: #666 !important;
  font-size: 12px !important;
  background: #fff !important;
}
.pc .cart-box .OrderList .oper .p:hover {
  color: var(--jct-orange) !important;
  border-color: var(--jct-orange) !important;
  background: var(--jct-orange-soft) !important;
}
.pc .cart-box .float-bar {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20 !important;
  background: #fff !important;
  border-top-color: #f0f0f0 !important;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.04) !important;
}
.pc .cart-box .float-bar .dt .p:hover,
.pc .cart-box .OrderList .dpm:hover,
.pc .cart-box .OrderList .kef:hover {
  color: var(--jct-orange) !important;
}

/* ===== 个人中心 ===== */
.pc .bg {
  border-radius: 10px !important;
  box-shadow: var(--jct-card-shadow) !important;
  overflow: hidden !important;
}
.pc .tit {
  border-bottom-color: #f0f0f0 !important;
  color: #222 !important;
}
.pc .uin .u-user {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: var(--jct-orange-shadow) !important;
}
.pc .uin .u-user .dd .p:hover {
  color: var(--jct-orange) !important;
}
.pc .uin .u-wall .c {
  color: var(--jct-orange) !important;
}
.pc .uin .u-order .all {
  background: linear-gradient(135deg, #FF8B1E, #FF6B01) !important;
  box-shadow: 0 3px 8px rgba(255, 107, 1, 0.25) !important;
}
.pc .uin .u-order .con .tu uni-image,
.pc .uin .u-order .con .tu image,
.pc .uin .u-order .con .tu img,
.pc .uin .xihuan .dt uni-image,
.pc .uin .xihuan .dt image,
.pc .uin .xihuan .dt img {
  border-radius: 8px !important;
  border: 1px solid #eee !important;
}
.pc .uin .xihuan .dl:hover {
  background: var(--jct-orange-soft) !important;
  border-radius: 8px !important;
}
.pc .uin .u-order .con .dd .p:hover,
.pc .uin .u-follo .guan .dl:hover .dt,
.pc .uin .u-follo .neng .dl:hover .txt {
  color: var(--jct-orange) !important;
}

/* ===== 我的订单 ===== */
.pc .u-nav {
  background: #fff !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 8px 16px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
}
.pc .u-bar {
  background: #fafafa !important;
  border-radius: 0 0 8px 8px !important;
  margin: 0 0 12px !important;
  color: #666 !important;
  font-weight: 600 !important;
}
.pc .u-ord .dl {
  border-color: #eee !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  overflow: hidden !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}
.pc .u-ord .dl:hover {
  border-color: #ffd2b3 !important;
  box-shadow: 0 4px 14px rgba(255, 107, 1, 0.08) !important;
}
.pc .u-ord .dl .dt {
  background: #fafafa !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-left: 3px solid var(--jct-orange) !important;
}
.pc .u-ord .qzf {
  color: #fff !important;
  background: var(--jct-orange-grad) !important;
  border: none !important;
  border-radius: 16px !important;
  width: 88px !important;
  line-height: 28px !important;
  box-shadow: 0 3px 8px rgba(255, 107, 1, 0.25) !important;
}
.pc .u-ord .xx uni-image,
.pc .u-ord .xx image,
.pc .u-ord .xx img {
  border: 1px solid #eee !important;
  border-radius: 6px !important;
}
.pc .u-nav .u-tab-item,
.pc .dmuen .u-tab-item {
  transition: color 0.15s !important;
}
.pc .u-nav .u-tab-item-active,
.pc .dmuen .u-tab-item-active {
  color: var(--jct-orange) !important;
  font-weight: 700 !important;
}

/* ===== 我的收藏 ===== */
.pc .dmuen {
  border-radius: 8px 8px 0 0 !important;
  padding: 8px 16px 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}
.pc .coll .dl {
  border: 1px solid #eee !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.15s !important;
}
.pc .coll .dl:hover {
  border-color: var(--jct-orange) !important;
  box-shadow: 0 6px 16px rgba(255, 107, 1, 0.12) !important;
  transform: translateY(-2px) !important;
}
.pc .coll .dd .sc {
  top: 0 !important;
  color: #999 !important;
  font-size: 12px !important;
  margin: 6px 0 !important;
}
.pc .coll .cz .p:hover {
  color: var(--jct-orange) !important;
  border-color: var(--jct-orange) !important;
  background: var(--jct-orange-soft) !important;
}
.pc .ylan,
.pc .foll {
  border-radius: 8px !important;
  box-shadow: var(--jct-card-shadow) !important;
}
.pc .foll .dl:hover {
  background: var(--jct-orange-soft) !important;
  border-radius: 8px !important;
}

/* 用户中心侧栏卡片间距 */
.head + .w .main,
.pc .uin {
  margin-top: 4px;
}

/* ===== 全部功能侧栏（仅 userPack：.main > .let，避免误伤商品列表 .produ .let） ===== */
.main > .let,
uni-view.main > uni-view.let {
  width: 168px !important;
  float: left !important;
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
  padding-bottom: 10px !important;
  border: 1px solid #f0f0f0 !important;
}
.main > .let .dt,
uni-view.main > uni-view.let .dt {
  font-size: 15px !important;
  color: #FF6B01 !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
  padding: 14px 14px 12px !important;
  background: linear-gradient(180deg, #fff7f0 0%, #fff 100%) !important;
  border-bottom: 1px solid #f5ebe3 !important;
  display: flex !important;
  align-items: center !important;
}
.main > .let .dt .ico {
  margin-right: 6px !important;
}
.main > .let .dd {
  padding: 6px 8px 4px !important;
}
.main > .let .dd .p {
  line-height: 1.2 !important;
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  position: relative !important;
  padding: 0 10px !important;
  margin: 2px 0 !important;
  border-radius: 8px !important;
  color: #555 !important;
  font-size: 13px !important;
  transition: background 0.15s, color 0.15s !important;
}
.main > .let .dd .p:hover {
  color: #FF6B01 !important;
  background: #FFF9F6 !important;
}
.main > .let .dd .on {
  color: #FF6B01 !important;
  font-weight: 700 !important;
  background: #FFF4EB !important;
}
.main > .let .dd .on::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  right: auto !important;
  width: 3px !important;
  height: auto !important;
  border: none !important;
  border-radius: 0 2px 2px 0 !important;
  background: #FF6B01 !important;
  border-color: transparent !important;
  border-style: none !important;
  border-width: 0 !important;
}
.main > .let .dd .on .u-icon__icon,
.main > .let .dd .on .uicon,
.main > .let .dd .on [class*="uicon"] {
  color: #FF6B01 !important;
}
.main > .let .dd .ico {
  margin-right: 8px !important;
  flex-shrink: 0 !important;
}
.main > .rit {
  width: calc(100% - 188px) !important;
}


/* 个人中心功能服务：全部入口可点可亮 */
.pc .neng .u-grid-item,
.pc .neng .item {
  cursor: pointer !important;
  border-radius: 8px !important;
  transition: background 0.15s !important;
}
.pc .neng .u-grid-item:hover,
.pc .neng .item:hover {
  background: #FFF9F6 !important;
}
.pc .neng .u-grid-item:hover .txt,
.pc .neng .item:hover .txt {
  color: #FF6B01 !important;
}

/* 订单列表商品名完整显示 */
.pc .u-ord .xx .h {
  height: auto !important;
  min-height: 40px !important;
  max-height: 40px !important;
  line-height: 20px !important;
  padding-right: 48px !important;
  overflow: hidden !important;
  text-align: left !important;
  word-break: break-all !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis !important;
}
.pc .u-ord .xx {
  padding-bottom: 28px !important;
  min-height: 90px !important;
}
.pc .u-ord .xx .x {
  top: 48px !important;
}

/* category fallback icons 20261019 */
.header .navig .mall .cat-body .m-clas .li .ico-fb{font-size:13px;line-height:16px;width:16px;height:16px;text-align:center;display:inline-block}


/* category svg icons 20261019b */
.header .navig .mall .cat-body .m-clas .li .ico{
  width:18px!important;height:18px!important;flex-shrink:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.header .navig .mall .cat-body .m-clas .li .ico uni-image,
.header .navig .mall .cat-body .m-clas .li .ico .ico-img,
.header .navig .mall .cat-body .m-clas .li .ico img{
  width:16px!important;height:16px!important;display:block!important;
}
.header .navig .mall .cat-body .m-clas .li .ico-fb{
  color:#ff6b01!important;font-weight:700!important;font-size:12px!important;
}


/* category line-art icons 20261019lineico1 */
.header .navig .mall .cat-body .m-clas .li .ico{
  width:18px!important;height:18px!important;flex-shrink:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.header .navig .mall .cat-body .m-clas .li .ico uni-image,
.header .navig .mall .cat-body .m-clas .li .ico .ico-img,
.header .navig .mall .cat-body .m-clas .li .ico img{
  width:16px!important;height:16px!important;display:block!important;
  filter:none!important;opacity:1!important;
}