/* BASIC css start */
.section_line .prd-list .tb-center{/* width:24.7% !important; *//* float:left !important;*/margin:20px 0;}


/*
.prd-list .icon {position: absolute; margin-top:10px; min-height:16px; z-index:50; padding: 5px;}
.prd-list .icon2{position: absolute; bottom: 130px; background:blue; color: #fff; padding: 6px 10px; font-size: 16px; }
*/

/*
.prd-list .icon {position: absolute; margin-top:10px; min-height:16px; z-index:50; padding: 5px;}
.prd-list .icon2{position: absolute; bottom: 105px; background:blue; color: #fff; padding: 6px 10px; font-size: 16px; }
*/

/*
.prd-list .icon {position: absolute; margin-top:10px; min-height:16px; z-index:50; padding: 5px; display:none;}
.prd-list .icon2{position: absolute; bottom: 130px; background:blue; color: #fff; padding: 6px 10px; font-size: 16px; display:none;}
*/



.ranking {
    list-style-type: none;

    /* this does not work like I expected */
    counter-reset: lis attr(start, number, 0);

}
.numRanking {
    counter-increment: lis;
}
.numRanking:before {
    content: counter(lis);
}


.my-wish-list{margin-top:10px;margin-right:6px;min-height:16px;/* margin-top:0px;  min-height:0px; margin-left:0px; */position: absolute;z-index:50;right: 20px;}

/* BASIC css start */
/*
.prd-list .icon {margin-top: 21px;margin-right: 26px;min-height:16px; position: absolute;z-index:50;right: 0;}
*/
/* margin-top:0px;  min-height:0px; margin-left:0px; */

#background{background:#ececec;width:100%; padding-bottom: 50px; margin-bottom: 50px;}

.prd-list1 { width:94%; margin:0 auto;}

