/* BASIC css start */
.prod_best_box {padding:32px 0; background:#ece2d8}
.prod_best_box .item-list {margin-bottom:0}
.sub_tt {font-size:21px; color:#000; margin-bottom:24px; font-weight:bold; text-align:center; }


.best_slide .swiper-wrapper {padding-bottom:28px;}
.best_slide .swiper-slide { width:270px}
.best_slide .swiper-slide .item-list {transition: transform 0.3s ease-in-out; overflow: hidden; }
.best_slide .swiper-slide .item_img img { box-shadow: 4.474px 6.632px 9px 0px rgba(0, 0, 0, 0.25);  border-radius: 10px; margin:0}
.best_slide .swiper-slide .item_info, .best_slide .swiper-slide .item_top, .best_slide .swiper-slide .item_engname, .best_slide .swiper-slide .item_reaction, .best_slide .swiper-slide .item_review, .best_slide .swiper-slide .item_icons, .best_slide .swiper-slide .item_wish{display:none; }
.best_slide .swiper-slide.swiper-slide-prev .item-list {transform: scale(0.7143) translateX(56px);}
.best_slide .swiper-slide.swiper-slide-next .item-list {transform: scale(0.7143) translateX(-56px);}
.best_slide .swiper-slide.swiper-slide-active .item-list {transform: scale(1) translateX(0px);}
.best_slide .swiper-slide.swiper-slide-active .item_img {margin-bottom:14px; }
.best_slide .swiper-slide.swiper-slide-active .item_info {display:block; }
.best_slide .swiper-pagination {position:static; display: flex; justify-content: center; padding:0 17px; flex-wrap: nowrap; box-sizing: border-box;}
.best_slide .swiper-pagination-bullet {background:#fff; margin:0 !important; border:none; height:2px; width:33.33%; opacity: 1; border-radius:0}
.best_slide .swiper-pagination-bullet-active {background:#958473}
.best_slide .prod_list_box { padding:20px 14px 24px; }

.class-list {text-align:center; padding:0 16px;  margin-top:32px }
.class-list ul {font-size: 0; text-align:left;}
.class-list ul:after {content:""; display:block; clear:both}

.class-list ul li {text-align:center;  display:inline-block;width: calc(33.333333% - 1px); position:relative;background: #958473;margin-bottom: 3px;margin-left: -1px;vertical-align: top;font-size: 0;}
.class-list ul li:nth-child(1), .class-list ul li:nth-child(4), .class-list ul li:nth-child(7), .class-list ul li:nth-child(10) {border-top-left-radius:30px; border-bottom-left-radius:30px;}

.class-list ul li:nth-child(3), .class-list ul li:nth-child(6), .class-list ul li:last-child {border-top-right-radius:30px; border-bottom-right-radius:30px;}

.class-list ul li:nth-child(4):last-child {border-radius:30px 30px;}
.class-list ul li:last-child {margin-right:0}

.class-list ul li:after {content:""; display:inline-block; height:10px; width:1px; background:#fff; position:absolute;right: 0px; top:calc(50% - 5px);z-index: 1;}
.class-list ul li:nth-child(3):after, .class-list ul li:nth-child(6):after, .class-list ul li:last-child:after {display:none; }
.class-list ul li a {display:inline-block; font-size:14px;padding:10px;color:#fff; font-weight:300;padding: 10px 0;width: 100%;}
.class-list ul li a .count {display:none; }
.class-list ul li a.active  {font-weight:600}
.class-list.narrow ul {text-align:left; }
.class-list.narrow.one li {border-radius:30px; width:auto;padding: 0 16px;}
.class-list.five li:nth-child(5) {border-radius:30px; }



.list_array {margin-top:32px}

.prod_list {padding:0 16px; margin-top:32px}
.prod_list li a {padding:0 !important}
.prod_list[data-sort="2col"] > ul > li {display:inline-block; vertical-align:top; margin-right:14px; width:calc(50% - 7px)}
.prod_list[data-sort="2col"] > ul > li:nth-child(2n) {margin-right:0}
.prod_list[data-sort="3col"] > ul > li {display:inline-block; vertical-align:top; margin-right:4px; width:calc(33.33% - 3px)}
.prod_list[data-sort="3col"] > ul > li:nth-child(3n) {margin-right:0}

.more .btn_moreGray {display:inline-block; width:120px; height:38px; line-height:38px; background:#958473; font-size:14px; color:#fff; border-radius:30px;}
.more .btn_moreGray span {color:#fff;}
.big_list {margin-bottom:24px; text-align:center }
.big_list li {margin-bottom:4px; font-size:0 }
.big_list li:nth-child(1) {/*margin-bottom:8px*/}
.big_list li:after {content:""; display:block; clear:both}
.big_list li:last-child {margin-bottom:0}
.big_list li a {display: inline-block; width:100%;float: left;}
.big_list li.w50 a {width: calc(50% - 2px);margin-right: 4px;/* float: left; */}
.big_list li.w50 a:last-child {margin-right:0}

/* BASIC css end */