@charset "utf-8";
/* =====================================================================
   thirdlist_fix.css  合约列表页布局修复
   适用：/ContractMall/list/*.html -> ThirdProductList.aspx
   修复：
   1) 搜索区单行 flex，容纳 输入框 + 以图搜物(camera) + 搜索按钮，不再换行被裁切
   2) ey-fly 注入的文件夹图标限制为 18x18，消除撑大后在分类区块顶部形成的红色短条
   3) dot_hot "热" 角标收回红条内右上角，不再探出孤立
   只改布局样式，不改任何业务逻辑。
   ===================================================================== */

/* ---------- 1. 搜索区 ---------- */
.yx_head .search_bd{
    box-sizing:border-box;
    height:32px !important;
    overflow:hidden !important;
}
.yx_head .search_bd form{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch;
    width:100% !important;
    height:32px !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box;
}
.yx_head .search_bd #q_show{
    flex:1 1 auto !important;
    float:none !important;
    width:auto !important;
    min-width:0;
    height:24px !important;
    margin:3px 0 0 3px !important;
    padding-left:6px !important;
    box-sizing:border-box;
}
.yx_head .search_bd #cid{ flex:0 0 auto; }
.yx_head .search_bd .camera-btn{
    flex:0 0 auto !important;
    float:none !important;
    width:24px !important;
    height:32px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
}
.yx_head .search_bd .camera-btn svg{
    width:16px !important;
    height:16px !important;
    display:block !important;
}
.yx_head .search_bd .search_submit{
    flex:0 0 auto !important;
    float:none !important;
    width:81px !important;
    height:32px !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    box-sizing:border-box;
}

/* ---------- 2. 左侧分类文件夹图标 ---------- */
#cateList .catelist_item .item_hd .ey-ic{
    float:left !important;
    width:18px !important;
    height:18px !important;
    margin:7px 6px 0 0 !important;
    padding:0 !important;
    overflow:hidden;
}
#cateList .catelist_item .item_hd .ey-ic svg{
    width:18px !important;
    height:18px !important;
    display:block !important;
}

/* ---------- 3. "热"角标收回红条内 ---------- */
.yx_nav .nav_bd .dot_hot{
    top:1px !important;
    right:2px !important;
}
.wrap_1280 .yx_nav .nav_bd .dot_hot{
    top:1px !important;
    right:2px !important;
}

/* ---------- 4. 商品促销角标：右上角斜切标签，按类型区分颜色 ---------- */
#container .link_pic i[class*="mark_"]{
    width:auto !important;
    height:auto !important;
    right:0 !important;
    left:auto !important;
    top:0 !important;
    padding:3px 10px 3px 8px !important;
    border:none !important;
    border-radius:0 !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
    font-family:"\5FAE\8F6F\96C5\9ED1",Arial !important;
    color:#fff !important;
    text-align:center !important;
    background:#ff8c00 !important;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
    z-index:2;
}
#container .link_pic i.qlm_hot{ background:#ff8c00 !important; }
#container .link_pic i.qlm_new{ background:#2b85e4 !important; }
#container .link_pic i.qlm_limit{ background:#e1251b !important; }
#container .link_pic i.qlm_bargain{ background:#ff5a36 !important; }
#container .link_pic i.qlm_import{ background:#7e57c2 !important; }
#container .link_pic i.qlm_sole{ background:#0097a7 !important; }
#container .link_pic i.qlm_direct{ background:#2e9b48 !important; }

