/* 离线镜像布局修复 - 对齐原站 */

/* 登录页：仅保留账号登录 */
.site_login .login-box .tabs .item {
  width: 100%;
  text-align: center;
  cursor: default;
}
.site_login .mobilelogin,
.site_login .btn-sendcode {
  display: none !important;
}

/* 注册页：企业单步注册 */
.register-box .diyibu,
.register-box .disanbu,
.register-box ul[data-type="person_register"] {
  display: none !important;
}
.register-form-wrap .register-form .form-content .register-message {
  position: static !important;
  display: block;
  margin-top: 6px;
  padding-left: 0;
  height: auto;
  line-height: 1.4;
  white-space: normal;
}

/* 会员中心：突出企业名称 */
.user_info .company-name-highlight {
  margin-bottom: 24px;
  padding: 16px 20px;
  background: #f5f9ff;
  border: 1px solid #d6e4ff;
  border-radius: 6px;
}
.user_info .company-name-highlight .company-display-name {
  font-size: 20px;
  font-weight: 600;
  color: #0a3560;
  line-height: 1.5;
}
.user_home .user-fields .name {
  font-size: 22px;
  font-weight: 600;
  color: #0a3560;
}
.user_home .user-fields .contact-name {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
}
.user_info .profile-reg-field .profile-readonly {
  display: inline-block;
  min-height: 38px;
  line-height: 38px;
  color: #333;
  word-break: break-all;
}
/* 个人资料：标签不换行，与输入框间距统一 */
.user_info .public-form-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  clear: both;
}
.user_info .public-form-item .form-label {
  flex: 0 0 148px;
  width: 148px;
  float: none;
  white-space: nowrap;
  text-align: right;
  padding: 9px 12px 9px 0;
  line-height: 20px;
  box-sizing: border-box;
}
.user_info .public-form-item .required-star {
  color: #c7000b;
  margin-right: 2px;
}
.user_info .public-form-item .input-inline,
.user_info .public-form-item .input-block {
  flex: 1 1 auto;
  float: none;
  margin-left: 0;
  min-height: 38px;
  line-height: 38px;
  min-width: 0;
}
.user_info .public-form-item .input-inline {
  width: auto;
  max-width: 520px;
  margin-right: 0;
}
.user_info .public-form-item .input-block .input {
  width: 100%;
  max-width: 520px;
}
.user_info .public-form-item .input-inline .input,
.user_info .public-form-item .input-inline .select {
  width: 100%;
  max-width: 360px;
}
.profile-edit-dialog {
  padding: 24px 24px 8px;
}
.profile-edit-dialog .public-form-item {
  margin-bottom: 0;
}
.profile-edit-dialog .form-label {
  width: 90px;
}
.profile-edit-dialog .input-inline {
  width: calc(100% - 100px);
}
.profile-edit-dialog .input {
  width: 100%;
}

/* 顶部栏：隐藏小程序入口 */
.public-site-topbar .topbar-info dl:has(.icon-xiaochengxu) {
  display: none !important;
}

/* 页脚：隐藏公众号 / 小程序二维码区 */
.public-site-footer .box.dflex.ml60,
.public-site-footer-bottom .box.dflex.ml60 {
  display: none !important;
}

.public-site-topbar .logo img,
.public-site-header .logo img {
  max-height: 50px;
  width: auto;
  vertical-align: middle;
}

/* 登录页验证码与输入框同高 */
.login-page #imgCaptcha.yzm,
#imgCaptcha.yzm {
  width: 95px;
  height: 47px;
  object-fit: fill;
  vertical-align: middle;
  cursor: pointer;
}

