/* BASIC css start */
#contentWrapper {min-width: 1742px;}

.bold {font-weight:bold !important}

.visual_swiper { text-align:center; position:relative; }
.visual_swiper .img {position:relative; padding-bottom: 153.0%; }
.visual_swiper img { position:absolute; top:0; left:0; width:100%}
.visual_swiper .swiper-pagination-bullet {width:12px; height:12px; background:#b0b0b0 }
.visual_swiper .swiper-pagination-bullet-active {background:#000}
.visual_swiper .swiper-pagination { bottom:24px !important}

.visual_swiper .swiper-slide { width:calc(33.33% - 10px)}
.visual_swiper .swiper-slide .txt { position:absolute; left:140px; bottom:100px; color:#fff; transition:2s; opacity:0; text-align: left;  }
.visual_swiper .swiper-slide .txt .tit { font-size:42px; font-weight:bold; line-height:1.3; margin-bottom:25px; letter-spacing:-1px; }
.visual_swiper .swiper-slide .txt .des { font-size:18px; }
.visual_swiper .swiper-slide.swiper-slide-active .txt { opacity:1; animation:fadeIn2 1.5s; left:95px; }

@keyframes fadeIn2 {
    0% { left: 140px; }
    100% { left:95px; }
}

.section {padding:75px 0; }
.wrapper { width: 1366px; position: relative; margin: 0 auto;}
.sect_tt_box { text-align:center; margin-bottom:40px }
.sect_tt_box .sect_tt {font-size: 43px; display:block; font-weight:bold }
.sect_tt_box .sect_p {margin-top: 16px; font-size: 16px; color: #999;}
.section .more_box .more_btn {display:inline-block; width: 300px; height: 55px; line-height: 55px; font-size: 16px; color: #fff; background: #000; box-sizing: border-box; }
.con_area {position:relative; }
.prod_swiper .swiper-slide  {width:20%}

.section .swiper {margin:0 62px}
.swiper-navigation {}
.swiper-navigation .swiper-button-prev, .swiper-navigation .swiper-button-next {background:transparent; border-radius:100%; width:72px; height:72px; top:32%; }
.swiper-navigation .swiper-button-prev { left:0px; }
.swiper-navigation .swiper-button-prev:after {content: ''; width:42px; height:42px;border-top: 2px solid #000; border-right: 2px solid #000;display: inline-block; transform: rotate(225deg);position: absolute;top:12px; left:15px;}
.swiper-navigation .swiper-button-next { right:0px;}
.swiper-navigation .swiper-button-next:after {content: ''; width:42px; height:42px;border-top: 2px solid #000; border-right: 2px solid #000;display: inline-block; transform: rotate(45deg);position: absolute;top:12px;right:15px;}

#time_best {background:rgb(251, 251, 251); padding:40px 0}
#time_best .wrapper {font-size:0; display:flex; align-items: center;}
#time_best .wrapper > div {display:inline-block; width:calc(50% - 20px); margin-right:40px;}
#time_best .wrapper > div:last-child {margin-right:0}
#time_best .con_area {height:52px; }
.tag_box .tag_wrap > a {display:inline-block; font-size:16px; margin-right:24px; width:calc(33.33% - 16px); margin-bottom:24px; vertical-align:top;  }
.tag_box .tag_wrap > a:nth-child(3n) {margin-right:0; }
.tag_box .tag_wrap > a:nth-last-child(-n+3) {margin-bottom:0}
.tag_box .tag_wrap > a.active {font-weight:bold}
.time_best_box {font-size:14px }
.time_best_box .sect_tt {font-size:26px; font-weight:bold; margin-bottom:20px; }
.flipWrap{width:495px; background-color:#fff;border:1px solid #ddd; border-radius:10px; padding: 10px 16px;box-sizing: border-box; position:absolute; z-index: 2; }
.flipWrap:after{content:"";display:block;clear:both;}
.flipWrap .left{width:50%;float:left;}
.flipWrap .right{width:50%;float:left;}
.flipList .numList{position:relative;margin-bottom: 0px;}
.flipList .numList a {height: 30px;line-height: 30px;padding: 0 0px 0 5px;overflow: hidden;text-overflow: ellipsis;color:#333;font-size: 12px;font-weight: 500;vertical-align: middle;}
.flipList .depth1 .xi {cursor:pointer; position: absolute;top: -9px;right: 0px;width: 30px;text-align: center;/* height: 30px; */line-height: 47px;font-size: 20px;color: #000;}
.flipList .depth1 .bestPick {padding: 0 16px;position: relative;}
.flipList .tit{background: #c49f8c;border-radius:50px;width: 90px;height:30px;display: inline-block;text-align: center;line-height: 30px;color: #fff;cursor: none;font-size: 12px;float: left;}
.flipList .number{display:inline-block;width: 30px;text-align: center;}
.flipList .depth1 .name{color:#000; font-weight:500; font-size:13px}
.flipList .name{display: inline-block;width:100%;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; margin-top:4px }
.flipList .name a {display:inline-block;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; width:100% }
.flipList .depth2 .xi {position:relative;display:inline-block;width: 20px;text-align:center;top: 3px;}
.flipList .depth2 .xi-caret-up-min {text-align: center;height: 20px;line-height: 13px;font-size: 16px;color: #e5363d;}
.flipList .depth2 .xi-caret-down-min {text-align: center;height: 20px;line-height:13px;font-size: 16px;color: #d2d2d2;}
.flipList .depth1>ul {display:none;margin-bottom: 20px;padding: 0 6px;margin-top: 20px;}
.flipList .depth2 {border-bottom:0px none;border-bottom: 1px dotted #ddd;vertical-align: middle;padding: 6px 0px;}
.flipList .depth2:first-child {border-top:0px none;}
.flipList .depth2 a {padding: 0px 0px 0px 20px;margin: 0;font-size: 13px;color: #999;font-weight: 400;display: inline-block; width: calc(100% - 50px);}
.flipList .depth2 > ul{border-top:0px none; display:none;}
.flipList .depth2 .number{color: #000; font-weight: 500;}
.flipList .depth2 .graph{  width: 20px; height: 30px; text-align: center;  line-height: 30px; vertical-align: top;}
.flipList .depth2 .name{color:#000;font-weight:300;font-size: 13px;display: inline-block;width: 100%;text-overflow: ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; margin-top:0}
.flipList.noDepth .numList a{margin-right:5px;}
.flipList .swiper-container {float: left;height: 30px;margin-left: 4px; display:inline-block; width:calc(100% - 40px)}
.flipList .swiper-slide {margin-top:0px; padding-top:0px; display: flex;  justify-content: flex-start; align-items: center; }
.flipList .swiper-slide .number{display:inline-block;width: 30px;text-align: center;}
.flipList .swiper-slide .graph{display:inline-block;position: relative;width: 20px;text-align: center;right: 0px !important;top:2px}
.flipList .swiper-slide .xi-caret-up-min {text-align: center;height: 20px;line-height: 13px;font-size: 16px;color: #e5363d;}
.flipList .swiper-slide .xi-caret-down-min {text-align: center;height: 20px;line-height:13px;font-size: 16px;color: #d2d2d2;}


#section03 {background:#E9EAEC}

.botBannner {text-align:center; background:#f0f0f0; min-height:320px }

#time_sale {/* display:none; */}
.time_box {text-align:center; margin: 32px 0 42px; font-size:24px;display: flex;align-items: center;justify-content: center;}
.time_area span {font-weight:bold;}
.time_list_box {margin:0 auto; text-align:center; }
/*.time_list .item-list {width:calc(33.33% - 19px); margin-right:24px; margin-bottom:80px }
.time_list .item-list:nth-child(3n) {margin-right:0}
.time_list .item-list:nth-last-child(-n+3) { margin-bottom:0}
.time_list .item-list .thumb {display: flex; align-items: center; padding:0 24px}
.time_list .item-list .item_img { display:inline-block; width:150px; margin:0;   }
.time_list .item-list .item_img a {padding-bottom: 129.3%;}
.time_list .item-list .item_img .img {width:100%;height: 100%; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; left:0;}
.time_list .item-list .item_info { display:inline-block; width:calc(100% - 150px); padding: 0 0 0 24px;}
.time_list .item_price {margin-bottom:0}
.time_list .discount_info {margin-top:10px; }
.time_list .discount_info .discount {display:inline-block; background:#6b707c; color:#fff; font-size:12px; padding:5px 16px; border-radius:4px}
.time_list .item_reaction, .time_list .prod_cart {display:none; }*/


.prod_list_box {font-size:0; position:relative;}
.prod_list_box .prod_con {display:inline-block; vertical-align:top; width:calc(25% - 16px); margin-right:21px; margin-bottom:80px}
.prod_list_box .prod_con:nth-child(4n) {margin-right:0; }
.prod_list_box .prod_con:nth-last-child(-n+4) {margin-bottom:0}
.prod_list_box .prod_con:last-child {margin-right:0}


.prod_swiper2 .swiper-slide {width:232.4px; margin-right:20px; }

/*
.CollSwiper {padding:0 10px}
.CollSwiper .swiper-slide { width:80%}
.collection_link {display:block; margin-bottom:20px; position:relative; overflow:hidden; padding-bottom:67.4% }
.collection_link img {border-radius:16px; position:absolute; top:0; left:0; width:100%;   }
.collection_tt {font-size:18px; font-weight:bold; }
.collection_sub {font-size:14px; margin-top:8px }
.CollSwiper .prod_list {margin-top:24px; }
.CollSwiper .item-list {margin-bottom:80px}
.CollSwiper .item-list:last-child  {margin-bottom:0}
.CollSwiper .item-list .thumb {display: flex; align-items: center;}
.CollSwiper .item-list .item_img { display:inline-block; width:30%; margin:0 }
.CollSwiper .item-list .item_info { display:inline-block; width:70%; padding: 0 0 0 24px;}
.CollSwiper .discount_info, .CollSwiper .item_reaction, .CollSwiper .prod_cart, .CollSwiper .item_top, .CollSwiper .item_icons, .CollSwiper .strike {display:none; }*/


#section05 .wrapper {width:100%}
#section05 .swiper {margin:0}
.CollSwiper {padding:0}
.CollSwiper .swiper-slide { width:20.33%}
.collection_link {display:block; margin-bottom:20px; position:relative; overflow:hidden; }
.collection_con {position:relative;}
.collection_con img { width:100%;   }
.collection_con .collection_img {position:relative; display:inline-block; width:100%; height:100%}
.collection_con .collection_txt {margin-top:12px; padding-left:10px; box-sizing:border-box; }
.collection_con .collection_tt {font-size:22px; font-weight:bold; width:100%; color:#000;margin-top: 6px;}
.collection_con .collection_sub {; font-size:16px; position:relative; box-sizing:border-box; padding-right:67px}
.collection_con .collection_more { position: absolute;  right:10px; bottom: -31px; font-size: 14px;  color: #666;  font-weight:bold; }


.CollSwiper .prod_list {margin-top:24px; }
.CollSwiper .item-list {margin-bottom:12px}
.CollSwiper .item-list:last-child  {margin-bottom:0}
.CollSwiper .item-list .thumb {display: flex; align-items: center;}
.CollSwiper .item-list .item_img { display:inline-block; width:30%; margin:0 }
.CollSwiper .item-list .item_info { display:inline-block; width:70%; padding: 0 0 0 24px;}
.CollSwiper .discount_info, .CollSwiper .item_reaction, .CollSwiper .prod_cart, .CollSwiper .item_top, .CollSwiper .item_icons, .CollSwiper .strike {display:none; }
#section05 .swiper-button-prev {left:16px; }
#section05 .swiper-button-next {right:16px; }
#section05 .swiper-button-prev, #section05 .swiper-button-next {top:220px; margin:0}
#section05 .swiper-button-prev:after, #section05  .swiper-button-next:after {border-color:#fff}

.CollSwiper .swiper-pagination {display: table;table-layout: fixed;width: 60% !important;position: static;margin: 32px auto 0;}
.CollSwiper .swiper-pagination-bullet{cursor: pointer;border-radius: 0 !important;height:2px;margin:0 !important;width:auto; display: table-cell;}
.CollSwiper .swiper-pagination-bullet-active {background:#000}


.collection_wrap {width:100%; max-width: 1920px; min-width: 1440px; margin: 0 auto; padding: 0 4%; box-sizing: border-box;}
.collection_wrap:after {content:""; display:block; clear:both}
.collection_wrap.bottom {position:relative;}
.collection_wrap.bottom .collection_sect {position:relative; display:none; top:0;}
.collection_wrap.bottom .collection_sect.visible {display:block;}
.collection_fix {position: sticky; top: 0; z-index: 2; }

.collection_sect { position: absolute; top:58px; left:0; visibility: hidden; float:left; width: 23.9%; min-width: 410px;  max-width: 410px; }
.collection_sect.visible {visibility: visible; top:58px}
#collection_sect01 {visibility: visible; top: 0;}
#collection_sect01.visible { top:58px}
.collection_sect > a{display:inline-block; width:100%; height:100%; box-sizing:border-box; position:relative;}
.collection_sect > a .tit { display: block; position: absolute; top: 40px; left: 40px; color: #fff; font-size: 34px; font-weight: 600; letter-spacing:-1px; }
.collection_sect > a .more { display: block; position: absolute; bottom: 40px; left: 25%; padding: 10px; border: 1px solid #fff; font-size: 15px; background: #fff; width: 50%; text-align: center; }
.collection_prod { width:calc(100% - 26%); float:right; }
.collection_prod .prod_list {margin-bottom:17%; font-size:0;  }
.collection_prod .prod_list:last-child {margin-bottom:0}
.collection_prod .prod_list .item-list { width:calc(25% - 16px); margin-right:21px; }
.collection_prod .prod_list .item-list:nth-child(4n) {margin-right:0; }
.collection_prod .prod_list .item-list:nth-last-child (n-4) {margin-bottom:0}

.collection_fix.bottom {position: absolute; bottom:0; top:unset;}
.collection_sect.absolute {position:absolute; }

.banner_box {padding:42px 0}
.bannerSwiper {padding:0 10px}
.bannerSwiper .swiper-slide { width:20%}
.gallery_con {}
.gallery_img {position:relative; overflow:hidden; padding-bottom:114.4%}
.gallery_img img {border-radius:10px;  position:absolute; top:0; left:0; width:100%  }
.gallery_txt {margin-top:16px;}
.gallery_tt {font-size:16px; margin-bottom:10px; font-weight:bold }
.gallery_sub {font-size:13px; color:#666; }
.gallery_con .link {background:#f0f0f0; text-align:center; display:inline-block; height:32px; line-height:32px; border-radius:6px; width:100%; margin-top:16px; }

#section07 .swiper-slide {width: 232.4px; margin-right: 20px;}




.tab_thumb {text-align:center; margin-bottom:40px; }
.tab_thumb .swiper-pagination-bullet {margin-right:12px; width: auto;background: #fff;height: 30px;line-height: 30px;font-weight:500;border-radius: 6px 6px 0px 6px;background: #fff;padding: 0px 11px;/* width: 21%; */display: inline-block;vertical-align: top;opacity: 1;}
.tab_thumb .swiper-pagination-bullet:last-child { margin-right:0}
.tab_thumb .swiper-pagination-bullet-active {background:#404757;font-weight:500;color:#fff}

.tabSwiper .swiper-slide {width:100%}
.tabSwiper .prod_list {font-size:0 }
.tabSwiper .prod_list .item-list {display:inline-block; width:calc(25% - 9px); margin-right:12px; vertical-align:top; margin-bottom:12px }
.tabSwiper .prod_list .item-list:nth-child(4n) {margin-right:0; }
.tabSwiper .prod_list .item-list:nth-last-child(-n+4) {margin-bottom:0; }
.tabSwiper .prod_list .item_img {margin-bottom:0}
.tabSwiper .prod_list .item_info, .tabSwiper .prod_list .discount_info, .tabSwiper .prod_list .item_reaction {display:none; }

.tabSwiperBox .more_box {margin:14px 0 24px; }

.more_box {margin-top:40px;  text-align:center}
.more_box .btn_moreGray {width: 135px;border-radius: 100px;height:35px;line-height: 35px;background-color:#E9EAEC;border:0px none;font-weight:normal;display: block;margin: 0 auto;border: 1px solid #2b3244;;color:#2b3244;;}




#promotion {background:#f4edea}
.promotion_con {}
.promotion_con .img_box {position:relative; }
.promotion_con .img_box img {width:100%; }
.promotion_con .img_box .tab {position:absolute;top:8px;right:12px;font-size:12px;color:#fff;border:1px solid #fff;border-radius:30px;height:28px;display:flex;align-items: center;justify-content: center;padding: 0 10px;line-height: 1;}
.promotion_con .txt_box {margin-top:37px; }
.promotion_con .txt_box .tit {font-size:24px; color:#202020; font-weight:bold;}
.promotion_con .txt_box .des {font-size:16px; color:#464646; margin-top:16px}
.promotion_swiper .swiper-slide  {width:407px; margin-right:10px}



.main_video_box {position:relative; overflow:hidden;}
.main_video_box a {display: block;position: relative;padding-bottom: 119.8%;}
.main_video_box video {display:inline-block;width:100%;height:100%;position: absolute;top: 0;left: 0;}


/*
#section06 .item-list .item_stock {display:block; }
#section06 .item-list .item_reaction {display:none; }*/


/* Æ˾÷ */
#main_popUp_box.dn { display:none; }
.main_popUp_box { position:fixed;; top: 0; left: 0;; z-index:100; box-sizing:border-box; display:none;    }
.popUp_time_wrap {display: flex; position: relative; justify-content: center; padding: 16px; gap: 5px; border-radius:10px; background:#fff;  border:2px solid #e5aaa3; line-height:1 }
.popUp_time_wrap  span {font-weight:bold; }
.main_popUp_wrap {width: 100%; max-width:290px; height: 100%; overflow:hidden } 
.main_popUp_con { display:block; width:100%; position:relative; }
.main_popUp_con .swiper-slide a {display:inline-block; width:100%; height:100%; }
.main_popUp_con .swiper-slide img {width:100%; border-radius:10px; }
.main_popUp_con .swiper-pagination {bottom:10px}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet {border:1px solid #000; box-sizing:border-box; background:#fff; opacity:1}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet-active { background:#FFD203; }
.main_popUp_btn {display: flex; width: 100%; align-items: center; justify-content: space-between; margin-top:10px; }
.main_popUp_btn .btn_close { display: flex; align-items: center; justify-content: center;font-size:14px; letter-spacing: 5px; text-align: center; width:20px; height:20px; line-height:20px;  background: #ff6a10; border-radius: 100%; color: #000; font-weight: bold; box-sizing:border-box; }
.main_popUp_btn .btn_close span { width:14px; visibility: visible; color: #fff;}
.main_popUp_btn .btn_today_close {text-align: right; color: #949494; display: block; font-size: 13px;}
.main_popUp_btn .btn_today_close label {display:inline-block; cursor:pointer}
.main_popUp_btn .btn_today_close input[type="checkbox"] {margin-right:4px; }
.main_popUp_btn .btn_today_close input[type="checkbox"]:checked {}
.main_popUp_btn .btn_today_close label { color:#000;}


/* BASIC css end */