/*@charset utf-8;*/

/* body{ background: #fff; } */



.crumbs { line-height: 24px; background: #fff; color: #666; margin: 7px auto 1px; padding: 8px 16px 4px; position: relative; }

.crumbs ul { width: 1052px; float: left; word-break: break-all; }

.crumbs ul li { display: inline-block; float: left; margin: 0 5px 5px; font-family: "宋体"; }

.crumbs ul li.li_in { height: 22px; line-height: 22px; border: solid 1px #ddd; padding: 0 0 0 5px; border-radius: 5px; }

.crumbs ul li.li_in i { display: block; width: 22px; height: 22px; line-height: 23px; float: right; *float: none; text-align: center; color: #ea5413; font-family: "宋体"; font-size: 14px; *position: absolute; top: 0; *right: 0; }

.crumbs ul li.li_in:hover { border: solid #ea5413 1px; cursor: pointer; }

.crumbs ul li.li_in:hover i { color: #FFF; background: #ea5413; }

.crumbs ul li.li_in span { color: #ea5413; padding: 0 8px 0 0; cursor: pointer; }

.crumbs ul li.li_in span.s_on { background: url(../images/list/ico_close_on.png) no-repeat center right; }

.crumbs #a_clear_all { display: block; padding: 0 10px; height: 22px; line-height: 23px; text-align: center; letter-spacing: -1px; color: #666;

    position: absolute; right: 16px; top: 8px; border: solid #ccc 1px; border-radius: 5px; }

.crumbs #a_clear_all:hover, .crumbs #a_clear_all.aca_on { border: solid #ea5413 1px; background: #fff; color: #EA5413; }

.crumbs ul li.omit_tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; line-height: 24px; display: inline-block; *float: left; }

.search_s { position: relative; }

.searchBtn[type="text"] { width: 138px; height: 22px; line-height: 22px; padding: 0 10px; border: 1px solid #ccc; border-radius: 5px; }

.search_ic { position: absolute; right: 5px; *right: 10px; top: 4px; cursor: pointer; background: url(../images/pub/brandSearch_ic.png) no-repeat center center; width: 16px; height: 16px; display: block; }

.search_sort_m { width: 1200px; margin: 0 auto 10px; position: relative; background: #FFF; clear: both; z-index: 4; }

.s_s_m_b { border-bottom: 1px #eee solid; width: 1200px; float: left; color: #999; background: #fff; }

.no_btLine { border-bottom: none; }

.s_s_m_b dt { float: left; width: 64px; height: auto; vertical-align: middle; text-align: right; padding: 10px 4px; color: #666; line-height: 24px; }

.s_s_m_b dd { float: left; width: 1095px; background: #FFF; border-left: 1px solid #eee; position: relative; padding: 10px 16px; white-space: nowrap; }

.s_s_m_c li { float: left; height: 24px; line-height: 24px; vertical-align: middle; margin: 0 10px 0 0; }

.s_s_m_b li a { color: #666; padding: 0 12px; height: 24px; line-height: 24px; display: inline-block; border-radius: 5px; }

.s_s_m_c li a:hover { background: #ea5413; color: #FFF; }

.s_s_m_c li .m_cu { background: #ea5413; color: #FFF; padding: 0 6px; line-height: 24px; height: 24px; display: inline-block; border-radius: 5px; }

.pay_in, .pay_in[type="text"] { border: 1px #ccc solid; width: 64px; font-size: 12px; padding-left: 12px; margin: 0 6px; height: 22px; line-height: 22px; vertical-align: middle; border-radius: 5px; }

.pay_ok, .pay_default { padding: 0 10px; background: #fff; cursor: pointer; vertical-align: middle; height: 24px; border-radius: 5px; border: 1px solid #ea5413; color: #ea5413; }

.pay_default { border-color: #ccc; color: #ccc; cursor: default; }

.pay_ok:hover { background: #EA5413; color: #fff; }

.pay_in:focus { border: 1px #EA5413 solid; }

.d-close { padding: 2px; background: #ea5413; color: #fff; border-radius: 50%; margin: 0 2px 0 5px; visibility: hidden; }

.crumbs ul li.dropSelect:hover .d-close { visibility: visible; }

/*其他分类*/

.other_list { position: relative; margin: 0 -16px; }

.other_list ul { }

.other_list li { height: 44px; line-height: 44px; border: 1px solid transparent; margin: -11px 0; }

/*:hover*/

.other_list li:hover { display: block; border: 1px solid #ccc; border-bottom: none; }

.other_list li a { display: block; height: 44px; line-height: 44px; text-align: center; background: #fff; border-radius: 0;

}

.other_list li a span { min-width: 42px; overflow: hidden; display: inline-block; vertical-align: middle; }

.other_list li:hover a { color: #ea5413; background: transparent; border-bottom: 1px solid #fff; position: relative; left: 0; right: 0; z-index: 2; }

.arrow_tb_ic { width: 12px; height: 10px; display: inline-block; background: url(../images/pub/arrow_tb_ic.png) no-repeat; margin-left: 6px; }

.ic_arrowB { background-position: -3px 1px; *background-position: -3px -3px; }

.s_s_m_drop { width: 1104px; margin-left: -1px; border: 1px solid #ccc; background: #fff; transition: all ease 3s;

    position: absolute; left: 1px; top: 34px; display: none; z-index: 1; padding: 10px; }

/**/

.dropSelect:hover .dropSelectItem:after { content: ''; width: 100%; height: 2px; background: #fff; position: absolute; bottom: -1px; left: 0; z-index: 2; }

.other_list li a:after { bottom: -2px; }

.s_s_m_drop span { float: left; display: inline-block; height: 24px; line-height: 24px; border-radius: 5px; margin-bottom: 5px; margin-right: 10px; padding: 0 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.s_s_m_drop .tit { font-weight: bold; }

.s_s_m_drop span:hover { background: #EA5413; color: #fff; cursor: pointer; }

.s_s_m_drop .tit:hover { background-color: transparent; color: #666; cursor: default; }

.other_list li:hover .s_s_m_drop { display: block; }

.other_list li:hover .ic_arrowB { background-position: -3px -9px; *background-position: -3px -13px; }

/*品牌*/

/*.brandListBox { width: 1087px; }*/

.s_s_m_c .brandList { width: 1070px; height: 76px; position: relative; min-height: 76px; overflow: hidden; }

.s_s_m_c .brandList li { height: 45px; line-height: 45px; margin-right: 0; }

.s_s_m_c .brandList li a { padding: 0; height: 45px; }

.s_s_m_c .brandList li a:hover { background: transparent; }

.s_s_m_c .brandList li:nth-child(7n) { border-right: none; }

/*更多展示*/

.s_s_m_c .moreBrandList { width: 1087px; height: auto; position: absolute; z-index: 999; box-shadow: 2px 0 16px rgba(0, 0, 0, .3); background: #fff; max-height: 383px; overflow-y: auto; }

.s_s_m_c .moreStyleList, .s_s_m_c .moreSpaceList { margin: -11px -11px; padding: 10px; height: auto; position: absolute; border: 1px solid #eee; box-shadow: 2px 0 16px rgba(0, 0, 0, .3); z-index: 999; background: #fff; max-height: 383px; overflow-y: auto; }

.s_s_m_c .moreStyleList li, .s_s_m_c .moreSpaceList li { margin-bottom: 10px; }

.style_list, .spaceList { float: left; width: 946px; height: 24px; margin-right: 30px; overflow: hidden; }

.s_s_m_c .actions { position: absolute; right: 16px; top: 10px; min-width: 64px; }

.moreBrand, .pickBrand, .moreSelStyle, .moreSelSpace { border: 1px solid #ccc; color: #666; padding: 0 6px; display: block; height: 22px; line-height: 22px; border-radius: 5px; text-align: center; cursor: pointer; }

.menu_drop_arrow { background-position: -3px 0; *vertical-align: middle; }

.moreBrand:hover, .pickBrand:hover { border: 1px solid #ea5413; background: #fff; color: #ea5413; }

.moreBrand:hover .menu_drop_arrow { background-position: -3px -27px; }

.pickBrand .menu_drop_arrow { background-position: -3px -52px; }

.pickBrand:hover .menu_drop_arrow { background-position: -3px -10px; }

.moreSelStyle, .moreSelSpace { display: inline-block; *display: inline; *float: left; vertical-align: middle; }

.moreSelStyle:hover, .moreSelSpace:hover { border: 1px solid #ea5413; color: #ea5413; }

.s_s_m_c .style_list li a .check-ic, .s_s_m_c .spaceList li a .check-ic { margin-right: 5px; }

.s_s_m_c .style_list li a:hover, .s_s_m_c .spaceList li a:hover { background: transparent; color: #ea5413; }

.btn_bottom { text-align: center; padding: 14px 0 0; clear: both; }

.btn-cancel, .btn-define { width: 48px; height: 24px; margin: 0 10px; display: inline-block; background: #fff; font-size: 12px; text-align: center; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; }

.btn-cancel:hover { border-color: #ea5413; color: #ea5413; }

.btn-define { background: #ea5413; color: #fff; border-color: #ea5413; }

.btn-define:hover { background: #cc4910; color: #fff; border-color: #cc4910; }

.btn-define.disabled { border: 1px solid #DDD; background: #FFF; cursor: default; color: #CCC; }

/*.s_s_m_c .spaceList li { width: 100px; }*/



.s_s_m_c .spaceList li a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*下拉*/

.dropSelect { position: relative; z-index: 5; border: 1px solid #ddd; background: #fff; height: 22px; line-height: 22px; border-radius: 5px; }

.dropSelectItem { padding: 0 6px; border: none; cursor: pointer; }

.dropSelect_ic { background-position: -3px 0; }

.dropSelectCon { display: none; position: absolute; left: -1px; top: 22px; border: 1px solid #ddd; width: 510px; padding: 10px;

    background: #fff; line-height: 24px; border-radius: 5px; border-top-left-radius: 0; }

.dropSelectCon a { padding: 0 12px; height: 24px; line-height: 24px; display: inline-block; margin-bottom: 5px; border-radius: 5px; }

.dropSelectCon a.disabled { color: #999; }

.dropSelectCon a:hover { background: #ea5413; color: #FFF; }

.dropSelectCon a.disabled:hover { background: transparent; color: #999; cursor: default; }

.dropSelect:hover { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #fff; transition: all ease .5s; }

.dropSelect:hover .dropSelectCon { display: block; }

.dropSelect:hover .dropSelectItem .dropSelect_ic { background-position: -3px -10px; }

/*品牌加字母搜索*/



.s_s_m_b dd .sl_brandLetter { float: left; overflow: hidden; margin: 0 10px 10px 0; width: 832px; height: 32px; }

.s_s_m_b dd .sl_brandLetter li { float: left; height: 24px; line-height: 24px; border: 1px solid #fff; margin: 0; text-align: center; cursor: pointer; border-radius: 3px; }

.s_s_m_b dd .sl_brandLetter li.first { background: transparent; font-size: 12px; }

.s_s_m_b dd .sl_brandLetter li.cu, .s_s_m_b dd .sl_brandLetter li:hover { border-color: #EA5413; color: #fff; background: #EA5413; }

.s_s_m_b dd .sl_brandLetter li.last, .s_s_m_b dd .sl_brandLetter li:last-child { width: auto; padding: 0 4px; }

.s_s_m_b dd .sl__brandSearch { float: left; width: 168px; height: 24px; border: 1px solid #ccc; border-radius: 3px; }

.s_s_m_b dd .sl__brandSearch .searchipt { float: left; border: 0 none; width: 124px; height: 24px; line-height: 24px; padding: 0 10px; color: #999; font-size: 12px; border-radius: 5px; }

.s_s_m_b dd .sl__brandSearch i { float: left; width: 22px; height: 24px; background: url(../images/pub/brandSearch_ic.png) no-repeat center center; cursor: pointer; padding: 2px 0 0 2px; }

.s_s_m_b dd .actions { clear: both; }

/*收起+展开类别*/

.search_sort_m .s_s_m_b:last-child { border-bottom: 1px solid #ccc; }

.toggle-btn { background: #eee; width: 100%; height: 24px; line-height: 24px; text-align: center; clear: both; }

.toggle-btn span { background: #fff; color: #666; border: 1px solid #ccc; border-top: 1px solid #fff; margin-top: -2px; height: 24px; line-height: 24px; padding: 0 16px; *width: 100px; display: inline-block; cursor: pointer; }

.toggle-btn .expand:hover .menu_drop_arrow { background-position: -3px -27px; }

.toggle-btn span:hover { color: #ea5413; }

.toggle-btn .collapse .menu_drop_arrow { background-position: -3px -52px; }

.toggle-btn .collapse:hover .menu_drop_arrow { background-position: -3px -10px; }

/*-------排序--------*/

.arrow_1, .arrow_2, .tab_i1, .tab_i2, .tab_i3, .tab_i4 { background-image: url(../images/pub/tab_i.png); background-repeat: no-repeat; }

.s_tab_m { width: 1200px; height: 40px; line-height: 40px; vertical-align: middle; margin: 0 auto 16px; position: relative; background: #fff; z-index: 1; }

.tab_c { width: 230px; float: left; height: 40px; }

.tab_c .arrow_1 { width: 7px; height: 8px; display: inline-block; margin-left: 3px; vertical-align: middle; }

.tab_c .arrow_2 { width: 7px; height: 8px; display: inline-block; margin-left: 3px; vertical-align: middle; background-position: 0 -33px; }

.tab_c dd { width: 48px; border-right: 1px #E9E8E4 solid; height: 40px; text-align: center; float: left; display: inline-block; }

.tab_c dd.cu { background: #FFF; }

.tab_c dd.cu a { color: #ED500D; font-weight: bold; }

.tab_tip { width: 600px; float: left; height: 40px; }

.tab_tip em { display: inline-block; padding-left: 25px; margin-left: 10px; }

.tab_tip .tab_i1 { background-position: 0 -63px; }

.tab_tip .tab_i2 { background-position: 0 -105px; }

.tab_tip .tab_i3 { background-position: 0 -150px; }

.tab_tip .tab_i4 { background-position: 0 -189px; }

.tab_page { float: right; text-align: right; padding-right: 8px; color: #999999; }

.tab_page b { color: #ED500D; font-weight: normal; padding: 0 3px; }

.tab_page .tab_page_num { padding: 0 10px; }

.tab_page .tab_page_arrow_l { width: 21px; height: 21px; border: 1px #E6E6E6 solid; background: #ECECEC; display: inline-block; vertical-align: middle; line-height: 21px; text-align: center; }

.tab_page .tab_page_arrow_r { width: 21px; height: 21px; border: 1px #E6E6E6 solid; background: #ECECEC; display: inline-block; vertical-align: middle; line-height: 21px; text-align: center; }

.tab_page .tab_page_arrow_r a, .tab_page .tab_page_arrow_l a { color: #989898; display: inline-block; width: 21px; height: 21px; }

.tab_page .tab_page_arrow_r:hover, .tab_page .tab_page_arrow_l:hover { background: #fff; }

/*产品列表*/

.main_box { width: 1200px; margin: 0 auto 130px auto; position: relative; }

.hot_sale_con { width: 1198px; margin: 15px auto; overflow: hidden; height: auto; background: #FFF; border: #ccc solid 1px; border-top: 2px #4A4A4A solid; }

.hot_sale_con h4 { height: 30px; border-bottom: 2px #E5E5E5 solid; line-height: 30px; vertical-align: middle; }

.hot_sale_con h4 i { background: #4A4A4A; padding: 0 35px; height: 32px; display: inline-block; color: #FFF; font-size: 14px; font-weight: normal; float: left; }

.hot_sale_con h4 a { float: right; padding-right: 5px; color: #666; display: inline; }

.hot_sale_con ul { padding-top: 15px; }

.hot_sale_con li { float: left; width: 175px; height: 225px; margin-right: 12px; margin-bottom: 10px; margin-left: 12px; }

.hot_sale_con li p.t_1 { width: 175px; height: 14px; text-align: center; line-height: 14px; vertical-align: middle; overflow: hidden; margin-top: 10px; }

.hot_sale_con li p.t_2 { width: 175px; height: 16px; text-align: center; line-height: 16px; color: #888; vertical-align: middle; overflow: hidden; margin-top: 6px; }

.hot_sale_con li p.t_2 b { color: #7E1929; font-size: 12px; margin-left: 8px; }

.hot_sale_con li a { color: #383838 }

.hot_sale_con li a:hover { color: #ED5116 }

.hot_sale_con li img.img_size { width: 175px; height: 175px; }

.sort, .shop_list { width: 1200px; overflow: hidden; margin: 0 auto; }

.list_display { width: 100%; overflow: hidden; position: relative; margin: 0; padding: 0 }

.list_display .img_auto { position: relative; left: 50%; margin-left: -960px; }

.shop_list { }

.shop_list ul { width: 270px; height: 432px; float: left; background: #fff; display: inline-block; border: 1px #E8E8EA solid; margin-bottom: 30px; overflow: hidden; transition: all 0.5s ease-out; position: relative; }

.shop_list ul.box_1 { margin-right: 33px; }

.shop_list ul.box_2 { margin-right: 33px; }

.shop_list ul.box_3 { margin-right: 30px; }

.shop_list ul.box_4 { float: right; }

.shop_list li { width: 260px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.shop_list ul:hover { cursor: pointer; width: 270px; height: 432px; border: 1px #EA5413 solid; background: #f9f9f9; transition: all 0.4s ease-out; }

.shop_list li.shop_img { width: 268px; height: 270px; border: 1px #E8E8EA solid; position: relative; }

.shop_list li.shop_img img { width: 257px; height: 257px; }

.shop_list li.shop_img .img_box { width: 263px; height: 262px; border: 1px #fff solid; background: #F0F0F2; display: block; padding-left: 5px; padding-top: 6px; }

.shop_title { height: 18px; line-height: 18px; margin-top: 5px; padding: 5px; }

.shop_list li.shop_mes { font-size: 12px; color: #999; height: 18px; line-height: 18px; padding: 4px 5px; width: 260px; }

.shop_list li.shop_mes span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.shop_list li.shop_data { height: 18px; line-height: 18px; padding: 5px; }

.shop_list li.shop_data .red { color: #FA4609; font-size: 18px; float: left; }

.shop_list li.shop_data .org_price { text-decoration: line-through; color: #999; padding: 0 5px; float: left; }

.shop_list li.shop_data .comment { float: right; color: #999; }

.shop_list li.shop_data .comment i { margin-right: 10px; }

.shop_list li.shop_actions { padding: 6px 0 10px 10px; }

/*双11列表*/

.shop_list li.kh_actions { width: 270px; height: 32px; background: url(../images/pub/slist_dataBg.png) no-repeat; padding: 8px 0; *margin-bottom: -4px; overflow: hidden; }

.shop_list li.kh_actions .khPrice { padding: 0 8px; }

.shop_list li.kh_actions .khPrice p.dfjg { color: #fff; line-height: 16px; }

.shop_list li.kh_actions .khPrice p.khjg { color: #ffff00; line-height: 16px; }

.shop_list li.kh_actions .khPrice p.khjg span { }

.shop_list li.kh_actions .khPrice p.khjg em { font-size: 20px; }

.n_addCard2 { border: 1px solid #ff9503; background-color: #ff9503; border-radius: 3px; padding: 7px 5px; color: #fff; margin-right: 8px; display: inline-block; }

.shop_list li.kh_actions span.n_addCard2 .n_addCard_ic { background-position: 0 -72px; }

.n_addCard2:hover { background: #EA5413; border-color: #EA5413; }

/*双11列表end*/



.n_collect, .n_addCard, .n_buy { border: 1px solid #ccc; border-radius: 3px; padding: 7px 5px; color: #999; margin-right: 8px; display: inline-block; }

.newsList_ic { width: 16px; height: 16px; display: inline-block; background-image: url(../images/pub/newsList_ic.png); vertical-align: middle; margin-right: 6px; }

.n_collect_ic { background-position: 0 0; }

.n_addCard_ic { background-position: 0 -17px; }

.n_buy_ic { background-position: 0 -37px; }

.shop_list li.shop_actions span.n_collect:hover, .shop_list li.shop_actions span.n_selected { color: #ea5413; border: 1px solid #f29871; }

.shop_list li.shop_actions span.n_addCard:hover { color: #fff; background-color: #ff9503; border: 1px solid #ff9503; }

.shop_list li.shop_actions span.n_buy:hover { color: #fff; background-color: #ea5413; border: 1px solid #ea5413; }

.shop_list li.shop_actions span.n_collect:hover .n_collect_ic, .shop_list li.shop_actions span.n_selected .n_collect_ic { background-position: 0 -55px; }

.shop_list li.shop_actions span.n_addCard:hover .n_addCard_ic { background-position: 0 -72px; }

.shop_list li.shop_actions span.n_buy:hover .n_buy_ic { background-position: 0 -92px; }

.shop_data del { color: #999; margin-left: 10px; font-size: 14px }

.pro_brand_list { width: 1200px; overflow: hidden; margin: 0 auto; background-color: #FFF; }

.pro_brand_list .pro_brand_t { height: 60px }

.pro_brand_list_t { font-size: 16px; font-weight: 700; padding-top: 18px; display: block; width: 500px; float: left }

.page_tag { float: right; background: 0 0 #f3f3f3 100%; border: 1px solid #c9c9c9; border-radius: 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); color: #5a5269; font: bold 12px Arial, Helvetica, sans-serif; height: 24px; line-height: 24px; cursor: pointer; display: inline; zoom: 1; margin: 0 2px; padding: 0 9px }

.shop_onsale_c { width: 378px; height: 222px; float: left; border: 1px solid #EDEDEF; margin-right: 10px; margin-left: 8px; margin-bottom: 10px }

.shop_onsale { float: left }

.s_mod { width: 376px; height: 220px; position: relative; border: 1px solid #fff; background: #F0F0F0 }

.s_mod:hover { border: 1px solid #f70 }

.s_pic { width: 376px; height: 188px; overflow: hidden; position: relative }

.s_info { width: 373px; height: 24px; overflow: hidden; position: relative; margin-top: 5px; padding-left: 8px; zoom: 1; font-size: 15px }

.s_info_pms { filter: Alpha(opacity=80); background: #000; font-size: 14px; position: relative; margin-top: -26px; padding-right: 3px; zoom: 1; color: #fff; overflow: hidden }

.s_info_story { float: right; color: #fff; margin-top: 0; padding: 3px 0 3px 5px }

.s_info .s_info_story { filter: Alpha(opacity=60); background: rgba(0, 0, 0, .6); border-radius: 2px }

.s_info_pms .s_info_story { background: 0; filter: Alpha(opacity=100) }

.s_info_story span { position: relative \0; top: 1px }

.s_info_story:hover { color: #F3CFA2 }

.pro_order a, .shop_scrt_btns .btn_discount, .shop_scrt_btns .btn_price { width: 40px; height: 22px; padding-left: 7px; margin-right: 5px; float: left; display: inline; line-height: 22px; cursor: pointer }

.pro_option_btn, .pro_order a, .pro_items, .pro_items em, .pro_size dd .selected, .pro_soldout, .page_previous, .page_next, .shop_scrt_btns .btn_discount, .shop_scrt_btns .btn_price, .pro_list_time { background-image: url(../images/pub/list_imgs2.png); background-repeat: no-repeat }

.pro_onsale, .pro_list_data { background-image: url(../images/pub/list_imgs.png); background-repeat: repeat-x }

.pro_onsale:hover, .pro_wrap .selected03, .btn_showall:hover, .show_all .selected, .shop_scrt_btns .selected03 { border: 1px solid #f70; color: #f70 }

.pro_onsale { width: 100px; height: 20px; padding: 0 5px; display: block; border: 1px solid #DBD7D9; background-position: 0 -318px; line-height: 20px; text-align: center; cursor: pointer }

.pro_order a, .shop_scrt_btns .btn_discount, .shop_scrt_btns .btn_price { width: 40px; height: 22px; padding-left: 7px; margin-right: 5px; float: left; display: inline; line-height: 22px; cursor: pointer }

.pro_order i { float: left; line-height: 22px }

.btn_discount { background-position: -300px 0 }

.btn_discount:hover, .selected01, .shop_scrt_btns .selected01 { background-position: -300px -50px; color: #f70 }

.btn_price:hover, .selected02, .shop_scrt_btns .selected02 { background-position: -350px -50px; color: #f70 }

.btn_price { background-position: -350px 0 }

.shop_mix_type, .shop_mix_type a, .shop_sorting, .shop_sorting a { color: #787878 }

.shop_mix_type a:hover, .shop_mix_type .selected { color: #f70 }

.shop_mix_type { border-top: 1px dotted #C9C9C9; line-height: 24px; color: #787878; width: 1000px; margin: 0 auto; overflow: hidden; background-color: #FFF; zoom: 1 }

.shop_mix_type dt, .shop_mix_type dd { padding: 5px 0 }

.shop_mix_type dd { zoom: 1 }

.shop_mix_type dd a { padding-right: 30px }

.shop_mix_type dd .title { width: 100px; overflow: hidden; white-space: nowrap; word-break: break-all }

.shop_mix_brand { width: 890px }

.shop_sorting { padding: 20px 0; border-top: 1px dotted #C9C9C9; width: 1000px; margin: 0 auto; overflow: hidden; background-color: #FFF; zoom: 1 }

.shop_scrt_btns a { margin-right: 5px; float: left; display: inline; cursor: pointer }

.s_pro_items { width: 220px; margin: 0 40px 30px 0; float: left; display: inline; color: #f70; overflow: hidden }

.s_pro_items dl { width: auto; margin: 0; float: none; display: block }

.s_pro_items dl:hover { border: 1px solid #DA1E82 }

.pro_list_time { width: 135px; height: 16px; padding-left: 30px; margin: 10px auto 0; background-position: -980px -69px }

/*--------------*/

.brand_top_mani { margin: 0 auto; width: 100%; overflow: hidden; position: relative; background: #000000; }

.brand_top_mani img { position: relative; left: 50%; margin-left: -960px; }

/**/

.noshop_list_tips { padding: 138px 0; text-align: center; font-size: 14px; color: #666; background: #fff; }

/*活动预告提示*/

.atvTips, .atvTips-ms { position: absolute; bottom: 44px; left: 0; right: 0; z-index: 9; height: 32px;

    line-height: 32px;

    background: #8a00ff; color: #fff; padding: 0 12px; overflow: hidden; white-space: nowrap;

    text-overflow: ellipsis; text-align: center; }

.atvTips em { height: 24px; }

.nhjTxt { color: #c30804; }

/*秒杀*/

.atvTips-ms { background: #922bff; text-align: center; }

.atvTips-ms em { color: #fff100; }

/*活动开始*/

.goodsListBox li .info .kh_actions { display: none; width: 248px; height: 32px; background: url(../images/pub/slist_dataBg_201912FX121225.png?201912FX121225) no-repeat; padding: 8px 0; overflow: hidden; margin-left: -19px; margin-top: 12px; margin-bottom: -16px; }

.goodsListBox li .info .kh_actions .khjg { color: #fff; line-height: 32px; padding: 0 10px; }

.goodsListBox li .info .kh_actions .khjg em { color: #fff; }

.goodsListBox li .info .kh_actions .khjg i { font-size: 20px; font-weight: bold; }

.goodsListBox li.dbsled .kh_actions { display: block; }

.goodsListBox li.dbsled .info .g-price .g-priceLeft .atvPrice { display: none; }

.goodsListBox li.dbsled .info .atvMark { display: none; }

.goodsListBox li.dbsled .info .g-price { height: 29px; }

.goodsListBox li.dbsled-ms .kh_actions { display: block; }

.goodsListBox li.dbsled-ms .info .kh_actions { background: url(../images/pub/ms_slist_dataBg.png?201912FX121225) no-repeat; }

.goodsListBox li.dbsled-ms .info .g-price .g-priceLeft .atvPrice { display: none; }

.goodsListBox li.dbsled-ms .info .atvMark { display: none; }

.goodsListBox li.dbsled-ms .info .g-price { height: 29px; }

.addcardBtn2 { color: #8a00ff; background-color: #ffd400; border: 1px solid #ffd400; font-size: 14px; padding: 5px 10px; line-height: normal; cursor: pointer; }

.addcardBtn2:hover { color: #8a00ff; background: #ebc300; border-color: #ebc300; }

.goodsListBox li.dbsled-ms .info .addcardBtn2 { color: #922bff; background-color: #fafa16; border-color: #fafa16; }

.goodsListBox li.dbsled-ms .info .addcardBtn2:hover { color: #922bff; background-color: #fae716; border-color: #fae716; }

/*品牌加字母搜索-end*/



/*============================================================

========================排序+产品列表17.5.26

============================================================*/

/*排序*/

.goodsSort { height: 24px; line-height: 24px; background: #fff; padding: 8px 0; margin: 0 auto 10px; }

.goodsSort dl { margin-left: 16px; float: left; }

.goodsSort dl dd { float: left; font-size: 14px; padding: 0 8px; border-radius: 5px; margin-right: 8px; cursor: pointer; z-index: 1; }

.goodsSort dl dd.cu { background: #EA5413; color: #fff; }

.sortSelect { float: left; }

.sortSelect li { float: left; cursor: pointer; margin-right: 24px; font-size: 14px; }

.sortSelect li i { vertical-align: -4px; *vertical-align: middle; }

.sortSelect li span { margin-left: 5px; vertical-align: middle; }

.sortSelect li.selected i, .style_list li.selected i, .spaceList li.selected i { background-image: url("../images/pub/check-icH.png"); }

.sortPage { float: right; margin-right: 16px; position: absolute; right: 0; top: 10px; }

.sortPage .totalPage { margin: 0 10px; color: #666; float: left; }

.ipt48 { width: 48px; text-align: center; vertical-align: middle; border: 1px #ccc solid; height: 22px; line-height: 22px; border-radius: 5px; }

.ipt48:focus { border: 1px #EA5413 solid; }

.btn-ok { padding: 0 10px; background: #fff; cursor: pointer; vertical-align: middle; height: 24px; line-height: 24px; border-radius: 5px; border: 1px solid #ccc; color: #666; }

.btn-ok:hover { background: #EA5413; border: 1px solid #EA5413; color: #fff; }

.hasDropList { position: relative; }

.hasDropList .trigger { border: 1px solid #fff; border-bottom: none; padding: 0 10px 8px; background: #fff; }

.hasDropList .dropList { display: none; border: 1px solid #ccc; position: absolute; left: 8px; top: 28px; background: #fff; padding: 8px 12px 8px; width: 105px; }

.hasDropList .dropList li { line-height: 24px; margin-bottom: 5px; }

.hasDropList .dropList li:hover { color: #ea5413; }

.hasDropList:hover .trigger { border-color: #ccc; position: relative; z-index: 2; }

.hasDropList:hover .dropList { display: block; }

.sortSlide { display: inline; float: left; }

.sortSlide .prev, .sortSlide .next { float: left; font-family: "宋体"; color: #000; width: 24px; height: 24px; line-height: 27px; vertical-align: middle; text-align: center; cursor: pointer; }

.sortSlide .default { color: #ccc; cursor: default; }

.sortSlide .hd, .sortSlide ul { float: left; }

.sortSlide .hd { padding: 0 5px; }

.sortSlide ul li { float: left; display: inline; line-height: 24px; }

.sortSlide ul li.on { color: #ea5413; }

/*列表*/

.goodsListBox { margin-right: -24px; margin-bottom: 40px; overflow: hidden; }

.goodsListBox ul { margin-bottom: 40px; overflow: hidden; padding-bottom: 20px; }

.goodsListBox li { width: 252px; height: 440px; background: #fff; float: left; box-sizing: border-box; padding: 11px; }

.goodsListBox li:hover{ box-shadow: 0px 4px 8px rgb(0 0 0 / 16%); position: relative; z-index: 2; }

.goodsListBox .all-icons{ z-index: 9; }

.goodsListBox li .g-slide { overflow: hidden; position: relative; }

.goodsListBox li .g-slide .slideBody { width: 230px; height: 230px; overflow: hidden; position: relative; }

.goodsListBox li .g-slide .slideBody li { width: 230px; height: 230px; float: left; padding: 0; }

.goodsListBox li .g-slide .slideBody img { width: 230px; height: 230px; }

.goodsListBox li .g-slide .slideSmall { position: relative; height: 34px; margin: 5px 0; overflow: hidden; }

.goodsListBox li .g-slide .slideSmall .g-arrow { width: 100%; }

.goodsListBox li .g-slide .slideSmall .g-arrow .prev, .goodsListBox li .g-slide .slideSmall .g-arrow .next { position: absolute; top: 8px; cursor: pointer; width: 16px; height: 16px; color: #666; font-family: \5B8B\4F53; font-size: 18px; text-align: center; display: inline-block; }

.goodsListBox li .g-slide .slideSmall .g-arrow .prev { left: 0; }

.goodsListBox li .g-slide .slideSmall .g-arrow .next { right: 0; }

.goodsListBox li .g-slide .slideSmall .slideHead { position: absolute; left: 16px; right: 16px; margin: 0; }

.goodsListBox li .g-slide .slideSmall .slideHead li { width: auto; margin: 0 2px; height: 34px; float: left; border: 1px solid #fff; cursor: pointer; padding: 0; }

.goodsListBox li .g-slide .slideSmall .slideHead li img { width: 32px; height: 32px; }

.goodsListBox li .g-slide .slideSmall .slideHead li.on { border: 1px solid #EA5413; }

.goodsListBox li .info { padding: 0 10px 16px; }

.goodsListBox li .info .title, .goodsListBox li .info .data { height: 20px; line-height: 20px; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.goodsListBox li .info .data { color: #aaa; }

.goodsListBox li .info .g-price { color: #aaa; height: 46px; position: relative; }

.goodsListBox li .info .g-price .g-priceLeft { float: left; position: absolute; bottom: 5px; left: 0; }

.goodsListBox li .info .g-price .g-priceLeft .atvPrice span { color: #EA5413; }

.goodsListBox li .info .g-price .g-priceLeft .atvPrice span em { font-size: 20px; font-weight: bold; }

.goodsListBox li .info .g-price .g-priceLeft .savePrice { color: #EA5413; }

.g-priceRight { float: right; position: absolute; bottom: 5px; right: 0; }

.goodsListBox li .info .g-price .amount { float: right; position: absolute; bottom: 5px; right: 0; }

.goodsListBox li .info .g-price .g-priceRight .amount { bottom: 15px; width: 100px;

    text-align: right;

}

.ystTime { float: right; color: #ea5413; }

.atvMark { height: 16px; }

.atvMark .left { float: left; }

.atvMark .right { float: right; position: relative; }

.service01-ic { width: 16px; height: 16px; line-height: 16px; display: inline-block; background: #f71d1c; color: #fff; border-radius: 2px; text-align: center; vertical-align: middle; }

.service01-ic { background: #ea5413; }

.atvMark i, .atvMark img { margin-right: 2px; }

.themeAtv-ic { width: auto; height: 16px; line-height: 16px; padding: 0 8px; display: inline-block; background: #ddb600; color: #fff; border-radius: 2px; text-align: center; vertical-align: middle; }

/*服务保障图标加hover说明*/

.serviceIcon { display: inline; float: left; }

.serviceIconHover { display: none; position: absolute; right: -4px; top: 30px; z-index: 2; width: 252px; height: 16px; line-height: 16px; background-color: #fff; border: 1px solid #ccc; padding: 7px; }

.serviceIconHover i { vertical-align: middle; float: left; display: block; }

.serviceIconHover .txt { padding-left: 4px; display: block; height: 16px; vertical-align: middle; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.serviceIcon:hover .serviceIconHover { display: block; }

.pn_arrow, .pn_arrowT s, .pn_arrowB s { position: absolute; left: 70px; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 12px; }

.pn_arrowT { border-top-color: #ccc; border-top-style: solid; bottom: -24px; left: 70px; }

.pn_arrowT s { border-top-color: #fff; border-top-style: solid; bottom: -11px; left: -12px; }

.pn_arrowB { border-bottom-color: #ccc; border-bottom-style: solid; top: -24px; left: 176px; }

.pn_arrowB s { border-bottom-color: #fff; border-bottom-style: solid; top: -11px; left: -12px; }

.moreProduct, .getToFooter { font-size: 14px; color: #666; padding: 16px 0; text-align: center; cursor: pointer; }

.moreProduct i { background-position: -3px -1px; }

.moreProduct:hover i { background-position: -3px -28px; }

.moreProduct:hover { color: #EA5413; }

/*冻结排序显示-滚动页面固定在头部*/

.fixedSortTop { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; }

/*.freezeSortWrap .search_sort_m{margin-bottom: 0;}*/

.fixedSortTop .search_sort_m { margin-bottom: 0; width: 100%; }

.fixedSortTop .fixedGoodsSort { box-shadow: 4px 0 8px rgba(0, 0, 0, .16); background: #fff; }

.crumbsFilter { float: right; margin-right: 16px; display: none; }

.fixedSortTop .crumbsFilter { display: block; }

.dropFilter, .pickFilter { color: #666; cursor: pointer; }

.dropFilter i { background-position: -3px -1px; }

.dropFilter:hover i { background-position: -3px -28px; }

.pickFilter i { background-position: -3px -10px; }

.dropFilter:hover, .pickFilter { color: #ea5413; }

/*分页*/



.page_num_main { text-align: center; margin-top: 20px; margin-bottom: 40px; clear: both; }

.page_num_main ul { list-style: none; zoom: 1; margin: 0 auto; }

.page_num_main ul b { color: #999; }

.page_num_main li { cursor: pointer; display: inline; width: auto; float: none; margin: 0; background: transparent; }

.page_num li { color: #ddd; padding: 0; }

.page_num li a { font-size: 14px; background: #fff; display: inline-block; border: 1px solid #ccc; height: 30px; line-height: 30px;

    vertical-align: middle; padding: 0 12px; margin: 0 2px; border-radius: 3px; }

.page_num li a:hover { border-color: #ea5413 }

.page_num li a.current { background-color: #ea5413; color: #FFF; border-color: #ea5413; }

.page_num span { display: inline-block; margin-left: 16px; font-size: 14px; color: #999; }

.num_data, .num_data[type="text"], .num_but { width: 40px; height: 30px; line-height: 30px; margin: 0 5px; padding: 5px 0; vertical-align: middle; text-align: center; display: inline-block; border: 1px solid #ccc; border-radius: 3px; }

.num_data, .num_data[type="text"] { height: 20px; line-height: 20px; }

.num_but { width: 48px; background: #fff; padding: 0; }

.num_but:hover { background: #ea5413; color: #fff; border: 1px solid #ea5413; }

/*======================================================

========================团购列表

========================================================*/



.atv_banner {

    margin: 0 auto;

    width: 100%;

    height: 420px;

    overflow: hidden;

    position: relative;

}

.atv_banner img { position: relative; left: 50%; margin-left: -960px; max-width: none; }

.group_banner .header_cl_con li { background: #ccc; }

.group_banner .header_cl_con li.cu { background: #f61d1d; }

.groupHead { width: 100%; height: 48px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }

.groupHead ul { overflow: hidden; margin-right: -2px; }

.groupHead li { float: left; width: 599px; background: #aaa; color: #fff; margin-right: 2px; line-height: 48px; text-align: center; font-size: 20px; cursor: pointer; }

.groupHead li.cu { background: #cc1818; }

.groupTime { padding: 16px 16px 20px; background: #cc1818; color: #fff; }

.saveTime { width: 588px; height: 56px; line-height: 56px; text-align: center; background: #fff; color: #f61d1d; margin: 0 auto 16px; border-radius: 5px; font-size: 16px; }

.saveTime .time { display: inline-block; *display: inline; }

.saveTime .time .num { width: 40px; height: 37px; line-height: 37px; font-size: 24px; color: #000; display: inline-block; vertical-align: middle;

    background: url("../images/list/time_ic.png") no-repeat center center; }

.saveTime .time em { padding: 0 6px; }

.groupProcess { font-size: 14px; text-align: center; }

.groupProcess li { display: inline-block; *display: inline; padding: 0 16px; }

.groupProcess li em { font-size: 18px; }

/*列表*/

.groupList { padding: 24px 0; overflow: hidden; }

.groupList ul { margin-right: -24px; overflow: hidden; }

.groupList li { float: left; width: 384px; margin-right: 24px; margin-bottom: 24px; background: #fff; }

.groupList li .pic { width: 336px; height: 336px; margin: 24px auto 16px; position: relative; }

.groupList li .pic img { width: 336px; height: 336px; }

.groupList li .info { width: 336px; margin: 0 auto 16px; overflow: hidden; }

.groupList li .info .title, .groupList li .info .data { font-size: 14px; margin-bottom: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.groupList li .info .data { color: #999; margin-bottom: 10px; font-size: 12px; }

.groupList li .info .progress .progress-bar .progress-bar-outer { background: #e5e5e5; }

.groupList li .info .progress .progress-bar .progress-bar-outer .progress-bar-inter { background: #f61d1d; }

.groupList li .action { height: 64px; background: #f61d1d; color: #fff; }

.groupList li .action .allPrice { float: left; margin-left: 12px; }

.groupList li .action .allPrice .salePrice { height: 64px; line-height: 64px; float: left; font-size: 16px; }

.groupList li .action .allPrice .salePrice em { font-size: 32px; }

.groupList li .action .allPrice .right { float: left; padding: 10px; line-height: 18px; }

.groupList li .action .allPrice .right .savePrice { display: inline-block; padding: 1px 5px; background: #fff; border-radius: 5px; margin-top: 4px; color: #f61d1d; }

.groupBtn { position: relative; background: #ffe33f; color: #f61d1d; height: 64px; line-height: 64px; text-align: center; width: 72px; font-size: 18px; padding: 0; border-radius: 0; }

.groupBtn:before { content: ''; position: absolute; top: 0; left: -25%; margin-left: -6px; border-width: 32px 12px; border-color: transparent; border-style: dashed; border-right-color: #ffe33f; border-right-style: solid; }

.groupBtn:hover, .groupBtn:active, .groupBtn:focus { background: #f5d000; color: #f61d1d; padding: 0; }

.groupBtn:hover:before { border-right-color: #f5d000; }

.hotTag { width: 96px; height: 96px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -48px; margin-top: -48px;

    background: url(../images/list/hotTag.png) no-repeat center center; }

/*预告*/

.groupHead li.cu2 { background: #1abc9c; }

.noticeGroupTime { background: #1abc9c; display: none; }

.noticeGroupList li .action, .noticeGroupList li .progress-bar { background: #1abc9c; }

.noticeGroupList { display: none; }

/*团购hover预告*/

.groupWrapper.hover .groupHead li.cu { background: #cc1818; }

.groupWrapper.hover .groupHead li { background: #1abc9c; }

.groupWrapper.hover .groupTime { display: none; }

.groupWrapper.hover .groupTime.noticeGroupTime { display: block; }

.groupWrapper.hover .groupList { display: none; }

.groupWrapper.hover .groupList.noticeGroupList { display: block; }

/*.groupWrapper.hover .groupTime,.groupWrapper.hover .groupTime li .action{background: #1abc9c;}*/



/*======================================================

========================特卖列表

========================================================*/

.hotList { overflow: inherit; }

.hot_banner .header_cl_con li { background: #ccc; }

.hot_banner .header_cl_con li.cu { background: #e00999; }

.hotList li .time { color: #d00e9b; line-height: 24px; font-size: 14px; }

.hotList li .time span { width: 24px; height: 24px; background: #d00e9b; border-radius: 5px; display: inline-block; color: #fff; text-align: center; margin: 0 5px; }

.hotList li .action { position: relative; background: #eee url("../images/list/hot_bottomBg.jpg") no-repeat; width: 384px; height: 64px; }

.hotList li .action .allPrice .right .savePrice { background: #9920f5; color: #fff; }

.hotBtn { position: absolute; right: -14px; bottom: -10px; width: 46px; height: 48px; background: url("../images/list/hot_btn.png") no-repeat;

    color: #fff; text-align: center; font-size: 18px; padding: 20px 21px; letter-spacing: 4px; line-height: 24px; }

.hotBtn:hover, .hotBtn:active, .hotBtn:focus { color: #fff; }

/*进度条*/



.processBox { position: relative; }

.processBox .progress { background: #eee; height: 12px; border-radius: 4px; margin-bottom: 5px; overflow: hidden; }

.processBox .progress .progress-bar { height: 12px; line-height: 12px; background: #cc1818; border-radius: 4px; }

.processBox .txt { line-height: 30px; }

.processBox .per { position: absolute; top: -6px; right: -40px; color: #ea5413; }

/*分页*/



.page { text-align: center; height: 32px; line-height: 32px; margin: 20px auto; }

.page a { padding: 0 5px; min-width: 24px; color: #999; background: #fff; border: 1px solid #ccc; height: 30px; display: inline-block; margin: 0 5px; border-radius: 3px; }

.page a:hover, .page a.cu { background: #ea5413; color: #fff; border: 1px solid #ea5413; }

/*======================================================

========================品牌街

========================================================*/



.ppj-banner { margin: 0 auto;

    width: 100%; height: 575px;

    overflow: hidden;

    position: relative; z-index: 2; }

.ppj-banner img { position: relative;

    left: 50%;

    margin-left: -960px; max-width: none; overflow: hidden; }

.fr-pos { position: absolute; right: 0; bottom: 4px; }

.selectedNum { margin-right: 16px; line-height: 24px; color: #666; float: left; }

.selectedNum em { color: #cc3f29; }

.zhanDrop { position: relative; float: left; margin-right: 16px; z-index: 4; }

.zhanDrop .zhanBtn { padding: 0 10px; background: #fff; border: 1px solid #ea5413; color: #ea5413; line-height: 24px; height: 24px; display: block; border-radius: 5px; cursor: pointer; }

.zhanDown { display: none; position: absolute; top: 25px; z-index: -1; right: 0; width: 420px; min-height: 200px; max-height: 268px; overflow-y: auto; padding: 16px; line-height: 24px; font-size: 14px; color: #666; background: #fff; border: 1px solid #ea5413; }

.zhanDrop:hover .zhanBtn { border-bottom: 1px solid transparent; border-radius: 5px 5px 0 0; }

.zhanDrop:hover .zhanDown { display: block; }

/**/

.brandStreet_classfy { padding: 24px 0 16px; min-height: 120px; position: relative; margin-top: -64px; *z-index: 9; }

.brandStreet_classfy_fixed { position: fixed; *position: absolute;

    left: 0; right: 0; top: 0; box-shadow: 2px 2px 7px rgba(6, 0, 1, 0.35); z-index: 99; }

.ppj_tab { margin: 0 auto; width: 1200px; background: #fff; }

.ppj_tab .ppj_title { position: relative; z-index: 3; }

.ppj_tab .ppj_title ul { padding-left: 24px; padding-top: 16px; overflow: hidden; }

.ppj_tab .ppj_title li { height: 38px; line-height: 38px; margin-right: 2px; padding: 0 28px; float: left; text-align: center; font-size: 16px;

    border: 1px solid #ccc; color: #666; border-radius: 5px 5px 0 0; cursor: pointer; }

.ppj_tab .ppj_title li.cu { color: #fff; border: 1px solid #cc3f29; background: #cc3f29; }

.ppj_tab .ppj_info { padding: 16px 16px 0 16px; border-top: 1px solid #cc3f29; overflow: hidden; margin-top: -1px; }

.ppj_tab .style_info { padding: 16px 16px 0 16px; }

.ppj_tab .ppj_info .title { float: left; font-size: 14px; line-height: 32px; }

.ppj_tab .ppj_info .title em { color: #cc3f29; font-size: 14px; }

.ppj_tab .ppj_info .letter { float: left; }

.ppj_tab .ppj_info .letter li { display: inline-block; *display: inline; height: 32px; line-height: 32px;

    text-align: center; margin: 0 1px 16px 0; cursor: pointer; }

.ppj_tab .ppj_info .style_letter li { margin-right: 16px; }

.ppj_tab .ppj_info .letter li a { display: inline-block; padding: 0 10px; min-width: 12px; *margin-bottom: 16px; font-size: 14px; background: #eee; color: #666; border-radius: 5px; }

.ppj_tab .ppj_info .letter li.cu a, .ppj_tab .ppj_info .letter li:hover a { background: #cc3f29; color: #fff; border-radius: 5px; }

/*品牌列表*/

.ppjTab_main { margin: 0 0 24px; *overflow: hidden; }

.ppjTab_main ul { margin-right: -24px; *overflow: hidden; }

.ppjTab_main li { position: relative; margin-right: 24px; margin-bottom: 24px; float: left; }

.ppjTab_main li .bandBg { width: 588px; height: 330px; background: #fff; display: block; overflow: hidden; }

.ppjTab_main li .bandBg img { width: 588px; height: 330px;

}

.ppjTab_main li:hover .bandBg img { filter: blur(2px);

    -webkit-filter: blur(2px);

    -ms-filter: blur(2px);

    -moz-filter: blur(2px);

}

.ppjTab_main li .info { position: absolute; bottom: 24px; left: 50%; margin-left: -166px;

    width: 332px; height: 144px; background: url("../images/list/while_bg.png") no-repeat; }

.ppjTab_main li .info img, .bandHover .bandHoverBg .left img { /*max-width: 112px;height: 54px;*/

    margin: 0 auto;

    display: block;

    padding: 24px 0 8px; max-width: 100%; max-height: 54px; }

.ppjTab_main li .info h3, .ppjTab_main li .info p { text-align: center; padding: 0 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ppjTab_main li .info h3, .bandHover .bandHoverBg .left h3 { position: relative; font-size: 14px; line-height: 22px; }

.ppjTab_main li .info h3:after, .bandHover .bandHoverBg .left p:before { content: ''; position: absolute; left: 50%; margin-left: -55px; bottom: 0; width: 110px; height: 1px; background: #d5d4d3; }

.ppjTab_main li .info p, .bandHover .bandHoverBg .left p { color: #666; text-align: center; }

.ppjTab_main li .info p em, .bandHover .bandHoverBg .left p em { padding: 0 5px; }

.ppjTab_main li a:hover h3 { color: #333; }

/*hover*/

.bandHover { position: absolute; left: 73px; top: 24px;

    width: 442px; height: 282px; background-color: #fff; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; pointer-events: none;

    opacity: 0; filter: alpha(opacity=0);

}

/*.bandHover .bandHoverBg { width: 442px; height: 282px;

    background: rgba(255, 255, 255, .9);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#e5ffffff", endColorstr="#e5ffffff");

}*/

.bandHover .bandHoverBg .left { width: 136px; height: 258px; padding: 12px; background: #fff; float: left; }

.bandHover .bandHoverBg .left img { padding-bottom: 24px; padding-top: 30px; }

.bandHover .bandHoverBg .left h3, .bandHover .bandHoverBg .left p { text-align: center; line-height: 18px; max-height: 36px;

    overflow: hidden; text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2; }

.bandHover .bandHoverBg .left p { position: relative; padding-top: 10px; }

.bandHover .bandHoverBg .left p:before { top: 5px; }

.bandHover .bandHoverBg .left p { margin-bottom: 20px; }

.bandHover .bandHoverBg .left .center_block { padding-bottom: 24px; }

.goBtn { padding: 0 16px; height: 30px; line-height: 30px; text-align: center; background: #b11717; color: #fff; display: inline-block; margin: 0 auto; border-radius: 5px; }

.goBtn em { font-family: "宋体"; margin-left: 4px; }

.goBtn:hover, .goBtn:active, .goBtn:focus { background: #9c0d0d; color: #fff; }

.bandHList { float: left; width: 262px; margin: 8px; }

.bandHList li { float: left; margin: 8px; width: 117px; height: 117px; background: rgba(0, 0, 0, 0.1);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#19000000", endColorstr="#19000000");

    display: table-cell; line-height: 117px; text-align: center; overflow: hidden; position: static; }

.bandHList li img { margin: 0 auto; vertical-align: middle; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }

.bandHList li img:hover {

    -webkit-animation: blink 1s; animation: blink 1s }

@-webkit-keyframes blink {

    0% { opacity: 1 }

    50% { opacity: .7 }

    100% { opacity: 1 }

}

@keyframes blink {

    0% { opacity: 1 }

    50% { opacity: .7 }

    100% { opacity: 1 }

}

.ppjTab_main li:hover .bandHover {

    pointer-events: auto; opacity: 1;

    filter: alpha(opacity=100); }

.ppjTab_main li .bandHover .bandHoverBg .left h3, .ppjTab_main li .bandHover .info h3:after,

.ppjTab_main li .bandHover .bandHoverBg .left p:before,

.ppjTab_main li .bandHover .bandHoverBg .left p { opacity: 0; filter: alpha(opacity=0); }

.ppjTab_main li:hover .info h3, .ppjTab_main li:hover .bandHover .bandHoverBg .left h3, .ppjTab_main li:hover .info h3:after, .ppjTab_main li:hover .bandHover .bandHoverBg .left p:before,

.ppjTab_main li:hover .bandHover .bandHoverBg .left p { opacity: 1; filter: alpha(opacity=100); }

.ppjTab_main li .bandHover .bandHoverBg .left p:before { display: none; }

.ppjTab_main li:hover .bandHover .bandHoverBg .left p:before { display: block; }

.ppjTab_main li a:hover .bandBg { cursor: default; }

.mark { width: 138px; height: 125px; display: block; }

.docMarkL { position: absolute; left: -740px; bottom: -60px; background: url("../images/list/docMarkL.png") no-repeat; }

.docMarkR { position: absolute; right: -130px; bottom: -60px; background: url("../images/list/docMarkR.png") no-repeat; }

.d-loading2 { line-height: 24px; color: #666; padding: 24px 0; text-align: center; line-height: 28px; }

.d-loading2 i { background: url("../images/pub/loading2.gif") no-repeat; display: inline-block; width: 28px; height: 28px; margin-left: 10px; vertical-align: middle; }

.goodsListBox li .info .g-price .g-priceLeft .atvPrice img { max-width: none; width: 56px; height: 16px !important; margin-top: -7px; }

/*======================================================

========================品牌馆

========================================================*/

.ppg-banner { height: 500px; }

.brandHall { background: #f5f5f5; padding-bottom: 60px; }

.brandHall .brandStreet_classfy { margin-top: 10px; }

.brandHall .ppj_tab .ppj_info { border-top-color: #ccc; }

.brandHall .ppj_tab .ppj_title li.cu { background: #000; border-color: #000; }

.brandHall .ppj_tab .ppj_info .letter li.cu a, .brandHall .ppj_tab .ppj_info .letter li:hover a { background: #000; }

.brandHall .ppjTab_main li .brandBg img { width: 588px; height: 350px; }

.brandHall .ppjTab_main li .infoHall { text-align: center; width: 588px; }

.brandHall .ppjTab_main li .infoHall h3 { font-size: 16px; font-weight: normal; padding: 0 24px; overflow: hidden;

    white-space: nowrap; text-overflow: ellipsis; }

.brandHall .ppjTab_main li .infoHall .hLogo { border-top: 1px solid #ccc; width: 200px; margin: 0 auto; margin-top: 20px; }

.brandHall .ppjTab_main li .infoHall .hLogo img { margin-top: -25px; background: #fff; padding: 0 20px; max-width: 100px; }

.brandHall .ppjTab_main li .brandBg { position: relative; width: 588px; height: 350px; overflow: hidden; }

.brandHall .ppjTab_main li .brandHallHover { display: none; transition: all ease .3s; }

.brandHall .ppjTab_main li:hover .brandHallHover { display: block; position: absolute; left: 0; top: 0;

    background: rgba(0, 0, 0, .6);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#99000000", endColorstr="#99000000");

    width: 100%; height: 100%; line-height: 350px; text-align: center; }

.ppgBtn { line-height: 350px; margin: 0 auto; background: #ea5413; color: #fff; border-radius: 5px; display: inline-block; padding: 0 16px; line-height: 30px; }

.ppgBtn:hover { background: #cd4206; color: #fff; }

/*======================================================

========================设计品牌馆首页-18.4.20

========================================================*/

.ppg-banner .carousel-control { display: block; }

.ppg-banner-slide { width: 100%; height: 500px; }

.ppg-banner-slide .carousel-control { top: 50%; }

.ppg-banner-slide .carousel-indicators { bottom: 30px; }

.ppg-banner-slide .carousel-indicators li { width: 13px; height: 13px; border-radius: 50%; }

.controlCon { width: 1270px; margin: 0 auto; position: absolute;

    top: 50%; left: 50%;

    z-index: 999;

    margin-top: -35px; margin-left: -635px;

}

.controlCon a { width: 41px; height: 69px; line-height: 69px;

    border: none; border-radius: 3px; font-size: 36px; background: transparent; font-family: "宋体"; }

.controlCon a:hover { background: #222; }

.ppg-index-box { padding: 16px 0 0; width: 100%; }

.ppg-index-box:first-child { padding-top: 28px; }

.ppg-index-box .box-hd { margin: 0 0 12px; position: relative; }

.ppg-index-box .box-hd .title { font-size: 22px; font-weight: normal; }

.ppg-index-box .box-hd .more { position: absolute; right: 0; top: 0; line-height: 40px; font-size: 16px; color: #666; }

.ppg-index-box .box-hd .more-arrowR { width: 22px; height: 22px; line-height: 22px; background: #b0b0b0; color: #fff;

    font-size: 16px; font-family: "宋体"; text-align: center; display: inline-block; border-radius: 100%; margin-left: 6px; }

.ppg-index-box .box-hd .more:hover .more-arrowR { background: #ea5413; color: #fff; }

.ppg-index-box .box-hd .more:hover a { color: #ea5413; }

.slidePpgFloor { width: 234px; height: 614px; background: #fff; float: left; }

.carousel-inner > .item { -webkit-transition: all .2s linear;

    transition: all .2s linear; }

.shopWPpg { width: 234px; height: 614px; }

.ppg-index-box .box-bd .span16 { margin-left: 14px; float: left; }

.brick-list { width: 966px; margin: 0 0 -14px -14px; height: 614px; }

.brick-list li { position: relative;

    z-index: 1; float: left; width: 227px; height: 260px; padding: 20px 0; margin-left: 14px; margin-bottom: 14px; background: #fff;

    -webkit-transition: all .2s linear;

    transition: all .2s linear; }

.brick-list li .figure {

    width: 160px;

    height: 160px; line-height: 160px;

    text-align: center; margin: 0 auto 18px;

}

.brick-list li .figure img { vertical-align: middle; display: inline-block; max-width: 100%;

    max-height: 100%; }

.brick-list li .title { margin: 0 10px 2px; font-size: 14px; line-height: normal; font-weight: 400; text-align: center; }

.brick-list li .title a {

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    _zoom: 1;

}

.brick-list li .desc { margin: 0 10px 10px;

    height: 18px;

    font-size: 14px;

    text-align: center;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    _zoom: 1;

    color: #b0b0b0; }

.brick-list li .price {

    margin: 0 10px 14px; text-align: center;

    color: #ff6700; font-size: 14px;

}

.brick-list li:hover, .ppg-index-box .carousel-inner > .item:hover { z-index: 2;

    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);

}

.index_adv { overflow: hidden; clear: both; }

.index_adv.mb24 { margin-bottom: 18px; }

.index_adv ul { margin-right: -10px; overflow: hidden; }

.index_adv li { width: 595px; height: 120px; margin-right: 10px; float: left; background: #fff; }

.index_adv li img { width: 595px; height: 120px; }

/*======================================================

========================设计品牌馆列表页-18.4.20

========================================================*/

.goodsSort { position: relative; z-index: 2; }

.ppg-sort { padding: 22px 8px 6px 8px; background: #fff; margin: 14px 0; overflow: hidden; }

.ppg-sort li { position: relative; float: left; padding: 0 16px 16px 16px; font-size: 16px; }

.ppg-sort li.cu a { color: #ea5413; display: block; }

.ppg-sort li.cu a:after { content: ''; position: absolute; left: 12px; bottom: 12px; width: 74%; height: 2px; background: #ea5413; }

.brick-list-big { width: 1214px; height: auto; }

.brick-list-big li { width: 390px; height: 422px; padding: 34px 0; }

.brick-list-big li .figure { width: 300px; height: 300px; line-height: 300px; margin-bottom: 30px; }

.brick-list-big li .title { font-size: 20px; margin-bottom: 5px; }

.brick-list-big li .desc { font-size: 16px; margin-bottom: 24px; }

.brick-list-big li .price { font-size: 24px; }

.loading-none { text-align: center; margin: 30px 0 0; overflow: hidden; clear: both; }

.noneList-icon { width: 31px; height: 31px; display: block; margin: 0 auto 10px; text-align: center; background: url("../images/ppg/noneList-icon.png") no-repeat; }

.loading-none p { font-size: 16px; }





/*------------------------新增品牌信息介绍------------------------*/

.brandIntroduction { margin-bottom:8px;background: #fff; padding:8px 24px; overflow: hidden;}

.brandIntroduction .brandImg{ width:126px; height:48px; padding:16px 8px; border:1px solid #e5e5e5; display: inline-block;vertical-align: middle; margin-right:16px;}

.brandIntroduction .brandImg img{    height: 48px; line-height: 48px; text-align: center; display: block; max-width: 100%;max-height: 100%; margin: 0 auto; }

.brandIntroduction .mes{  width:988px;display: inline-block; vertical-align: middle;}

.brandIntroduction .mes .title{ font-size:16px; margin:10px 0; overflow: hidden; white-space:nowrap;text-overflow: ellipsis;}

.brandIntroduction .mes .content{ text-indent:2em; font-size:12px; color: #888; line-height:20px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}





/*-------------------------------橙色商品区------------------------------------*/



.cs-banner{margin: 0 auto;

    width: 100%;

    height: 420px;

    overflow: hidden;

    position: relative;

    z-index: 2;}

.cs-banner img{position: relative;

    left: 50%;

    margin-left: -960px;

    max-width: none;

    overflow: hidden;}



.cs-wrap{background: #f5f4eb;}

.orangeGoodsList{ padding-top:48px;}

.orangeGoodsList li{ height:440px;}

.orangeGoodsList li .info{ padding-top:12px;}

.orangeGoodsList .atvTips, .orangeGoodsList .atvTips-ms{ bottom:0;}

.orangeGoodsList li .info .kh_actions{ margin-top:3px;}





/*品牌添加多选*/

.s_s_m_b dd .sl_brandLetter{width: 784px;}

.s_s_m_c .brandSelect{ right:72px;}

.brandMultiple{ position: absolute; right:16px; top:10px;}



.moreSelBrand{border: 1px solid #ccc;

    color: #666;

    padding: 0 6px;

    display: block;

    height: 22px;

    line-height: 22px;

    border-radius: 5px;

    text-align: center;display: inline-block;

    vertical-align: middle;

    cursor: pointer;}

.moreSelBrand:hover{border: 1px solid #ea5413; color: #ea5413;}





.brandList li .check-ic{ display: none;}

.brandList.open li.selected .c_hover{ top:0;}

.brandList.open li .check-ic{ position: absolute; right:10px; top:10px;}

.brandList.open li:hover .check-ic{ display: block;}

.brandList.open li.selected .check-ic{ display: block;background-image: url(../images/pub/check-icH.png);}



.sl-brand-check { clear: both; padding-top: 24px; overflow: hidden; }

.sl-brand-check .tit { float: left; color: #999; line-height:24px; margin-top:2px;}

.sl-brand-check .info { *float: left; line-height:24px; margin-left:62px;}

.sl-brand-check .info li { float: left; cursor: pointer; margin-right: 24px; }

.sl-brand-check .info li i { vertical-align: middle; color: #ea5413; }

.sl-brand-check .info li span { vertical-align: middle; }

.sl-brand-check .info li:hover span { color: #ea5413; }

.sl-brand-check .info li.selected i{background-image: url(../images/pub/check-icH.png);}

.sl-brand-check .info li.selected span{color: #ea5413;}



/*-----------------------供应商服务-2020.11.6---------------------*/

.ico-arrowR{ width: 16px; height: 16px; display: inline-block; background: url(../images/pub/ico_arrowR.png) center center no-repeat; }

.ico-license{ width: 20px; height: 22px; display: inline-block; background: url(../images/pub/ico_license.png) center center no-repeat; }



.seller-header{ margin-bottom: 10px; color: #fff; height: 320px; background: #ef6220 url(../images/news_details/seller-headerBg.png) center center no-repeat; }

.seller-name{ font-size: 46px; margin-top: 48px; line-height: 1; }



.seller-license-box{ width: 30px; display: inline-block; position: relative; cursor: pointer; }

.seller-license-box .seller-license{ display: none; font-size: 12px; font-weight: normal; background: #fff; color: #aaa; height: 38px; line-height: 38px; border-radius: 38px; padding: 0 8px; position: absolute; left: 26px; bottom: 0; width: 90px; }

.seller-license-box:hover .seller-license{ display: block; }

.seller-license-box .seller-license span{ vertical-align: middle; }

.seller-license-box .seller-license .ico-license{ vertical-align: middle; margin-left: 2px; }



.seller-contact{ margin-top: 60px; }

.seller-contact img{ margin-bottom: 16px; }

.seller-contact p{ font-size: 16px; }

.seller-contact .phone{ font-size: 18px; font-weight: bold; margin-top: 6px; }





/* 大家都在搜 2020.5.12 */

.ico-refresh{ width: 16px; height: 16px; display: inline-block; background: url(../images/index/refresh_ic2.png) center center no-repeat; vertical-align: middle; }

.top-search .pane-head{ border-bottom: 1px #999 solid; overflow: hidden; padding-bottom: 8px; }

.top-search .pane-head .title{ font-size: 14px; }

.top-search .pane-head .refresh{ float: right; cursor: pointer; color: #666; }

.top-search .pane-body{ margin: 16px 0 24px; }

.top-search-goods{ overflow: hidden; margin-right: -24px; }

.top-search-goods li{ width: 180px; float: left; margin: 0 35px 35px 0; background: #fff; }

.top-search-goods li img{ width: 180px; height: 180px; }

.top-search-goods li .info{ padding: 5px 8px 16px; }

.top-search-goods li .info .data{ overflow: hidden; }

.top-search-goods li .info .data .price{ color: #FF5500; }

.top-search-goods li .info .data .amount{ float: right; color: #999; }

.top-search-goods li .info .title{ height: 30px; line-height: 14px; margin-top: 6px; color: #666; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }



.top-search-goods li .g-slide { overflow: hidden; position: relative; }

.top-search-goods li .g-slide .slideBody { width: 180px; height: 180px; overflow: hidden; position: relative; }

.top-search-goods li .g-slide .slideBody li { width: 180px; height: 180px; float: left; }

.top-search-goods li .g-slide .slideBody img { width: 180px; height: 180px; }

.top-search-goods li .g-slide .slideSmall { position: relative; height: 26px; margin: 5px; overflow: hidden; }

.top-search-goods li .g-slide .slideSmall .g-arrow { width: 100%; }

.top-search-goods li .g-slide .slideSmall .g-arrow .prev, 

.top-search-goods li .g-slide .slideSmall .g-arrow .next { position: absolute; top: 2px; cursor: pointer; width: 14px; color: #666; font-family: \5B8B\4F53; font-size: 16px; text-align: center; display: inline-block; }

.top-search-goods li .g-slide .slideSmall .g-arrow .prev { left: 0; }

.top-search-goods li .g-slide .slideSmall .g-arrow .next { right: 0; }

.top-search-goods li .g-slide .slideSmall .slideHead { position: absolute; left: 14px; right: 14px; }

.top-search-goods li .g-slide .slideSmall .slideHead li { width: auto; margin: 0 1px; height: 24px; float: left; border: 1px solid #fff; cursor: pointer; }

.top-search-goods li .g-slide .slideSmall .slideHead li img { width: 24px; height: 24px; }

.top-search-goods li .g-slide .slideSmall .slideHead li.on { border: 1px solid #EA5413; }



/* 满减优惠券 2022.06.22 */

.discount-coupon{ background: #FFF0D9; padding: 10px 0; color: #FFF0D9; }

.discount-coupon .container{ overflow: hidden; height: 84px; background: url(../images/userimg/coupon_bg.png) center center no-repeat; }

.discount-coupon .c-price{ padding: 16px 0 0 50px; line-height: 1; float: left; }

.discount-coupon .c-price .symbol{ vertical-align: 26px; padding-right: 4px; font-size: 16px; }

.discount-coupon .c-price strong{ font-size: 56px; }

.discount-coupon .c-info{ float: left; height: 84px; border-left: 1px #FFF0D9 dashed; padding-left: 20px; margin-left: 20px; }

.discount-coupon .c-info h2{ padding: 13px 0 6px; line-height: 1; font-size: 16px; }



.g-aside{ background: #fff; width: 200px; }

.g-aside .mt{ padding: 0 10px; position: relative; }

.g-aside .mt strong{ font-size: 14px; color: #666; line-height: 36px; }

.g-aside .mt em{ font-size: 12px; color: #ccc; position: absolute; top: 6px; right: 10px;opacity:0.5;transform: scale(0.7);}

.g-aside .mc{ padding: 16px; }

.ad-goods li{ margin-bottom: 32px; }

.ad-goods li .pic{ width: 168px; height: 168px; }

.ad-goods li .pic img{ width: 100%; height: 100%; }

.ad-goods li .info .priceCon{ color: #FF5500; font-weight: bold; }

.ad-goods li .info .title{ color: #999; line-height: 16px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }



.g-wrap{ width: 1008px; }



/*-----------------------自适应-2022.08.26---------------------*/

.header_top,

.header_nav2,

.header_mid,

.header_mainnav_con2{ width: 980px; }

.header_search{ margin-left: 220px; }

.header_snav2 > li > a{ padding: 0 5px; }



.footer_ico_list li{ width: 120px; margin: 48px 21px; }

.footer_help_list{ margin-right: 20px; }



.container{ width: 980px !important; }

.s_s_m_b,

.search_sort_m{ width: 980px; }

.s_s_m_b dt{ width: 96px; }

.s_s_m_b dd{ width: 843px; }

.s_s_m_b dd .sl_brandLetter{ width: 710px; }

.s_s_m_c .brandList{ width: 840px; overflow-y: scroll; }

.s_s_m_c .brandList li:nth-child(7n){ border-right: 1px solid #f2efed; }

.s_s_m_c .sl_brandSearch{ margin-bottom: 10px; }

.spaceList{ width: 693px; }

.crumbs ul{ width: 840px; }

.brandIntroduction .mes{ width: 768px; }

.g-wrap{ width: 756px; }

.top-search-goods li{ margin-right: 20px; }

.top-search-goods li:nth-last-child(1){ display: none; }

.top-search-goods li:nth-last-child(2){ display: none; }



.header_mid{height:100px;padding-top:0px;    box-sizing: border-box;}

.header_snav2 > li.h_s_sort > a, .header_snav2 > li.cu a{height:56px;line-height:56px;border-radius: 8px 8px 0 0;}

.header_snav2 > li > a{height:56px;line-height:56px;border-radius: 8px 8px 0 0;}

.header_mainnav2{height:56px;}

.header_snav2 > li > a:hover{line-height:56px;}

.header_logo{padding-top:16px}

.login_c{ display: flex;align-items: center;}



@media (min-width: 1483px){

  .header_top,

  .header_nav2,

  .header_mid,

  .header_mainnav_con2{ width: 1482px; }

  .header_search{ margin-left: 300px; }

  .header_snav2 > li > a{ padding: 0 30px; }



  .footer_ico_list li{ width: 205px; }

  .footer_help_list{ margin-right: 80px; }



  .container{ width: 1482px !important; }

  .s_s_m_b,

  .search_sort_m{ width: 1482px; }

  .s_s_m_b dd{ width: 1345px; }

  .s_s_m_b dd .sl_brandLetter{ width: 784px; }

  .s_s_m_c .brandList{ width: 1342px; }

  .spaceList{ width: 1196px; }

  .crumbs ul{ width: 1300px; }

  .brandIntroduction .mes{ width: 1270px; }

  .g-wrap{ width: 1260px; }

  .top-search-goods li{ margin-right: 35px; }

  .top-search-goods li:nth-last-child(1){ display: block; }

  .top-search-goods li:nth-last-child(2){ display: block; }

}

@media screen and (min-width: 1226px) and (max-width: 1482px){

  .header_top,

  .header_nav2,

  .header_mid,

  .header_mainnav_con2{ width: 1226px; }

  .header_search{ margin-left: 300px; }

  .header_snav2 > li > a{ padding: 0 17px; }



  .footer_ico_list li{ width: 162px; }

  .footer_help_list{ margin-right: 80px; }



  .container{ width: 1226px !important; }

  .s_s_m_b,

  .search_sort_m{ width: 1226px; }

  .s_s_m_b dd{ width: 1089px; }

  .s_s_m_b dd .sl_brandLetter{ width: 784px; }

  .s_s_m_c .brandList{ width: 1088px; }

  .spaceList{ width: 946px; }

  .crumbs ul{ width: 1052px; }

  .brandIntroduction .mes{ width: 1012px; }

  .g-wrap{ width: 1008px; }

  .top-search-goods li{ margin-right: 28px; }

  .top-search-goods li:nth-last-child(1){ display: none; }

  .top-search-goods li:nth-last-child(2){ display: block; }

}





/* 商品列表 新增外观 2023/8/23 */

:root {

    --filter-color: #333;

    --font-size: 12px;

    --blue: #005aa0;

    --orange: #FF5500;

}

body,

.crumbs ul li { font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif!important; }

.s_s_m_c li { margin:  0; }

.s_s_m_b dt,

.s_s_m_b dd  { padding: 4px 10px; line-height: 26px;}



.s_s_m_c .spaceList li a,



.s_s_m_b li a,

.s_s_m_b dd .sl_brandLetter li{ color:var(--blue); line-height: 26px;  }



.s_s_m_c .actions { top: 5px; }

.s_s_m_b li a,

.s_s_m_c .spaceList li a { margin-right: 50px; margin-bottom: 4px; height: 26px; line-height: 26px; padding: 0; }



.toggle-btn { display: none; }

.s_s_m_b li a:hover,

.s_s_m_b dd .sl_brandLetter li:hover,

.s_s_m_c .spaceList li a:hover { color: var(--orange); background: transparent; }

.s_s_m_b dd .sl_brandLetter li:hover { border-color: transparent; }



.s_s_m_b dd .sl_brandLetter { margin-bottom: 5px; }

.s_s_m_c .brandSelect { right: 15px; }

.brandName2 { margin-top: 2px; }

.sl_brandSearch { float: right; margin-top: 2px; margin-right: 95px;}

.brandList li { padding: 5px; }

.brandList li .c_hover { width: 100%; padding: 5px; }

.brandList li .c_hover .title { margin-bottom: 0; font-size: 14px;}

.brandList {   border-width: 0;  }

.s_s_m_c .brandList { height:112px;  padding-top: 1px;overflow-y: hidden;}

.s_s_m_c .brandList li {  margin: -1px -1px 0 0; border: 1px solid #f2efed;  }

.s_s_m_c .brandList li:hover { position: relative;  border-color: var(--orange); z-index: 2;  }

.moreSelSpace:hover { color: var(--orange); }



.sortPage { margin-top: -4px; }

.sortPage .totalPage { color: #999; font-size: 12px; line-height: 26px; }

.sortPage .totalPage em { color: #000!important; }

.sortSlide .hd { padding: 0 10px; line-height: 26px;  }

.sortSlide span.mgnowpage { color: var(--orange); }

.sortSlide .prev,

.sortSlide .next {

    margin-left: 5px;

    border: solid 1.5px #999;

    border-radius: 100%;

}

.sortSlide .next { margin-left: 8px;}

.sortSlide .default { border-color: #CCC; }





.goodsSort { position: relative; z-index: 4;}



.goodsSort div.price-input { position: relative; display: inline-block; width: 164px; z-index: 5;   }

.goodsSort div.price-input-inner { position: absolute; top: -18px; left:0; padding: 6px 5px 5px; border: solid 1px transparent; }

.goodsSort div.price-input input { width: 38px; height: 23px; margin: 0;  font-size: 12px;  padding-left: 20px; padding-right: 10px; line-height: 28px;  border: solid 1px #CCC; border-radius: 20px; background: #FFF; }

.goodsSort div.price-input-inner i { margin: 0 3px; }

.goodsSort div.price-input-inner em.min { position: absolute; left: 12px; top: 7px;}

.goodsSort div.price-input-inner em.max { position: absolute; left: 91px; top: 7px;}

.goodsSort div.price-input-inner p { display: none; }

.goodsSort div.price-input-inner p span {  padding: 0 8px; margin-left: var(--space-5); color: var(--orange);      line-height: 1.7; border: solid 1px transparent;  cursor: pointer; }

.goodsSort div.price-input-inner p span.fr { color: #FFF ;  border: solid 1px var(--orange); background: var(--orange);}



.goodsSort div.price-input-inner:hover { background: #FFF; border: solid 1px #CCC;}

.goodsSort div.price-input-inner:hover p { display: block; margin-top: 10px; }





.goodsSort div.price-select { position: relative; display: inline-block;  width: 100px;  height: 24px; margin-bottom: -15px;  margin-left: var(--space-10); cursor: pointer; z-index: 3; }

.goodsSort div.price-select div.price-select-inner { position: absolute; left: 0; bottom: -3px; padding-left:1px; background: #FFF;  }

.goodsSort div.price-select div.price-select-inner div { position: relative;  float: left; width: 12px; height: 24px; margin: 0; margin-left:-1px; border: solid 1px #CCCCCC;   }

.goodsSort div.price-select div.price-select-inner div span  { position: absolute; bottom: -1px; left: -1px; display: inline-block; width: 12px;  background-color: #E3E3E3; border: solid 1px #CCCCCC;  }





.goodsSort div.price-select div.price-select-inner div:hover span,

.goodsSort div.price-select div.price-select-inner div.active span {  border-color: var(--orange);  background-color: rgba(255, 85, 0, 0.35); z-index: 1; }





.goodsSort div.price-select div.price-select-inner div em { display: none; position: absolute; top: -36px; left: -30px; font-size: var(--font-min); background: #FFF; }

.goodsSort div.price-select div.price-select-inner div i { display: none; position: absolute; top: -6px; left: 1px; border: solid 4px transparent; border-top-color: var(--orange);}

.goodsSort div.price-select div.price-select-inner div:hover em {

    display: block;

    width: 60px;

    text-align: center;

    padding: 2px;

    border: solid 1px var(--orange);

    color: var(--orange);

}

.goodsSort div.price-select div.price-select-inner div:hover i { display: block; }



.goodsSort { height: 38px; margin-bottom: 0; padding: 0px 16px; color: #333;  background: #f8f8f8; border: solid 1px #E8E8E8; }

.goodsSort dl { margin-left: 0; }

.goodsSort dl dd { position: relative; margin-bottom: -1px; padding: 14px 8px 12px; font-size: var(--font-size); line-height: 1; border-bottom: solid 1px transparent; border-radius: 0; }

.goodsSort dl dd.price { display: none; padding-right: 12px; }

.goodsSort dl dd.price i.up { position: absolute; top: 10px; left: 34px; border: solid 5px transparent; border-bottom-color: #999; }

.goodsSort dl dd.price i.down { position: absolute; top: 21px; left: 34px; border: solid 5px transparent; border-top-color: #999; }



.goodsSort dl dd.price_asc:hover i.up,

.goodsSort dl dd.price_asc.cu i.up { border-bottom-color: var(--orange); }

.goodsSort dl dd.price_desc.cu i.down { border-top-color: var(--orange); }







.goodsSort dl dd:hover,

.goodsSort dl dd.cu { position: relative; color: var(--orange); background: inherit; border-bottom: solid 1px var(--orange); z-index: 5; }



.goodsType { position: relative;  margin-bottom: 10px; padding: 0px 16px;  border-top-width: 0; z-index: 1;  }

.goodsType .sortSelect { float: inherit; }

.goodsType .sortSelect li { padding: 12px 0; font-size: var(--font-size); line-height: 1;  }

.goodsType .sortSelect li:hover,

.goodsType .sortSelect li.selected { color: var(--orange); }

.goodsType .sortSelect li:hover i { background-image: url(../images/pub/check-icH.png); }



.more-filter-box { display: none; }

.search_sort_m:hover  { position: relative; z-index: 5; }

.selector_item div.more-filter-btn { position: relative;  display: inline-block; color: var(--blue); margin-right: 52px; padding: 0 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; border:solid 1px transparent; border-bottom-width:0;  z-index: 5; }

.selector_item div.more-filter-btn > em { cursor: pointer; }

.selector_item div.more-filter-btn .spaceList { height: auto;  padding: 10px 0; }

.selector_item div.more-filter-btn .s_s_m_c {  display: none; }

.selector_item div.more-filter-btn:hover { color: var(--orange); border-color: var(--orange); }

.selector_item div.more-filter-btn:hover > em > i { background-position: -3px -10px;}

.selector_item div.more-filter-btn:hover .s_s_m_c { position: absolute; top: 26px; left: 0; width: 900px; display: block; padding: 5px 10px; background: #FFF; border-radius: 4px; border:solid 1px var(--orange);  }



/*.selector_item div.more-filter-btn:nth-child(1) { border-color: var(--orange); }*/

/*.selector_item div.more-filter-btn:nth-child(1) .s_s_m_c { position: absolute; top: 26px; left: 0; width: 900px; display: block; padding: 5px 10px; background: #FFF; border-radius: 4px; border:solid 1px var(--orange); }*/

.search_sort_m .s_s_m_b:last-child { border-bottom-width: 0;}

@media (min-width: 1483px) {

    .s_s_m_c .brandList {

        width: 1248px;

    }

}



.backTop { margin-left: 0; left: inherit; right: 2.5%; z-index: 3; }





.list-loading-wrap { display: none; margin-top: 10px; margin-bottom: 10px; padding: 10px 0; border: solid 1px rgb(250, 236, 216); text-align: center; background: rgb(253, 246, 236); }

.list-loading-inner { width: 200px;  margin: 0 auto;}



.list-loading-inner .spinner { display: inline-block; width: 70px;}



.spinner > div {

    width: 8px;

    height: 8px;

    margin-right: 3px;

    background-color: var(--orange);



    border-radius: 100%;

    display: inline-block;

    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

    animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}



.spinner .bounce1 {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}



.spinner .bounce2 {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}



@-webkit-keyframes sk-bouncedelay {

    0%, 80%, 100% { -webkit-transform: scale(0) }

    40% { -webkit-transform: scale(1.0) }

}



@keyframes sk-bouncedelay {

    0%, 80%, 100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    } 40% {

          -webkit-transform: scale(1.0);

          transform: scale(1.0);

      }

}