/* BASIC css start */
#contentWrap {max-width:1500px;}
.item-wrap {margin-top:35px;}

/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding:60px 0 30px; font-size:22px; color:#202020; font-weight:800;}
#productClass .cate-wrap .class-list {display:inline-block; vertical-align:top;}
#productClass .cate-wrap .class-list ul {*zoom:1 }
#productClass .cate-wrap .class-list ul li { display:inline-block; vertical-align:top; text-align:center;}
#productClass .cate-wrap .class-list ul li a { display:block; font-size:14px; line-height:40px; background:#fff; padding: 0 28px; border: 1px solid #ececec; border-radius:10px; box-sizing:border-box; font-weight:300;}
#productClass .cate-wrap .class-list ul li.on a {background-color: #202020; border-color:#202020; color:#fff; font-weight:800;}

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

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

/* sort */
.item-info {display:inline-block; vertical-align:top; float:right;}
.item-info ul li {display:inline-block; vertical-align:top; line-height:42px;}
.item-info ul li a span {font-size:13px; font-weight:300; color:#ababab; margin-left:11px; text-transform: lowercase;}
.item-info ul li a span.on {color:#ce7777; font-weight:800;}

/*ranking*/
.item-wrap .item-cont .item-list {position: relative;}
.item-wrap .item-cont .item-list .ranking {position: absolute; top:-3px; left:2px; font-size: 12px;}
.item-wrap .item-cont .item-list .ranking .fa-bookmark {position: relative; color: rgba(241, 59, 78, 0.76);}
.item-wrap .item-cont .item-list .ranking .numRanking {position: absolute; top: 7px; left: 9px; color: #fff; font-size: 0.4em;}
/* BASIC css end */