/* ============================================================
   合约商城搜索页专用：对齐商品分类列表页
   - 老分页器 .paginator 改 mpg 居中大按钮（完整不被遮挡）
   - 列表模式(id_list) 表格化（11列）
     缩略图|ID|名称|商品标识|货号|规格型号|包装规格|单位|单价|是否合约|操作
   ============================================================ */

/* ---------- 分页器：与列表页 mpg 一致（居中、大按钮、完整展示） ---------- */
#container.main .page_wrap{ padding:10px 0 20px; background:transparent; border:none; box-shadow:none; }
#container.main .page_wrap .paginator{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px;
  float:none !important; width:auto !important; padding:18px 0;
}
#container.main .page_wrap .paginator a,
#container.main .page_wrap .paginator span{
  min-width:34px; height:34px; line-height:32px; padding:0 10px;
  border-radius:6px; border:1px solid #dcdee2; background:#fff; color:#495060;
  font-size:14px; text-align:center; box-sizing:border-box; display:inline-block;
  margin:0; transition:color .15s, border-color .15s, background .15s;
}
#container.main .page_wrap .paginator a:hover{
  color:#e1251b; border-color:#e1251b; background:#fff5f4; text-decoration:none;
}
#container.main .page_wrap .paginator a.page-this{
  background:#e1251b; border-color:#e1251b; color:#fff; font-weight:700; cursor:default;
}
#container.main .page_wrap .paginator span.page-start{
  color:#bbb; background:#f7f7f7; cursor:default;
}
/* 隐藏上一页/下一页里的旧箭头占位 <b>，避免按钮右侧出现空白方框 */
#container .page_wrap .paginator .page-next b,
#container .page_wrap .paginator .page-start b,
#container .page_wrap .paginator .page-prev b{ display:none !important; }

/* ============================================================
   顶部工具条（显示：图片/列表 + 排列：价格/销量）统一等高、垂直居中
   ============================================================ */
#container .mod_order{
  display:flex; align-items:center; flex-wrap:wrap;
  min-height:44px; padding:8px 16px;
}
#container .mod_order > span{ display:flex; align-items:center; }
#container .mod_order strong{
  display:inline-flex; align-items:center; height:28px; margin:0;
  font-weight:400; color:#999; font-size:13px;
}
#container .mod_order .viewmode{ display:inline-flex; align-items:center; height:28px; }
#container .mod_order .viewmode a{
  display:inline-flex; align-items:center; justify-content:center;
  height:28px; line-height:28px; padding:0 12px; box-sizing:border-box;
}
#container .mod_order .orderlist .con_list{ display:inline-flex; align-items:center; height:28px; }
#container .mod_order .orderlist .con_list a{
  display:inline-flex; align-items:center; justify-content:center;
  height:28px; line-height:26px; padding:0 12px; box-sizing:border-box;
}
#container .mod_order .orderlist .con_list a:after{
  position:static; margin-left:4px; line-height:1;
}

/* ============================================================
   列表模式(id_list) 表格化（11列）
   ============================================================ */
/* 大图模式：隐藏所有列表专用单元格 */
#container .mod_goods.id_pic .ql_tcell,
#container .mod_goods.id_pic .ql_tbl_head{ display:none !important; }

/* 表头（右缘避让 34px，给右侧悬浮工具条让位） */
#container .mod_goods.id_list .ql_tbl_head{
  display:grid;
  grid-template-columns:64px 60px minmax(120px,1.1fr) 150px 96px 106px 114px 44px 92px 72px 268px;
  align-items:center;
  background:#f7f8fa; border:1px solid #e6e9ef; border-radius:6px 6px 0 0;
  padding:0 12px; height:40px; margin:0;
  font-size:13px; color:#666; font-weight:600;
}
#container .mod_goods.id_list .ql_tbl_head .ql_th{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#container .mod_goods.id_list .ql_tbl_head .ql_th_name{ text-align:left; }
#container .mod_goods.id_list .ql_tbl_head .ql_th:not(.ql_th_name){ text-align:center; }

/* 列表容器 */
#container .mod_goods.id_list ul.list_goods{
  display:block; margin:0; padding:0; border:1px solid #e6e9ef; border-top:none;
  border-radius:0 0 6px 6px; overflow:hidden;
}
#container .mod_goods.id_list li.item_list{
  display:grid;
  grid-template-columns:64px 60px minmax(120px,1.1fr) 150px 96px 106px 114px 44px 92px 72px 268px;
  align-items:center;
  width:auto; height:auto; margin:0; padding:10px 12px;
  float:none; background:#fff; border:none; border-bottom:1px solid #eef0f4; border-radius:0;
  overflow:visible;
}
#container .mod_goods.id_list li.item_list:last-child{ border-bottom:none; }
#container .mod_goods.id_list li.item_list:hover{
  border-color:transparent; box-shadow:none; transform:none; background:#fcfdff;
}

