/* ============================================
   Fadapt.css - 响应式适配样式
   版本: 2.0 - 全面响应式优化
   作用: 适配 992px 以下屏幕，配合 mobile.css 使用
   ============================================ */

/* ===== PC端 (>=993px) ===== */
@media(min-width:993px){
    .newHeard .newHeard-right a.moblieLogo {
        display:none;
    }
}

/* ===== 平板端 (768px - 992px) ===== */
@media (min-width: 769px) and (max-width: 992px) {
    .newHeard {
        flex-direction: column;
    }
    .newHeard .newHeard-left{
        display:none;
    }
    .newHeard .newHeard-right {
        width: 100%;
        padding: 12px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .newHeard .newHeard-right a.moblieLogo {
        width:20%;
        align-items:center;
    }
    .newHeard .newHeard-right a.moblieLogo img{
        width:100%;
        max-width:92px;
    }
    .newHeard .newHeard-right div.nr-operation{
        height: auto !important;
        flex-wrap: nowrap;
        flex-shrink: 0;
        width: 72%;
        padding: 0 1.7%;
        justify-content: space-around;
    }
    .newHeard .newHeard-right div.nr-search {
        padding-right:0;
        margin-top:12px;
        width:100%;
    }
    .newHeard .newHeard-right div.nr-nav {
        width:100%;
        justify-content:center;
        display: flex !important;
    }
    .newHeard .newHeard-right div.nr-subscribe {
        padding:0;
        margin-top:12px;
        width:100%;
    }
    .newHeard .newHeard-right dl.nr-nav2{
        display: none !important;
    }
    
    /* 平板端产品列表3列 */
    .newProductList .newList .item{
        width:33.333% !important;
        min-height:inherit;
        overflow:hidden;
        padding:10px;
    }
    .newProductList .newList .item a img {
        width:100% !important;
        height:auto !important;
        max-width:180px;
    }
    
    /* 内容区域 */
    .newContent{
        flex-direction:row;
        padding:0 20px;
    }
    .newContent .left{
        width:30% !important;
        padding-right:2% !important;
        opacity:1 !important;
        z-index:1 !important;
    }
    .newContent .right{
        width:70% !important;
        padding:0;
    }
    
    /* 产品详情 */
    .newProInfo .pageLeft,.newProInfo .pageRight{
        width:100%;
        padding:0;
        float:none;
    }
    
    /* 广告区域 */
    .adbox {
        padding:20px;
    }
    .adbox .txt{
        width:60%;
    }
    .adbox .txt h3 {
        font-size:24px;
    }
    
    /* 关于区域 */
    .indexAbout {
        flex-wrap:wrap;
        padding:0 20px;
    }
    .indexAbout .leftbox {
        width:100%;
        padding:0;
        margin-bottom:5%;
    }
    .indexAbout .rightbox{
        width:100%;
        padding:0;
    }
}

/* ===== 手机端 (<=768px) ===== */
@media (max-width: 768px) {
    .newHeard {
       flex-direction:column;
    }
    .newHeard .newHeard-left{
        display:none;
    }
    .newHeard .newHeard-right {
        width: 100%;
        padding: 12px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        position: relative;
    }
    .newHeard .newHeard-right a.moblieLogo,
    .newHeard .newHeard-right div.nr-operation,
    .newHeard .newHeard-right dl.nr-nav2 {
        align-self: flex-start;
    }
    .newHeard .newHeard-right a.moblieLogo {
       width: auto;
       align-items:center;
    }
    .newHeard .newHeard-right a.moblieLogo img{
        width:100%;
        max-width:92px;
    }
    .newHeard .newHeard-right div.nr-operation{
        height: auto !important;
        flex-wrap: nowrap;
        flex: 1;
        padding: 0;
        justify-content: center !important;
        gap: 8px;
    }
    .newHeard .newHeard-right div.nr-search {
        padding-right:0;
        margin-top:12px;
        width:100%;
    }
    .newHeard .newHeard-right div.nr-nav {
        width:100%;
        justify-content:center;
        display:none !important;
    }
    .newHeard .newHeard-right div.nr-subscribe {
        padding:0;
        margin-top:12px;
        width:100%;
    }
    .newHeard .newHeard-right dl.nr-nav2 dt {
        width: 32px;
        float: none;
        height:32px;
        position: relative;
        cursor: pointer;
        background: none !important;
    }
    /* 3条红色线 */
    .newHeard .newHeard-right dl.nr-nav2 dt::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 6px;
        width: 20px;
        height: 2px;
        background: rgba(192,0,0,1);
        transform: translateY(-50%);
        box-shadow: 0 -6px 0 rgba(192,0,0,1), 0 6px 0 rgba(192,0,0,1);
    }
    /* active状态 - 线条变浅 */
    .newHeard .newHeard-right dl.nr-nav2 dt.active::before {
        background: #c0c0c0;
        box-shadow: 0 -6px 0 #c0c0c0, 0 6px 0 #c0c0c0;
    }
    /* ===== 移动端产品详情页布局 ===== */
    /* 恢复为文档流，按HTML自然顺序排列 */
    .newProInfo {
        display: block !important; /* ← 关键：覆盖任何 flex 设置 */
    }
    .newProInfo .pageLeft,
    .newProInfo .pageRight,
    .newProInfo .description,
    .newProInfo .indexOwlbox {
        width: 100% !important;
        padding: 10px;
        float: none !important;
        clear: both;
        display: block !important;
    }
    .newProInfo .pageLeft {
        display: block !important; /* ← 关键：覆盖 common.css 的 flex */
    }
    /* 清除 pageLeft 内部所有浮动 */
    .newProInfo .pageLeft .bimgShow,
    .newProInfo .pageLeft .sift,
    .newProInfo .pageLeft .sift .box {
        float: none !important;
        width: 100% !important;
    }
    /* 导航面板水平排列 */
    .newProInfo .pageRight .ask .heard {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        padding: 10px;
        background: #f5f5f5;
        border-radius: 6px;
        border: 1px solid #e2e2e2;
        margin: 10px auto;
        width: calc(100% - 20px);
        box-sizing: border-box;
    }
    .newProInfo .pageRight .ask .heard .nav-row {
        margin-bottom: 0;
        flex: 0 0 auto;
    }
    .newProInfo .pageRight .ask .heard .nav-count {
        flex: 1 1 100%;
        text-align: center;
        font-size: 14px;
        padding: 4px 0;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        margin-bottom: 4px;
        order: -1;
    }
    .newProInfo .pageRight .ask .heard .nav-btn {
        display: inline-flex !important;
        width: auto !important;
        padding: 6px 10px !important;
        font-size: 13px;
        white-space: nowrap;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        color: #333;
        text-decoration: none;
        text-align: center;
    }
    /* You Might Ask 部分 */
    .newProInfo .pageRight .ask .mightask_box {
        padding: 10px;
        background: #f6f6f6;
    }
    .newProInfo .pageRight .ask .mightask_box h4 {
        font-size: 16px;
        text-align: center;
        margin: 0 0 10px 0;
        font-weight: normal;
    }
    .newProInfo .pageRight .ask .mightask_box ul.ask_list {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .newProInfo .pageRight .ask .mightask_box ul.ask_list li {
        font-size: 14px;
        line-height: 24px;
        padding-left: 20px;
        background: url(/Theme/images/ask_list_li.png) left 6px no-repeat;
    }
  .newProInfo .description .box .specification dl dt {
      width:35%;
  }
  .newHeard .newHeard-right div.nr-operation span.icon_01,.newHeard .newHeard-right div.nr-operation a.icon_02,.newHeard .newHeard-right div.nr-operation a.icon_03,.newHeard .newHeard-right div.nr-operation a.icon_04{
    background-position: center top;
    background-size: 24px;
    padding: 0;
    display: block;
    padding-top: 24px;
    box-sizing: border-box;
    height: 48px;
    overflow: hidden;
    text-indent: -9999px;
    width: 48px;
    flex: none;
    margin: 0 !important;
  }
    .newHeard .newHeard-right div.nr-operation span.icon_01,.newHeard .newHeard-right div.nr-operation a.icon_02,.newHeard .newHeard-right div.nr-operation dl
{
        margin:0 1.445px;
}  
    .newHeard .newHeard-right div.nr-operation dt a:hover, .newHeard .newHeard-right div.nr-operation span:hover{
        background-position:center -48px !important;
    }
    .newHeard .newHeard-right div.nr-operation dl:hover dt a{
        background-position:center -48px !important;
    }
    .newHeard .newHeard-right div.nr-nav{
        display:none !important;
    }
    .newHeard .newHeard-right dl.nr-nav2{
        display: block !important;
        width: 32px;
        height: 32px;
        margin: 0;
        position: relative;
        background: none !important;
        flex-shrink: 0;
    }
    .newHeard .newHeard-right dl.nr-nav2 dd{
        width: auto;
        flex-direction: column;
        text-align: center;
        position: absolute;
        right: 0;
        top: 32px;
        z-index: 99999;
        background: #f2f2f2;
        border-radius: 6px 0 6px 6px;
        padding: 12px;
        box-shadow: none;
        min-width: 180px;
    }
    .newHeard .newHeard-right dl.nr-nav2 dd a {
        line-height: 32px;
        display: block;
        width: 100%;
        text-align: right;
        color: #000;
        font-size: 15px;
        padding: 4px 8px;
        transition: color 0.3s ease;
    }
    .newHeard .newHeard-right dl.nr-nav2 dd a:hover {
        color: rgba(192,0,0,1);
    }
    .newHeard .newHeard-right div.nr-operation a {
        font-size:11px;
        margin:0 2px;
    }
    .newHeard .newHeard-right div.nr-search button,.newHeard .newHeard-right div.nr-subscribe button {
        font-size:12px;
        padding:0 8px;
    }
    .newHeard .newHeard-right div.nr-search select {
        display: none;
    }
    .newHeard .newHeard-right div.nr-search {
        flex-direction: row;
        align-items: center;
        gap: 0;
    }
    .newHeard .newHeard-right div.nr-search input {
        width: 70% !important;
        border-radius: 4px 0 0 4px;
        border-right: none;
    }
    .newHeard .newHeard-right div.nr-search button {
        width: 30% !important;
        border-radius: 0 4px 4px 0;
        margin-top: 0;
    }
    .newFooter .nf-part-01 {
        flex-direction:column;
    }
    .newFooter .nf-part-01 .p1,.newFooter .nf-part-01 .p2,.newFooter .nf-part-01 .p5{
        width:100%;
        padding:0;
        text-align:center;
    }
    .newContent{
        flex-direction:column;
        padding:0 12px;
    }
    .newProductList .categoryNav {
        flex-wrap:wrap;
    }
    .newProductList .prolistTop{
    }
    .newProductList .prolistTop .page{
        margin-top:4px;
    }
    .newContent .left{
        width:100% !important;
        padding:0 !important;
        opacity:1 !important;
        z-index:1 !important;
    }
    .newContent .right{
        width:100% !important;
        padding:0;
    }
    
    .newProductList .newList .item{
        width:50% !important;
        min-height:inherit;
		overflow:hidden;
        padding:6px;
    }
    .newProductList .newList .item a img {
        width:120px !important;
        height:120px !important;
    }
    
    /* 移动端产品列表项内部结构 */
    .newProductList .newList .item .prod_itemno-row {
        margin:3px 0;
    }
    .newProductList .newList .item .prod_itemno-row .prod_new-icon {
        height:16px;
        width:28px;
        margin-left:6px;
    }
    .newProductList .newList .item .prod_custom-info,
    .newProductList .newList .item .prod_wholesale-info {
        font-size:13px;
    }
    .newProductList .newList .item .prod-hr {
        width:90%;
    }
    .newProductList .newList .item .prod_favorite-row {
        padding-top:8px;
    }
    .newProductList .newList .item .prod_favorite-row .product-favorite-icon {
        width:36px;
        height:36px;
        padding:8px; /* 移动端更大点击热区 */
    }
    .newCategory dl dd{
        display:none;
        position:relative;
        left:0;
        z-index:1;
        opacity:1;
        border:none;
        padding-left:20px;
        width:100%;
    }
    .adbox .txt h3 {
        font-size:22px;
    }
    .indexAbout {
        flex-wrap:wrap;
    }
    .indexAbout .leftbox {
        width:100%;
        padding:0;
        margin-bottom:10%;
    }
   .indexAbout .rightbox{
        width:100%;
        padding:0;
    }
   .newProInfo .pageLeft .bimgShow .bs_p01{
       height:auto;
       background:none;
       border:none;
       padding:1%;
       box-sizing:border-box;
   }
   .newProInfo .pageLeft .bimgShow .bs_p01 img{
       max-width:99%;
       max-height:400px;
   }
  .newProInfo .description .box{
      width: calc(100% - 20px) !important;
      padding: 10px;
      margin: 10px;
      float: none;
  }
  /* indexOwlbox 与其他模块保持一致 */
  .newProInfo .indexOwlbox {
      margin: 10px auto !important;
      padding: 10px;
      width: calc(100% - 20px) !important;
      box-sizing: border-box;
      float: none;
  }
  .newProInfo .description .box .specification dl dt {
      width:35%;
  }
  .newProInfo .pageLeft .sift .start_order_custom ul li,.newProInfo .pageLeft .sift .custom .custom_orderlist h6,.newProInfo .pageRight .ask .mightask_box ul.ask_list li,.newProInfo .description .box .specification, .newProInfo .description .box .specification span, .newProInfo .description .box .specification a,.newProInfo .description .box ul li,.newProInfo .pageLeft .sift .box p{
      line-height:200%;
      font-size:14px;
  }
  .newProInfo .pageLeft .sift .compare_itrow ul li{
      display:flex;
      align-items:center;
      min-height: 30px;
      gap: 2px;
  }
  .newProInfo .pageLeft .sift .compare_itrow ul li * {
      display: inline-flex;
      align-items: center;
  }
  .newProInfo .pageLeft .sift .compare_itrow ul li a[style*="min-width"] {
      justify-content: center;
      line-height: 1;
      height: auto;
      vertical-align: middle;
  }
  .newProInfo .pageLeft .sift .compare_itrow ul li .link{
      display:flex;
      align-items:center;
      width: 100%;
  }
  .newProInfo .pageLeft .sift .color select, .newProInfo .pageLeft .sift .box2 select,.newProInfo .pageLeft .sift .start_order_custom ul li #ctl00_ContentPlaceHolder1_txtq1{
      font-size:14px !important;
  }
  .newProInfo .pageLeft .sift .color{
      display:flex;
      align-items:center;
  }
   .newProInfo .pageLeft .bimgShow, .newProInfo .pageLeft .sift{
       width:100%;
       margin-top:15px;
       padding:0;
       display: block;
       float: none;
   }
   .newProInfo .pageLeft .simgShow{
       display:flex;
       justify-content:center;
       align-items:center;
       flex-wrap: wrap;
   }
   .newProInfo .pageLeft .simgShow * {
       display: inline-flex;
       align-items: center;
   }
   .newProInfo .pageLeft .sift .custom .custom_orderlist h6{
       margin:0;
       margin-bottom:5px;
   }
   .newProInfo .pageLeft .sift .custom_orderlist{
       margin-top:12px;
   }
   .newProInfo .pageLeft .sift .start_order_custom ul li:nth-child(3n+1){
       width:50%;
   }
   .newProInfo .pageLeft .sift .start_order_custom ul li{
       display:block;
       float:left;
   }
   .newProInfo .pageLeft .sift .box2 .haveInput{
       flex-wrap:wrap;
       gap: 4px;
   }
   .newProInfo .pageLeft .sift .box2 .haveInput * {
       display: inline-flex;
       align-items: center;
   }
   .newProInfo .pageLeft .sift .box2 .haveInput a[style*="min-width"] {
       justify-content: center;
       line-height: 1;
       height: auto;
       vertical-align: middle;
   }
   .newProInfo .pageLeft .sift .box2 p span,.newProInfo .pageLeft .sift .box2 .haveInput input,.newProInfo .pageLeft .sift .box2 .haveInput a,.newProInfo .pageLeft .sift .box2 .haveInput, .newProInfo .pageLeft .sift .box2 .p1 span, .newProInfo .pageLeft .sift .box2 .haveInput span,.newProInfo .pageLeft .sift .box2 p{
       font-size:14px !important;
   }
   .newProInfo .pageLeft .sift .box2 .p1,.newProInfo .pageLeft .sift .box2 p{
       margin-bottom:10px;
   }
   .newProInfo .description .box .specification{
       display:block;
       margin-top:15px;
       width:100%;
       overflow:hidden;
       float:left;
   }
   .newProInfo .description .box ul {
       display:block;
       width:100%;
       overflow:hidden;
       margin-top:15px;
       float:left;
   }
   .newProInfo .pageRight .ask .mightask_box{
       padding:10px;
       background:#f6f6f6;
       margin: 10px;
   }
   /* 统一所有模块间距 */
   .newProInfo .pageRight .ask .heard,
   .newProInfo .pageRight .ask .mightask_box,
   .newProInfo .description .box,
   .newProInfo .indexOwlbox {
       margin: 10px !important;
   }
   
  .newProInfo .pageRight .ask .mightask_box h4{
       font-size:16px;
       text-align:center;
      margin:0;
       font-family:inherit;
       font-weight:normal;
  }
   .newProInfo .pageRight .ask .mightask_box ul.ask_list{
       display:none;
       margin-top:10px;
   }
   .newProInfo .description{
       width:100% !important;
       overflow:hidden;
       padding-top:0;
       display: block !important;
       clear: both;
   }
   .newProInfo .description .box{
       width: calc(100% - 20px) !important;
       padding: 10px;
       margin: 10px;
       float: none;
   }
    /* 移除 description .box 的顶部边框 */
   .newProInfo .product_dtl_head{
       margin:0;
   }
  .orderTable td {
      width:20%;
  }
  .orderTable td input.numInput {
      width:80%;
  }
  .customPopup_con .btns {
      flex-direction:column;
      align-items:center;
  }
  .customPopup_con .btns .itItem{
      max-width:90%;
  }
  .tablebox .orderTable.orderTable03 td{
      width:auto;
  }
  .newOrder .popupHeard {
      flex-direction:column;
  }
  .newOrder .popupHeard .phLeft, .newOrder .popupHeard .phRight{
      margin-top:15px;
  }
  .newOrder .popupLeft{
      width:100% !important;
  }
  .newOrder .popupRight{
      width:100% !important;
      padding:0 !important;
  }
  .newOrder .stylemenu{
      flex-direction:column;
      padding:20px !important;
  }
  .newOrder .stylemenu a,.newOrder .stylemenu div{
      width:100% !important;
  }
  .newOrder {
      padding-bottom:184px !important;
  }
  .newOrder .newOrderName h1 {
    font-size: 18px;
}
  .newLogin{
      flex-direction:column;
  }
  .newLogin .item{
      width:100%;
      margin-bottom:15px;
  }
  .newOrder .orderHeaderInfo {
      flex-direction:column;
  }
   .newOrder .orderHeaderInfo .p01{
       margin-bottom:10px;
   }
   .newOrder .orderHeaderInfo .p02{
       display:flex;
       align-items:center;
   }
   .newOrder .orderHeaderInfo .p02 input{
       margin: 0 4px;
   }
   .newOrder .orderHeaderInfo input{
       width:16%;
   }
   .newOrder .page_Info {
       flex-direction:column;
   }
   .newOrder .page_Info div{
       margin-bottom:8px;
   }
   .newOrder .page_Info .pageNum {
       flex-direction:column;
       align-self:flex-end;
   }
   .newOrder .page_Info .pageNum div:last-child{
       align-self:flex-end;
   }
   .newOrder .page_Info tr td{
       vertical-align:top;
   }
   .newOrder .page_Info tr td:last-child{
       display:flex;
       flex-wrap:wrap;
   }
   .orderHeaderInfo .itPages .p02{
       margin-bottom:10px !important;
   }
   .orderHeaderInfo .itPages .p02 input{
       width:24% !important;
   }
   .orderHeaderInfo .itPages .p02 input[type="submit"]{
       width:12% !important;
   }
   .newOrder .withLetter {
       flex-direction:column;
       align-items:flex-start !important;
   }
   .newOrder .withLetter .padlno input{
       margin-left:0 !important;
   }
   .newOrder .withLetter input[type="file"] {
       width:100% !important;
       margin-left:0 !important;
   }
   .newOrder .newOrderName {
       display:flex;
       flex-direction:column;
       align-items:flex-start !important;
   }
   .newOrder .popupHeard .phLeft {
       flex-direction:column;
   }
   .newOrder .popupHeard .phLeft select,.newOrder .popupHeard .phLeft input{
       margin-bottom:8px;
   }
   .newOrder .popupHeard .phLeft span {
       display:none;
   }
   .newOrder .withLetter .padlno {
       flex-direction:column;
   }
   .newOrder .withLetter .padlno input{
       width:100% !important;
       margin:0 !important;
   }
   .newOrder .newOrderName select {
       width:100% !important;
       margin:0 !important;
   }
   .newOrder .chooseWay dl{
       flex-direction:column;
   }
   .newOrder .chooseWay dl dt{
       width:100% !important;
       padding:10px 10px 0 10px !important;
   }
   .newOrder .chooseWay dl dd{
       width:100% !important;
       flex-direction:column;
       align-items:flex-start !important;
   }
   .newOrder .chooseWay dl dd span{
       flex-shrink:0;
   }
   .newOrder .chooseWay dl input{
       width:40% !important;
   }
   .newOrder .chooseWay .cw_tl{
       flex-direction:column;
   }
    .newOrder .chooseWay .cw_tl dl {
        width:100% !important;
        margin:0 !important;
    }
    .newOrder .chooseWay .cw_tl dl dt,.newOrder .chooseWay .cw_tl dl dd{
        width:100% !important;
    }
    .newOrder .chooseWay .cw_tl table{
        width:100% !important;
    }
    .newOrder .chooseWay dl dd div{
        width:100% !important;
        margin:0 !important;
    }
    .newOrder .chooseWay .cw_tl table tr td{
        padding:10px;
    }
    .newOrder .chooseWay dl input, .newOrder .chooseWay dl select{
        margin:0 !important;
    }
    .newOrder .chooseWay dl dd div{
        margin-bottom:4px !important;
    }
    .userInfo dl {
        flex-direction:column;
    }
    .userInfo dl td,.userInfo dl dd{
        width:100%;
        padding:0;
        margin:0;
    }
    .proSelect .selectItem .item{
        flex-direction:column;
    }
    .proSelect .selectItem .item dl{
        width:100% !important;
    }
    .newRegister .topTab dl{
        width:100% !important;
        display:none !important;
    }
    .newRegister .topTab dl.cur{
        display:flex !important;
        justify-content:center;
    }
    .newRegister .item.item_03 .item dl{
        width:100% !important;
    }
    .newProInfo .pageLeft .bimgShow .bs_p01 .imgShowPrev,.newProInfo .pageLeft .bimgShow .bs_p01 .imgShowNext{
        z-index:10000;
    }
    .commentDetail{
        width:100%;
        flex-direction:column;
    }
    .commentDetail .commentInfo{
        width:100%;
    }
    .commentDetail dl{
        margin-bottom:8px;
    }
    .commentDetail dd{
        flex-direction:column;
    }
    .commentDetail dd .commonInput,.commentDetail dd .commonInput:first-child{
        width:100%;
        margin-bottom:8px;
    }
    .commentDetail .commonButton{
        margin-right:0 !important;
    }
    .commentDetail .commentImage{
        width:100%;
        padding:0;
    }
    .adbox{
        padding:12px;
    }
    .adbox .txt{
        width:100%;
    }
    .indexOwlbox .items .owlImgs a img{
        width:100% !important;
        height:auto !important;
        max-width:100% !important;
        object-fit:contain;
    }
    .pagebtn a.differences{
        width:60px;
    }
    .indexOwlbox .name{
        font-size:16px;
    }
    .newProInfo{
        padding:0 12px;
    }
    .newProInfo .pageNav{
        padding:0;
    }
    .newProInfo .product_dtl_head h2{
        font-size:16px;
    }
    .newProInfo .pageLeft .sift .color .img_imgdtl{
        padding-left:16px;
    }
    .newProInfo .pageLeft .sift .color{
        flex-wrap:wrap;
        align-items:center;
    }
    
    /* MaterialInfo 右侧面板 - 样式已在 common.css 中统一 */
    .newHeard .newHeard-right input, .newHeard .newHeard-right button, .newHeard .newHeard-right select{
        height:36px;
    }
    .newHeard .newHeard-right div.nr-search button,.newHeard .newHeard-right div.nr-subscribe button{
        line-height:36px;
        background:#999;
    }
    .newHeard .newHeard-right div.nr-search button:hover,.newHeard .newHeard-right div.nr-subscribe button:hover{
        background:#777;
    }
    .newFooter{
        filter:grayscale(100%);
    }
    .newLogin .item h3.form_col1_head{
        background-color:gray;
    }
    .newLogin .item .con .itbtn,.newLogin .item .con .info input.sub{
        background:#333 !important;
        width:auto !important;
        padding:6px 12px;
    }
    .newLogin .item .con .info input, .newLogin .item .con .info select{
        width:100%;
        margin-right:0;
    }
}
   
