/* BASIC css start */
/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ¸ÞÀÎº£½ºÆ® ÅÇ¸Þ´º ÄÚµå ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

.bestbox {width:100%; overflow:hidden; background:#fff; margin-top:10px; padding-bottom:20px;  height:auto;}
.menu-list {width: 100%; margin: 0 auto; overflow: hidden; height:60px;}
.menu-list .listcate{ }
.menu-list ul {overflow:hidden; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; vertical-align: baseline; }
.menu-list ul li{width:20%; float:left;  height:40px; line-height:40px;  text-align:center; border-left:1px solid #f4f4f4;margin-left:-1px;  border-bottom:1px solid #f4f4f4; background:#dedede; cursor:pointer; color:#fff; font-size:11px; text-decoration:none;}
.menu-list ul li.active{background:#fff; border-bottom:0px; color:#333;}

.swiper-container {width: 100%; margin: 0 auto; overflow:hidden;}
.swiper-container  .swiper-wrapper{width: 100%;height:auto !important; margin: 0 auto; margin-top:0px; margin-bottom:0px;}
.swiper-container  .swiper-wrapper .swiper-slide{float:left; height:auto !important; overflow:hidden;}

.swiper-container ul{overflow:hidden;}
.swiper-wrapper {position: relative;width: 100%;}
.weekly.swiper-container{width:95%;margin:0 auto}


.weekly.swiper-container ul li{width: 33%;float: left;margin: 0 0.5% 40px 0}

.weekly.swiper-container ul li:nth-of-type(3){margin-right: 0;}

.weekly.swiper-container ul li:nth-of-type(6){margin-right: 0;}
.weekly.swiper-container .swiper-slide{width:100% important}

.weekly.swiper-container .swiper-pagination-bullets{bottom: auto;width: 100%;top: 10px;position: initial;/* height: 40px; */padding: 10px 0;}
.weekly.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{ width: auto;  height: auto;background:none;opacity:1}
.weekly.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet span{display: inline-block; font-size: 12px; margin: 0 6px 15px; color: #999; text-indent: unset;}
.weekly.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active  span{color: #ccaaa3;text-decoration: underline; text-underline-offset : 7px;text-decoration-thickness :2px}

.mainSwiper {margin-top:45px;overflow:hidden}
.mainSwiper img{width:100%}


.list_shoppingInfo{height:100px}


/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ¸ÞÀÎº£½ºÆ® ÅÇ¸Þ´º - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */

.subSwiper img{width:100%}
.subSwiper {margin: 25px 0;overflow:hidden}
.subSwiper span{display:block}
.subSwiper span.title {font-size: 16px;color: #404040; padding-top: 17px; padding-left: 5px}
.subSwiper span.desc {font-size: 12px;color: #a8a8a8; padding-top: 5px;line-height: 1.4;padding-left: 5px;}
.subSwiper .sub_swiper-pagination {text-align:center;position: relative; bottom: 0; margin-top: 40px}
.subSwiper .sub_swiper-pagination span{display:inline-block}
.subSwiper .sub_swiper-pagination .swiper-pagination-bullet-active {background: #be9f7b;}


.mainTitle {text-align: center; padding: 40px 0 0;}
.mainTitle h2 {font-size: 20px;padding-bottom: 20px;color: #333;}

.btnMore {display: block; width: 100px; height: 32px; font-size: 12px; margin: 0 auto 50px; border: 1px solid #e2e2e2;color: #333;
    line-height: 32px; text-align: center; letter-spacing: 2px;background-color: #fff;}

.ht{ position: absolute; bottom: 0px; right: 3px;}

.MK-product-icons img {
width: auto !important;
}


/* BASIC css end */

