/* BASIC css start */
.bestContainer.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-autoheight{height: 4900px !important;}
.mainSlideArea { margin:0; }
.mainSlideArea .swiper-slide { height:auto; }
.mainSlideArea .swiper-slide img { width:100%; }
.mainSlideArea .swiper-slide .img { position:relative; }
.mainSlideArea .swiper-slide .img:before { content:''; position:absolute; left:0; top:50%; right:0; bottom:0; background: linear-gradient(to top, rgba(0,0,0,0.5), 70%, transparent); }
.mainSlideArea .swiper-slide .txtBox { position:absolute; color:#fff; bottom:110px; left:8%; width:90%; text-shadow:rgba(0,0,0,0.2) 0 2px 4px; }
.mainSlideArea .swiper-slide .txtBox .tit { font-size:30px; line-height:1.2; margin-bottom:10px; position:relative;   }
.mainSlideArea .swiper-slide .txtBox .txt { font-size:13px; line-height:1.2; position:relative;   }
.mainSlideArea .swiper-container-horizontal>.swiper-pagination-bullets { bottom:20px; }
.mainSlideArea .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width:25px; height:3px; background:#fff; opacity:1; border-radius:0; margin:0 2px; }
.mainSlideArea .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000; }

.mainSlideArea .swiper-container-horizontal>.swiper-pagination-progressbar { top:auto; bottom:50px; left:5%; width:70%; height:2px; background:#fff; }
.mainSlideArea .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#000; }


.mainHeaderCate { background:#fff; padding:0 45px 0 20px; box-sizing:border-box; width:100%; overflow:hidden;   }

.mainHeaderAnchor { position:relative; }
.mainHeaderAnchor1 { top:-50px; }

.mainCate { padding:20px 0 40px; background:#fff;  }
.mainCate h1 { color:#121212; font-size:2.5vw; margin:0 0 10px 15px;  }
.mainCate h1 span { display:inline-block; margin-left:5px; }
.mainCate h1 img { vertical-align:middle; margin-top:-2px; width:11px;  }
.mainCate .mainCateSlide { padding:0 10px; }
.mainCate .swiper-slide { width:21%; margin:0 1.5%; text-align:center; }
.mainCate ul li a img { width:100%; }
.mainCate ul li a .tit { color:#121212; font-size:2vw; }

.bestTabArea { background:#fff; padding:0 0 20px; margin:0 0 10px; }
.bestTabArea h1 { font-size:20px; color:#121212; margin:20px 0 20px 10px; font-weight:bold; }
.bestTabArea .bestTab { padding:0 0 30px; display:none; }
.bestTabArea .bestTab ul { font-size:0; margin:0 0 0 10px;   }
.bestTabArea .bestTab li { color:#969696; font-size:3.5vw; border-bottom:2px solid transparent; display:inline-block; vertical-align:middle; padding:0 0 2px; margin:0 3vw 0 0; width:auto; transition:0.2s; }
.bestTabArea .bestTab li:last-child { margin:0; }
.bestTabArea .bestTab li.swiper-slide-thumb-active { color:#121212; border-color:#121212; }
#mainContainer .bestTabArea .list_shopping2x { padding:0; margin:0; }

.mainIssue { padding:20px 0 10px; background:#fff; margin:0 0 10px;   } 
.mainIssue h1 { color:#121212; font-size:2.5vw; margin:0 0 10px 15px;  }
.mainIssue h1 span { display:inline-block; margin-left:5px; }
.mainIssue h1 img { vertical-align:middle; margin-top:-2px; width:11px;  }
.mainIssue ul {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 15px; box-sizing:border-box;  }
.mainIssue ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background-color: #fff; }
.mainIssue ul::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background-color: #999; border-radius: 6px; }
.mainIssue ul::-webkit-scrollbar { height: 5px; background-color: #F5F5F5;} 
.mainIssue ul li { margin-right:4vw; margin-bottom:10px; min-width:86%;  text-align:center;  }
.mainIssue ul li:last-child { padding-right:15px; }
.mainIssue ul li a img { width:100%; }

.mainCeleb { padding:40px 0 30px; background:#fff; margin:0 0 10px;   } 
.mainCeleb h2 { color:#121212; font-size:20px; margin:0 0 20px 15px; font-weight:bold;  }
.mainCeleb ul {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 15px; box-sizing:border-box;  }
.mainCeleb ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background-color: #fff; }
.mainCeleb ul::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background-color: #999; border-radius: 6px; }
.mainCeleb ul::-webkit-scrollbar { height: 5px; background-color: #F5F5F5;} 
.mainCeleb ul li { margin-right:4vw; margin-bottom:10px; min-width:86%;  text-align:center;  }
.mainCeleb ul li:last-child { padding-right:15px; }
.mainCeleb ul li a img { width:100%; }


.list_shopping2x.preSlide {display:visiblity;}
.list_shopping2x.preSlide ul {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 0 15px; box-sizing:border-box;  }
.list_shopping2x.preSlide ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background-color: #fff; }
.list_shopping2x.preSlide ul::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0); background-color: #999; border-radius: 6px; }
.list_shopping2x.preSlide ul::-webkit-scrollbar { height: 5px; background-color: #F5F5F5;} 
.list_shopping2x.preSlide ul li { margin-right:4vw; margin-bottom:10px; min-width:86%;  text-align:center;  }
.list_shopping2x.preSlide ul li:last-child { padding-right:15px; }
.list_shopping2x.preSlide ul li figure { position:relative; }
.list_shopping2x.preSlide .list_shoppingInfo { position:absolute; bottom:5%; left:5%; width:90%; margin:0; }
.list_shopping2x.preSlide .listName { font-size:15px; color:#fff; font-weight:bold; }
.list_shopping2x.preSlide .listDiscount > * { vertical-align:bottom; }
.list_shopping2x.preSlide .listDiscount .listPrice { font-size:18px; color:#E03980; }
.list_shopping2x.preSlide .listDiscount del { font-size:16px; color:#fff; font-weight:normal; }
.list_shopping2x.preSlide .preIcon { position:absolute; top:10px; right:10px; width:16%;  }
.list_shopping2x.preSlide .preIcon img { width:100%; }



.mainMid ul li a img {width:100%; }


/* BASIC css end */