/* ===== 480px 断点 (小屏手机) ===== */
@media (max-width: 480px) {
  /* 产品列表单列 - 恢复纵向排列 */
  .newProductList .newList .item {
    width: 100% !important;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    min-height: auto;
  }
  .newProductList .newList .item a img {
    width: 100% !important;
    height: auto !important;
    max-width: 200px;
    margin: 0 auto;
  }
  
  /* 恢复纵向排列样式 */
  .newProductList .newList .item .prod_img-col {
    width: 100%;
    text-align: center;
  }
  .newProductList .newList .item .prod_info-col {
    width: 100%;
    align-items: center !important;
    text-align: center !important;
  }
  .newProductList .newList .item .prod_itemno-row {
    margin: 3px 0;
    justify-content: center !important;
  }
  .newProductList .newList .item .prod_name {
    text-align: center !important;
  }
  .newProductList .newList .item .prod_custom-info,
  .newProductList .newList .item .prod_wholesale-info {
    text-align: center !important;
  }
  .newProductList .newList .item .prod_favorite-row {
    justify-content: center !important;
  }

  /* 分页简化：只显示上一页/当前页/下一页 */
  .pagebtn {
    padding: 15px 0;
    margin-top: 15px;
  }
  .pagebtn a.navnum,
  .pagebtn a.navnumCur {
    display: none !important; /* 隐藏所有页码数字 */
  }
  .pagebtn a.differences {
    display: inline-block !important; /* 显示上一页/下一页 */
    width: 80px;
    height: 36px;
    line-height: 32px;
    font-size: 14px;
  }
  .pagebtn font {
    display: inline-block !important; /* 显示 Goto 下拉框 */
    height: 36px;
    line-height: 36px;
  }
  .pagebtn select {
    height: 36px;
    font-size: 14px;
  }

  /* 导航操作区图标更小 */
  .newHeard .newHeard-right div.nr-operation a,
  .newHeard .newHeard-right div.nr-operation span {
    font-size: 10px;
  }

  /* 搜索框优化 */
  .newHeard .newHeard-right div.nr-search button,
  .newHeard .newHeard-right div.nr-subscribe button {
    font-size: 11px;
    padding: 0 6px;
  }

  /* 订单页进一步紧凑 */
  .newOrder {
    padding: 8px;
  }
  .newOrder .newOrderName h1 {
    font-size: 16px;
  }

  /* 步骤指示器 */
  .step-indicator span {
    padding: 4px 8px;
    font-size: 11px;
  }
  
  /* 广告区域 */
  .adbox {
    padding: 8px;
  }
  .adbox .txt h3 {
    font-size: 18px;
  }
  
  /* 关于区域 */
  .indexAbout h3 {
    font-size: 18px;
  }
  
  /* 产品轮播 */
  .indexOwlbox {
    padding: 0 8px;
  }
  .indexOwlbox .name {
    font-size: 14px;
  }
  
  /* 页脚 */
  .newFooter {
    padding: 10px;
  }
  .newFooter .nf-part-03 {
    font-size: 12px;
  }
}