/* 缩略图列 */
#container .mod_goods.id_list li .link_pic{
  grid-column:1; grid-row:1; align-self:center; justify-self:center;
  width:58px; height:58px; padding:3px; aspect-ratio:auto;
  border:1px solid #eee; border-radius:4px; background:#fff;
}
#container .mod_goods.id_list li .link_pic img{ width:auto; height:auto; max-width:100%; max-height:100%; }
#container .mod_goods.id_list li .ql_thumbwrap{ display:none !important; }
/* 列表模式：角标移到商品标识列，缩略图上的角标隐藏 */
#container .mod_goods.id_list li .link_pic .corner_tags,
#container .mod_goods.id_list li .link_pic i[class*="mark_"]{ display:none !important; }

/* 字段单元格 */
#container .mod_goods.id_list li .ql_tcell{
  font-size:13px; color:#333; line-height:1.4;
  min-width:0; padding:0 6px; word-break:break-word;
}
#container .mod_goods.id_list li .ql_cell_id{ grid-column:2; grid-row:1; text-align:center; color:#495060; }
#container .mod_goods.id_list li .ql_cell_badge{ grid-column:4; grid-row:1; display:flex; align-items:center; min-width:0; }
#container .mod_goods.id_list li .ql_cell_code{ grid-column:5; grid-row:1; text-align:center; color:#666; }
#container .mod_goods.id_list li .ql_cell_spec{ grid-column:6; grid-row:1; text-align:center; color:#666; }
#container .mod_goods.id_list li .ql_cell_pkg{ grid-column:7; grid-row:1; text-align:center; color:#666; }
#container .mod_goods.id_list li .ql_cell_unit{ grid-column:8; grid-row:1; text-align:center; color:#666; }
#container .mod_goods.id_list li .ql_cell_contract{ grid-column:10; grid-row:1; text-align:center; }

/* 商品标识列：角标一行横排 */
#container .mod_goods.id_list li .ql_badge_tags{
  display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:3px;
}
#container .mod_goods.id_list li .ql_badge_tags i[class*="mark_"]{
  position:static !important;
  width:auto !important; height:auto !important;
  right:auto !important; top:auto !important;
  display:inline-block; font-style:normal; font-weight:400;
  font-size:10px; line-height:1.5; color:#fff;
  padding:1px 5px; border-radius:3px;
  background-color:#e1251b !important; background-image:none !important;
  clip:auto !important; white-space:nowrap;
}
#container .mod_goods.id_list li .ql_badge_tags i[class*="mark_"]:empty{ display:none; }
#container .mod_goods.id_list li .ql_badge_tags .corner_tags.lc_tags{
  position:static !important; top:auto; right:auto;
  display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:3px;
}
#container .mod_goods.id_list li .ql_badge_tags .corner_tags.lc_tags .ct{
  position:static !important; border-radius:3px; padding:1px 5px; font-size:10px;
  line-height:1.5; white-space:nowrap;
}
#container .mod_goods.id_list li .ql_badge_tags .corner_tags.lc_tags .ct + .ct{ margin-top:0; }

/* 是否合约：合约价=绿色对勾；非合约=加入询价按钮 */
#container .mod_goods.id_list .ql_ct_yes{
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:50%;
  background:#10b362; color:#fff; font-size:14px; font-weight:700;
}
#container .mod_goods.id_list .ql_ct_no{ color:#bbb; }
#container .mod_goods.id_list .ql_ct_inquiry{
  display:inline-block; height:28px; line-height:26px; padding:0 10px;
  border:1px solid #e1251b; color:#e1251b; background:#fff;
  border-radius:4px; font-size:12px; white-space:nowrap;
}
#container .mod_goods.id_list .ql_ct_inquiry:hover{ background:#fff5f4; text-decoration:none; }

/* 名称列：wrap_info 作为整体（名称 + 副标题描述），垂直居中 */
#container .mod_goods.id_list li .wrap_info{
  grid-column:3; grid-row:1; align-self:center;
  min-width:0; display:flex; flex-direction:column; justify-content:center; gap:3px;
  height:auto !important; width:auto !important; float:none !important;
  margin-right:0 !important; padding:0 !important;
}
#container .mod_goods.id_list li .wrap_info .link_name{
  height:auto; margin:0; min-width:0;
}
#container .mod_goods.id_list li .wrap_info .link_name a{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; text-overflow:ellipsis; line-height:1.35; max-height:2.7em;
  font-size:13px; color:#333;
}
#container .mod_goods.id_list li .wrap_info .hot{
  display:block; margin:0; padding:0;
  font-size:12px; color:#999; line-height:1.4;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#container .mod_goods.id_list li .wrap_info .hot:empty{ display:none; }