/* ===== hover-reveal action bar (picture mode), like qlbuy ===== */
#container .id_pic li.item_list{
    position:relative; box-sizing:border-box; background:#fff;
    border:1px solid #f0f0f0; border-radius:10px; overflow:hidden;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#container .id_pic li.item_list > .wrap_btn{
    position:absolute; left:0; right:0; bottom:0;
    margin:0; padding:8px 10px;
    background:rgba(255,255,255,.97);
    box-shadow:0 -3px 12px rgba(0,0,0,.10);
    display:flex; flex-direction:column; align-items:stretch; gap:6px;
    opacity:0; transform:translateY(12px); pointer-events:none;
    transition:opacity .22s ease, transform .22s ease;
    z-index:6;
}
#container .id_pic li.item_list:hover > .wrap_btn{
    opacity:1; transform:translateY(0); pointer-events:auto;
}
/* hover info: price + code */
#container .id_pic li.item_list .ql_hoverinfo{ display:flex; gap:6px; }
#container .id_pic li.item_list .ql_hv_price,
#container .id_pic li.item_list .ql_hv_code{
    flex:1 1 0; text-align:center; border-radius:3px;
    padding:4px; font-size:12px; line-height:1.3; box-sizing:border-box;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#container .id_pic li.item_list .ql_hv_price{
    color:#e1251b; font-weight:700; border:1px solid #f3c0ba; background:#fff5f4;
}
#container .id_pic li.item_list .ql_hv_code{
    color:#666; border:1px solid #ddd; background:#fafafa;
}
#container .id_pic li.item_list .ql_btnsrow{
    display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap;
}
/* quantity stepper */
#container .id_pic li.item_list .ql_btnsrow .ql_qty{
    flex:0 0 auto; display:inline-flex; align-items:stretch;
    height:32px; border:1px solid #e1251b; border-radius:4px; overflow:hidden; background:#fff;
}
#container .id_pic li.item_list .ql_btnsrow .ql_qty .ql_qty_input{
    width:26px; border:none; outline:none; text-align:center;
    font-size:13px; color:#333; background:#fff;
}
#container .id_pic li.item_list .ql_btnsrow .ql_qty .ql_qty_btns{
    display:flex; flex-direction:column; border-left:1px solid #e1251b;
}
#container .id_pic li.item_list .ql_btnsrow .ql_qty .ql_qty_btns i{
    flex:1 1 auto; width:18px; display:flex; align-items:center; justify-content:center;
    background:#e1251b; color:#fff; font-style:normal; font-size:11px; line-height:1; cursor:pointer;
}
#container .id_pic li.item_list .ql_btnsrow .ql_qty .ql_qty_btns i:first-child{ border-bottom:1px solid #fff; }
#container .id_pic li.item_list .ql_btnsrow .ql_qty .ql_qty_btns i:hover{ background:#c81d14; }
/* add-to-cart + favor buttons */
#container .id_pic li.item_list .ql_btnsrow .btn_strong{
    flex:1 1 auto; flex-shrink:0; min-width:0; height:32px; line-height:32px;
    padding:0 5px; white-space:nowrap; text-align:center; border-radius:4px;
    box-sizing:border-box; overflow:visible; text-overflow:clip;
}
#container .id_pic li.item_list .ql_btnsrow .btn_compare{
    flex:0 0 auto; height:32px; padding:0 3px; display:inline-flex; align-items:center; justify-content:center;
}
/* compare + favorite grouped into one atomic unit; on narrow cards the pair drops to a second row so 加入购物车 never truncates */
#container .id_pic li.item_list .ql_btnsrow .ql_btns_aux{
    order:3; display:inline-flex; align-items:center; justify-content:center; gap:6px;
    flex:0 0 auto; margin:0;
}
#container .id_pic li.item_list .ql_btnsrow .ql_btns_aux .btn_compare{ flex:0 0 auto; }
/* compare: white bg, red text, light-red border (same as main site) */
#container .id_pic li.item_list .ql_btnsrow a.ql_cmp{
    background:#fff; color:#e1251b; border:1px solid #f09a96; border-radius:4px;
}
#container .id_pic li.item_list .ql_btnsrow a.ql_cmp:hover{ background:#fff5f4; }
/* favor as heart glyph (same as main site) */
#container .id_pic li.item_list .ql_btnsrow a.ql_fav{
    width:32px; padding:0 2px; background:#fff; border:1px solid #e5e5e5; border-radius:4px; box-sizing:border-box;
}
#container .id_pic li.item_list .ql_btnsrow a.ql_fav span{ display:none; }
#container .id_pic li.item_list .ql_btnsrow a.ql_fav::before{
    content:"\2661"; font-size:17px; line-height:1; color:#999;
}
#container .id_pic li.item_list .ql_btnsrow a.ql_fav:hover::before{ color:#e1251b; }
#container .id_pic li.item_list .ql_btnsrow a.ql_fav:hover{ border-color:#f09a96; }