/* ===== 全站主导航（防遮挡 + 下拉全宽） ===== */
.public-site-header {
  position: relative;
  z-index: 1200;
  background: #fff;
  overflow: visible;
}
.public-site-header-box,
.public-site-header .public-container {
  overflow: visible;
}
.public-site-header-box {
  height: auto;
  min-height: 100px;
}
.public-site-header-box > .public-container {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  overflow: visible;
}
.public-site-header-box > .public-container > .dflex.dflex_a_c:first-child {
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
  gap: 4px;
}
.public-site-header .logo {
  flex: 0 0 auto;
  margin-right: 0;
}
.public-site-header .head-nav {
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 10px !important;
  margin-right: 10px;
  overflow: visible;
  position: static;
}
.public-site-header .head-nav.ml60 {
  margin-left: 10px !important;
}
.public-site-header .head-nav ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  overflow: visible;
  position: static;
  gap: 0;
}
.public-site-header .head-nav ul li {
  float: none;
  position: static;
  flex: 0 0 auto;
  min-width: auto;
  text-align: center;
}
.public-site-header .head-nav ul li > a {
  line-height: 100px;
  height: 100px;
  padding: 0 4px !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
  display: block;
  overflow: visible;
  text-overflow: clip;
}
/* 右侧搜索+按钮固定原尺寸，不被挤压 */
.public-site-header-box .offline-header-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  max-width: none;
  min-width: auto;
}
.public-site-header-box .search-box {
  flex-shrink: 0;
  margin-left: 0;
  min-width: auto;
}
.public-site-header .offline-header-tools {
  flex-shrink: 0;
  gap: 8px;
  margin-left: 0;
}
.public-site-header .offline-header-btn {
  display: inline-block;
  line-height: 34px;
  height: 34px;
  padding: 0 14px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  text-decoration: none;
  border: 1px solid transparent;
}
.public-site-header .offline-header-btn.offline-manage-btn {
  background: #fff;
  color: #0a3560 !important;
  border-color: #0a3560;
}
.public-site-header .offline-header-btn.offline-manage-btn:hover {
  background: #f0f6fc;
  color: #0a3560 !important;
}
.public-site-header .offline-header-btn.offline-publish-btn {
  background: #c7000b;
  color: #fff !important;
}
.public-site-header .offline-header-btn.offline-publish-btn:hover {
  background: #a80009;
  color: #fff !important;
}
.public-site-header-box .offline-header-right .search-box .searchbox {
  width: 240px;
  max-width: none;
}
.public-site-header .head-user a.topLog {
  max-width: 140px !important;
}
.public-site-header .head-nav ul li .xiala {
  display: none !important;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 100%;
  margin-top: -1px;
  z-index: 1202;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
/* 由 JS 添加 nav-open，不用 :hover，避免经过空隙时闪烁 */
.public-site-header .head-nav ul li.nav-open .xiala {
  display: block !important;
}
.public-site-header .head-nav ul li.nav-open > a {
  color: #0a3560;
  border-bottom: 2px solid #c7000b;
}
.public-site-header .head-nav ul li .xiala dl.public-container {
  padding: 12px 0 24px;
}
.public-site-header .head-nav ul li .xiala dt a .pic img {
  max-height: 78px;
  object-fit: contain;
}
/* 遮罩仅视觉效果，不拦截鼠标（防止盖住导航导致闪烁） */
.header_mask {
  display: none;
  position: absolute;
  z-index: 1199;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: none !important;
}
.bgfff.pb40 {
  clear: both;
  position: relative;
  z-index: 1;
}

.public-site-topbar + .public-container,
.public-site-topbar .public-container {
  overflow: visible;
}

.index-block1 { align-items: stretch; overflow: visible; }
.index-block1 .category_box {
  height: 460px;
  position: relative;
  overflow: visible;
  flex-shrink: 0;
  width: 230px;
  z-index: 30;
}
.index-block1 .category_box .category_right {
  display: none;
  overflow: auto;
  position: absolute;
  left: 230px;
  top: 0;
  z-index: 500;
  background: #fff;
  width: 996px;
  height: 100%;
  border: 1px solid #d7d7d7;
  border-left: none;
  box-shadow: 1px 0 1px 2px rgb(216 216 216 / 35%);
}
.index-block1 .index_category {
  height: 460px; overflow-y: auto; overflow-x: hidden;
}
.index-block1 .index_category a {
  flex: none !important; min-height: 40px; line-height: 40px; padding: 0 15px;
}
.index-block1 .index_wrapper,
.index-block1 .index_wrapper-bannar,
.index-block1 .banner.swiper-container,
.index-block1 .banner .swiper-wrapper,
.index-block1 .banner .swiper-slide { height: 460px; }
.hotproduct-list { display: flex; flex-wrap: wrap; }
.hotproduct-list .product-item { width: calc(25% - 15px); margin-right: 15px; }

.filter-box { margin: 0 auto; }

/* 购物车：商品行与表头列宽对齐，避免数量与小计重叠 */
.product_cart2 .cart-box .cart-goods-list .item-box .item-row.dflex {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
}
.product_cart2 .cart-box .cart-goods-list .item-box .col-check {
  flex: 0 0 90px;
  width: 90px;
}
.product_cart2 .cart-box .cart-goods-list .item-box .col-img {
  flex: 0 0 95px;
  width: 95px;
}
.product_cart2 .cart-box .cart-goods-list .item-box .col-name.flex1 {
  flex: 1 1 240px;
  min-width: 0;
  max-width: 380px;
  width: auto;
}
.product_cart2 .cart-box .cart-goods-list .item-box .col-price {
  flex: 0 0 158px;
  width: 158px;
  box-sizing: border-box;
}
.product_cart2 .cart-box .cart-goods-list .item-box .col-num {
  flex: 0 0 120px;
  width: 120px;
  box-sizing: border-box;
}
.product_cart2 .cart-box .cart-goods-list .item-box .col-total {
  flex: 0 0 150px;
  width: 150px;
  box-sizing: border-box;
  padding-right: 16px;
  white-space: nowrap;
}
.product_cart2 .cart-box .cart-goods-list .item-box .col-action {
  flex: 0 0 40px;
  width: 40px;
}
.product_cart2 .cart-box .cart-goods-list .change-goods-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 110px;
  margin: 0 auto;
}
.product_cart2 .cart-box .cart-goods-list .change-goods-num .goods-num {
  width: 42px;
  min-width: 42px;
  text-align: center;
  padding: 0 4px;
  box-sizing: border-box;
}

