/* BASIC css start */
#content {width:100%; overflow:hidden;}

.recmd_product {padding:115px 0; background:#ECECEC;}
.recmd_product .cateTit {padding:0; margin-bottom:35px; text-align:left;}
.recmd_product .cateTit h3 {font-size:38px; font-weight:300; color:#000;}
.recmd_product .item-list{counter-reset: number;}
.recmd_product .item-list .item .space .item-rank:after{counter-increment: number; content: counter(number); position: absolute;  top: 0; right: 0;  z-index: 10; color: #fff; line-height: 65px;  width: 65px; text-align: center; font-size: 34px; font-weight: 600; background: #000;}
.recmd_product .item-list .item:first-child .space .item-rank:after {background:#FF6756;}


/* class-list */
.item-wrap {width:1595px; margin:78px auto 0;}
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:20px; font-size:38px; line-height:40px; color:#000; font-weight:300; overflow:hidden;}
#productClass .cate-wrap .bcate .total {float:right; font-size:16px;}
#productClass .cate-wrap .class-list ul {border-bottom:3px solid #000;}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {float:left; height:46px; line-height:46px; margin-right:50px;}
#productClass .cate-wrap .class-list ul li a { display:block; height:46px; line-height:46px; font-size:16px; color:#000 }
#productClass .cate-wrap .class-list ul li.active a {color:#FF6756;}
#productClass .info_box {padding:34px 0; overflow:hidden;}
#productClass .info_box .sort_box{float:right;}
#productClass .info_box .sort_box ul {font-size:0;}
#productClass .info_box .sort_box ul li {display:inline-block; margin-left:50px;}
#productClass .info_box .sort_box ul li a {display:block; height:32px; line-height:32px;}
#productClass .info_box .sort_box ul li a span {display:block; position:relative; font-size:15px; color:#000;}
#productClass .info_box .sort_box ul li a span.on:after {content:''; width:100%; height:3px; position:absolute; bottom:0; left:0; background:#000;}
/* best-item */
/*.item-wrap.best-item .item-cont .item-list {float:left;width: 18.5%;padding: 0 0.75%;margin: 0 0 3% 0;} */

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

.offlineStore {position:relative; left:50%; text-align:center; width:1920px; margin-left:-960px; overflow:hidden;}
.offlineStore h2 {padding:56px 0 45px; font-size:38px; color:#000; font-weight:300;}
.offlineStore ul {font-size:0; margin-bottom:17px;}
.offlineStore ul li {display:inline-block; vertical-align:top; position:relative; margin:0 30px;}
.offlineStore ul li a {display:block; padding:9px 7px; font-size:16px; color:#000;}
.offlineStore ul li.active:after {content:''; width:100%; height:4px; background:#000; position:absolute; bottom:0; left:0;}

.offline_box {position:relative; overflow:hidden; }
.offline_box .txt {position:absolute; top:0; left:0; width:100%; height:100%; }
.offline_box .txt .inner { position:relative; width:1595px; margin:0 auto;height:100%}
.offline_box .txt .info {width:358px;height:412px;box-sizing:border-box;background:rgba(255,255,255,0.8);padding:60px 50px;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);position: absolute;right: 0;top: 108px; text-align:left;}
.offline_box .txt .sub {display:block; font-size:16px; color:#FF6756; font-weight:bold;  }
.offline_box .txt .tt {font-weight: bold !important; font-size:30px; margin-top:1px;}
.offline_box .txt .tel {margin:42px 0 20px; font-size:16px;  }
.offline_box .txt .day { margin-bottom:6px; font-size:16px;  }
.offline_box .txt .hour { margin-bottom:6px; font-size:16px; font-weight: bold  }
.offline_box .txt .break_time { margin-bottom:6px; font-size:16px; font-weight: bold  }
.offline_box .txt a {display:block;width: 180px;text-align: center;font-size: 14px;color: #fff;background: #000;line-height: 40px;}
.offline_box .txt .address {font-size:16px; margin-top:20px; line-height:1.5 }


/* BASIC css end */