/* ===== album thumbnail strip with paging arrows ===== */
#container .id_pic li.item_list .ql_thumbwrap{
    display:flex; justify-content:center; align-items:center;
    gap:4px; padding:7px 6px 2px;
}
#container .id_pic li.item_list .ql_tview{
    width:190px; overflow:hidden; position:relative;
}
#container .id_pic li.item_list .ql_tview::-webkit-scrollbar{ display:none; }
#container .id_pic li.item_list .ql_thumbs{
    display:flex; align-items:center; gap:5px; flex-wrap:nowrap;
    width:max-content;
}
#container .id_pic li.item_list .ql_thumbs img{
    width:34px; height:34px; object-fit:cover;
    border:1px solid #e2e2e2; border-radius:3px;
    padding:1px; background:#fff; cursor:pointer; box-sizing:border-box; flex:0 0 auto;
    transition:border-color .15s;
}
#container .id_pic li.item_list .ql_thumbs img.cur,
#container .id_pic li.item_list .ql_thumbs img:hover{ border-color:#e1251b; }
#container .id_pic li.item_list .ql_tnav{
    display:none; width:18px; height:34px; flex:0 0 auto;
    align-items:center; justify-content:center;
    background:#f2f2f2; border:1px solid #d9d9d9; border-radius:3px;
    color:#666; font-size:15px; line-height:1; cursor:pointer;
    user-select:none; transition:background .15s,color .15s;
}
#container .id_pic li.item_list.ql_overflow .ql_tnav{ display:flex; }
#container .id_pic li.item_list .ql_tnav:hover{ background:#e1251b; color:#fff; border-color:#e1251b; }
#container .id_pic li.item_list .ql_tnav.ql_off{ opacity:.4; cursor:default; background:#f2f2f2; color:#999; }

@media (any-hover:none){
    #container .id_pic li.item_list > .wrap_btn{
        position:static; opacity:1; transform:none; pointer-events:auto;
        box-shadow:none; padding:6px 4px;
    }
}

/* hover red border around the whole card (same feedback as main site) */
#container .id_pic li.item_list:hover{
    transform:translateY(-4px); z-index:2;
    border-color:#f3c0bd; outline:none;
    box-shadow:0 8px 20px rgba(225,37,27,.15);
}

/* ===== list/search corner tags unified with homepage corner_tags (20261013) ===== */
#container .list_goods .item_list .link_pic{position:relative !important;}
#container .link_pic > i[class*="mark_"]{display:none !important;}
#container .corner_tags.lc_tags{position:absolute;top:0;right:0;z-index:6;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;}
#container .corner_tags.lc_tags .ct{font-style:normal;font-weight:normal;font-size:11px;line-height:1.5;color:#fff;padding:2px 8px;white-space:nowrap;border-radius:0 0 0 6px;letter-spacing:.5px;}
#container .corner_tags.lc_tags .ct + .ct{margin-top:1px;}
#container .corner_tags.lc_tags .tag_sale{background:linear-gradient(135deg,#ff8f2a,#ff5500);}
#container .corner_tags.lc_tags .tag_hot{background:linear-gradient(135deg,#ff5252,#e1251b);}
#container .corner_tags.lc_tags .tag_new{background:linear-gradient(135deg,#26cc7d,#0fa95f);}
#container .corner_tags.lc_tags .tag_rec{background:linear-gradient(135deg,#4f8fff,#2f6be0);}
#container .corner_tags.lc_tags .tag_limit{background:linear-gradient(135deg,#ff7a18,#e4393c);}