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

.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 {text-align:center;}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {float:left; width:10%;}
#productClass .cate-wrap .class-list ul li a { display:block;}
#productClass .cate-wrap .class-list ul li a span {display:block;}
#productClass .cate-wrap .class-list ul li a span.icon {width:141px; height:141px; margin: 0 auto; background-size: 110px!important;}
#productClass .cate-wrap .class-list ul li a span.desc {font-size:16px; color:#000; line-height:1.4;}
#productClass .cate-wrap .class-list ul li.active a span.desc{font-weight:600;}
#productClass .cate-wrap .class-list ul li:nth-child(1) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_01_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(1):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_01_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(1).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_01_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(4) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_02_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(4):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_02_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(4).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_02_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(2) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_03_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(2):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_03_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(2).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_03_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(5) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_04_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(5):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_04_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(5).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_04_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(7) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_07_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(7):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_07_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(7).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_07_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(3) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_06_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(3):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_06_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(3).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_06_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(6) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_05_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(6):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_05_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(6).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_05_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(8) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_08_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(8):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_08_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(8).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_08_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(9) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_09_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(9):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_09_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(9).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_09_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(10) a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_10_off.png?date=2023) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(10):hover a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_10_on.png) no-repeat 50% 50%;}
#productClass .cate-wrap .class-list ul li:nth-child(10).active a span.icon {background:url(/design/yeoek/11753/common/shoes_icon_10_on.png) no-repeat 50% 50%;}
#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; }


/* BASIC css end */