.prd-list1 .tb-center {width: 32%; margin:0 auto;padding:0 11px;text-align:center;border:1px solid #ececec; position:relative;min-height: 444px; display: inline-block; box-sizing:border-box; margin-right:1.4%; float:none; vertical-align:top;}
.prd-list1 .tb-center:nth-child(3){margin-right:-0.4%;}


.prd-list1 .tb-center li .thumb .ranking {position:absolute; text-align:left; font-size:12px; left:32px; top:31px; background: rgba(255,73,0,1) !important; padding:20px; border-radius:20px;}


.prd-list1 .tb-center li  .thumb .ranking .fa fa-square {position: relative; left:3px; color:#000;}
.prd-list1 .tb-center li  .thumb .ranking .numRanking {left: 0px;width: 100%;color: #fff;position:absolute;font-size:20px;text-align: center;line-height: 0px;font-weight: bold;}							

.prd-list1 .tb-center:nth-child(1) li  .thumb .ranking .numRanking {counter-reset: lis 0;}
.prd-list1 .tb-center:nth-child(2) li  .thumb .ranking .numRanking {counter-reset: lis 1;}
.prd-list1 .tb-center:nth-child(3) li  .thumb .ranking .numRanking {counter-reset: lis 2;}






/* class-list */
#productClass .class-list { zoom: 1; /* border-top:1px solid #222; */  border-bottom:2px solid #000; margin-bottom:30px;  text-align:center; /* padding-top:10px; padding-bottom:10px;*/ }
#productClass .class-list ul { /* padding: 0 10px; */ }



#productClass .class-list li,
#productClass .class-list li a {float:left;display:block;white-space: nowrap;line-height: 55px;text-align:center;font-size:15px;margin-right: 0px;}

#productClass .class-list li a { border-right:none; border-top:none; width:100%; border:1px #aaa solid; border-bottom:2px #000 solid; background:#fff; margin-bottom:-2px; }

#productClass .class-list li a:hover {color: #000; width:100%; }
#productClass .class-list li {width: calc(100% / 3);}
#productClass .class-list li:first-child a{/*padding-left:0px; border-left:1px solid #aaa;*/}
#productClass .class-list li .num { color: #999;}
#productClass .class-list li a.sel {display:inline-block;width:100%;white-space: nowrap;line-height: 56px;text-align:center;font-size:15px;border:2px #000 solid;border-bottom:none;box-sizing: border-box;background:#fff; color:#000; font-weight:bold;}




/* BASIC css start */
.prd-list .tb-center:hover{border:1px solid #000;}


.section_line .prd-list .tb-center:hover{border:1px solid #000;}

/* BASIC css start */
.prd-list .tb-center li .thumb .ranking {position:absolute;text-align: left;font-size: 12px; left:32px; top:31px; background: rgba(182,182,182,1);padding: 20px; border-radius:20px;}


.prd-list .tb-center li  .thumb .ranking .fa fa-square {position: relative; left:3px; color:#000;}
.prd-list .tb-center li  .thumb .ranking .numRanking {left: 0px;width: 100%;color: #fff;position:absolute;font-size:20px;text-align: center;line-height: 0px;font-weight: bold;}							


.prd-list .tb-center:nth-child(1) li .thumb .ranking{counter-reset: lis 3;}
.prd-list .tb-center:nth-child(2) li .thumb .ranking{counter-reset: lis 4;}
.prd-list .tb-center:nth-child(3) li .thumb .ranking{counter-reset: lis 5;}
.prd-list .tb-center:nth-child(4) li .thumb .ranking{counter-reset: lis 6;}
.prd-list .tb-center:nth-child(5) li .thumb .ranking{counter-reset: lis 7;}
.prd-list .tb-center:nth-child(6) li .thumb .ranking{counter-reset: lis 8;}
.prd-list .tb-center:nth-child(7) li .thumb .ranking{counter-reset: lis 9;}
.prd-list .tb-center:nth-child(8) li .thumb .ranking{counter-reset: lis 10;}
.prd-list .tb-center:nth-child(9) li .thumb .ranking{counter-reset: lis 11;}
.prd-list .tb-center:nth-child(10) li .thumb .ranking{counter-reset: lis 12;}

.prd-list .tb-center:nth-child(12) li .thumb .ranking{counter-reset: lis 13;}
.prd-list .tb-center:nth-child(13) li .thumb .ranking{counter-reset: lis 14;}
.prd-list .tb-center:nth-child(14) li .thumb .ranking{counter-reset: lis 15;}
.prd-list .tb-center:nth-child(15) li .thumb .ranking{counter-reset: lis 16;}
.prd-list .tb-center:nth-child(16) li .thumb .ranking{counter-reset: lis 17;}
.prd-list .tb-center:nth-child(17) li .thumb .ranking{counter-reset: lis 18;}
.prd-list .tb-center:nth-child(17) li .thumb .ranking{counter-reset: lis 19;}
.prd-list .tb-center:nth-child(18) li .thumb .ranking{counter-reset: lis 20;}
.prd-list .tb-center:nth-child(19) li .thumb .ranking{counter-reset: lis 21;}
.prd-list .tb-center:nth-child(20) li .thumb .ranking{counter-reset: lis 22;}

.prd-list .tb-center:nth-child(21) li .thumb .ranking{counter-reset: lis 24;}
.prd-list .tb-center:nth-child(22) li .thumb .ranking{counter-reset: lis 25;}
.prd-list .tb-center:nth-child(23) li .thumb .ranking{counter-reset: lis 26;}
.prd-list .tb-center:nth-child(24) li .thumb .ranking{counter-reset: lis 27;}
.prd-list .tb-center:nth-child(25) li .thumb .ranking{counter-reset: lis 28;}
.prd-list .tb-center:nth-child(26) li .thumb .ranking{counter-reset: lis 29;}
.prd-list .tb-center:nth-child(27) li .thumb .ranking{counter-reset: lis 30;}
.prd-list .tb-center:nth-child(28) li .thumb .ranking{counter-reset: lis 31;}
.prd-list .tb-center:nth-child(29) li .thumb .ranking{counter-reset: lis 32;}
.prd-list .tb-center:nth-child(30) li .thumb .ranking{counter-reset: lis 33;}

.prd-list .tb-center:nth-child(31) li .thumb .ranking{counter-reset: lis 34;}
.prd-list .tb-center:nth-child(32) li .thumb .ranking{counter-reset: lis 35;}
.prd-list .tb-center:nth-child(33) li .thumb .ranking{counter-reset: lis 36;}
.prd-list .tb-center:nth-child(34) li .thumb .ranking{counter-reset: lis 37;}
.prd-list .tb-center:nth-child(35) li .thumb .ranking{counter-reset: lis 38;}
.prd-list .tb-center:nth-child(36) li .thumb .ranking{counter-reset: lis 39;}
.prd-list .tb-center:nth-child(37) li .thumb .ranking{counter-reset: lis 40;}
.prd-list .tb-center:nth-child(38) li .thumb .ranking{counter-reset: lis 41;}
.prd-list .tb-center:nth-child(39) li .thumb .ranking{counter-reset: lis 42;}
.prd-list .tb-center:nth-child(40) li .thumb .ranking{counter-reset: lis 43;}

.prd-list .tb-center:nth-child(41) li .thumb .ranking{counter-reset: lis 44;}
.prd-list .tb-center:nth-child(42) li .thumb .ranking{counter-reset: lis 45;}
.prd-list .tb-center:nth-child(43) li .thumb .ranking{counter-reset: lis 46;}
.prd-list .tb-center:nth-child(44) li .thumb .ranking{counter-reset: lis 47;}
.prd-list .tb-center:nth-child(45) li .thumb .ranking{counter-reset: lis 48;}
.prd-list .tb-center:nth-child(46) li .thumb .ranking{counter-reset: lis 49;}
.prd-list .tb-center:nth-child(47) li .thumb .ranking{counter-reset: lis 50;}






/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
center div a img{width:100%;}
.swiper-container3 .swiper-slide a img{width:100%; height:50px;}

/* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden; padding:0px 0 15px 0; }


#productClass .bcate { padding-top:0px; padding-bottom:25px; padding-left:8px; font-size:20px; font-weight: bold; text-align:center;  line-height:20px; color:#000; }

/* class-list */
/*
#productClass .class-list { zoom: 1; /* border-top:1px solid #222; */  border-bottom:2px solid #000; margin-bottom:30px;  text-align:center; /* padding-top:10px; padding-bottom:10px;*/ }
#productClass .class-list ul { /* padding: 0 10px; */ }



#productClass .class-list li,
#productClass .class-list li a {float:left;display:block;white-space: nowrap;line-height: 55px;text-align:center;font-size:15px;margin-right: 0px;}

#productClass .class-list li a { border-right:none; border-top:none; width:100%; border:1px #aaa solid; border-bottom:2px #000 solid; background:#fff; margin-bottom:-2px; }

#productClass .class-list li a:hover {color: #000; width:100%; }
#productClass .class-list li {width: calc(100% / 3);}
#productClass .class-list li:first-child a{/*padding-left:0px; border-left:1px solid #aaa;*/}
#productClass .class-list li .num { color: #999;}
#productClass .class-list li a.sel {display:inline-block;width:100%;white-space: nowrap;line-height: 56px;text-align:center;font-size:15px;border:2px #000 solid;border-bottom:none;box-sizing: border-box;background:#fff; color:#000;}

*/
/* best-item */
.section_line {border:1px solid #dedede;margin-bottom:30px;}
.main_title {padding:30px 0 0 0; font-size:18px;color:#222; text-align:center;}

/* total-sort */
#productClass .total-sort { padding-top: 40px;padding-bottom: 8px;}
#productClass .total-sort .total { font-size:11px;font-weight:normal;color:#333;}
#productClass .total-sort .total dd {color:#333;}
#productClass .total-sort .sort {margin:0;}
#productClass .total-sort .total img { line-height:12px;vertical-align:middle;}
#productClass .total-sort li a { font-size:11px;color:#333;}

/* BASIC css end */

/*
.tab{width:94%; border-bottom:2px solid #b5b5b5; margin:0 auto; margin-bottom:30px;}
*/
.tab{width:94%; border-bottom:2px solid #b5b5b5; margin:0 auto; margin-top:30px;}


a{text-decoration:none;color:#000}


button{width:auto;border:0;padding:0;background:none;font-weight:normal}
textarea{resize:none;border:1px solid #bfbfbf}

a,img,input,button,select,textarea{vertical-align:middle}


table.cols tbody tr td.title{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}table.cols tbody tr td.title a{padding-left:20px;font-size:15px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}*/

.tab{width:100%; border-bottom:2px solid #000;}
.tab:after{display:block;clear:both;content:''}

.tab li{float:left;border:1px solid #b5b5b5; border-bottom:none;border-left-width:0;background-color:#fff;height:60px; box-sizing: border-box; line-height:56px; text-align:center;}
.tab li:first-child{border-left-width:1px; }
.tab li button{display:block;height:100%;width:100%;text-align:center;color:#787878;font-size:18px;}
.tab li.active{border-bottom: 2px solid #000;/* border-bottom:none; */height: 62px;margin-bottom:-2px;box-sizing: border-box; line-height:56px; text-align:center;}
.tab li.active button{color:#000;}
.tab li:hover{color:#000;}
.tab li.active a {font-weight:bold;}




.tab_item3 li{width:25%;}
.tab_item3 li:nth-child(4){width:25%;}

.tab li button:hover{color:#000;font-size:18px;}




/* BASIC css end */


/* BASIC css end */