/* ===== 768px 断点补充规则 ===== */
@media (max-width: 768px) {
  /* Size筛选三个下拉框横向排列 */
  .size-filter-row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 4px;
  }
  .size-dropdown {
    width: 32% !important;
    flex: 1 !important;
    min-width: 0 !important;
    font-size: 13px;
    padding: 2px 16px 2px 4px;
  }

  /* 筛选条件标签横向滚动 */
  .newProductList .categoryNav {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    padding: 8px;
    scrollbar-width: none; /* Firefox */
    align-items: center;
  }
  .newProductList .categoryNav::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
  }
  .newProductList .categoryNav span {
    display: inline-flex !important;
    flex-shrink: 0;
    margin-right: 8px;
    margin-bottom: 0;
    align-items: center;
    padding: 4px 8px;
  }
  /* 移动端取消按钮缩小为40% */
  .newProductList .categoryNav span a {
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    line-height: 15px !important;
    font-size: 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 6px;
    vertical-align: middle;
    padding: 0 !important;
    overflow: hidden;
  }

  /* prolistTop背景隐藏 - 移动端 */
  .newProductList .prolistTop {
    background: transparent !important;
    padding: 5px;
  }

  /* 产品列表 */
  .newProductList .newList .item {
    width: 50% !important;
    min-height: auto;
    padding: 10px;
  }
  .newProductList .newList .item a img {
    width: 100% !important;
    height: auto !important;
    max-width: 150px;
    margin: 0 auto;
  }

  /* 分页按钮增大触摸区域 */
  .pagebtn a, .pagebtn span, .pagebtn font {
    min-width: 44px;
    min-height: 44px;
    line-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .pagebtn a.differences {
    width: auto;
    padding: 0 16px;
  }

  /* 首页Banner图片自适应 */
  .indexBannerBox img {
    width: 100%;
    height: auto;
  }

  /* 广告区域优化 */
  .adbox {
    padding: 12px;
  }
  .adbox .txt {
    width: 100%;
    padding-left: 0;
  }
  .adbox .txt h3 {
    font-size: 22px;
  }
  .adbox .txt a {
    padding: 3% 8%;
    font-size: 16px;
  }

  /* 首页关于区域 */
  .indexAbout {
    padding: 0 12px;
  }
  .indexAbout h3 {
    font-size: 20px;
  }

  /* 产品详情页优化 */
  .newProInfo {
    padding: 0 12px;
  }
  .newProInfo .pageLeft .bimgShow .bs_p01 {
    height: auto;
    min-height: 300px;
    background: none;
    border: none;
    padding: 1%;
    box-sizing: border-box;
  }
  .newProInfo .pageLeft .bimgShow .bs_p01 img {
    max-width: 99%;
    max-height: 400px;
  }
  .newProInfo .pageLeft .sift .start_order_custom ul li:nth-child(3n+1) {
    width: 100%;
    text-align: left;
  }
  .newProInfo .pageLeft .sift .start_order_custom ul li {
    width: 50%;
  }

  /* 订单表格优化 */
  .orderTable {
    font-size: 13px;
  }
  .orderTable td {
    padding: 4px;
  }
  .tablebox {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* 登录注册页 */
  .newLogin {
    padding: 12px;
    flex-direction: column;
  }
  .newLogin .item {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .newLogin .item:first-child,
  .newLogin .item:last-child {
    width: 100% !important;
  }
  .newLogin .item h3.form_col1_head {
    font-size: 20px;
    padding: 12px;
    background: #f2f2f2 !important;
    color: rgba(192,0,0,1) !important;
  }
  .newLogin .item .con {
    padding: 15px;
  }
  .newLogin .item .con .info {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
  }
  .newLogin .item .con .info div {
    min-width: auto;
    width: 100%;
    margin-bottom: 5px;
  }
  .newLogin .item .con .info input,
  .newLogin .item .con .info select {
    width: 100% !important;
    height: 44px;
    font-size: 16px;
    padding: 8px;
    box-sizing: border-box;
  }
  .newLogin .item .con .info input#Company,
  .newLogin .item .con .info input#Address,
  .newLogin .item .con .info input#ZIP,
  .newLogin .item .con .info select#Country,
  .newLogin .item .con .info input#Phone,
  .newLogin .item .con .info input#txtMobile,
  .newLogin .item .con .info input#web {
    width: 100% !important;
  }
  .newLogin .item .con .itbtn {
    width: 100%;
    height: 44px;
    font-size: 16px;
    margin-top: 10px;
    background: rgba(192,0,0,1) !important;
    color: #fff !important;
    border: none;
    border-radius: 2px;
  }
  .newLogin .item .con p {
    font-size: 13px;
  }

  /* 页脚优化 */
  .newFooter {
    padding: 15px;
  }
  .newFooter .nf-part-01 .p1,
  .newFooter .nf-part-01 .p2,
  .newFooter .nf-part-01 .p5 {
    margin-bottom: 15px;
  }

  /* 弹出窗口适配 */
  .customPopup_con .btns {
    flex-direction: column;
    padding: 20px;
  }
  .customPopup_con .btns .itItem {
    max-width: 100%;
    width: 100%;
    margin-bottom: 15px;
  }

  /* 评论区域 */
  .commentDetail {
    width: 100%;
    padding: 0 12px;
  }

  /* 注册页 */
  .newRegister {
    margin: 0 12px;
    padding: 15px;
  }
}

/* ===== 480px 登录页额外优化 ===== */
@media (max-width: 480px) {
  .newLogin {
    padding: 8px;
  }
  .newLogin .item h3.form_col1_head {
    font-size: 18px;
    padding: 10px;
    background: #f2f2f2 !important;
    color: rgba(192,0,0,1) !important;
  }
  .newLogin .item .con {
    padding: 12px;
  }
  .newLogin .item .con .info input,
  .newLogin .item .con .info select {
    height: 40px;
    font-size: 16px;
  }
  /* 姓名区域小屏垂直堆叠 */
  .newLogin .item .con .info div[style*="gap:8px"] {
    flex-direction: column;
    gap: 8px;
  }
  .newLogin .item .con .info div[style*="gap:8px"] input,
  .newLogin .item .con .info div[style*="gap:8px"] select {
    width: 100% !important;
  }
  /* 默认地址复选框行 */
  .newLogin .item .con .info.checkbox-row {
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px;
  }
  .newLogin .item .con .info.checkbox-row input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
  }
  .newLogin .item .con .info.checkbox-row label {
    font-size: 14px;
    color: #000;
    display: inline-block !important;
  }
  /* 按钮红色 */
  .newLogin .item .con .itbtn {
    background: rgba(192,0,0,1) !important;
    color: #fff !important;
    border: none;
    border-radius: 2px;
  }
}

