/**
 * cntjhf：顶栏 SNS 右侧挂载会员 / 询盘篮
 * 由 CommonAction 自动加载本文件（xy_header_extra.css）
 */
:root {
  --xy-member-nav-avatar-bg: #008BD0;
  --xy-member-nav-avatar-color: #fff;
  --xy-member-nav-icon-size: 18px;
  --xy-basket-badge-bg: #FDE428;
  --xy-basket-badge-color: #222;
  --xy-basket-nav-icon-size: 18px;
}

/* —— 顶栏 at_top 美化 —— */
.l-subheader.at_top.xy-ht{
  background:linear-gradient(90deg,#0077b5 0%,#008BD0 50%,#0077b5 100%);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.header_hor .l-header .l-subheader.at_top.xy-ht{
  line-height:40px;
  height:40px;
  margin:0;
  border-bottom:0;
}
.l-subheader.at_top.xy-ht .l-subheader-h{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:40px;
}
.l-subheader.at_top.xy-ht .l-subheader-cell{
  display:flex;
  align-items:center;
  float:none;
}
.l-subheader.at_top.xy-ht .l-subheader-cell.at_left{flex:1 1 auto;min-width:0;}
.l-subheader.at_top.xy-ht .l-subheader-cell.at_center{display:none;}
.l-subheader.at_top.xy-ht .l-subheader-cell.at_right{flex:0 0 auto;}

.xy-ht-contact{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  margin:0;
  line-height:1;
}
.xy-ht-item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  padding:5px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  color:#fff !important;
  font-size:12px;
  line-height:1.2;
  text-decoration:none !important;
  transition:background .2s,border-color .2s,color .2s;
}
.xy-ht-item:hover{
  background:rgba(255,255,255,.22);
  border-color:rgba(253,228,40,.55);
  color:#FDE428 !important;
}
.xy-ht-item .fa{
  width:14px;
  margin:0 !important;
  color:inherit !important;
  font-size:12px;
  text-align:center;
  opacity:.95;
}
.xy-ht-item span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cntjhf-header-top-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:12px;
}

.l-subheader.at_top .cntjhf-header-top-right .w-socials,
.l-subheader.at_top .xy-ht-socials{
  margin:0;
  line-height:1;
  font-size:14px;
}
.l-subheader.at_top .xy-ht-socials .w-socials-list{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.l-subheader.at_top .xy-ht-socials .w-socials-item{
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  display:inline-block;
  vertical-align:middle;
}
.l-subheader.at_top .xy-ht-socials .w-socials-item-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:28px !important;
  height:28px !important;
  line-height:28px !important;
  font-size:14px !important;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff !important;
  box-shadow:none !important;
  transition:background .2s,color .2s,transform .15s;
}
.l-subheader.at_top .xy-ht-socials .w-socials-item-link:after,
.l-subheader.at_top .xy-ht-socials .w-socials-item-link i{
  display:block !important;
  position:relative;
  font-family:FontAwesome,fontawesome !important;
  font-size:14px !important;
  line-height:28px !important;
  color:inherit !important;
  opacity:1 !important;
  visibility:visible !important;
}
.l-subheader.at_top .xy-ht-socials .w-socials-item-link:hover{
  background:#FDE428;
  color:#085a8a !important;
  transform:translateY(-1px);
}
.l-subheader.at_top .xy-ht-socials .w-socials-item-link-hover{
  display:none !important;
}
.l-subheader.at_top .xy-ht-socials .w-socials-item-popup{display:none !important;}

/* Twitter → X */
.l-subheader.at_top .xy-ht-socials .xy-ht-x .w-socials-item-link:after{
  content:none !important;
  display:none !important;
}
.l-subheader.at_top .xy-ht-socials .xy-ht-x .xy-ht-icon-x{
  width:12px;
  height:12px;
  display:block;
  fill:currentColor;
}

.l-subheader.at_top ul.xy-header-extra-nav{
  display:inline-flex !important;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
  color:#fff;
  vertical-align:middle;
}

.l-subheader.at_top .xy-header-extra-nav > li{
  margin:0;
  padding:0;
  list-style:none;
}

.l-subheader.at_top .xy-member-nav,
.l-subheader.at_top .xy-basket-nav,
.l-subheader.at_top .xy-wishlist-nav{
  color:#fff;
  opacity:1;
}

.l-subheader.at_top .xy-basket-nav a,
.l-subheader.at_top .xy-member-nav a,
.l-subheader.at_top .xy-member-nav-login,
.l-subheader.at_top .xy-member-nav-trigger{
  color:#fff !important;
}

.l-subheader.at_top .xy-basket-nav .icon,
.l-subheader.at_top .xy-basket-nav .icon i,
.l-subheader.at_top .xy-basket-nav .icon svg{
  color:#fff;
  fill:currentColor;
}

