/*inquiry*/
.inquiry-title{ padding: 50px 0 30px 0;  text-align: center;}
.inquiry-title h2{ font-size: 2.4rem; line-height: 60px;}
.inquiry-wedo{gap: 30px; grid-template-columns: repeat(3, 1fr); /* 3 列 */  display: grid;}

.inquiry-wedo-item{ width: 100%; background: #FFFFFF; border-radius: 8px; padding: 30px;}
.inquiry-wedo-item:hover{box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); transform: translateY(5px);  transition: transform .5s ease;}
.inquiry-wedo-item h3{ font-size: 1.8rem; line-height: 36px; margin-top: 25px;}
.inquiry-wedo-item p{ font-size: 1rem; margin-top: 12px;}
.inquiry-wedo-item h4{ text-align: right; margin-top: 45px;}
.inquiry-wedo-item a{ display: inline-block; text-align: center; height: 24px; line-height: 24px; background: #13141D;border-radius: 4px; padding: 0 15px;}
.inquiry-wedo-item a img{ vertical-align: middle;}
.inquiry-wedo-item:hover a{ background: #C2272D; transform: translateX(-10px);  transition: transform .5s ease;}

.rfqh1{ line-height:42px; padding:15px 0; font-size:1.6rem; }
.inquiry-process{  height: auto; background: url(../images/inquiry-process.jpg) no-repeat center; background-size:cover; color: #FFFFFF; padding: 30px; border-radius:10px; }
.inquiry-process-left{ width: 28%; border-right:2px solid #899db3; padding-right: 70px;}
.inquiry-process-left em{ background: #FFFFFF; width: 30px; height: 2px; display: block;}
.inquiry-process-left h2{ color: #FFFFFF; line-height: 28px; font-size: 1.2rem; margin-top: 10px;}
.inquiry-process-right{ width: 72%; padding-left:70px;}
.inquiry-process-right dl{ max-width: 120px; text-align: center;}
.inquiry-process-right dl dd{ font-size: 0.9rem; line-height: 18px; margin-top: 15px;}
.inquiry-process-right em{ display: block;}


.inquiry-tips{ padding: 30px 0 20px 0;}


/* ===== RFQ Table Style (no HTML change) ===== */
.inquiry-tab.container{
  padding-left: 0;
  padding-right: 0;
}

#inputHtml{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid #e6eff7;
  border-radius: 10px;
  overflow: hidden;
}

/* 表头深蓝 */
#inputHtml thead th{
  background: #0d3a66;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  height: 54px;
  vertical-align: middle;
  border: none !important;
  padding: 0 14px;
  white-space: nowrap;
}
#inputHtml thead th .red{ color: #ff5b5b; }

/* 表体单元格 */
#inputHtml tbody td{
  border-top: 1px solid #e6eff7 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  padding: 12px 14px;
  vertical-align: middle;
  background: #fff;
}

/* hover */
#inputHtml tbody tr:hover td{ background: #fbfdff; }

/* 复选框列居中 */
#inputHtml tbody td:first-child,
#inputHtml thead th:first-child{
  text-align: center;
  width: 56px;
}

/* 输入框统一风格（你用的是 .form-control .input-sm） */
#inputHtml input.form-control{
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d8e3ef;
  font-size: 14px;
  box-shadow: none !important;
  padding: 0 12px; width:100%;
}
#inputHtml input.form-control:focus{
  border-color: #2c7be5;
  outline: none;
}

/* 右侧删除按钮做成图标按钮 */
#inputHtml button.btn.btn-sm{
  width: 40px;
  height: 40px;
  padding: 0; margin-left:35px;
  border-radius: 8px;
  border: 1px solid #e6eff7;
  background: #fff;
  color: #333;
}
#inputHtml button.btn.btn-sm:hover{
  border-color: #ff4d4f;
  color: #ff4d4f;
  background: #fff;
}
#inputHtml button.btn.btn-sm .fa{
  font-size: 16px;
}

/* ===== Bottom buttons like screenshot ===== */
.inquiry-tab-btn.container{
  padding-left: 0;
  padding-right: 0;
  margin-top: 14px;
  gap: 14px;
}

