/*product-menu*/
.product-menu-box{ position:relative;}
.product-menu-box-left{ width:25%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; position:sticky; left:0; top:0;}
.product-menu-box-left h1{ font-size:1.5rem; line-height:36px; margin-bottom:10px;}
.product-menu-box-left ul{ max-height:500px; overflow-y:auto;}
.product-menu-box-left ul li{ height:30px; line-height:30px; overflow:hidden;}
.product-tab-pane-tags li{ line-height:26px; display:block; width:50%;}
.msg-rfq a{ width:100% !important;}
.products-detail-price-list .msg-tips a{ width:auto !important;}

.product-menu-box-left-search{ width:100%; height:42px; margin-bottom:10px;}
.product-menu-box-left-search input{ width:80%; height:42px; line-height:40px; border:1px solid #eee; border-radius:6px 0 0 6px; background:#f7f7f7; padding:0 15px;}
.product-menu-box-left-search button{ width:20%; line-height:42px; height:42px; text-align:center; color:#fff;  border-radius: 0 6px 6px 0 ;border:none; background:#d9a64b; font-size:1.2rem; }


.product-menu-box-right{ width:73%; height:auto; }
.product-menu-box-right dl{ width:100%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; margin-bottom:15px;}
.product-menu-box-right dl dt{ width:100%; height:auto; font-weight:bold; font-size:1.2rem; height:46px; line-height:46px; border-bottom:1px solid #ddd; overflow:hidden;}
.product-menu-box-right dl dt img{ margin-right:10px; width:28px; height:28px;}
.product-menu-box-right dl dd{ padding:20px 0;     -webkit-column-count: 2; column-count: 2;}
.product-menu-box-right dl dd a{ display:block;  height:26px; line-height:26px; overflow:hidden;}
.product-menu-box-right dl dd .product-menu-box-item{ width:100%;  margin:0 0.5%;   line-height:30px;}
.product-menu-box-right  ul li a{ display:block; font-size:0.9rem; line-height:20px !important; color:#666; padding-left:10px;}
.product-menu-box-right  ul li a:before{ content:"·"; padding-right:10px; font-size:1.2rem;}


.products-sub-menu{}
.products-sub-menu h1{ font-size:1.8rem; text-align:center; line-height:32px; margin-bottom:20px;}
.products-sub-menu-list{width:100%; height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; -webkit-column-count: 2; column-count: 2;}
.products-sub-menu-list a{display:block;  height:26px; line-height:26px; overflow:hidden;}
.products-sub-menu-list .product-menu-list-item{ width:100%;  margin:0 0.5%;   line-height:30px;}
.product-menu-box-right  ul li a{ display:block; font-size:0.9rem; line-height:20px !important; color:#666;}
.product-menu-box-right  ul li a span{ font-size:1.1rem; margin-right:8px;}


.products-list-info{height:auto; border:1px solid #eee; border-radius:6px; padding:20px; background:#fff; margin-bottom:20px;}
.products-list-info h1{ font-size:1.4rem; color:#111; line-height:36px;}
.products-list-info h1 i{ margin-left:5px; color:#d9a64b; font-size:1.1rem; font-weight:normal;}
.products-list-info-content{ font-size:1rem; line-height:25px;}

.products-list-featured-parts{height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; margin-top:20px;}
.products-list-featured-parts b{display:block; font-size:1.4rem; color:#111; line-height:36px; margin-bottom:10px;}
.products-list-featured-pro dl{ width:20%; overflow:hidden; padding:20px;}
.products-list-featured-pro dl:nth-child(even){ background:#f7f7f7;}
.products-list-featured-pro dl dt{ text-align:center;}
.products-list-featured-pro dl dt img{ width:50%; height:auto;}
.products-list-featured-pro dl dd{ padding-top:10px;}
.products-list-featured-pro dl dd a{ display:block; line-height:24px; height:24px; overflow:hidden; font-weight:bold;}
.products-list-featured-pro dl dd em{ display:block; line-height:24px; height:24px; overflow:hidden; }


.products-list-manufacturers{height:auto; background:#fff; border-radius:6px; border:1px solid #eee; padding:20px; margin-top:20px;}
.products-list-manufacturers b{ display:block; font-size:1.4rem; color:#111; line-height:36px; margin-bottom:10px;}
.products-list-manufacturers-list{}
.products-list-manufacturers-list a{ display: block; width: 15.66%; margin-bottom: 0.8%; padding: 15px 25px; text-align: center; box-shadow: 0px 4px 8px 1px rgba(27,58,125,0.08); border-radius: 6px; border: 1px solid #E7EBF2;}
.products-list-manufacturers-list a img{ width: 100%; height: auto;}


/*product-list-select*/
.product-list-select{overflow:hidden; padding:10px;height:auto;background:#e8eef3;margin-bottom:20px; width:98%;}
.specList{overflow:hidden;width:100%;margin-bottom:10px;overflow-x:auto}
.tableSort{width:100%}
.tableSort th{text-align:center;padding:0 5px;font-weight: normal;color: #000;}
.tableSort th.select-item{padding:5px}
.tableSort th.select-item input{margin-right:5px}
.tableSort th div{height:132px;background:#fff;padding:10px;overflow-y:auto;white-space:nowrap;display:block;text-align:left;font-size:12px;line-height:20px;font-weight:400}
.key-wrap{padding:5px 13px}
.key-wrap .key-item{margin:0 10px 10px 0;display:inline-block;zoom:1;padding:0 6px;height:22px;border:1px solid #dedede;font-size:12px;line-height:22px;background:#fff;cursor:pointer}
.key-wrap .key-item:hover{background:#d9a64b;color:#fff}
.key-wrap .key-item .close-icon{vertical-align:-3px;margin-left:7px;display:inline-block;zoom:1;width:15px;height:15px;cursor:pointer;background-image:url(../images/del.png)}
.criteria-result-wrap{padding:0 15px}
.clear-btn{vertical-align:top;display:inline-block;zoom:1;width:98px;height:34px;background-color:#5e7e9a;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.sure-btn{margin-left:10px;vertical-align:top;display:inline-block;zoom:1;width:130px;height:34px;background-color:#d9a64b;font-size:14px;line-height:34px;text-align:center;color:#fff;border-radius:5px;cursor:pointer}
.statistics-info{margin-left:17px;vertical-align:top;display:inline-block;zoom:1;height:34px;font-size:14px;line-height:34px;color:#666}
.tableSort th div::-webkit-scrollbar {
    width: 4px;
    height:4px
}
.tableSort th div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.tableSort th div::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
} 
.specList::-webkit-scrollbar {
    width: 6px;
    height:6px;
}
.specList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#5e7e9a;}
.specList::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

/*search-list*/
:root{
  --brand:#d9a64b;
  --brand2:#c9953a;
  --text:#111827;
  --muted:#6b7280;
  --line:#e9eef5;
  --head:#f8fafc;
  --card:#ffffff;
  --shadow:0 14px 34px rgba(17,24,39,.08);
}

/* =========================
   Search List Wrapper
   ========================= */
.search-list{  }


/* 不要横拉条：容器不做 overflow-x */
.search-list .jss187{
  overflow: visible;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--card);
  box-shadow: var(--shadow);
}

/* 表格：固定布局，防止撑出横向滚动 */
.search-list table{
  width:100%;
  table-layout: fixed;      /* 关键：不让某一列把表撑爆 */
  border-collapse: separate;
  border-spacing: 0;
  background:#fff;
}

/* 表头 */
.search-list thead th{
  text-align:left;
  font-weight:900;
  font-size:12px;
  letter-spacing:.2px;
  color:#0f172a;
  padding: 12px 14px;
  background: linear-gradient(180deg, #fff, var(--head));
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}

/* 内容单元格：允许换行（避免横向滚动） */
.search-list tbody td{
  padding: 14px 14px;
  font-size: 13px;
  color: var(--text);
  vertical-align: middle;

  white-space: normal;      /* 关键：允许换行 */
  word-break: break-word;   /* 长字符串也能断行 */
  overflow: hidden;
}

/* 斑马纹 + hover */
.search-list tbody tr:nth-child(even) td{ background:#fcfcfd; }
.search-list tbody tr:hover td{ background:#fffdf7; }

/* =========================
   列宽（不写 container 宽度，只写列比例）
   ========================= */
.search-list thead th:nth-child(1), .search-list tbody td:nth-child(1){ width: 30%; } /* Product */
.search-list thead th:nth-child(2), .search-list tbody td:nth-child(2){ width: 9%;  } /* Stock */
.search-list thead th:nth-child(3), .search-list tbody td:nth-child(3){ width: 16%; } /* Pricing */
.search-list thead th:nth-child(4), .search-list tbody td:nth-child(4){ width: 14%; } /* Quantity */
.search-list thead th:nth-child(5), .search-list tbody td:nth-child(5){ width: 12%; } /* Datasheet */
.search-list thead th:nth-child(6), .search-list tbody td:nth-child(6){ width: 6%;  } /* RoHS */
.search-list thead th:nth-child(7), .search-list tbody td:nth-child(7){ width: 13%; } /* Desc */

/* =========================
   Product 单元格（图片+信息）
   ========================= */
.search-list td.productBox{
  display:flex;
  align-items:center;
  gap: 14px;
}

.search-list td.productBox a.p{
  display:inline-block;
  line-height:0;
  flex: 0 0 auto;
}

.search-list td.productBox img{
  width:72px;
  height:72px;
  object-fit:contain;
  border-radius:16px;
  border: 1px solid #f1f5f9;
  background:#fff;
  box-shadow: 0 14px 26px rgba(17,24,39,.10);
}

.search-list td.productBox > div{
  min-width:0; /* 允许内部省略 */
}

.search-list td.productBox b{
  display:block;
  font-size:15px;
  font-weight:900;
  line-height:1.25;
  margin-bottom:6px;
}

.search-list td.productBox b a{
  color: var(--text);
  text-decoration:none;
}
.search-list td.productBox b a:hover{
  text-decoration: underline;
  text-decoration-color: rgba(217,166,75,.7);
}

.search-list td.productBox p{
  margin:0;
  font-size:12px;
  color: var(--muted);
}
.search-list td.productBox p a{
  color:#7c5a1a;
  font-weight:800;
  text-decoration:none;
}

/* =========================
   Stock：小点提示
   ========================= */
.search-list tbody td:nth-child(2){
  font-weight:900;
  color:#0f172a;
  white-space: nowrap;
}
.search-list tbody td:nth-child(2)::before{
  content:"";
  display:inline-block;
  width:8px; height:8px;
  border-radius:50%;
  margin-right:8px;
  background: var(--brand);
  box-shadow: 0 0 0 4px rgba(217,166,75,.18);
  vertical-align: middle;
}

/* =========================
   Pricing：价格阶梯更紧凑
   ========================= */
.search-list td.price{
  color:#64748b;
  font-weight:700;
}
.search-list td.price table{
  width: 100%;
  border-collapse: collapse;
}
.search-list td.price td,
.search-list td.price th{
  padding: 4px 6px !important;
  border: 0 !important;
  font-size: 12px;
  white-space: nowrap;
}
.search-list td.price tr:first-child td,
.search-list td.price tr:first-child th{
  font-weight: 900;
  color: var(--muted);
}

/* =========================
   Quantity：输入框 + RFQ 同行齐平
   ========================= */
.search-list tbody td:nth-child(4){
  display:flex;
  align-items:center;
  gap:10px;
  white-space: nowrap; /* 这个单元格别换行 */
}

.search-list #commoditySelectNum{
  width: 110px;
  height: 40px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  outline: none;
  background:#fff;
  font-size:14px;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.search-list #commoditySelectNum:focus{
  border-color: rgba(217,166,75,.95);
  box-shadow: 0 0 0 4px rgba(217,166,75,.22);
}

.search-list .selectbtn a.view{
  display:inline-flex;
  margin-top:15px;
  align-items:center;
  justify-content:center;
  height: 40px;
  padding: 0 30px;
  border-radius: 6px;
  background: linear-gradient(180deg, var(--brand), var(--brand2));
  color:#111827;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.2px;
  box-shadow: 0 12px 22px rgba(217,166,75,.30);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
  cursor:pointer;
}
.search-list .selectbtn a.view:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 26px rgba(217,166,75,.36);
  filter: brightness(1.02);
}

/* =========================
   Datasheet：按钮化且不竖字
   ========================= */
.search-list td.pdf{ white-space: nowrap; }

.search-list td.pdf a.p{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(217,166,75,.40);
  background: rgba(217,166,75,.12);
  text-decoration:none;
  white-space: nowrap;
}
.search-list td.pdf img{ width:14px; height:16px; display:block; }
.search-list td.pdf p{
  margin:0;
  font-size:12px;
  font-weight:900;
  color:#7c5a1a;
  white-space: nowrap;
}

/* =========================
   RoHS：居中
   ========================= */
.search-list tbody td:nth-child(6){
  text-align:center;
}
.search-list tbody td:nth-child(6) img{
  display:inline-block;
  vertical-align:middle;
  transform: scale(1.05);
}

/* =========================
   Description：两行截断 + “下面不要线条”
   ========================= */
.search-list td.mdis{
  color:#475569;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
  border-bottom: 0 !important;   /* ✅ 只去掉 Description 下面的线 */
}

/* 如果最后一行也想更干净：整行最后一列不显示底线 */
.search-list tbody tr:last-child td.mdis{
  border-bottom: 0 !important;
}

/* =========================
   Responsive：小屏更紧凑
   ========================= */



/*product-list*/
:root{
  --brand:#d9a64b;
  --brand2:#c9953a;
  --text:#1f2937;
  --muted:#6b7280;
  --line:#eef2f7;
  --head:#f8fafc;
  --shadow:0 10px 26px rgba(17,24,39,.08);

  /* 关键列宽度（可按实际微调） */
  --w-photo: 92px;
  --w-part: 320px;
  --w-avail: 120px;
  --w-price: 90px;
  --w-qty: 220px;     /* 这里变宽，保证输入框+按钮一行 */
  --w-pdf: 170px;

  /* 底部跟随滚动条高度 */
  --sticky-scrollbar-h: 16px;
}

/* 预留底部空间，避免固定滚动条遮挡页面底部内容 */
body{
  padding-bottom: calc(var(--sticky-scrollbar-h) + 10px);
}

/* =========================
   Wrapper
   ========================= */
.parts-list{ width:100%; }
.parts-list *{ box-sizing:border-box; }

.parts-list .jss187{
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(17,24,39,.06);
}

/* table 基础 */
.parts-list table{
  width:100%;
  min-width: 1200px;             /* 列多时保证可横向滚动 */
  border-collapse: separate;
  border-spacing: 0;
  background:#fff;
}

.parts-list thead th{
  position: sticky;
  top: 0;
  z-index: 30;
  text-align:left;
  font-weight:800;
  font-size:12px;
  letter-spacing:.2px;
  color:var(--text);
  padding:12px 12px;
  background: var(--head);
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}

.parts-list tbody td{
  padding:12px 12px;
  border-bottom:1px solid var(--line);
  font-size:13px;
  color:var(--text);
  vertical-align:middle;
  background:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.parts-list tbody tr:nth-child(even) td{ background:#fcfcfd; }
.parts-list tbody tr:hover td{ background:#fffdf7; }

/* =========================
   Column widths（按当前顺序：Photo/Part/Availability/Price/Quantity/Datasheet）
   ========================= */
.parts-list td.image, .parts-list thead th:nth-child(1){
  width: var(--w-photo);
  min-width: var(--w-photo);
}
.parts-list td.parts, .parts-list thead th:nth-child(2){
  width: var(--w-part);
  min-width: var(--w-part);
}
.parts-list tbody td:nth-child(3), .parts-list thead th:nth-child(3){
  width: var(--w-avail);
  min-width: var(--w-avail);
}
.parts-list tbody td:nth-child(4), .parts-list thead th:nth-child(4){
  width: var(--w-price);
  min-width: var(--w-price);
}
.parts-list tbody td:nth-child(5), .parts-list thead th:nth-child(5){
  width: var(--w-qty);
  min-width: var(--w-qty);
}
.parts-list tbody td:nth-child(6), .parts-list thead th:nth-child(6){
  width: var(--w-pdf);
  min-width: var(--w-pdf);
}

/* =========================
   Sticky freeze first 6 cols（避免叠字：背景必须不透明）
   ========================= */
.parts-list td.image, .parts-list thead th:nth-child(1){
  position: sticky; left: 0; z-index: 20; background:#fff;
}
.parts-list td.parts, .parts-list thead th:nth-child(2){
  position: sticky; left: calc(var(--w-photo)); z-index: 20; background:#fff;
}
.parts-list tbody td:nth-child(3), .parts-list thead th:nth-child(3){
  position: sticky; left: calc(var(--w-photo) + var(--w-part)); z-index: 20; background:#fff;
}
.parts-list tbody td:nth-child(4), .parts-list thead th:nth-child(4){
  position: sticky; left: calc(var(--w-photo) + var(--w-part) + var(--w-avail)); z-index: 20; background:#fff;
}
.parts-list tbody td:nth-child(5), .parts-list thead th:nth-child(5){
  position: sticky; left: calc(var(--w-photo) + var(--w-part) + var(--w-avail) + var(--w-price)); z-index: 20; background:#fff;
}
.parts-list tbody td:nth-child(6), .parts-list thead th:nth-child(6){
  position: sticky; left: calc(var(--w-photo) + var(--w-part) + var(--w-avail) + var(--w-price) + var(--w-qty)); z-index: 20; background:#fff;
  box-shadow: 10px 0 16px rgba(17,24,39,.06);
}

/* 表头 sticky 背景保持一致 */
.parts-list thead th:nth-child(-n+6){
  background: var(--head) !important;
}

/* =========================
   Photo
   ========================= */
.parts-list td.image{ padding-left:14px; }
.parts-list td.image a.p{ display:inline-block; line-height:0; }
.parts-list td.image img{
  width:64px; height:64px;
  object-fit:contain;
  border-radius:14px;
  border:1px solid #f1f5f9;
  background:#fff;
  box-shadow:0 10px 18px rgba(17,24,39,.10);
}

/* =========================
   Part info（简介可换行，其他不换行）
   ========================= */
.parts-list td.parts h2{
  margin:0 0 6px 0;
  font-size:14px;
  font-weight:900;
  line-height:1.25;
  white-space:normal;
}
.parts-list td.parts h2 a{ color:var(--text); text-decoration:none; }
.parts-list td.parts h2 a:hover{
  text-decoration:underline;
  text-decoration-color: rgba(217,166,75,.7);
}
.parts-list td.parts p{
  margin:3px 0;
  font-size:12px;
  color:var(--muted);
  white-space:normal;
  line-height:1.35;
}
.parts-list td.parts p a{
  color:#7c5a1a;
  font-weight:800;
  text-decoration:none;
}

/* =========================
   Availability badge
   ========================= */
.parts-list tbody td:nth-child(3){
  font-weight:900;
}
.parts-list tbody td:nth-child(3)::before{
  content:"";
  display:inline-block;
  width:8px; height:8px;
  border-radius:50%;
  margin-right:8px;
  background:var(--brand);
  box-shadow:0 0 0 4px rgba(217,166,75,.18);
  vertical-align:middle;
}

/* =========================
   Quantity：输入框 + RFQ 同行齐平（重点）
   ========================= */
.parts-list tbody td:nth-child(5){
  overflow: visible; /* 防止按钮阴影被裁切 */
  text-overflow: clip;
}

.parts-list tbody td:nth-child(5) .selectnum,
.parts-list tbody td:nth-child(5) .selectbtn{
  margin: 0 !important;
}

.parts-list tbody td:nth-child(5){
  display:flex;
  align-items:center;         /* ✅ 垂直齐平 */
  gap:10px;
}

.parts-list tbody td:nth-child(5) .selectnum{
  flex: 0 0 auto;
}

.parts-list tbody td:nth-child(5) .selectbtn{
  flex: 0 0 auto;
}

.parts-list #commoditySelectNum{
  width:120px;
  height:38px;
  padding:0 12px;
  border:1px solid #e5e7eb;
  border-radius:6px;
  outline:none;
  font-size:13px;
  background:#fff;
  transition:border-color .16s ease, box-shadow .16s ease;
}
.parts-list #commoditySelectNum:focus{
  border-color: rgba(217,166,75,.9);
  box-shadow:0 0 0 4px rgba(217,166,75,.22);
}

.parts-list .selectbtn a.view{
  display:inline-flex;
  margin-top:10px;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 35px;
  border-radius:6px;
  background: linear-gradient(180deg, var(--brand), var(--brand2));
  color:#111827;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.2px;
  box-shadow:0 10px 18px rgba(217,166,75,.28);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
  white-space:nowrap;
}
.parts-list .selectbtn a.view:hover{
  transform: translateY(-1px);
  box-shadow:0 14px 24px rgba(217,166,75,.34);
  filter:brightness(1.02);
}

/* =========================
   Datasheet：不允许竖字、不允许被挤短
   ========================= */
.parts-list td.pdf a.p{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(217,166,75,.35);
  background: rgba(217,166,75,.12);
  text-decoration:none;
  white-space:nowrap;
  max-width:none;
}
.parts-list td.pdf p{
  margin:0;
  font-size:12px;
  font-weight:900;
  color:#7c5a1a;
  white-space:nowrap;
}
.parts-list td.pdf img{ width:14px; height:16px; display:block; }

/* =========================
   Bottom “follow” horizontal scrollbar (同步滚动条样式)
   ========================= */
#partsStickyScrollbar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--sticky-scrollbar-h);
  z-index: 9999;
  background: rgba(255,255,255,.92);
  border-top: 1px solid rgba(217,166,75,.28);
  backdrop-filter: blur(6px);
  display: none; /* JS 判断需要横向滚动才显示 */
}

#partsStickyScrollbar .psb-track{
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

#partsStickyScrollbar .psb-spacer{
  height: 5px;               /* 只需要撑开宽度即可 */
}

.msg-tips{ position:fixed; left:50%; top:30%; margin-left:-160px; z-index:888; text-align:center; background:#fff; border-radius:6px;  box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); width:320px; padding:20px; margin-left:-150px; margin-top:0;}
.msg-tips .msg{ position:relative;}
.msg-tips strong{ font-size:1rem; line-height:32px;}
.msg-tips p{ font-size:1rem; line-height:32px;}
.msg-tips a{ margin:0 3px; display:block; cursor:pointer; width:auto; padding:0 15px; height:36px; line-height:36px; background:#d9a64b; border-radius:3px; color:#fff;}
.msg-tips a:last-child{ background:#000 !important;}
.msg-tips p b{ color:#d9a64b;}
.msg-tips i{ width:14px; height:14px; position:absolute; right:-10px; top:-10px; cursor:pointer;}
.msg-tips i span{ display:none;}

/*product-detail*/
:root{
  --brand:#d9a64b;
  --brand2:#c9953a;
  --text:#111827;
  --muted:#6b7280;
  --line:#e9eef5;
  --bg:#f7f8fb;
  --card:#ffffff;
  --shadow:0 14px 34px rgba(17,24,39,.08);
  --shadow2:0 10px 22px rgba(17,24,39,.10);
  --radius:16px;
}

/* ===== Page base ===== */
.products-all-main{
  background: linear-gradient(180deg, #fff, var(--bg));
  color: var(--text);
}
.products-all-main *{ box-sizing:border-box; }
.products-all-main img{ max-width:100%; height:auto; }

/* ===== Layout ===== */
.products-all-main .products-detail{
  gap: 24px;
  align-items: flex-start;
  padding: 18px 0 8px;
}
.products-all-main .products-detail-left{ flex: 1 1 auto; min-width: 0; }
.products-all-main .products-detail-right{ flex: 0 0 380px; min-width: 320px; }

/* ===== Left: Title + Card ===== */
.products-all-main .products-detail-left-info h1{
  font-size: 28px;
  line-height: 1.15;
  margin: 0 0 14px;
  font-weight: 900;
  letter-spacing: .2px;
}

.products-all-main .products-detail-left-info h2{
  font-size: 28px;
  line-height: 1.15;
  margin: 0 0 14px;
  font-weight: 900;
  letter-spacing: .2px;
}
.products-all-main .products-detail-left-info-main{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
  gap: 18px;
}

/* ===== Gallery (left pic) ===== */
.products-all-main .products-detail-left-info-pic{
  width: 360px;
  flex: 0 0 360px;
  position: relative;
}
.products-all-main .products-detail-left-info-pic .pic-box{
  background:#fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px;
  box-shadow: 0 10px 20px rgba(17,24,39,.06);
}




/* if no album */
.products-all-main .items-pic img{
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 16px;
  border: 1px solid #f1f5f9;
  background:#fff;
}

/* Compare */
.products-all-main a.sub_compare{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top: 12px;
  text-decoration:none;
  font-weight: 900;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(217,166,75,.35);
  background: rgba(217,166,75,.10);
  color:#7c5a1a;
  transition: transform .15s ease, box-shadow .15s ease;
}
.products-all-main a.sub_compare:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 20px rgba(17,24,39,.08);
}

/* ===== Left: Info list ===== */
.products-all-main .products-detail-left-info-list{
  flex: 1 1 auto;
  min-width: 0;
}

.products-all-main .products-detail-left-info-list dl{
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px dashed rgba(233,238,245,.95);
  gap: 12px;
  align-items:flex-start;
}
.products-all-main .products-detail-left-info-list dl:last-child{
  border-bottom: 0;
}
.products-all-main .products-detail-left-info-list dt{
  width: 130px;
  flex: 0 0 130px;
  font-weight: 900;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.35;
}
.products-all-main .products-detail-left-info-list dd{
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
}
.products-all-main .products-detail-left-info-list a{
  color:#7c5a1a;
  font-weight: 900;
  text-decoration:none;
}
.products-all-main .products-detail-left-info-list a:hover{ text-decoration: underline; }

.products-all-main .products-detail-left-info-list dd img{
  width: 14px;
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}

/* ===== Quantity row (input + two buttons) ===== */
.products-all-main #commoditySelectNum.form-control{
  width: 160px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  padding: 0 12px;
  outline:none;
  transition: border-color .15s ease, box-shadow .15s ease;
  font-size: 14px;
  background:#fff;
}
.products-all-main #commoditySelectNum.form-control:focus{
  border-color: rgba(217,166,75,.95);
  box-shadow: 0 0 0 4px rgba(217,166,75,.22);
}
.products-all-main .products-detail-left-info-list dd .flex{
  gap: 10px;
  flex-wrap: wrap;
}
.products-all-main .btn.btnbuy,
.products-all-main .btn.btnbuy1{
  height: 42px;
  padding: 0 14px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight: 900;
  letter-spacing:.2px;
  border: 1px solid transparent;
  cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  white-space: nowrap;
}
.products-all-main .btn.btnbuy{
  background: linear-gradient(180deg, var(--brand), var(--brand2));
  color:#111827;
  box-shadow: 0 12px 22px rgba(217,166,75,.28);
}
.products-all-main .btn.btnbuy:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 26px rgba(217,166,75,.34);
}
.products-all-main .btn.btnbuy1{
  background: #fff;
  color:#7c5a1a;
  border-color: rgba(217,166,75,.45);
}
.products-all-main .btn.btnbuy1:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 20px rgba(17,24,39,.08);
}

/* ===== Right: RFQ Card ===== */
.products-all-main .products-detail-right-rfq{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px;
  position: sticky;
  top: 14px;
}
.products-all-main .products-detail-right-rfq h2{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 900;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.products-all-main .products-detail-right-rfq .goods_stock{
  font-style: normal;
  font-weight: 900;
  color: #0f172a;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(217,166,75,.14);
  border: 1px solid rgba(217,166,75,.28);
}
.products-all-main .products-detail-right-rfq h3{
  margin: 0 0 14px;
  font-size: 13px;
  color: #475569;
  line-height: 1.4;
  font-weight: 700;
}
.products-all-main .products-detail-right-rfq h3 span{
  display:block;
  margin-top: 4px;
  color: #64748b;
  font-weight: 600;
}

/* form */
.products-all-main .products-detail-right-rfq-fed dl{
  margin: 0 0 10px;
  gap: 10px;
  align-items:center;
}
.products-all-main .products-detail-right-rfq-fed dt{
  width: 110px;
  flex: 0 0 110px;
  font-size: 12px;
  font-weight: 900;
  color:#0f172a;
}
.products-all-main .products-detail-right-rfq-fed dd{
  margin:0;
  flex:1 1 auto;
  min-width: 0;
}
.products-all-main .products-detail-right-rfq-fed input,
.products-all-main .products-detail-right-rfq-fed textarea{
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  outline:none;
  transition: border-color .15s ease, box-shadow .15s ease;
  background:#fff;
}
.products-all-main .products-detail-right-rfq-fed textarea{
  min-height: 84px;
  resize: vertical;
}
.products-all-main .products-detail-right-rfq-fed input:focus,
.products-all-main .products-detail-right-rfq-fed textarea:focus{
  border-color: rgba(217,166,75,.95);
  box-shadow: 0 0 0 4px rgba(217,166,75,.22);
}
.products-all-main .rfq-submit{
  width: 100%;
  height: 44px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--brand), var(--brand2));
  font-weight: 900;
  color:#111827;
  cursor:pointer;
  box-shadow: 0 14px 26px rgba(217,166,75,.30);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.products-all-main .rfq-submit:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 30px rgba(217,166,75,.36);
  filter: brightness(1.02);
}
.products-all-main .red{ color:#ef4444; font-weight:900; }

/* ===== Section blocks below ===== */
.products-all-main .products-spec{
  margin-top: 18px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px;
}
.products-all-main .products-spec h2{
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 900;
  position: relative;
  padding-left: 12px;
}
.products-all-main .products-spec h2::before{
  content:"";
  position:absolute;
  left:0;
  top: 3px;
  bottom: 3px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--brand), var(--brand2));
}

/* Product content area */
.products-all-main .product-tab-pane{
  color:#334155;
  line-height:1.65;
  font-size: 14px;
}

/* ===== Specifications list (dl list) ===== */
.products-all-main .product-tab-spec dl{
  display:grid;
  grid-template-columns: 240px 1fr;
  gap: 14px;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.products-all-main .product-tab-spec dl:first-child{
  background: #fbfbfd;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  margin-bottom: 10px;
}
.products-all-main .product-tab-spec dt{
  font-weight: 900;
  color:#0f172a;
}
.products-all-main .product-tab-spec dd{
  margin:0;
  color:#334155;
}

/* ===== FAQ ===== */
.products-all-main .product-tab-faq h3{
  margin: 14px 0 6px;
  font-size: 15px;
  font-weight: 900;
  color:#0f172a;
}
.products-all-main .product-tab-faq p{
  margin: 0 0 10px;
  color:#475569;
}

/* ===== Tags ===== */
/* ===== Fix: Tags look weird (long bars) ===== */
.products-all-main .product-tab-pane-tags ul{
  display:flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;   /* 强制横向排列 */
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  align-items: center;
}

.products-all-main .product-tab-pane-tags li{
  width: auto !important;          /* ✅ 不要100% */
  max-width: 100%;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(217,166,75,.35) !important;
  background: rgba(217,166,75,.12) !important;
  color:#7c5a1a !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap;             /* 单个 tag 不换行 */
  overflow: hidden;
  text-overflow: ellipsis;         /* 太长就省略 */
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}

.products-all-main .product-tab-pane-tags li:hover{
  transform: translateY(-1px);
  border-color: rgba(217,166,75,.6);
  background: rgba(217,166,75,.20);
  box-shadow: 0 10px 18px rgba(17,24,39,.10);
}

/* 如果你想 tag 可点击（将来改成 <a>），先预留 */
.products-all-main .product-tab-pane-tags li a{
  color: inherit;
  text-decoration: none;
}

/* ===== Related Products ===== */
.products-all-main .products-lab-title{
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 12px;
  padding-left: 12px;
  position: relative;
}
.products-all-main .products-lab-title::before{
  content:"";
  position:absolute;
  left:0;
  top: 3px;
  bottom: 3px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--brand), var(--brand2));
}
.products-all-main .products-lab-retapro{
  gap: 14px;
  flex-wrap: wrap;
}
.products-all-main .products-lab-retapro dl{
  width: calc(16.66% - 12px);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 12px;
  margin: 0;
  box-shadow: 0 10px 20px rgba(17,24,39,.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.products-all-main .products-lab-retapro dl:hover{
  transform: translateY(-2px);
  border-color: rgba(217,166,75,.35);
  box-shadow: 0 16px 26px rgba(17,24,39,.10);
}
.products-all-main .products-lab-retapro dt{
  margin: 0 0 10px;
  border-radius: 14px;
  background:#fff;
  height: auto;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.products-all-main .products-lab-retapro dt img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products-all-main .products-lab-retapro dd{
  margin:0;
}
.products-all-main .products-lab-retapro dd a{
  display:block;
  font-weight: 900;
  color:#0f172a;
  text-decoration:none;
  font-size: 13px;
  line-height:1.25;
  margin-bottom: 6px;
}
.products-all-main .products-lab-retapro dd p{
  margin:0;
  color:#7c5a1a;
  font-weight: 900;
  font-size: 12px;
}



/*img preview*/
	.pic-box{width: 100%; position:relative;}
	.pic-preview{position:relative;width: 100%;height: auto;}
	.pic-scroll{margin-top:10px;width: 100%; height:70px;}
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{display:block;font-family:"宋体";text-align:center;width: 10px;font-size: 13px;height:60px;line-height:60px;border:1px solid #e8e8e8;background:#f7f7f7;cursor:pointer;color: #000 !important;border-radius: 0px;text-decoration:none;}
	.pic-scroll .items{position:relative;float:left;width: calc(100% - 26px);height:62px;overflow:hidden;}
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }

    /* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:100%; height:auto; border:none; cursor:crosshair; }
    .jqzoom img{ width:100%; height:auto; }
.zoomdiv{ position:absolute; z-index:100; display:none; width:254px; height:254px; background:#fff; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:254px; max-height:254px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden; }
.items-pic img{   width:100%; height:auto;}



/*contrast*/
.contrast {
    position: fixed;
    font-size: 12px;
    left: 50%;
    display: none;
    z-index: 100000;
    background: #fff;
    border: 4px solid #d9d9d9;
    box-sizing: border-box;
    width: 1280px;
    height: 160px;
    bottom: 0;
    top: auto;
    margin-left: -640px;
}

    .contrast .contrast-nr .contrast1 {
        position: relative;
        height: 34px;
        line-height: 32px;
        padding-left: 15px;
        background: #f2f2f2;
        border-bottom: 1px solid #dedede;
        color: #444;
    }

    .contrast .db-nr2 {
        float: left;
    }

        .contrast .db-nr2 dl {
            width: 229px;
            float: left;
            border-right: 1px solid #ccc;
        }

    .contrast .contrast-nr .contrast1 .contrast-bt {
        float: left
    }

    .contrast .contrast-nr .contrast-cp {
        padding: 20px 15px 12px;
    }

    .contrast .db-nr2 dt {
        width: 82px;
        height: 82px;
        float: left;
    }

        .contrast .db-nr2 dt img {
            width: 82px;
            height: 82px;
        }

    .contrast .db-nr2 dd {
        float: left;
        margin-left: 10px;
        margin-top: 2px;
        width: 106px;
    }

        .contrast .db-nr2 dd p {
            margin: 0;
            margin-bottom: 3px
        }

        .contrast .db-nr2 dd a.db-nr2-1 {
            font-weight: bold
        }

        .contrast .db-nr2 dd b {
            font-weight: 400;
        }

    .contrast .db-nr2-2 {
        width: 31px;
        text-align: right;
        color: #d9a64b !important;
        border: 1px solid #ccc;
        padding: 2px 10px;
        border-radius: 4px;
    }

    .contrast .contrast-nr .contrast1 .contrast-yc a {
        float: right;
        display: block;
        margin-top: 10px;
        width: 0;
        height: 20px;
        background: url(../images/del.png) no-repeat;
        padding: 2px 10px;
    }

    .contrast .contrast-nr .contrast1 .contrast-bt a.hover {
        color: #d9a64b !important;
        border-bottom: 2px solid #d9a64b;
        padding: 8px 0;
    }

    .contrast .contrast-nr .contrast-cp .contrast-btn {
        float: right;
        box-sizing: border-box;
        width: 90px;
        padding: 16px 0 12px 20px;
        border-left: 1px solid #e3e3e3;
        text-align: center;
    }

        .contrast .contrast-nr .contrast-cp .contrast-btn input {
            margin-bottom: 15px;
            width: 60px;
            height: 25px;
            line-height: 25px;
            border: none;
            border-radius: 2px;
            background: #d9a64b;
            color: #fff;
        }

        .contrast .contrast-nr .contrast-cp .contrast-btn a {
            color: #d9a64b;
        }
.product-compare{overflow-x:auto;}
.product-compare table {
    width: 100%;
    font-size: 13px;
    border: 1px solid #ccc;
    border-left: 0;
    border-bottom: 0;
}

.product-compare table {
    width: 100%;
    font-size: 13px;
    border: 1px solid #ccc;
    border-left: 0;
    border-bottom: 0;
}

.product-compare tr:first-child td {
    text-align: center
}

.product-compare table tr td {
    border: 1px solid #ccc;
    border-right: 0;
    border-top: 0;
    background: #fff;
    padding: 5px 8px
}

.product-compare table tr td:first-child {
        background: #f1f1f1;
        width: 150px;
        text-align: center;
    }

.product-compare  table tr td a {
            color: #d9a64b !important
        }

.product-compare  table tr td a.submit {
                color: #fff !important;
                background: #d9a64b;
                display: inline-block;
                border-radius: 5px;
                padding: 5px 20px;
            }

.product-compare  table tr td p {
            margin: 0px;
        }

.product-compare  table tr td p span {
                color: #d9a64b;
            }

.posts_content{}
.posts_content h1{font-size:1.4rem; line-height:36px; margin-bottom:15px; }
.posts_content h1 span{ font-size:1rem; padding-left:10px;}
.posts_content div{ line-height:26px;}




/*product-pdf*/
.product-pdf{ width:100%; height:100%;}
.product-pdf-left{ width:70%; height:100%;}
.product-pdf-left iframe{ width:100%; height:100%;}
.product-pdf-right{ width:30%; height:100%; padding:30px; background:#fff;}
.product-pdf-right h1{ font-size:1.4rem; line-height:30px;}
.product-pdf-desc{ width:100%;}
.product-pdf-desc-left{ width:28%;}
.product-pdf-desc-left img{ width:100%; height:auto; border:1px solid #eee; padding:10px; border-radius:3px;}
.product-pdf-desc-right{ width:71%;}
.product-pdf-desc-right a{ display:block;}
.product-pdf-desc-right em{ display:block;}
.product-pdf-right h2{ font-size:1.2rem; line-height:30px;  color:#d9a64b;}



.products-pdf-form-box{}
.products-pdf-form-box dl{ width:100%;}
.products-pdf-form-box dl dt{ width:100%; line-height:32px;}
.products-pdf-form-box dl dd input{width:100%; height:42px; line-height:42px; border:1px solid #ddd; border-radius:3px; padding:0 10px;}
.products-pdf-form-box dl dd select{width:100%; height:42px; line-height:42px; border:1px solid #ddd; border-radius:3px; padding:0 10px;}
.products-pdf-form-box dl dd textarea{width:100%; height:80px; line-height:26px; border:1px solid #ddd; border-radius:3px; padding:10px;}


.pro-navigation-box{ position:relative;}
.pro-navigation-box h1{font-size:1.8rem; line-height:36px; text-align:center; margin-bottom:10px;}
.pro-navigation{position:sticky; left:0; top:0; z-index:777;}
.pro-navigation ul{ text-align:center; padding:10px 0; width:100%; }
.pro-navigation ul li{ display:inline-block; background:#fff; border-radius:3px; margin:2px 0; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.2);}
.pro-navigation ul li a{ display:block; display:block;  padding:5px 12px;}
.pro-list-menu li{ width:25%; height:28px; line-height:28px; overflow:hidden;}


.search-cta{ padding-bottom:30px;}
.search-cta b{ display:block; line-height:32px; height:32px; font-size:1.4rem;}
.search-cta a{ padding-right:10px;}
.search-cta a span{ color:#d9a64b;}

/* 电梯导航开始 */
.elevator-nav {
     display:none;
        position: fixed;
        top: 400px;
        left: -65px;
        width: 200px;
        height: auto;
        margin-left: 0;
        overflow:auto;
        font-size: 14px;
    }
.elevator-nav .an-tips {
   position: fixed; display:none;
   margin-top: -30px;
   margin-left: 64px;
   width: 128px;
   height: 37px;
   line-height: 26px;
   text-align: center;
   font-size: 12px;
   color: #fff;
   background: url(../images/side-nav-tip.svg) no-repeat 74%;
   background-size: 89%;
}
.elevator-nav ul .active {
    border-right: 2px solid #0070bb !important;
}
.elevator-nav ul {
    border-right: 2px solid #d9d9d9;
    margin: 0px;
    padding: 0px;
}
.elevator-nav ul li {
    padding-right: 9px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    text-align: right;
}
/*--Digikey--*/
.digikey-goodslist{ background:#fff; margin-bottom:2px;}
#floor_Digikey{display:none;background-color: white;    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);}
.fl_Digikey {display:none}
.con-title {
    position: relative;
    margin: 10px 0;
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
    background: #dcefff;
    padding: 0 12px;
}

    .con-title img {
        /*width: 80px;*/
        height: 40px;
        margin:0;
        margin-right: 20px;
    }

    .con-title h3 {
        display: inline-block;
        height: 20px;
        font-size: 16px;
        color: #111;
    }
    
    .con-title b {
        display: inline-block;
        height: 20px;
        font-size: 16px;
        color: #111;
    }
    .con-title .icon-item {
        display: inline-block;
        height: 25px;
        line-height: 25px;
        color: #d9a64b;
    }
.con-body.content-wrap .item-name{margin:0}
.con-body.content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; justify-content:space-between;
    padding: 16px 12px 8px;
    box-sizing: border-box;
}

.con-body:hover {
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.08)
}

.con-body.content-wrap .item-block-1 {
    width: 380px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.con-body.content-wrap .td-ellipsis {
    max-width: 180px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.con-body.content-wrap .item-block-1 .td-ellipsis {
    max-width: 300px;
}

.con-body.content-wrap .item-block-1 .light-color {
    font-size: 14px;
    line-height: 20px;
    color: #d9a64b;
}

.con-body.content-wrap .item-text {
    font-size: 12px;
    line-height: 18px;
    color: #444;
}

.con-body.content-wrap .item-name .product-img {
    position: relative;
    width: 220px;
}
.con-body.content-wrap .preview-wrapper {
    position: absolute;
    top: -100px;
    right: -60px;
    width: 200px;
    display: none;
    padding-left: 20px;
    box-sizing: border-box;
}
.con-body.content-wrap .item-name .product-img:hover .preview-wrapper{ display:block !important}
.con-body.content-wrap .preview-wrapper .preview-box {
    display: block;
    padding-top: 4px;
    width: 190px;
    height: 190px;
    background: #fff;
    border: 1px solid #cecbce;
    box-shadow: 0 0 1px 2px #eee;
    text-align: center;
    box-sizing: border-box;
}


.ggs i {
    margin-right: 2px;
    display: inline-block;
    vertical-align: -3px;
    width: 16px;
    height: 16px;
    background-image: url(../images/list_item_icon20181217.png);
    background-repeat: no-repeat;
    background-position-x: -23px;
    background-position-y: -32px;
}

.con-body.content-wrap .text-center {
    text-align: center;
}

.con-body.content-wrap .item-block-2 {
    margin-left: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 230px;
}

    .con-body.content-wrap .item-block-2 .td-ellipsis {
        max-width: 230px;
    }

.con-body.content-wrap .item-text.text-bold {
    font-weight: 700;
}
.con-body.content-wrap .item-text img{ width:15px;}

.tag-wrapper .couponbgsBox {
    border-radius: 2px;
    border: 1px solid #d9a64b;
}

.tag-wrapper .couponbgs, .tag-wrapper .couponbgsBox {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    color: #d9a64b;
    text-align: center;
    box-sizing: border-box;
    padding: 0 4px;
    line-height: 20px;
    position: relative;
}

.con-body.content-wrap .item-block-3 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 195px;
}

.con-body.content-wrap .item-block-3 .light-color {
        font-size: 12px;
        color: #d9a64b;
    }
.con-body.content-wrap .item-block-3 .light-color1 {
        font-size: 12px;
        color: #999;
}
.con-body.content-wrap .prices-warp .num-label{text-align:right;display: inline-block;width: 83px;}
.con-body.content-wrap .prices-warp .price-label{text-align: left;width: 93px;display: inline-block;}
.con-body.content-wrap .item-block-4 {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 150px;
    margin-right: 25px;
    margin-left: 15px;
}

    .con-body.content-wrap .item-block-4 .light-color {
        font-size: 12px;
        color: #d9a64b;
    }

    .con-body.content-wrap .item-block-4 .min-tit {
        width: 75px;
        display: inline-block;
        text-align: right;
    }

.con-body.content-wrap .item-block-5 {
    margin-left: 2px;
}

    .con-body.content-wrap .item-block-5 .price-area .price-input {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 150px;
        margin-bottom: 7px;
    }

        .con-body.content-wrap .item-block-5 .price-area .price-input .cartnumbers {
            width: 100px;
            height: 24px;
        }

    .con-body.content-wrap .item-block-5 .price-area .totalPrice-li {
        margin-bottom: 7px;
    }

ul.price-area li.price-input .cartnumbers {
    width: 60px;
    height: 20px;
    border: 1px solid #ccc; 
    padding: 0 4px;
    float: left;
    background: #fff;
    font-size: 12px;
}

.con-body.content-wrap .item-block-5 .price-area .price-input .unit {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50px;
    height: 22px;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-left: none;
}

.addtocart-btn {
    width: 102px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    margin-top: 10px;
    border: none;
    border-radius: 2px;
}

.con-body.content-wrap li.add-cart-tip {
    display: none;
}
.all-price {
    display: inline-block;
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin: 0 0 0 3px;
    cursor: pointer;
    background: url(../images/price_label.svg) 50% no-repeat;
    position: relative;
}

.all-price span.all-price-tips {
    position: absolute;
    font-style: normal;
    font-weight: 100;
    width: -webkit-max-content;
    width: max-content;
    margin: -1px 0 0 10px;
}
.common-float-dialog {
    position: absolute;
    left: -18px;
    top: 28px;
    min-width: 100px;
    height: auto;
    padding: 10px;
    background: #fff;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    border: 1px solid #eaeaea;
    text-align: center;
    font-style: normal;
    display: none;
    z-index: 5;
}
.all-price:hover .common-float-dialog{ display:block}
.f-row {
    white-space: nowrap;
}
.f-row .part {
    width: 76px;
    text-align: right;
}
.f-row li {
    line-height: 24px;font-weight: normal;
}
.inline-block {
    display: inline-block;
}
.line-through {
    text-decoration: line-through;
}
.w70 {
    width: 70px !important;
}
.w80 {
    width: 80px !important;
}
.w105 {
    width: 105px !important;
}

.light-btn {
    background: #d9a64b;
}

.totalPrice {
    font-weight: 700;
}

.c9a9a9a, .color9a {
    color: #9a9a9a;
}

.orange {
    color: #ff7900;
}

.goldenrod {
    color: #d9a64b !important;
}

.mb10 {
    margin-bottom: 10px;
}


.s-submun-content-title {
    line-height: 28px;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 700;
    color: #0895e7;
    position: relative;
}
.goods_class .small_cate{ margin-top:5px; margin-bottom:14px;}
.goods_class .small_cate a{ background:none !important; color:#666}
.menuBox .category .sub_class_content{ overflow-y:auto; height:430px;}



.goods_infoBox{ width:98%;}
.parts-list{ overflow-x:auto;}

.next-prev-single{ line-height:32px; margin-top:25px;}
.next-prev-single p{ height:32px; overflow:hidden;}

@media (max-width: 768px) {
    /*product-menu*/
    .product-menu-box-left{ width:100%; }
.product-menu-box-left h1{ font-size:1.2rem; }
.product-menu-box-left ul{ max-height:300px; }
.product-menu-box-left ul li{ height:28px; line-height:28px; overflow:hidden;}
.product-tab-pane-tags li{ width:100%;}

.product-menu-box-right{ width:100%; height:auto; margin-top:15px; }
.product-menu-box-right dl{ margin-bottom:10px;}
.product-menu-box-right dl dt{ font-size:1.1rem; }
.product-menu-box-right dl dd{ padding:10px 0;  -webkit-column-count: 1;column-count: 1;}
.product-menu-box-right dl dd a{ width:100%; margin:0; }
.product-menu-box-right dl dd .product-menu-box-item{ width:100%;  margin:0;   line-height:28px;}



.products-sub-menu{}
.products-sub-menu h1{ font-size:1.2rem; }
.products-sub-menu-list a{ width:100%; margin:0; }

.product-menu-box-right dl dd .product-menu-box-item{ width:100%;  margin:0;   line-height:28px;}


.products-list-featured-parts b{font-size:1.2rem; }
.products-list-featured-pro dl{ width:50%; overflow:hidden; padding:20px;}




.products-list-manufacturers b{font-size:1.2rem;}
.products-list-manufacturers-list a{width: 49%; margin-bottom: 1%; }


/* =========================
   Mobile：仍然走横向滑动（更像大站）
   ========================= */


  /* 1) 基础：卡片模式 */
  .search-list table thead{ display:none !important; }

  .search-list table,
  .search-list tbody,
  .search-list tr,
  .search-list td{ display:block !important; width:100% !important; }

  .search-list tbody tr{
    margin: 10px 0 !important;
    border: 1px solid rgba(217,166,75,.22) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 10px 20px rgba(17,24,39,.07) !important;
  }

  .search-list tbody td{
    border-bottom: 0 !important;
    padding: 10px 12px !important;
  }

  /* 2) Product 顶部条 */
  .search-list td.productBox{
    display:flex !important;
    align-items:center !important;
    gap: 10px !important;
    padding: 12px 12px 10px 12px !important;
    background: linear-gradient(180deg,#fff,#fffdf7) !important;
    min-width: 0 !important;
  }

  .search-list td.productBox img{
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
  }

  .search-list td.productBox b{
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin: 0 0 4px 0 !important;
    white-space: normal !important;
  }

  .search-list td.productBox p{
    margin:0 !important;
    font-size: 12px !important;
    color:#6b7280 !important;
    white-space: normal !important;
  }

  /* 3) 关键：把 2~6 列变成 “两行网格” */
  .search-list tbody tr td:nth-child(2),
  .search-list tbody tr td:nth-child(3),
  .search-list tbody tr td:nth-child(5),
  .search-list tbody tr td:nth-child(6){
    display:inline-flex !important;
    width: 50% !important;
    align-items:center !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    vertical-align: top !important;
    white-space: nowrap !important;
  }

  /* Stock / Price 在同一行两列 */
  .search-list tbody tr td:nth-child(2)::before{
    content:"Stock" !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#6b7280 !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background:#f8fafc !important;
  }
  .search-list tbody tr td:nth-child(3)::before{
    content:"Price" !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#6b7280 !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background:#f8fafc !important;
  }

  /* Datasheet / RoHS 在同一行两列 */
  .search-list tbody tr td:nth-child(5)::before{
    content:"PDF" !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#6b7280 !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background:#f8fafc !important;
  }
  .search-list tbody tr td:nth-child(6)::before{
    content:"RoHS" !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#6b7280 !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background:#f8fafc !important;
  }

  /* 4) Quantity：单独一行，输入框 + RFQ 同行 */
  .search-list tbody tr td:nth-child(4){
    display:flex !important;
    align-items:center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    white-space: nowrap !important;
  }
  .search-list tbody tr td:nth-child(4)::before{
    content:"Qty" !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#6b7280 !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    background:#f8fafc !important;
  }

  .search-list #commoditySelectNum{
    width: 96px !important;
    height: 36px !important;
    border-radius: 12px !important;
  }
  .search-list .selectbtn a.view{
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
  }

  /* 5) Datasheet 按钮缩小，避免撑高 */
  .search-list td.pdf a.p{
    padding: 8px 10px !important;
    border-radius: 12px !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }
  .search-list td.pdf p{ font-size: 11px !important; }

  /* 6) RoHS 图标大小 */
  .search-list tbody tr td:nth-child(6) img{
    width: 20px !important;
    height: auto !important;
  }

  /* 7) Description：最后一块，两行截断 */
  .search-list tbody tr td:nth-child(7){
    padding: 10px 12px 12px 12px !important;
  }
  .search-list tbody tr td:nth-child(7)::before{
    content:"Description" !important;
    display:block !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#6b7280 !important;
    margin-bottom: 6px !important;
  }
  .search-list td.mdis{
    max-width:none !important;
    display:-webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow:hidden !important;
    line-height: 1.35 !important;
    color:#475569 !important;
  }



 :root{
    --w-photo: 84px;
    --w-part: 280px;
    --w-avail: 110px;
    --w-price: 80px;
    --w-qty: 210px;
    --w-pdf: 160px;
  }
  .parts-list table{ min-width: 1150px; }
  .parts-list #commoditySelectNum{ width: 110px; height: 36px; }
  .parts-list .selectbtn a.view{ height: 36px; }

/*product-detail*/





/*contrast*/
.contrast {
    left:3%;
    width: 94%;
    margin-left: 0;
}



/*product-pdf*/

.product-pdf-left{ width:100%; }
.product-pdf-right{ width:100%; padding:20px 20px 50px 20px; }


.pro-navigation-box h1{font-size:1.4rem;}
.pro-list-menu li{ width:50%;}

.search-cta{ padding-bottom:20px;}
.search-cta b{ font-size:1.2rem;}
.search-cta a{ padding-right:0; display:block;}
.parts-list{ overflow-x:auto;}
.digikey-goodslist{ overflow-x:auto;}

.pro-navigation ul{  padding:5px 0; }
.pro-navigation ul li a{ padding:5px 10px; }
.pro-navigation-box h1{font-size:1.4rem;}
.pro-list-menu li{ width:50%;}

.next-prev-single{ line-height:26px;}
.next-prev-single p{ height:26px; overflow:hidden;}

}

/* ===== Responsive ===== */
@media (max-width: 1200px){
  .products-all-main .products-detail-right{ flex-basis: 340px; }
  .products-all-main .products-detail-left-info-pic{ width: 330px; flex-basis: 330px; }
}

@media (max-width: 980px){
  .products-all-main .products-detail{
    flex-direction: column;
  }
  .products-all-main .products-detail-right{
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
  }
  .products-all-main .products-detail-right-rfq{
    position: static;
  }
  .products-all-main .products-detail-left-info-main{
    flex-direction: column;
  }
  .products-all-main .products-detail-left-info-pic{
    width: 100%;
    flex: 1 1 auto;
  }
  .products-all-main .pic-preview,
  .products-all-main .items-pic img{
    height: 320px;
  }
}

@media (max-width: 560px){
  .products-all-main .products-detail-left-info h1{
    font-size: 20px;
  }
    .products-all-main .products-detail-left-info h2{
    font-size: 20px;
  }

  .products-all-main .products-detail-left-info-main{
    padding: 14px;
  }

  /* dl 变成上下排列，避免挤 */
  .products-all-main .products-detail-left-info-list dl{
    flex-direction: column;
    gap: 6px;
  }
  .products-all-main .products-detail-left-info-list dt{
    width: 100%;
    flex: 0 0 auto;
  }

  /* Quantity 两个按钮在手机上更自然：自动换行 */
  .products-all-main #commoditySelectNum.form-control{
    width: 100%;
  }

  .products-all-main .product-tab-spec dl{
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .products-all-main .products-lab-retapro dl{
    width: calc(50% - 7px);
  }
}


/* =========================
   Mobile override (<= 768px)
   目标：
   1) 表头不 sticky
   2) 冻结列不 sticky（避免遮挡右侧参数）
   3) 隐藏底部跟随滚动条
   ========================= */
@media (max-width: 768px) {

    /* 取消底部预留空间（因为底部横向滚动条隐藏） */
    body {
        padding-bottom: 0 !important;
    }

    /* 隐藏底部“跟随滚动条” */
    #partsStickyScrollbar {
        display: none !important;
    }

    /* 表头不再吸顶 */
    .parts-list thead th {
        position: static !important;
        top: auto !important;
        z-index: auto !important;
    }

        /* 取消冻结列（第一列到第六列） */
        .parts-list td.image,
        .parts-list td.parts,
        .parts-list thead th:nth-child(1),
        .parts-list thead th:nth-child(2),
        .parts-list thead th:nth-child(3),
        .parts-list thead th:nth-child(4),
        .parts-list thead th:nth-child(5),
        .parts-list thead th:nth-child(6),
        .parts-list tbody td:nth-child(3),
        .parts-list tbody td:nth-child(4),
        .parts-list tbody td:nth-child(5),
        .parts-list tbody td:nth-child(6) {
            position: static !important;
            left: auto !important;
            z-index: auto !important;
            box-shadow: none !important;
        }

        /* 去掉“冻结列”相关的强制表头背景覆盖（避免你后续主题调整麻烦） */
        .parts-list thead th:nth-child(-n+6) {
            background: var(--head) !important;
        }

    /* 手机上横向滚动更顺滑（保留横向滚动，但不冻结） */
    .parts-list .jss187 {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}