﻿body {
    background: #f6f6f6;
}

/*热门推荐*/
.hotsale{
    margin:10px auto;
    overflow:hidden;
}
.hotsale .hatsale-mt {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: #f42424;
    float: left;
    padding: 27px 12px;
    width: 16px;
    font-family: "microsoft yahei";
}
.hotsale .bd {
    float: left;
    position: relative;
    height: 110px;
    overflow: hidden;
    padding:20px 0px 20px 20px;
}
.hotsale li {
    width: 266px;
    height: 110px;
    border: 1px solid #fff;
    float: left;
    background: #fff;
    margin-right:15px;
}

.hotsale.w1207 li {
    width: 266px;
    margin-right: 15px;
}
.hotsale .item {
    padding: 10px;
    float: left;
}
.hotsale .item .p-img {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px;
}
.p-img img {
    width: 100%;
    height: 100%;
}
.hotsale .item .p-name{
    font-weight:bold;
}
.hotsale .item .p-spec{
    line-height:27px;
}

.hotsale .item .p-name,.hotsale .item .p-spec {
    float: left;
    width: 146px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.hotsale .item .p-price {
    float: left;
    color: #f42424;
    width: 120px;
    font-size: 14px;
    font-weight: bold;
}

.btn {
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    border: 1px solid #f42424;
    display: inline-block;
    color: #f42424;
    background-color: #fff;
    margin-right: 5px;
    font-size: 12px;
    cursor: pointer;
}
.sc-redBg-btn {
    background: #f42424;
    border-color: #f42424;
    color: #fff;
}
.hotsale .item .btn {
    height: 22px;
    height: 22px;
    border: 0;
    margin-top: 6px;
    float: left;
}

/*面包屑路径*/
.crumbs-nav{ height:25px; line-height:25px; padding:12px 0;}
.crumbs-nav span{ color:#8c8c8c; float:left;}
.crumbs-nav-item{ float:left; margin-right:7px; position:relative;}
.crumbs-nav-item .arrow{ font-family: simsun;}
.crumbs-nav-item a span{ color:#555;}
.crumbs-nav-item .menu-drop{ float:left; margin-right:7px; background-color:#fff;}
.crumbs-nav-item .icon-right{ font-size:12px;font-family: arial; }
.cn-goodsName{ width:300px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; color:#8c8c8c;}

.crumbs-nav span.arrow{ margin:0 7px; font-family:sans-serif; color:#8c8c8c;}
.crumbs-nav span.finish{ display:inline-block; width:300px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.full-main-n{ background-color:#f8f8f8;}
.full-main-n .crumbs-nav{ padding:7px 0 8px;}
.one-level .crumbs-link {font-size: 18px;}

.menu-drop .trigger{ display:inline-block; padding:0px 2px 0 6px; height:23px; border:1px solid #d2d2d2; cursor:pointer;}
.menu-drop .icon-down{    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: url(/Images/search.ele.png) no-repeat 4px 7px;
    transition: background-position .15s ease-in-out;
    margin:3px 0px 0px 0px;

}

.menu-drop-main{ display:none; width:219px; padding:6px 0 4px 10px; position:absolute; left:0; top:24px; border:1px solid #ddd; background-color:#fff; z-index:10;}
.menu-drop-main li{ float:left; width:68px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 5px 2px 0;}

.menu-drop-open .trigger{ position:relative; z-index:12;}
.menu-drop-open:hover .trigger{ border-color:#f42424; border-bottom-color:#fff;}
.menu-drop-open:hover .bottom{ border-bottom:1px solid #f00;}
.menu-drop-open:hover .menu-drop-main{ border-color:#f42424; display:block;}

/*筛选条件*/

.selector{ background-color:#fff; margin-bottom:15px;}
.selector .s-line{ border:1px dotted #d2d2d2; margin-top:-1px;}
.selector .s-line:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;}

.selector .s-l-wrap{ position:relative; line-height:28px; padding:10px 0;}
.selector .s-l-tit{ float:left; padding-left:30px; width:80px; color:#8c8c8c;}
.selector .s-l-value{ margin-left:110px; padding-right:130px; padding-left:10px; overflow:hidden; zoom:1;}
.selector .s-l-v-logos ul{ overflow:hidden; zoom:1;padding-top: 1px;}
.selector .s-l-v-logos li{ float:left; width:118px; height:58px; border:1px solid #f8f8f8; margin:-1px -1px 0 0; background-color:#fff; position:relative; text-align:center;}
.selector .s-l-v-logos li a{ display:block; border:1px solid #fff; width:116px; height:56px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; zoom:1;}
.selector .s-l-v-logos li .logo{ display:table-cell; width:116px; height:56px; vertical-align:middle;}
.selector .s-l-v-logos li:hover{ position:relative; z-index:5; border-color:#f42424;}
.selector .s-l-v-logos li:hover a{ border-color:#f42424; line-height:56px; color:#f42424;}
.selector .s-l-v-logos li:hover .logo{ display:none;}
.selector .s-l-v-logos li i{ display:none; width:12px; height:12px; background:url(../images/dsc-icon.png) no-repeat; position:absolute; top:1px; right:1px;}
.selector .s-l-v-list li{ float:left; width:100px; overflow:hidden; margin-right:10px;}
.selector .s-l-v-list li.curr a{ color:#f42424;}

.selector .s-l-opt{ position:absolute; top:10px; right:10px; width:75px; height:auto; line-height:22px; overflow:hidden; zoom:1;}
.selector .s-l-opt a{ display:block; float:left; border:1px solid #d2d2d2; line-height:18px; height:18px; color:#8c8c8c;}
.selector .s-l-opt a:hover{ border-color:#f42424; color:#f42424;}
.selector .s-l-opt a .iconfont{ font-size:12px; float:left; margin-top:2px;}
.selector .s-l-opt .s-l-more{ width:18px; text-align:center; margin-right:5px;}
.selector .s-l-opt .s-l-more .iconfont{ margin-left:3px;}
.selector .s-l-opt .s-l-multiple{ padding:0 5px;}
.selector .s-l-opt .s-l-multiple .iconfont{ margin-right:2px;}

.s-more{ text-align: center;position: relative;top: -1px;border-top: 5px solid #f8f8f8;-webkit-transition: border-color .15s ease-in-out;-moz-transition: border-color .15s ease-in-out;transition: border-color .15s ease-in-out;}
.s-more span{ position: relative;display: inline-block;margin-top: -1px;height: 28px;line-height: 28px;padding: 0 12px;background: #f8f8f8;cursor: pointer;color: #8c8c8c;-webkit-transition: border-color .15s ease-in-out;-moz-transition: border-color .15s ease-in-out;transition: border-color .15s ease-in-out;}
.s-more span:hover{ color:#f42424;}
.s-more .iconfont{ font-size:12px; margin-left:6px;}

/*商品排序*/
.Sort_box {
    width: 1200px;
    margin: 0 auto;
    margin-top:0px;
    margin-bottom: 30px;
}
.filter {
    position: relative;
    z-index: 4;
    _zoom: 1;
    border: 1px solid #E7E3E7;
    margin-bottom: 5px;
}
.filter .f-line {
    height: 25px;
    padding: 6px 8px;
    border-bottom: 1px solid #E7E3E7;
    background: #F9F9F9;
    zoom: 1;
}
.filter .f-line.top {
    height: 25px;
    background: #F1F1F1;
}
.filter .f-sort {
    float: left;
    margin-right: 13px;
}
.filter .f-sort a {
    float: left;
    padding: 0 9px;
    height: 23px;
    border: 1px solid #CCC;
    line-height: 23px;
    margin-right: -1px;
    background: #FFF;
    color: #333;
}
.filter .f-sort a.curr {
    border-color: #e4393c;
    background: #e4393c;
    color: #FFF;
}
.filter .f-sort .fs-tit {
    display: inline-block;
    vertical-align: top;
}
#J_filter .curr .fs-tit {
    color: #ffffff;
}
.filter .f-sort .fs-down, .filter .f-sort .fs-up {
    display: inline-block;
    width: 7px;
    margin-left: 5px;
    vertical-align: top;
}

.filter .f-sort .arrow, .filter .f-sort .arrow-bottom, .filter .f-sort .arrow-top {
    float: left;
    width: 7px;
    overflow: hidden;
    background: url(/Content/images/sprite-arrow.png) no-repeat 0 -100px;
}
.filter .f-sort .arrow {
    height: 11px;
    margin-top: 6px;
}
.filter .f-sort a.curr .fs-down .arrow {
    background-position: 0 -120px;
}
.filter .f-pager {
    float: right;
}
.filter .f-pager .fp-text {
    line-height: 23px;
    margin-right: 10px;
    font-family: verdana;
}
.filter .f-pager .fp-text b, .filter .f-pager .fp-text em, .filter .f-pager .fp-text i {
    font-weight: 400;
    font-style: normal;
}
.filter .f-pager .fp-text b {
    color: #e4393c;
    font-weight: 700;
}
.filter .f-pager .fp-text b, .filter .f-pager .fp-text em, .filter .f-pager .fp-text i {
    font-weight: 400;
    font-style: normal;
}
.filter .f-pager .fp-next, .filter .f-pager .fp-prev, .filter .f-pager .fp-text {
    float: left;
}
.filter .f-pager .fp-next, .filter .f-pager .fp-prev {
    width: 46px;
    height: 23px;
    border: 1px solid #DDD;
    background: #FFF;
    line-height: 23px;
    font-family: "\5b8b\4f53";
    text-align: center;
    font-size: 16px;
    color: #AAA;
}
.filter .f-pager .fp-prev {
    margin-right: -1px;
}
.filter .f-pager .fp-next.disabled, .filter .f-pager .fp-prev.disabled {
    padding: 0;
    background: #F1F1F1;
    color: #CCC;
    cursor: default;
}
.filter .f-pager .fp-next, .filter .f-pager .fp-prev {
    width: 46px;
    height: 23px;
    border: 1px solid #DDD;
    background: #FFF;
    line-height: 23px;
    font-family: "\5b8b\4f53";
    text-align: center;
    font-size: 16px;
    color: #AAA;
}
.filter .f-result-sum {
    float: right;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    color: #999;
}
.filter .f-result-sum .num {
    color: #666;
    font-family: verdana;
}
.clr {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.clr {
    visibility: hidden;
}

/*商品显示*/
        .season-hots .mc {
            height: auto;
        }

.season-hots-list {
    float: left;
    height: auto;
    overflow: hidden;
    position: relative;
}
.season-hots-list li {
    width: 219px;
    /* border: 1px solid #eee; */
    margin-left: 26px;
    margin-bottom: 20px;
    float: left;
    display: inline;
    padding-bottom: 5px;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    transition: border-color .5s;
    background: #fff;
}
.season-hots-list .p-img {
    width: 207px;
    height: 207px;
    padding: 4px 5px 5px 4px;
}
.season-hots-list .p-price {
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    position: relative;
    color: #999;
}
.season-hots-list .p-price strong {
    color: #C81623;
}
.season-hots-list .p-price strong em {
    padding-left: 2px;
    font-size: 18px;
    color: #C81623;
}
.season-hots-list .p-name {
    border-top: 1px dashed #eee;
    width: 205px;
    max-height: 36px;
    line-height: 18px;
    margin: 0 auto 5px;
    overflow: hidden;
    color: #666;
    padding-top: 5px;
}
.season-hots-list .p-name {
    border-top: 1px dashed #eee;
    width: 205px;
    max-height: 36px;
    line-height: 18px;
    margin: 0 auto 5px;
    overflow: hidden;
    color: #666;
    padding-top: 5px;
}
.season-hots-list .p-shop {
    width: 205px;
    line-height: 23px;
    margin: 0 auto 5px;
    overflow: hidden;
    color: #999;
}
.season-hots-list .p-pay {
    width: 205px;
    line-height: 20px;
    margin: 0 auto 5px;
    overflow: hidden;
    color: #999;
}
.season-hots-list .p-pay button {
    float: right;
    padding: 5px 10px;
    background: #C81623;
    color: #fff;
}


        .p-nameellipsis {
            width: 205px;
            height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        #season-hots .season-hots .mc{height:auto;}
        #season-hots .season-hots-list{height:auto; margin-left: -25px;}
       body .m1 .mc{padding-top:0px;}
       


       /*分页*/
       #Pager .layui-laypage a,#Pager .layui-laypage span{ background:no-repeat;}