#container .mod_goods.id_list li .wrap_info .price_market{ display:none !important; }

/* 单价列：仅保留红色价格（隐藏“销售价：”前缀与单位） */
#container .mod_goods.id_list li .wrap_price{ display:contents; }
#container .mod_goods.id_list li .wrap_price .price_icson{
  grid-column:9; grid-row:1; align-self:center; text-align:center;
  font-size:0; color:#e1251b; margin:0; line-height:1.4;
}
#container .mod_goods.id_list li .wrap_price .price_icson strong{
  font-size:14px; color:#e1251b; font-weight:700;
}
#container .mod_goods.id_list li .wrap_price #pnum,
#container .mod_goods.id_list li .wrap_price .jianiput{ display:none !important; }

/* 操作列：数量步进器+加购+对比图标+收藏 */
#container .mod_goods.id_list li .wrap_btn{ display:contents; position:static; }
#container .mod_goods.id_list li .wrap_btn .ql_hoverinfo{ display:none !important; }
#container .mod_goods.id_list li .wrap_btn .ql_btnsrow{
  grid-column:11; grid-row:1; align-self:center; justify-self:stretch;
  display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:5px;
  position:static; opacity:1; visibility:visible;
  background:transparent; border:none; padding:0; transform:none;
}
#container .mod_goods.id_list li .wrap_btn .ql_btnsrow .ql_cmp{
  flex:0 0 auto; height:30px; line-height:28px; padding:0 7px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid #dcdee2; border-radius:4px; background:#fff; color:#495060;
  font-size:12px; white-space:nowrap;
}
#container .mod_goods.id_list li .wrap_btn .ql_btnsrow .ql_cmp:hover{
  border-color:#e1251b; color:#e1251b; background:#fff;
}
#container .mod_goods.id_list li .wrap_btn .ql_btnsrow .ql_qty{ margin:0; }
#container .mod_goods.id_list li .wrap_btn .ql_btnsrow .ql_qty input{ width:44px; }
#container .mod_goods.id_list li .wrap_btn .ql_btnsrow .btn_strong,
#container .mod_goods.id_list li .wrap_btn .ql_btnsrow .ql_fav{
  height:30px; line-height:28px; padding:0 7px; border-radius:4px; font-size:12px;
}

/* 窄屏（1280 档）11列 */
body.wrap_1280 #container .mod_goods.id_list .ql_tbl_head,
body.wrap_1280 #container .mod_goods.id_list li.item_list{
  grid-template-columns:54px 50px minmax(90px,1.1fr) 130px 84px 92px 100px 40px 82px 64px 224px;
}
/* 默认窄屏 11列 */
body:not(.wrap_1600):not(.wrap_1280) #container .mod_goods.id_list .ql_tbl_head,
body:not(.wrap_1600):not(.wrap_1280) #container .mod_goods.id_list li.item_list{
  grid-template-columns:50px 46px minmax(90px,1fr) 120px 78px 84px 92px 38px 76px 60px 214px;
  padding-left:8px; padding-right:8px;
}

/* ============================================================
   筛选区（品牌/颜色/规格/重量等）每行选中的"全部"重置项：强制品牌红底白字
   覆盖 link/visited/hover/active 各态，避免 visited 等伪类出现深色字。
   仅作用于嵌套 dl 的 dt 中的"全部"，不影响 dd 里已选具体选项的勾选样式。
   ============================================================ */
#container .catschoose dl dd dl dt a.current,
#container .catschoose dl dd dl dt a.current:link,
#container .catschoose dl dd dl dt a.current:visited,
#container .catschoose dl dd dl dt a.current:hover,
#container .catschoose dl dd dl dt a.current:active{
  background-color:#e1251b !important;
  color:#fff !important;
  text-decoration:none !important;
}

/* ============================================================
   工具条二次搜索框（右对齐）：排序控件 | 二次搜索框 | 分页器
   搜索框 margin-left:auto 把"搜索框+分页器"整组推到最右，分页器紧贴搜索框右侧
   ============================================================ */
#container .mod_order > .ql_page_search{
  margin-left:auto !important;
}
#container .mod_order .ql_page_search + .ql_top_pager{
  margin-left:10px !important;
}