/* ===== PC端分类菜单悬停效果 ===== */
@media (min-width: 761px){
    .newCategory dl:hover dd{
        z-index:9;
        opacity:1;
		display:flex;
    }
}

/* ============================================
   FAQ 页面响应式优化
   ============================================ */

/* ===== PC端 FAQ 优化 ===== */
@media (min-width: 993px) {
    .faq-page .newContent {
        padding: 0 30px;
    }
    .faq-page .faq-sidebar {
        width: 22% !important;
        padding-right: 3% !important;
    }
    .faq-page .faq-content {
        width: 75% !important;
    }
    .faq-page .newCategory h3 {
        font-size: 20px;
        padding: 8px 10px;
    }
    .faq-page .newCategory dl a {
        font-size: 15px;
        padding: 10px 0;
    }
    .faq-list-container {
        padding: 20px 0;
    }
    .faq-item {
        margin-bottom: 8px;
        border-bottom: 1px solid #f0f0f0;
    }
    .faq-link {
        display: flex;
        align-items: baseline;
        padding: 12px 0;
        font-size: 17px;
        line-height: 1.5;
        color: #585757;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    .faq-link:hover {
        color: rgba(192,0,0,1);
    }
    .faq-number {
        color: rgba(192,0,0,1);
        font-weight: 500;
        margin-right: 8px;
        flex-shrink: 0;
    }
    .faq-title {
        flex: 1;
    }
}