.filter-box .item_filter {
  overflow: hidden; line-height: 45px; background-color: #fff;
  display: flex; margin-bottom: 2px;
}
.filter-box .item_filter .title {
  background-color: #fafafa; font-size: 14px; text-align: left;
  width: 108px; padding-left: 12px; line-height: 45px; flex-shrink: 0;
}
.filter-box .item_filter .items { flex: 1; overflow: hidden; }
.filter-box .item_filter .items li {
  display: inline-block; line-height: 45px; font-size: 12px;
  float: left; text-align: center; list-style: none;
}
.filter-box .item_filter .items a {
  color: #666; display: block; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; padding: 0 10px;
}
.filter-box .item_filter .items a:hover { color: #578ac1; }
.filter-box .item_filter .items a.on { color: #ff6700; }

.Category-box .Product_Category dl { display: flex; margin: 10px 0; }
.Category-box .Product_Category dl dt { flex-shrink: 0; }
.Category-box .Product_Category dl dt a {
  color: #141414; margin-right: 70px; line-height: 1.6; font-weight: bold;
}
.Category-box .Product_Category dl dd { flex: 1; overflow: hidden; }
.Category-box .Product_Category dl dd a {
  color: #141414; display: inline-block; width: 16.6%;
  text-align: center; line-height: 2; box-sizing: border-box;
}
.Category-box .Product_Category dl dd a:hover,
.Category-box .Product_Category dl dd a.active { color: #137ed5; }

.goods-sort {
  font-size: 16px; height: 40px; line-height: 40px;
  background: #fff; border-radius: 4px; overflow: hidden;
  display: flex; justify-content: space-between; align-items: center;
  padding: 0 15px; margin: 15px 0;
}
.goods-sort-left a {
  display: inline-block; width: 120px; text-align: center; color: #333;
}
.goods-sort-left a.on { background: #089aed; color: #fff; }

.product { display: flex; flex-wrap: wrap; }
.product .productItem {
  width: 24.25%; margin-right: 1%; margin-bottom: 15px;
  background: #fff; border: 1px solid #e6e6e6; border-radius: 10px;
  overflow: hidden; box-sizing: border-box;
}
.product .productItem:nth-child(4n) { margin-right: 0; }
.product .productItem > a { display: block; text-decoration: none; padding: 15px; }
.product .productItem_img { height: 176px; display: flex; align-items: center; justify-content: center; }
.product .productItem_img img { max-width: 100%; max-height: 100%; }
.product .productItem_title { font-size: 14px; color: #000; margin: 10px 0 5px; }
.product .productItem_price .price__num { font-size: 16px; color: #ff4444; }

.location a { color: #666; margin-right: 5px; }
.location a:hover { color: #089aed; }

/* 发布者：商品 / 资讯 */
.offline-publisher-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  background: #f5f5f5;
  flex-shrink: 0;
}
.offline-publisher-company {
  color: #333;
  font-weight: 600;
}
.offline-publisher-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.4;
  color: #089aed;
  background: #f0f8ff;
  border: 1px solid #d6ecff;
  border-radius: 10px;
}
.offline-publisher-hint {
  display: block;
  margin-top: 6px;
  font-size: 12px;
  color: #999;
  line-height: 1.5;
}
.offline-news-publisher .offline-publisher-company {
  font-weight: 500;
  color: #666;
}
.article-warp .detail .post-info .offline-publisher-meta {
  width: 100%;
  margin-bottom: 8px;
}
.article-warp .detail .post-info .offline-publisher-meta + .C_UserCode,
.article-warp .detail .post-info .offline-publisher-meta ~ .gap-point:first-of-type {
  display: none;
}
.kh_manager .offline-publisher-card img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  background: #f5f5f5;
}
.kh_manager.offline-kh-manager,
.goods_infor .kh_manager {
  min-width: 220px;
  border-left: 1px solid #eee;
}
.kh_manager .offline-publisher-card .fb {
  word-break: break-all;
  line-height: 1.5;
}
.product .productItem .offline-product-publisher {
  margin-top: 8px;
  font-size: 12px;
  color: #888;
}
.product .productItem .offline-product-publisher img {
  width: 18px;
  height: 18px;
}

/* 解决方案 mega menu（对齐 web-1 图二；勿用 dl/dt，避免品类下拉 dt a 样式污染） */
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala {
  padding: 0 !important;
  overflow: visible !important;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .offline-solutions-megamenu {
  max-width: 1400px;
  margin: 0 auto;
  padding: 4px 24px 28px;
  box-sizing: border-box;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .head-drap-module-new {
  padding-left: 12px;
  text-align: left;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .head-drap-module-new.wrap {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .ul-items {
  font-size: 0;
  line-height: 0;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .ul-items.solutions {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 26px;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .ul-items.solutions .ul-li {
  flex: 1 1 0;
  min-width: 0;
  display: block !important;
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.4;
  vertical-align: top;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .ul-items.solutions .ul-li h4,
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .ul-items.solutions .ul-li h4.item-title {
  margin: 28px 0 16px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #646464 !important;
  padding-left: 10px;
  line-height: 1.3;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala a.li-item,
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala a.li-item.flex {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  text-align: left !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  color: inherit !important;
  margin: 0 0 10px 10px !important;
  padding: 4px 6px !important;
  border-radius: 4px;
  box-sizing: border-box;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala a.li-item:hover {
  background: #f5f8ff;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala a.li-item:hover h5 {
  color: #075aff !important;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .icImg {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  margin-right: 10px !important;
  margin-top: 6px !important;
  flex-shrink: 0;
  object-fit: contain;
  display: block !important;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala h5 {
  font-size: 14px !important;
  font-weight: 600;
  color: #181818 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  height: auto !important;
  text-align: left !important;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala em {
  display: block !important;
  font-size: 12px !important;
  color: #777 !important;
  font-style: normal !important;
  font-weight: normal !important;
  margin-top: 4px;
  line-height: 1.45 !important;
  max-width: 300px;
  white-space: normal;
  text-align: left !important;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala .flex {
  display: flex !important;
}
.public-site-header .head-nav ul li .xiala.offline-solutions-xiala a.li-item > div {
  flex: 1;
  min-width: 0;
  text-align: left;
}