/* 你这里两个按钮都用 btn-success btn-sm，所以用位置来区分 */
.inquiry-tab-btn button.btn.btn-success.btn-sm{
  height: 42px;
  border-radius: 8px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* 第一个按钮：红色实心（Add Row） */
.inquiry-tab-btn button.btn.btn-success.btn-sm:first-child{
  background: #c62828 !important;
  border-color: #c62828 !important;
  color: #fff !important;
}
.inquiry-tab-btn button.btn.btn-success.btn-sm:first-child:hover{
  filter: brightness(.95);
}

/* 第二个按钮：红色描边（Clear All） */
.inquiry-tab-btn button.btn.btn-success.btn-sm:last-child{
  background: #fff !important;
  border-color: #f0b4b4 !important;
  color: #c62828 !important;
}
.inquiry-tab-btn button.btn.btn-success.btn-sm:last-child:hover{
  background: #fff5f5 !important;
  border-color: #c62828 !important;
}







.excess-box3{ margin:25px auto 55px auto;}
.excess-box3-left{ width: 49%; height: auto; padding: 90px 160px; text-align: center; background: #FFFFFF; border-radius: 6px;border: 1px solid #CEE4FB;}
.excess-box3-left-box{ width: 100%;}
.excess-box3-left-box em{ display: inline-block; font-weight: bold; color: #042F5E; font-size: 1rem; border-bottom:1px solid #042F5E; line-height: 32px;}
.excess-box3-left p { line-height: 20px; margin-top: 65px;}
.excess-box3-left a { line-height: 20px; margin-top: 10px; color:#c62828;}

/* label 变成块级，整块可点 */
.excess-upload{
  display: block;
  cursor: pointer;
}

/* 隐藏真正的 file input */
.excess-upload-input{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* hover 提示（可选） */
.excess-box3-left-box{
  transition: .2s;
}
.excess-upload:hover .excess-box3-left-box{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}


.excess-box3-right{ width: 49%; height: auto; background: #FFFFFF; border-radius: 6px;}
.excess-box3-right-top{border-radius: 6px 6px 0 0; color: #FFFFFF; text-align: center; background: #042f5e; height: auto; padding: 15px 0; line-height: 24px; font-size: 0.8rem;}
.excess-box3-right-form{ width: 100%; padding: 20px;}

.excess-box3-right-formbox1{gap: 18px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.excess-box3-right-formbox1 dl{ width: 100%; height: auto;}
.excess-box3-right-formbox1 dl dt{ width: 100%; height: 26px; line-height: 26px; margin-bottom: 5px; font-size: 1rem;}
.excess-box3-right-formbox1 dl dt span{ margin-left: 8px;}
.excess-box3-right-formbox1 dl dd{ width: 100%;}
.excess-box3-right-formbox1 dl dd input{ width: 100%; border: 1px solid #EEEEEE; border-radius:6px; height: 38px; padding: 0 15px;}

.excess-box3-right-formbox2{width: 100%; padding-top:18px;}
.excess-box3-right-formbox2 label{height: 26px; line-height: 26px; margin-bottom: 5px; font-size: 1rem; display:block;}
.excess-box3-right-formbox2 select{width: 100%; border: 1px solid #EEEEEE; border-radius:6px; height: 38px; padding: 0 15px;}
.excess-box3-right-formbox2 textarea{width: 100%; border: 1px solid #EEEEEE; border-radius:6px; height: 90px; padding: 15px; line-height: 24px;}


.excess-box3-right-form button{ color: #FFFFFF; height: 48px; line-height: 48px; border: none; font-size: 1.1rem; background: #C2272D; padding: 0 50px; margin-top: 18px; border-radius:30px;}
.excess-box3-right-form button i{ margin-right: 10px;}
.excess-box3-right-form button:hover{background: #042f5e;}


.inquiry-sucess-box{ background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; text-align:center;}
.inquiry-sucess-box h1{ font-size:2rem; line-height:42px; color:#c2272d;}
.inquiry-sucess-box h2{ font-size:1.4rem; line-height:32px; margin-top:10px; }
.inquiry-sucess-box-btn{  margin-top:15px;}
.inquiry-sucess-box-btn a{height:42px; line-height:42px; background:#c2272d; color:#fff; border-radius:6px; padding:0 25px; border:none; font-size:1rem; margin:0 3px;}


/*cart*/
.cart-box-left{ width:70%;}
.cart-box-left-list{ width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; }
.cart-box-left-list h2{ font-size:1.4rem; line-height:42px;}
.cart-box-left-list h2 i{ color:#c2272d; padding-right:8px;}
.cart-box-left-list-item{ width:100%; margin-top:10px;}

.cart-box-left-list-item ul.thead {
        width: 100%;
        height: 42px;
        line-height: 42px;
        background: #f6f8fc;
        padding: 0 15px;
        font-size: 14px;
    }

.cart-box-left-list-item ul.thead i {
            color:#c2272d;
            font-size: 22px;
        }

.cart-box-left-list-item ul.thead li:nth-child(1){width: 10%;}
.cart-box-left-list-item ul.thead li:nth-child(2){width: 30%;}
.cart-box-left-list-item ul.thead li:nth-child(3){width: 30%;}
.cart-box-left-list-item ul.thead li:nth-child(4){width: 25%;}
.cart-box-left-list-item ul.thead li:nth-child(5) {width: 5%;}

.cart-box-left-list-item ul.tbody {padding: 0 15px;font-size: 14px;}

.cart-box-left-list-item ul.tbody li {padding: 15px 0;border-bottom: 1px solid #ccc;align-items: center;}

.cart-box-left-list-item ul.tbody .tbdiv1 {width: 10%;}

.cart-box-left-list-item ul.tbody .tbdiv2 {width: 30%;}
.cart-box-left-list-item ul.tbody .tbdiv2 img {width: 40px;float: left;margin-right: 10px}

.cart-box-left-list-item ul.tbody .tbdiv3 {width: 30%;}

.cart-box-left-list-item ul.tbody .tbdiv4 { width: 25%; position: relative;}

.cart-box-left-list-item ul.tbody .tbdiv4 p { margin-bottom: 0;cursor: pointer;}

.cart-box-left-list-item ul.tbody .tbdiv4 p i {font-size: 18px;padding-left: 10px;color: #c2272d;}

.cart-box-left-list-item ul.tbody .tbdiv4 li {border-bottom: none;height: 20px;line-height: 20px;padding: 0;}

.cart-box-left-list-item ul.tbody .tbdiv4 li span.span-price {color: #c2272d;}

.cart-box-left-list-item ul.tbody .tbdiv5 {width: 5%;}

.cart-box-left-list-item ul.tbody .tbdiv2 a {display: block;color: #c2272d;line-height: 22px;height: 22px;overflow: hidden;}

.cart-box-left-list-item ul.tbody .tbdiv2 em {display: block; color: #666; line-height: 22px;  height: 22px; overflow: hidden;font-style: normal; }

.cart-box-left-list-item ul.tbody .tbdiv5 i {color: #c2272d; font-size: 22px;}

.cart-box-left-list-item ul.tbody .tbdiv3 input {width: 60%; border: 1px solid #eee; height: 32px; line-height: 32px; border-radius: 4px; padding-left: 10px;}


.cart-box-left-list-item ul.tbody .tbdiv4 .price-range {
display: none;
z-index: 333;
position: absolute;
border: 1px solid #eee;
background: #f7f7f7;
border-radius: 5px;
box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
padding: 10px;
}

.cart-box-left-list-item ul.tbody .tbdiv4:hover .price-range {display: block;}

.cart-box-left-list-product{ width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; margin-top:15px;}
.cart-box-left-list-product h2{ font-size:1.4rem; line-height:42px;}
.cart-box-left-list-product h2 i{ color:#c2272d; padding-right:8px;}
.cart-box-left-list-product-item{ margin-top:10px;}
.cart-box-left-list-product-item dl{ width:19%; border:1px solid #eee; margin-bottom:1.5%; border-radius:6px; padding:10px 20px; text-align:center;}
.cart-box-left-list-product-item dl dt img{ width:100%; height:auto;}
.cart-box-left-list-product-item dl dd{ padding:10px 0;}
.cart-box-left-list-product-item dl dd a{ display:block; font-weight:bold; height:24px; line-height:24px; overflow:hidden;}
.cart-box-left-list-product-item dl dd em{ display:block; height:24px; line-height:24px; overflow:hidden; color:#999;}
.cart-box-left-list-product-item dl dd p{ color:#c2272d; height:24px; line-height:24px; overflow:hidden;}


.cart-box-right{ width:29%;   }
.cart-box-right-box{ width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px;}
.cart-box-right-box h2{ font-size:1.4rem; line-height:42px;}
.cart-box-right-box h2 i{ color:#c2272d; padding-right:8px;}
.cart-box-right-box ul{ width:100%;}
.cart-box-right-box ul li{ line-height:32px; font-weight:normal;}
.cart-box-right-box ul li i{ color:#c2272d;}


/*shopping*/
.shopping-main{}
.shopping-main-left{ width:70%;}
.shopping-main-left-item{width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; margin-bottom:15px;}
.shopping-main-left-item h2{ font-size:1.1rem; margin-bottom:15px;}
.shopping-main-left-item h2 i{ color:#c2272d; padding-right:8px; font-size:1.2rem;}
.shopping-main-left-item h2 a{ font-weight:normal;}

.shopping-address-list li{width:100%; padding:20px; border:1px solid #eee; border-radius:6px; margin-bottom:10px; line-height:28px;}
.shopping-address-list li.selected{ border-color:#c2272d;}
.shopping-address-list li h4{ display:block;}
.shopping-address-list li h4 i{ color:#c2272d; margin-right:5px;}

.shopping-main-left-item-fed dl{ width:49%;}
.shopping-main-left-item-fed dt{ display:block; height:42px; line-height:42px;}
.shopping-main-left-item-fed dt span{ color:red;}
.shopping-main-left-item-fed input{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}
.shopping-main-left-item-fed select{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}

.shopping-main-left-item ul.item-box{ display:flex;}
.shopping-main-left-item ul.item-box li{ margin-right:10px;}
.shopping-main-left-item ul.item-box li img{ height:30px;}

.shopping-main-left-item-table{width:100%; overflow-x:auto;}
.shopping-main-left-item-table table {
    border: 1px solid #eee;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.shopping-main-left-item-table td {
        border: 1px solid #eee;
          border-right:0;
           border-left:0;
           white-space: nowrap;
    overflow: hidden; /* 防止内容溢出 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */ text-align:center;
        border-bottom: 0px;
        padding: 6px;
    }
.shopping-main-left-item-table td img{ max-width:60px;}
.shopping-main-left-item-table tr:first-child {
        background: #f7f7f7; height:46px; line-height:46px; 
    }

.shopping-main-right{ width:29%;  }
.shopping-main-right-box{ width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px;}
.shopping-main-right-box h1{ font-size:1.4rem; line-height:42px;}
.shopping-main-right-box h1 i{ color:#c2272d; padding-right:8px;}
.shopping-main-right-box dl{ line-height:32px;}
.shopping-main-right-box dl dd{ color:#c2272d;}
.shopping-main-right-box dl dd textarea{ width:100%; height:80px; padding:15px; border:1px solid #eee; border-radius:3px;}


/*Payment*/
.pay-box{ width:50%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px;}
.pay-box dl{ line-height:28px; padding:5px 0;}
.pay-box dl dt{ font-weight:bold;}

.pay-inner-box{ width:50%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; text-align:center;}
.pay-inner-box strong{ display:block; font-size:1.4rem; line-height:36px;}
.pay-inner-box p{ line-height:28px;}
.pay-inner-box p a{ color:#c2272d; text-decoration:underline;}

.pay-inquiry{}
.pay-inquiry-left{ width:70%;}
.pay-inquiry-left-item{width:100%; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px; margin-bottom:15px;}
.pay-inquiry-left-item h2{ font-size:1.1rem; margin-bottom:15px;}
.pay-inquiry-left-item h2 i{ color:#c2272d; padding-right:8px; font-size:1.2rem;}

.pay-inquiry-left-item-fed .col-lg-4{ width:49%;}
.pay-inquiry-left-item-fed dt{ display:block; height:42px; line-height:42px;}
.pay-inquiry-left-item-fed dt span{ color:red;}
.pay-inquiry-left-item-fed input{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}
.pay-inquiry-left-item-fed select{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}

.pay-inquiry-left-item ul.item-box{ display:flex;}
.pay-inquiry-left-item ul.item-box li{ margin-right:10px;}
.pay-inquiry-left-item ul.item-box li img{ height:30px;}
.pay-inquiry-left-item .express_list1{ margin-top:10px;}
.pay-express-account{ margin-top:10px;}
.pay-express-account input{ width:50%; height:42px; line-height:42px; border:1px solid #eee; border-radius:3px; padding:0 15px;}




@media (max-width: 768px) {
 

/*inquiry*/
/* ===== Mobile responsive ===== */

  /* 让表格可以横向滚动，不破版 */
  .inquiry-tab.container{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* 给表格一个最小宽度，保持输入框不挤扁 */
  #inputHtml{
    min-width: 980px;
  }

  /* 表头/表体内边距稍缩小 */
  #inputHtml thead th{ padding: 0 10px; }
  #inputHtml tbody td{ padding: 10px 10px; }

  #inputHtml input.form-control{ height: 38px; }


  /* 按钮区换行 */
  .inquiry-tab-btn.container{
    flex-wrap: wrap;
  }
  .inquiry-tab-btn button.btn.btn-success.btn-sm{
    width: 100%;
    justify-content: center;
  }

.excess-box3{ margin: 25px auto;}
.excess-box3-left{ width: 100%; padding:30px; }
.excess-box3-left p {  margin-top:25px;}



.excess-box3-right{ width: 100%; margin-top: 10px;}
.excess-box3-right-top{ height: auto; line-height: 24px; padding: 10px 0; font-size: 0.8rem;}


.excess-box3-right-formbox1{gap: 12px; grid-template-columns: repeat(1, 1fr); /* 3 列 */  display: grid;}


.inquiry-wedo{gap: 10px;
    grid-template-columns: repeat(1, 1fr);
    display: grid;}


.inquiry-process{ padding: 20px;}
.inquiry-process-left{ width: 100%; border-right:none; padding-bottom:25px;  border-bottom:2px solid #899db3; padding-right: 0;}
.inquiry-process-left em{ background: #FFFFFF; width: 30px; height: 2px; display: block;}
.inquiry-process-left h2{ color: #FFFFFF; line-height: 28px; font-size: 1.2rem; margin-top: 10px;}
.inquiry-process-right{ width: 100%; padding-left:0; padding-top:25px;}
.inquiry-process-right dl{ min-width: 120px; text-align: center; margin-bottom:10px;}



/*cart*/
.cart-box-left{ width:100%;}
.cart-box-left-list{ padding:20px;  }

.cart-box-left-list-item{ width:100%; margin-top:10px;}
.cart-box-left-list-item ul.thead{ display:none;}
.cart-box-left-list-item ul.tbody .tbdiv1{ width:10%;}
.cart-box-left-list-item ul.tbody .tbdiv2{width:90%;}
.cart-box-left-list-item ul.tbody .tbdiv2 img{ width:40px; float:left; margin-right:10px}
.cart-box-left-list-item ul.tbody .tbdiv3{ width:100%; margin:8px 0;}
.cart-box-left-list-item ul.tbody .tbdiv4{ width:90%; position:relative;}
.cart-box-left-list-item ul.tbody .tbdiv4 p{ margin-bottom:0; cursor:pointer;}
.cart-box-left-list-item ul.tbody .tbdiv4 p i{ font-size:18px; padding-left:10px; color:#0056A6;}
.cart-box-left-list-item ul.tbody .tbdiv4 li{ border-bottom:none; height:20px; line-height:20px; padding:0;}
.cart-box-left-list-item ul.tbody .tbdiv4 li span.span-price{ color:#0056A6 !important; }
.cart-box-left-list-item ul.tbody .tbdiv5{ width:10%;}
.cart-box-left-list-item ul.tbody .tbdiv2 a{ display:block; color:#0056A6 !important; line-height:22px; height:22px; overflow:hidden;}
.cart-box-left-list-item ul.tbody .tbdiv2 em{ display:block; color:#666; line-height:22px; height:22px; overflow:hidden; font-style:normal;}
.cart-box-left-list-item ul.tbody .tbdiv5 i{color:#0056A6; font-size:22px;}
.cart-box-left-list-item ul.tbody .tbdiv3 input{ width:100%; border:1px solid #eee; height:32px; line-height:32px; border-radius:4px; padding-left:10px;}




.cart-box-left-list-product{ display:none}


.cart-box-right{ width:100%; margin-top:10px; }
.cart-box-right-box{ padding:20px;}

.inquiry-sucess-box{padding:20px;}
.inquiry-sucess-box h1{ font-size:1.6rem; }
.inquiry-sucess-box h2{ font-size:1rem; line-height:28px; margin-top:5px; }
.inquiry-sucess-box-btn{  margin-top:10px;}
.inquiry-sucess-box-btn a{ height:36px; line-height:36px;  padding:0 15px; font-size:0.9rem;}


/*shopping*/
.shopping-main-left{ width:100%;}
.shopping-main-left-item{ padding:20px;  margin-bottom:10px;}


.shopping-main-left-item-fed dl{ width:100%;}



.shopping-main-right{ width:100%; margin-top:10px;   }
.shopping-main-right-box{ padding:20px;}

/*Payment*/
.pay-box{ width:94%; padding:20px; }

.pay-inner-box{ width:94%;  padding:20px; }
.pay-inner-box strong{  font-size:1.2rem; line-height:30px;}
.pay-inner-box p{ line-height:26px;}


.pay-inquiry-left{ width:100%;}
.pay-inquiry-left-item{padding:20px;  margin-bottom:10px;}


.pay-inquiry-left-item-fed .col-lg-4{ width:100%;}








}