@charset "utf-8";
/* ============================================================
   促销特卖页（SalesPromotion）主流电商·商业化重构
   覆盖 search.css / serarch_v1.1.min.css / gb.css（旧规则保留、可回退）
   数据机制不变：广告、分类树、品牌/颜色/价格筛选、商品、分页均读后台
   ============================================================ */

body{ background: #f4f5f7; }

/* ---------- 顶部横幅 ---------- */
.discount .topbanner{ margin-bottom: 16px; }
.discount .topbanner img{
    display: block;
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 12px rgba(20, 30, 50, .10);
    box-shadow: 0 3px 12px rgba(20, 30, 50, .10);
}

/* ---------- 左侧分类树卡片 ---------- */
.discount .sidebar .mod_searchlist{
    background: #ffffff;
    border: 1px solid #e6e8eb;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px rgba(20, 30, 50, .06);
    box-shadow: 0 1px 5px rgba(20, 30, 50, .06);
    overflow: hidden;
    margin-bottom: 14px;
}
.discount .mod_searchlist .searchlist_item .item_hd{
    background: #ffffff;
    border-bottom: 1px solid #f2f3f5;
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
}
.discount .mod_searchlist .searchlist_item .item_hd h3 a{ color: #2b3138; font-size: 14px; }
.discount .mod_searchlist .searchlist_item .item_hd h3 a .txt{ max-width: 120px; }
.discount .mod_searchlist .searchlist_item .item_hd_current h3 a{
    color: #E01121;
    font-weight: bold;
}
.discount .mod_searchlist .searchlist_item .item_bd{
    background: #fafbfc;
    padding: 6px 12px 12px 28px;
}
.discount .mod_searchlist .searchlist_item .item_bd a{ width: auto; height: 26px; line-height: 26px; }
.discount .mod_searchlist .searchlist_item .item_bd a span{
    color: #5b626b;
    font-size: 13px;
    padding: 0 6px;
    border-radius: 4px;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s;
}
.discount .mod_searchlist .searchlist_item .item_bd a:hover span{ color: #E01121; background: #fdecee; }
.discount .mod_searchlist .searchlist_item .item_bd a.current span,
.discount .mod_searchlist .searchlist_item .item_bd .current span{
    background: #E01121;
    color: #ffffff !important;
}
.discount .mod_searchlist .searchlist_ft{
    background: #fafbfc;
    border-top: 1px solid #f2f3f5;
    color: #5b626b;
}
.discount .mod_searchlist .searchlist_ft a{ color: #5b626b; font-size: 13px; }
.discount .mod_searchlist .searchlist_ft a:hover{ color: #E01121; }

/* ---------- 筛选区卡片 ---------- */
.discount .ft_cond{
    background: #ffffff;
    border: 1px solid #e6e8eb;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px rgba(20, 30, 50, .06);
    box-shadow: 0 1px 5px rgba(20, 30, 50, .06);
    padding: 6px 18px 10px;
    margin-bottom: 14px;
}
.discount .catschoose .operation_area{ margin: 0; padding: 0; }
.discount .catschoose .operation_area > li{
    padding: 9px 0;
    border-bottom: 1px dashed #f0f1f3;
}
.discount .catschoose .operation_area > li:last-child{ border-bottom: 0; }
.discount .catschoose .operation_area > li > dl > dt{
    float: left;
    width: 64px;
    color: #8a9099;
    font-size: 13px;
    line-height: 26px;
}
.discount .catschoose .operation_area > li > dl > dd{ float: none; width: auto; margin-left: 64px; }
/* 筛选标签 */
.discount .catschoose .operation_area a{
    display: inline-block;
    padding: 4px 12px;
    margin: 2px 4px 2px 0;
    border-radius: 5px;
    color: #5b626b;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s;
}
.discount .catschoose .operation_area a:hover{ color: #E01121; background: #fdecee; }
.discount .catschoose .operation_area a.current{ color: #ffffff; background: #E01121; }

/* ---------- 排序 / 视图栏 ---------- */
.discount .mod_order{
    background: #ffffff;
    border: 1px solid #e6e8eb;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px rgba(20, 30, 50, .06);
    box-shadow: 0 1px 5px rgba(20, 30, 50, .06);
    height: auto;
    padding: 10px 16px;
    margin-bottom: 14px;
}
.discount .mod_order strong{ color: #8a9099; font-weight: normal; }
.discount .mod_order .con_list a,
.discount .mod_order .viewmode a{
    display: inline-block;
    padding: 4px 12px;
    margin: 0 2px;
    border-radius: 5px;
    color: #5b626b;
    text-decoration: none;
    -webkit-transition: background .15s, color .15s;
    transition: background .15s, color .15s;
}
.discount .mod_order .con_list a:hover,
.discount .mod_order .viewmode a:hover{ color: #E01121; background: #fdecee; }

/* ---------- 商品网格卡片 ---------- */
.discount .mod_goods{
    background: #ffffff;
    border: 1px solid #e6e8eb;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px rgba(20, 30, 50, .06);
    box-shadow: 0 1px 5px rgba(20, 30, 50, .06);
    padding: 10px 6px;
}
.discount .mod_goods .list_goods{ margin: 0; padding: 0; }
.discount .id_pic .list_goods .item_list{
    height: auto !important;
    border: 1px solid #edf0f2;
    border-radius: 10px;
    margin: 8px 5px;
    padding: 10px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s, -webkit-box-shadow .2s;
    transition: border-color .2s, box-shadow .2s;
}
.discount .id_pic .list_goods .item_list:hover{
    border-color: #E01121;
    -webkit-box-shadow: 0 8px 22px rgba(224, 17, 33, .15);
    box-shadow: 0 8px 22px rgba(224, 17, 33, .15);
}
/* 图片区 */
.discount .id_pic .list_goods .link_pic{
    display: block;
    width: 100%;
    height: 168px;
    line-height: 168px;
    padding: 6px;
    margin: 0 0 8px;
    background: #f7f8fa;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.discount .id_pic .list_goods .link_pic img{
    display: inline-block;
    width: auto;
    max-width: 100%;
    max-height: 156px;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .28s ease;
    transition: transform .28s ease;
}
.discount .id_pic .list_goods .item_list:hover .link_pic img{
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}
/* 角标：现代圆角小标签 */
.discount .list_goods .link_pic i[class^="mark_"]{
    width: auto;
    height: auto;
    left: 8px;
    top: 8px;
    right: auto;
    padding: 3px 9px;
    border-radius: 5px;
    font: bold 12px/1.5 "Microsoft YaHei", Arial, sans-serif;
    color: #ffffff;
    background: #E01121 url(none);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    line-height: 1.5;
}
.discount .mark_cuxiao, .discount .mark_rexiao{ background-color: #E01121; }
.discount .mark_tejia{ background-color: #ff7a00; }
.discount .mark_xinpin{ background-color: #13a878; }
.discount .mark_tuijian{ background-color: #2f6fe0; }
.discount .mark_xianshi{ background-color: #e4393c; }
.discount .mark_zhisong{ background-color: #8a5fd6; }
/* 商品名 */
.discount .list_goods .wrap_info{ height: auto; }
.discount .list_goods .link_name{ margin: 0 0 6px; height: 42px; overflow: hidden; }
.discount .list_goods .link_name a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #333333;
    font-size: 13px;
    line-height: 1.6;
    text-decoration: none;
}
.discount .list_goods .link_name a:hover{ color: #E01121; }
.discount .list_goods .wrap_info .hot{ height: auto; }
/* 价格区 */
.discount .list_goods .wrap_price{ margin-bottom: 8px; }
.discount .list_goods .price_market{ margin: 0 0 3px; font-size: 12px; color: #9aa0a8; }
.discount .list_goods .price_market label{ color: #9aa0a8; font-weight: normal; }
.discount .list_goods .price_icson{ margin: 0; font-size: 12px; color: #9aa0a8; }
.discount .list_goods .price_icson strong{
    color: #E01121;
    font-size: 21px;
    font-weight: bold;
}
/* 按钮区 */
.discount .list_goods .wrap_btn{ margin-top: 6px; text-align: center; }
.discount .list_goods .wrap_btn .btn_strong{
    display: inline-block;
    background: #E01121;
    color: #ffffff !important;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: background .18s;
    transition: background .18s;
}
.discount .list_goods .wrap_btn .btn_strong:hover{ background: #c00d1b; text-decoration: none; }
.discount .list_goods .wrap_btn .btn_compare{
    color: #8a9099;
    font-size: 12px;
    padding: 0 6px;
}
.discount .list_goods .wrap_btn .btn_compare:hover{ color: #E01121; }

/* ---------- 分页 ---------- */
.discount .page_wrap{ padding: 22px 0 6px; text-align: center; }
.discount .paginator{ display: inline-block; }
.discount .paginator a,
.discount .paginator span{
    display: inline-block;
    min-width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    margin: 0 3px;
    border: 1px solid #e0e2e6;
    border-radius: 6px;
    color: #5b626b;
    background: #ffffff;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.discount .paginator a:hover{ border-color: #E01121; color: #E01121; }
.discount .paginator .current,
.discount .paginator span.current{
    background: #E01121;
    color: #ffffff;
    border-color: #E01121;
}

/* ============================================================
   促销特卖·秒杀版面（.sp-wrap，复用 miaosha.css）补充样式
   ============================================================ */

/* banner 兜底（FocusType=7 未上传图时） */
.sp-banner{background:linear-gradient(100deg,#ff5a4e 0%,#e1251b 55%,#ff7a00 100%);}
.sp-banner .sp-banner-fallback{aspect-ratio:6/1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;}
.sp-banner .sp-banner-fallback b{font-size:34px;letter-spacing:3px;text-shadow:0 2px 8px rgba(0,0,0,.18);}
.sp-banner .sp-banner-fallback span{font-size:16px;margin-top:10px;opacity:.95;letter-spacing:1px;}

/* 促销角标 */
.sp-flag{position:absolute;top:0;left:0;z-index:3;padding:3px 10px;font-size:12px;font-weight:700;color:#fff;border-radius:8px 0 8px 0;letter-spacing:1px;box-shadow:0 2px 5px rgba(0,0,0,.12);}
.sp-flag.tejia{background:linear-gradient(180deg,#ff8c42,#ff5a00);}
.sp-flag.xinpin{background:linear-gradient(180deg,#2fd49a,#0ea876);}
.sp-flag.cuxiao{background:linear-gradient(180deg,#ff6a5e,#e1251b);}
.sp-wrap .ms-card-img{margin-top:16px;}

/* 价格 ¥ 符号 */
.sp-wrap .ms-price-now .sp-yen{font-size:14px;font-weight:700;margin-right:2px;}

/* 排序条 */
.sp-sortbar{display:flex;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #f0f0f0;border-radius:6px;padding:10px 14px;margin-bottom:12px;}
.sp-sort-label{font-size:13px;color:#999;margin-right:8px;}
.sp-sort-item{display:inline-block;height:28px;line-height:28px;padding:0 16px;font-size:13px;color:#333;background:#f7f7f7;border:1px solid #eee;border-radius:4px;margin-right:8px;cursor:pointer;}
.sp-sort-item:hover{color:#e1251b;}
.sp-sort-item.active{background:#e1251b;color:#fff;border-color:#e1251b;}
.sp-sort-count{margin-left:auto;font-size:13px;color:#999;}

/* 加载更多 */
.sp-loadmore{text-align:center;padding:20px 0 6px;}
.sp-loadmore button{min-width:220px;height:40px;line-height:40px;border:1px solid #e1251b;background:#fff;color:#e1251b;font-size:14px;border-radius:4px;cursor:pointer;}
.sp-loadmore button:hover{background:#fdecee;}
.sp-loadmore button[disabled]{color:#999;border-color:#ddd;background:#f7f7f7;cursor:default;}
.sp-loading{text-align:center;color:#999;font-size:13px;padding:16px 0;}

@media (max-width:560px){
    .sp-banner .sp-banner-fallback b{font-size:22px;}
    .sp-banner .sp-banner-fallback span{font-size:13px;}
    .sp-sort-count{margin-left:0;margin-top:6px;}
}