/* ===== 平板端 FAQ 优化 ===== */
@media (min-width: 769px) and (max-width: 992px) {
    .faq-page .faq-sidebar {
        width: 28% !important;
        padding-right: 2% !important;
    }
    .faq-page .faq-content {
        width: 70% !important;
    }
    .faq-page .newCategory h3 {
        font-size: 18px;
    }
    .faq-page .newCategory dl a {
        font-size: 14px;
    }
}

/* ===== 移动端 FAQ 优化 (<768px) ===== */
@media (max-width: 768px) {
    /* FAQ 页面容器 */
    .faq-page .newContent {
        flex-direction: column;
        padding: 0 12px;
    }
    
    /* 侧边栏全宽 */
    .faq-page .faq-sidebar {
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 15px;
    }
    
    /* 折叠按钮 */
    .faq-toggle-btn {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 14px 16px;
        background: #f2f2f2;
        border: 1px solid #e5e5e5;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 500;
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
        margin-bottom: 10px;
        text-align: left;
    }
    .faq-toggle-btn:hover {
        background: #e8e8e8;
    }
    .faq-toggle-btn.active {
        background: rgba(192,0,0,1);
        color: #fff;
        border-color: rgba(192,0,0,1);
    }
    .faq-toggle-icon {
        font-size: 20px;
        font-weight: 300;
        margin-left: 8px;
        flex-shrink: 0;
    }
    
    /* 分类内容默认收起 */
    .faq-category-content {
        display: none;
        padding: 10px 0;
    }
    .faq-category-content.expanded {
        display: block;
    }
    
    /* 分类标题 */
    .faq-page .newCategory h3 {
        font-size: 18px;
        padding: 10px;
        margin-bottom: 8px;
    }
    
    /* 分类链接 */
    .faq-page .newCategory dl a {
        font-size: 15px;
        padding: 10px 0;
        line-height: 1.5;
    }
    
    /* 内容区域 */
    .faq-page .faq-content {
        width: 100% !important;
        padding: 0 !important;
    }
    
    /* FAQ 列表容器 */
    .faq-list-container {
        padding: 10px 0;
    }
    
    /* FAQ 列表项 */
    .faq-item {
        margin-bottom: 0;
        border-bottom: 1px solid #f0f0f0;
    }
    .faq-item:last-child {
        border-bottom: none;
    }
    
    /* FAQ 链接 */
    .faq-link {
        display: flex;
        align-items: baseline;
        padding: 16px 0;
        font-size: 16px;
        line-height: 1.6;
        color: #585757;
        text-decoration: none;
        min-height: 44px;
    }
    .faq-link:active {
        color: rgba(192,0,0,1);
    }
    
    /* 序号 */
    .faq-number {
        color: rgba(192,0,0,1);
        font-weight: 500;
        margin-right: 10px;
        flex-shrink: 0;
        font-size: 16px;
    }
    
    /* 标题 */
    .faq-title {
        flex: 1;
        word-wrap: break-word;
    }
    
    /* FAQ 详情内容 */
    .faq-content h3 {
        font-size: 18px !important;
        line-height: 1.5;
        margin-bottom: 15px;
    }
    .faq-content p {
        font-size: 15px;
        line-height: 1.8;
        margin-bottom: 12px;
    }
    
    /* 上下篇导航 */
    .faq-content div[style*="justify-content:space-between"] {
        flex-direction: column !important;
        gap: 10px;
    }
    .faq-content div[style*="justify-content:space-between"] > div {
        text-align: left !important;
    }
    .faq-content div[style*="justify-content:space-between"] a {
        font-size: 14px;
        line-height: 1.6;
        display: block;
        padding: 8px 0;
    }
}

/* ===== 超小屏 FAQ 优化 (<480px) ===== */
@media (max-width: 480px) {
    .faq-toggle-btn {
        padding: 12px 14px;
        font-size: 15px;
    }
    .faq-link {
        padding: 14px 0;
        font-size: 15px;
    }
    .faq-number {
        font-size: 15px;
    }
    .faq-content h3 {
        font-size: 17px !important;
    }
    .faq-content p {
        font-size: 14px;
    }
}