@media (max-width:900px){
  .header_hor .l-header .l-subheader.at_top.xy-ht{
    height:auto;
    min-height:40px;
    line-height:1.3;
    padding:8px 0;
  }
  .cntjhf-header-top-right{gap:8px;}
  .l-subheader.at_top ul.xy-header-extra-nav{gap:8px;}
  .xy-ht-item{
    padding:4px 9px;
    font-size:11px;
  }
  .xy-ht-item span{max-width:42vw;}
}

/* 头栏 JS 把 logo/菜单挪到 at_bottom 后，空的 at_middle 仍占高 → 蓝条下白缝；空行一律收起 */
.header_hor .l-header .l-subheader.at_middle:not(:has(.w-img)):not(:has(.w-nav)):not(:has(img)):not(:has(.w-search)),
.header_hor .l-header .l-subheader.at_bottom:not(:has(.w-img)):not(:has(.w-nav)):not(:has(img)):not(:has(.w-search)){
  display:block;
  height:0 !important;
  min-height:0 !important;
  line-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
.header_hor .l-header .l-subheader.at_middle{
  margin-top:0 !important;
  border-top:0 !important;
}

/*!- xy-mobile-nav：简约大气（须在 zzshe.css 之后） -*/
@media only screen and (max-width:900px){
  .header_hor .w-nav.type_mobile,
  .header_hor .l-subheader .w-nav{
    background:#fff;
  }
  .header_hor .w-nav.type_mobile .w-nav-list.level_1,
  .header_hor .w-nav .w-nav-list.level_1{
    margin:0 !important;
    padding:4px 0 8px !important;
    background:#fff !important;
    color:#1a2b36 !important;
    border-top:1px solid #e8eef2;
    box-shadow:0 12px 32px rgba(21,38,47,.1);
  }
  .header_hor .w-nav .w-nav-list.level_1 > .menu-item,
  .header_hor .w-nav .w-nav-list.level_2 > .menu-item,
  .header_hor .w-nav .w-nav-list.level_3 > .menu-item,
  .header_hor .w-nav .w-nav-item.level_1,
  .header_hor .w-nav .w-nav-item.level_2,
  .header_hor .w-nav .w-nav-item.level_3{
    border:0 !important;
    border-bottom:1px solid #eef2f5 !important;
    background:transparent !important;
    margin:0 !important;
  }
  .header_hor .w-nav .w-nav-list.level_1 > .menu-item:last-child{
    border-bottom:0 !important;
  }
  .header_hor .w-nav .w-nav-anchor.level_1,
  .header_hor .w-nav .w-nav-anchor.level_2,
  .header_hor .w-nav .w-nav-anchor.level_3{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 18px !important;
    color:#1a2b36 !important;
    font-size:15px !important;
    font-weight:600 !important;
    letter-spacing:.02em;
    line-height:1.35 !important;
    background:transparent !important;
    text-decoration:none !important;
    box-shadow:none !important;
  }
  .header_hor .w-nav .w-nav-anchor.level_2{
    padding:12px 18px 12px 28px !important;
    color:#3a4650 !important;
    font-size:14px !important;
    font-weight:500 !important;
  }
  .header_hor .w-nav .w-nav-anchor.level_3{
    padding:11px 18px 11px 40px !important;
    color:#5a6b76 !important;
    font-size:13.5px !important;
    font-weight:400 !important;
  }
  .header_hor .w-nav .w-nav-list.level_2 > .menu-item a::before,
  .header_hor .w-nav .w-nav-list.level_3 > .menu-item a::before,
  .header_hor .w-nav .w-nav-anchor.level_2::before,
  .header_hor .w-nav .w-nav-anchor.level_3::before{
    display:none !important;
    content:none !important;
  }
  .header_hor .w-nav .w-nav-title{
    flex:1 1 auto;
    min-width:0;
    text-align:left;
  }
  .header_hor .w-nav .w-nav-arrow{
    flex:0 0 auto;
    width:16px;
    height:16px;
    margin:0 0 0 8px !important;
    opacity:.4;
    color:#008BD0 !important;
  }
  /* 有子菜单：加大右侧箭头热区，便于点开；文字区仍跟链接走 */
  .header_hor .w-nav .menu-item-has-children > .w-nav-anchor{
    position:relative;
    padding-right:52px !important;
  }
  .header_hor .w-nav .menu-item-has-children > .w-nav-anchor > .w-nav-arrow{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:48px !important;
    height:auto !important;
    margin:0 !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    opacity:1;
    z-index:2;
    visibility:visible !important;
    font-size:0;
    line-height:0;
    color:#008BD0 !important;
  }
  /* Core CSS has empty .w-nav-arrow with no glyph — draw FA chevron */
  .header_hor .w-nav .menu-item-has-children > .w-nav-anchor > .w-nav-arrow:before{
    content:"\f107";
    font-family:FontAwesome;
    font-size:18px;
    font-weight:400;
    font-style:normal;
    line-height:1;
    color:#008BD0;
    speak:none;
    -webkit-font-smoothing:antialiased;
    transition:transform .25s ease;
  }
  .header_hor .w-nav .menu-item-has-children.opened > .w-nav-anchor > .w-nav-arrow:before{
    transform:rotate(180deg);
  }
  .header_hor .w-nav .w-nav-list.level_2,
  .header_hor .w-nav .w-nav-list.level_3{
    margin:0 !important;
    padding:0 !important;
    background:#f7fafc !important;
    border:0 !important;
    box-shadow:none !important;
  }
  /* 展开父级：浅底，不用重灰 */
  .header_hor .w-nav .w-nav-item.level_1.opened > .w-nav-anchor.level_1,
  .header_hor .w-nav .w-nav-item.level_1.active > .w-nav-anchor.level_1{
    background:#f5f9fb !important;
    color:#008BD0 !important;
  }
  /* 当前项：淡蓝 + 左边线，覆盖 zzshe 实心蓝底 */
  .header_hor .w-nav .w-nav-item.current-menu-item > .w-nav-anchor,
  .header_hor .w-nav .w-nav-item.current-menu-parent > .w-nav-anchor,
  .header_hor .w-nav .w-nav-item.current-menu-ancestor > .w-nav-anchor,
  .header_hor .w-nav .w-nav-item:not(.level_1).current-menu-item > .w-nav-anchor,
  .header_hor .w-nav .w-nav-item:not(.level_1).current-menu-parent > .w-nav-anchor,
  .header_hor .w-nav .w-nav-item:not(.level_1).current-menu-ancestor > .w-nav-anchor{
    color:#008BD0 !important;
    background:rgba(0,139,208,.1) !important;
    box-shadow:inset 3px 0 0 #008BD0 !important;
  }
  .header_hor .w-nav .w-nav-item.level_1.current-menu-item > .w-nav-anchor,
  .header_hor .w-nav .w-nav-item.level_1.current-menu-parent > .w-nav-anchor,
  .header_hor .w-nav .w-nav-item.level_1.current-menu-ancestor > .w-nav-anchor{
    background:rgba(0,139,208,.08) !important;
    color:#008BD0 !important;
  }
  .header_hor .w-nav .w-nav-anchor.level_1:hover,
  .header_hor .w-nav .w-nav-anchor.level_2:hover,
  .header_hor .w-nav .w-nav-anchor.level_3:hover{
    background:#f0f7fb !important;
    color:#008BD0 !important;
  }

  /* 手机头栏：搜索 / 菜单图标 — 无底框，同行水平居中对齐 */
  .header_hor .l-subheader.at_middle .l-subheader-cell.at_right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end;
    gap:4px;
  }
  .header_hor .l-subheader.at_middle .l-subheader-cell.at_right > .w-search,
  .header_hor .l-subheader.at_middle .l-subheader-cell.at_right > .w-nav.type_mobile{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    vertical-align:middle;
    line-height:1 !important;
    height:44px;
  }
  .header_hor .w-nav.type_mobile .w-nav-control,
  .header_hor .w-search .w-search-open{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:40px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#008BD0 !important;
    box-sizing:border-box;
    transition:opacity .2s ease, color .2s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .header_hor .w-nav.type_mobile .w-nav-control:before,
  .header_hor .w-search .w-search-open:before{
    font-family:FontAwesome !important;
    font-size:22px !important;
    line-height:1 !important;
    vertical-align:middle !important;
    color:inherit !important;
  }
  .header_hor .w-nav.type_mobile .w-nav-control:before{
    content:"\f0c9" !important;
  }
  .header_hor .w-search .w-search-open:before{
    content:"\f002" !important;
  }
  .header_hor .w-nav.type_mobile .w-nav-control:hover,
  .header_hor .w-nav.type_mobile .w-nav-control:active,
  .header_hor .w-search .w-search-open:hover,
  .header_hor .w-search .w-search-open:active{
    background:transparent !important;
    color:#006fa8 !important;
    opacity:.85;
    transform:none;
  }
}

/*!- xy-home-adv padding (后加载，确保生效) -*/
.l-content .l-section.height_small.xy-home-adv-sec > .l-section-h,
section.xy-home-adv-sec > .l-section-h{
  padding-top:52px !important;
  padding-bottom:52px !important;
}
section.xy-home-adv-sec .xy-home-adv > article.xy-home-adv-card{
  padding:40px 28px 36px !important;
  box-sizing:border-box !important;
}
section.xy-home-adv-sec .xy-home-adv > article.xy-home-adv-card .xy-home-adv-icon{
  margin-top:0 !important;
  margin-bottom:18px !important;
}
@media only screen and (max-width:900px){
  .l-content .l-section.height_small.xy-home-adv-sec > .l-section-h,
  section.xy-home-adv-sec > .l-section-h{
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
  section.xy-home-adv-sec .xy-home-adv > article.xy-home-adv-card{
    padding:36px 22px 28px !important;
  }
}