@charset "utf-8";
/* channel-sc-shejibang/1.0.0 list.css Date:2016-07-14 15:07:45 */
.list-container{ margin: 0 auto; width: 1210px; font-family: 'microsoft yahei'; }
.banner-wrap{ overflow: hidden; }
.design-crumb{ padding: 30px 0 0; height: 42px; }
.design-crumb .filter,.design-crumb .level-1,.design-crumb .level-2{ float: left; _display: inline; margin-right: 10px; color: #666; font-size: 12px; line-height: 1; }
.design-crumb .filter a,.design-crumb .filter em,.design-crumb .level-1 a,.design-crumb .level-1 em,.design-crumb .level-2 a,.design-crumb .level-2 em{ float: left; }
.design-crumb .filter i,.design-crumb .level-1 i,.design-crumb .level-2 i{ padding-left: 10px; font-family: simsun; }
.design-crumb .filter a:hover,.design-crumb .level-1 a:hover,.design-crumb .level-2 a:hover{color: #1ca395; }
.design-crumb .level-1{ font-size: 14px; }
.design-crumb .level-2{ padding: 1px 0 0; }
.design-crumb .filter{ position: relative; top: -4px; padding: 4px 20px 0 5px; height: 18px; border: 1px solid #e6e6e6; color: #333; }
.design-crumb .filter i{ position: absolute; right: 6px; top: 6px; padding: 0; width: 9px; height: 9px; background: url(//misc.360buyimg.com/channel/sc-shejibang/1.0.0/css/i/design-close.png) no-repeat 0 0; }
.design-crumb .filter:hover{ color: #1ca395; }
.design-selector{ padding: 0 27px; border: 1px solid #e6e6e6; }
.design-selector .selector-line{ position: relative; top: -1px; padding: 19px 0 0; height: 31px; line-height: 1; border-top: 1px solid #e6e6e6; overflow: hidden; }
.design-selector .selector-key,.design-selector .selector-value{ float: left; }
.design-selector .selector-key{ width: 78px; color: #999; }
.design-selector .selector-value a{ color: #333; }
.design-selector .selector-value a:hover{ color: #1ca395; }
.design-selector .selector-value li{ float: left; _display: inline; padding: 0 40px 0 0; }
.design-selector .selector-value .disabled{ color: #999; cursor: default; }
.design-selector .selector-value .disabled:hover{ color: #999; }
.design-price-note{ margin: 15px 0 5px; height: 40px; line-height: 40px; color: #999; font-size: 12px; }
.design-selector .icon-jz-tag{ position: relative; margin-left: 12px; padding: 0 3px; background-color: #333; color: #fff; }
.design-selector .icon-jz-tag:after{ content: ''; position: absolute; top: 4px; left: -12px; border-top: solid 4px #fff; border-right: solid 6px #333; border-bottom: solid 4px #fff; border-left: solid 6px #fff; }

.design-list{ margin-right: -10px; }
.item-list{ position: relative; }
.design-list li{ position: relative; float: left; margin: 0 10px 10px 0; }
.design-list .item-hover{ z-index: 10; }
.design-list .icon-tag{ position: absolute; top: 0; left: 10px; z-index: 2; width: 41px; height: 43px; background: url(/img/icon/icon-tag.png) no-repeat; color: #fff; text-align: center; line-height: 40px; }
.design-list .p-img{ position: relative; z-index: 1; }
.design-list li:hover .p-pic{
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06);
}
.design-list .p-pic{
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s; }
.design-list .p-con{ position: relative; z-index: 1; padding: 0 20px; border: solid 1px #e6e6e6; font-size: 12px; }
.design-list .p-detail{ float: left; width: 190px; }
.design-list .p-name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.design-list .p-count{ float: right; margin-top: 20px; width: 50px; text-align: right; color: #999; }
.design-list .p-type{float: right;color: #999;line-height: 52px;}
.design-list .p-type em{ margin: 0 10px; }

.design-list .more-wrap{ display: none; position: absolute; border: solid 1px #1ca395; top: -10px; bottom: -10px; left: -10px; overflow: hidden; background-color: #fff; }
.design-list .img-list{ position: absolute; top: 0; right: 0; bottom: 0; }
.design-list .img-list .in{ position: relative; margin: 0 0 10px; }
.design-list .list-con{ position: absolute; top: 10px; right: 10px; bottom: 6px; overflow: hidden; }
.design-list .item-hover .more-wrap{ display: block; }
.design-list .item-hover .p-con{ border-color: #fff; }
.design-list .btn{ position: absolute; right: 28px; z-index: 10; width: 50px; height: 25px; line-height: 25px; background: url(/img/icon/design-list-arrow.png) no-repeat; }
.design-list .prev-btn{ top: 10px; }
.design-list .next-btn{ bottom: 6px; background-position: 0 -25px; }
.design-list .prev-btn:hover{ background-position: 0 -50px; }
.design-list .next-btn:hover{ background-position: 0 -75px; }

/*s-item*/
.design-list .s-item{ width: 295px; height: 280px; }
.design-list .s-item .p-img{ width: 295px; height: 208px; overflow: hidden; }
.design-list .s-item .p-con{ height: 71px; line-height: 1; border-top: none; overflow: hidden; }
.design-list .s-item .p-name{ padding: 20px 0 10px; }
.design-list .s-item .more-wrap{ width: 412px; }
.design-list .s-item .list-con{ width: 87px; }
.design-list .s-item-pos{ position: absolute; }

/*l-item*/
.design-list .l-item{ width: 600px; height: 570px; }
.design-list .l-item .p-img{ width: 600px; height: 497px; overflow: hidden; }
.design-list .l-item .p-con{ height: 71px; line-height: 71px; overflow: hidden; }
.design-list .l-item .p-detail{width: 390px;padding-top: 14px;line-height: 24px;}
.design-list .l-item .more-wrap{ width: 619px; }
.design-list .l-item .list-con{ bottom: 80px; width: 151px; }
.design-list .l-item .img-list i{ position: absolute; top: 10px; left: 0; background-color: #333; color: #fff; font-size: 14px; padding: 3px 4px; }
.design-list .l-item .btn{ right: 58px; }
.design-list .l-item .next-btn{ bottom: 83px; }

.ui-pager .text, .ui-pager a{ margin: 0 2px; }


.empty-box {
    background-color: #fff;
    font-size: 16px;
    padding: 100px 0;
    text-align: center;
}

.empty-tips {
    line-height: 2;
    padding: 20px 0 60px;
}

.icon-qj{
    background: #00a497;
    background-color: #00a497;
    color: #fff;
    text-align: center;
    font-size: .28rem;
    padding: .1rem .2rem;
    line-height: 21px;
    /*margin-top: 23px;*/
    margin-right: 5px;
}