body.dx-wholesale{
  background:#f5f5f7;
}
body.dx-wholesale .ant-empty,
body.dx-wholesale .van-empty{
  display:none !important;
}
body.dx-wholesale .page-header,
body.dx-wholesale .page .page-header,
body.dx-wholesale .mine-container,
body.dx-wholesale .home-chat{
  display:none !important;
}
body.dx-wholesale .container{
  width:100% !important;
  max-width:none !important;
  min-height:100vh;
  background:#f5f5f7;
  padding:0 !important;
}
body.dx-wholesale .container>:first-child{
  background:linear-gradient(90deg,#e62e04 0%,#ff6a00 55%,#ff8a00 100%) !important;
  color:#fff !important;
  border:0 !important;
}
body.dx-wholesale .container>:first-child *{
  color:#fff !important;
}
body.dx-wholesale .container .content{
  display:grid !important;
  grid-template-columns:220px minmax(0,1fr);
  grid-template-rows:1fr auto;
  align-items:stretch !important;
  padding:0 !important;
  min-height:calc(100vh - 46px);
  background:#f5f5f7;
}
body.dx-wholesale .container .content .box-title,
body.dx-wholesale .container .content .search-box{
  display:none !important;
}
body.dx-wholesale .container .content .head{
  position:sticky !important;
  top:0;
  z-index:3;
  grid-column:1;
  grid-row:1 / span 2;
  width:auto;
  max-width:none;
  height:calc(100vh - 46px);
  overflow-y:auto;
  overflow-x:hidden;
  margin:0 !important;
  padding:10px 0 24px !important;
  background:#fff !important;
  border-right:1px solid #f0f0f0;
  box-shadow:none !important;
}
body.dx-wholesale .van-tabs,
body.dx-wholesale .ant-tabs,
body.dx-wholesale .head [class*="tabs"]{
  display:block !important;
  width:100% !important;
}
body.dx-wholesale .van-tabs__wrap,
body.dx-wholesale .van-tabs__nav,
body.dx-wholesale .ant-tabs-nav,
body.dx-wholesale .ant-tabs-nav-list{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  height:auto !important;
  overflow:visible !important;
  background:transparent !important;
}
body.dx-wholesale .van-tabs__line,
body.dx-wholesale .ant-tabs-ink-bar,
body.dx-wholesale .van-tabs__content,
body.dx-wholesale .ant-tabs-content-holder{
  display:none !important;
}
body.dx-wholesale .van-tab,
body.dx-wholesale .ant-tabs-tab{
  display:block !important;
  width:100% !important;
  justify-content:flex-start !important;
  padding:11px 18px !important;
  margin:0 !important;
  text-align:left !important;
  font-size:14px !important;
  color:#333 !important;
  background:transparent !important;
  border:0 !important;
  border-left:2px solid transparent !important;
  flex:none !important;
}
body.dx-wholesale .van-tab--active,
body.dx-wholesale .ant-tabs-tab-active,
body.dx-wholesale .van-tab.van-tab--active{
  color:#e62e04 !important;
  font-weight:600 !important;
  border-left-color:#e62e04 !important;
  background:#fff8f5 !important;
}
body.dx-wholesale .container .content .box{
  grid-column:2;
  grid-row:1;
  min-width:0;
  display:block !important;
  background:#f5f5f7 !important;
  overflow-y:auto;
}
body.dx-wholesale .container .content > .ant-pagination,
body.dx-wholesale .container .content > .van-pagination,
body.dx-wholesale .container .content > ul.ant-pagination,
body.dx-wholesale .container .content > [class*="pagination"]{
  grid-column:2;
  grid-row:2;
  justify-content:center;
  padding:12px 16px 20px;
  background:#f5f5f7;
}
body.dx-wholesale .container .content .box .box-scroll{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(160px,1fr)) !important;
  gap:14px !important;
  padding:16px !important;
  width:100% !important;
}
body.dx-wholesale .container .content .box .box-scroll .box-scroll,
body.dx-wholesale .container .content .box .box-scroll > #dx-wh-fall{
  display:none !important;
}
body.dx-wholesale .bsib-item{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  padding:10px 10px 12px !important;
  background:#fff !important;
  border-radius:8px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
body.dx-wholesale .bsib-item-img{
  width:100% !important;
  height:168px !important;
  object-fit:contain !important;
  background:#fafafa;
  border-radius:6px;
}
body.dx-wholesale .bsib-item-text{
  padding-top:10px !important;
  min-height:40px;
  max-height:2.8em;
  font-size:13px !important;
  line-height:1.35;
  color:#222 !important;
  white-space:normal !important;
  overflow:hidden !important;
  word-break:normal !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
body.dx-wholesale .bsib-item-btn{
  margin-top:8px !important;
  align-items:center;
}
body.dx-wholesale .bsib-item-price{
  padding:0 !important;
  color:#111 !important;
  font-size:14px !important;
  font-weight:600 !important;
}
body.dx-wholesale .bsib-item-btn button,
body.dx-wholesale .bsib-item-btn .ant-btn,
body.dx-dist .bsib-item-btn button[data-dx-badge],
body.dx-dist .ant-btn[data-dx-badge]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:3px 8px !important;
  border:0 !important;
  border-radius:4px !important;
  color:#fff !important;
  box-shadow:none !important;
  line-height:1.2 !important;
}
body.dx-wholesale .bsib-item-btn button[data-dx-badge="Distribution"],
body.dx-wholesale .bsib-item-btn .ant-btn-primary[data-dx-badge="Distribution"],
body.dx-wholesale .bsib-item-btn button.dx-dist-no,
body.dx-wholesale .bsib-item-btn .ant-btn.dx-dist-no,
body.dx-dist .ant-btn.dx-dist-no,
body.dx-dist button.dx-dist-no,
body.dx-dist .ant-btn-primary.dx-dist-no{
  background:#ff6a00 !important;
  background-color:#ff6a00 !important;
}
body.dx-wholesale .bsib-item-btn button[data-dx-badge="Has been distributed"],
body.dx-wholesale .bsib-item-btn button.dx-dist-yes,
body.dx-wholesale .bsib-item-btn .ant-btn.dx-dist-yes,
body.dx-dist .ant-btn.dx-dist-yes,
body.dx-dist button.dx-dist-yes{
  background:#22c55e !important;
  background-color:#22c55e !important;
}
body.dx-wholesale .bsib-item-btn button img,
body.dx-wholesale .bsib-item-btn .icon,
body.dx-dist .bsib-item-btn img,
body.dx-dist .bsib-item-btn svg,
body.dx-dist .bsib-item-btn .icon,
body.dx-dist .bsib-item-btn .anticon,
body.dx-dist button[data-dx-badge] img,
body.dx-dist button[data-dx-badge] svg{
  display:none !important;
}
body.dx-wholesale .bsib-item-btn [data-dx-badge-text],
body.dx-dist [data-dx-badge-text]{
  color:#fff !important;
  font-size:11px !important;
  font-weight:600 !important;
  line-height:1.2;
  white-space:nowrap;
}

body.dx-wholesale .ant-modal.dx-dist-modal{
  width:380px !important;
  max-width:calc(100vw - 32px) !important;
  padding-bottom:0 !important;
}
body.dx-wholesale .dx-dist-modal .ant-modal-content{
  border-radius:10px !important;
  box-shadow:0 10px 40px rgba(0,0,0,.18) !important;
  padding:6px 4px 8px !important;
}
body.dx-wholesale .dx-dist-modal .ant-modal-header,
body.dx-wholesale .dx-dist-modal .ant-modal-title{
  display:none !important;
}
body.dx-wholesale .dx-dist-modal .ant-modal-body{
  padding:12px 16px 4px !important;
}
body.dx-wholesale .dx-dist-modal .product-info .product-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #eee;
}
body.dx-wholesale .dx-dist-modal .product-img,
body.dx-wholesale .dx-dist-modal .product-head img{
  width:60px !important;
  height:60px !important;
  object-fit:contain !important;
  border-radius:4px;
  flex-shrink:0;
  background:#f7f7f7;
}
body.dx-wholesale .dx-dist-modal .product-text{
  font-size:14px !important;
  line-height:1.35;
  color:#111 !important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.dx-wholesale .dx-dist-modal .dx-dist-supplier,
body.dx-wholesale .dx-dist-modal .product-price{
  display:flex;
  align-items:center;
  padding:4px 0;
  font-size:14px;
  color:#222;
}
body.dx-wholesale .dx-dist-modal .product-price-text{
  color:#222 !important;
  font-weight:500;
}
body.dx-wholesale .dx-dist-modal .product-price-num{
  padding-left:6px !important;
  color:#222 !important;
  font-weight:600 !important;
}
body.dx-wholesale .dx-dist-modal .ant-modal-footer{
  display:flex !important;
  gap:12px;
  border:0 !important;
  padding:14px 16px 12px !important;
  margin:0;
}
body.dx-wholesale .dx-dist-modal .ant-modal-footer .ant-btn{
  flex:1 1 0;
  height:40px !important;
  border-radius:20px !important;
  font-weight:600 !important;
  box-shadow:none !important;
  border:0 !important;
}
body.dx-wholesale .dx-dist-modal .ant-modal-footer .ant-btn-default{
  background:#111 !important;
  color:#fff !important;
}
body.dx-wholesale .dx-dist-modal .ant-modal-footer .ant-btn-primary{
  background:#ff6a00 !important;
  color:#fff !important;
}
body.dx-wholesale .container .content .box .ant-empty,
body.dx-wholesale .container .content .box .van-empty,
body.dx-wholesale .container .content .box:has(.bsib-item) [class*="empty"]{
  display:none !important;
}
#dx-wh-empty{
  grid-column:1 / -1;
  padding:48px 16px;
  text-align:center;
  color:#888;
  font-size:14px;
}
#dx-wh-fall{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(160px,1fr)) !important;
  gap:14px !important;
  padding:16px !important;
  width:100% !important;
  grid-column:1 / -1;
}
@media (max-width:1200px){
  body.dx-wholesale .container .content .box .box-scroll{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media (max-width:900px){
  body.dx-wholesale{
    overflow-x:hidden;
  }
  body.dx-wholesale .container>:first-child{
    padding-top:env(safe-area-inset-top, 0px) !important;
    min-height:calc(46px + env(safe-area-inset-top, 0px)) !important;
  }
  body.dx-wholesale .container .content{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none;
    min-height:0;
    height:auto;
  }
  body.dx-wholesale .container .content .head{
    position:sticky !important;
    top:0;
    z-index:5;
    grid-column:auto;
    grid-row:auto;
    width:100% !important;
    max-width:100vw !important;
    height:auto !important;
    min-height:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 !important;
    border-right:0 !important;
    border-bottom:1px solid #f0f0f0;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.dx-wholesale .container .content .head::-webkit-scrollbar{
    display:none;
  }
  body.dx-wholesale .head .van-tabs,
  body.dx-wholesale .head .ant-tabs,
  body.dx-wholesale .head [class*="tabs"],
  body.dx-wholesale .head .van-tabs__wrap,
  body.dx-wholesale .head .van-tabs__nav,
  body.dx-wholesale .head .van-tabs__nav--line,
  body.dx-wholesale .head .ant-tabs-nav,
  body.dx-wholesale .head .ant-tabs-nav-wrap,
  body.dx-wholesale .head .ant-tabs-nav-list{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    width:max-content !important;
    min-width:100% !important;
    height:auto !important;
    overflow:visible !important;
  }
  body.dx-wholesale .head .van-tab,
  body.dx-wholesale .head .van-tab--line,
  body.dx-wholesale .head .van-tab--grow,
  body.dx-wholesale .head .ant-tabs-tab{
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:max-content !important;
    max-width:none !important;
    padding:12px 14px !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:visible !important;
    word-break:normal;
    border-left:0 !important;
    border-bottom:2px solid transparent !important;
  }
  body.dx-wholesale .van-tab--active,
  body.dx-wholesale .ant-tabs-tab-active,
  body.dx-wholesale .van-tab.van-tab--active{
    border-left-color:transparent !important;
    border-bottom-color:#e62e04 !important;
    background:#fff !important;
  }
  body.dx-wholesale .container .content .box{
    grid-column:auto;
    grid-row:auto;
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  body.dx-wholesale .container .content .box .box-scroll,
  #dx-wh-fall{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    padding:10px 10px 24px !important;
  }
  body.dx-wholesale .bsib-item{
    padding:10px 10px 12px !important;
    border-radius:12px !important;
  }
  body.dx-wholesale .bsib-item-img,
  body.dx-wholesale .bsib-item > img{
    height:136px !important;
    min-height:136px !important;
    flex-shrink:0 !important;
    object-fit:contain !important;
    background:#f7f7f7;
    border-radius:8px;
  }
  body.dx-wholesale .bsib-item-text{
    font-size:12px !important;
    min-height:34px;
    max-height:2.7em;
    padding-top:8px !important;
  }
  body.dx-wholesale .bsib-item-price{
    font-size:15px !important;
    color:#e62e04 !important;
    font-weight:700 !important;
  }
  body.dx-wholesale .bsib-item-btn{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
    margin-top:8px !important;
  }
  body.dx-wholesale .bsib-item-btn button,
  body.dx-wholesale .bsib-item-btn .ant-btn{
    width:100% !important;
    min-height:36px !important;
    padding:8px 10px !important;
    border-radius:8px !important;
    justify-content:center !important;
  }
  body.dx-wholesale .bsib-item-btn [data-dx-badge-text]{
    font-size:13px !important;
  }
  body.dx-wholesale .container .content > .ant-pagination,
  body.dx-wholesale .container .content > .van-pagination,
  body.dx-wholesale .container .content > ul.ant-pagination,
  body.dx-wholesale .container .content > [class*="pagination"]{
    grid-column:auto;
    grid-row:auto;
    padding:4px 8px 20px;
  }
  body.dx-wholesale #ae-cs-fab{
    bottom:calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    right:12px !important;
    height:40px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }
  body.dx-wholesale .ant-modal-wrap.dx-dist-modal-wrap{
    display:flex !important;
    align-items:flex-end !important;
    padding:0 !important;
  }
  body.dx-wholesale .ant-modal.dx-dist-modal{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    top:auto !important;
    padding-bottom:0 !important;
  }
  body.dx-wholesale .dx-dist-modal .ant-modal-content{
    border-radius:16px 16px 0 0 !important;
    padding:8px 4px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.dx-wholesale .dx-dist-modal .ant-modal-body{
    padding:14px 16px 6px !important;
  }
  body.dx-wholesale .dx-dist-modal .product-img,
  body.dx-wholesale .dx-dist-modal .product-head img{
    width:72px !important;
    height:72px !important;
  }
  body.dx-wholesale .dx-dist-modal .product-text{
    font-size:15px !important;
  }
  body.dx-wholesale .dx-dist-modal .dx-dist-supplier,
  body.dx-wholesale .dx-dist-modal .product-price{
    font-size:15px;
    padding:6px 0;
  }
  body.dx-wholesale .dx-dist-modal .ant-modal-footer{
    padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    gap:10px;
  }
  body.dx-wholesale .dx-dist-modal .ant-modal-footer .ant-btn{
    height:44px !important;
    border-radius:22px !important;
    font-size:15px !important;
  }
}
@media (max-width:480px){
  body.dx-wholesale .bsib-item-img,
  body.dx-wholesale .bsib-item > img{
    height:128px !important;
    min-height:128px !important;
  }
}
@media (max-width:900px){
  body.dx-shop-tabs.dx-wholesale .container .content,
  body.dx-shop-tabs.dx-wholesale .container .content .head{
    min-height:0;
    height:auto !important;
  }
  body.dx-shop-tabs.dx-wholesale .container .content .box .box-scroll,
  body.dx-shop-tabs.dx-wholesale #dx-wh-fall{
    padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.dx-shop-tabs.dx-wholesale .container .content > .ant-pagination,
  body.dx-shop-tabs.dx-wholesale .container .content > .van-pagination,
  body.dx-shop-tabs.dx-wholesale .container .content > ul.ant-pagination{
    padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px));
  }
}