/* BASIC css start */
.mainTitle {margin:0 13px; padding:60px 0 20px; position:relative;}
.mainTitle h2, .mainTitle p {margin:0 1%; line-height:1;}
.mainTitle h2 {font-size:24px; color:#000; font-weight:600;}
.mainTitle p {font-size:14px; color:#000; font-weight:500; margin-top:10px;}
.mainTitle a {position:absolute; bottom:18px; right:5px; font-size:14px; display:inline-block; border-bottom:1px solid #333; font-weight:500; line-height:18px;}
.mainTitle a i {font-size:11px; vertical-align:top; line-height:18px;}
.btn_moreGray {width: 180px; height: 35px; line-height: 35px; background-color: #ffffff; border: 1px solid; font-weight: bold; display: block; margin: 0 auto;  margin-bottom: 20px; border-radius:5px;}


.mainSlide {position:relative;}
.mainSlide .swiper-pagination {position:absolute; width:50px; display:inline-block; bottom:30px; left:auto; right:20px; background:rgba(0,0,0,0.25); color:#fff; padding:5px; border-radius:26px;}
.mainSlide img {width:100%;}
.mainSlide .items {position:relative; }
.mainSlide .items .infoWrap {position:absolute; top:32px; left:32px; opacity:0; transform: translate3d(-20px, 0, 0); z-index:2;}
.mainSlide .items .imgWrap { position:relative; padding-bottom: 119%;}
.mainSlide .items .imgWrap img { position: absolute;  top: 0;  left: 0;}
.mainSlide .items .infoWrap span {display:block; }
.mainSlide .items .infoWrap .sort { font-size:13px; color:#FF6756; font-weight:bold; margin-bottom:18px}
.mainSlide .items .infoWrap .title {font-size:20px; color:#fff; font-weight:bold; margin-bottom:12px}
.mainSlide .items .infoWrap .desc{font-size:14px; color:#fff; }
.mainSlide .swiper-slide.swiper-slide-active .items .bg {position:absolute; top:0; left:0; width:100%; height:100%;  box-shadow:inset 0 300px 99px rgba(0,0,0,0.25); z-index:1;}
.mainSlide .swiper-slide.swiper-slide-active .items .infoWrap {opacity: 1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;}
.mainSlide .swiper-slide {padding-bottom: 122.4%;}
.mainSlide .swiper-slide a {position:absolute; top:0; left:0; width:100%; height:100%; }


.main_bn01 {position:relative; margin-top:6px; padding-bottom:30px;}
.main_bn01 .swiper-slide {font-size:0; text-align:center;}
.main_bn01 .swiper-slide .item {position:relative; display:inline-block; width:calc(50% - 3px); vertical-align:top;}
.main_bn01 .swiper-slide .item:last-child {margin-left:6px;}
.main_bn01 .swiper-slide .item a {display:block;}
.main_bn01 .swiper-slide .item a .img {position:relative;padding-bottom: 118.5%;}
.main_bn01 .swiper-slide .item a .img img {position:absolute;top:0;left:0;width:100%;}
.main_bn01 .swiper-slide .item .desc span {display:block;}
.main_bn01 .swiper-slide .item .desc .title {font-size: 16px; color: #404040; padding-top: 15px;}
.main_bn01 .swiper-slide .item .desc .sub {font-size: 12px; color: #a8a8a8; padding-top: 5px;}
.main_bn01 .swiper-pagination {bottom:0; width:100%; text-align:center;}
.main_bn01 .swiper-pagination span {width:10px; height:10px; border-radius:10px; opacity:1; background:#ccc; margin:0 4px;}
.main_bn01 .swiper-pagination span.swiper-pagination-bullet-active {background:#be9f7b;}

#category_best {background:#f6f6f6;margin: 60px 0 30px;}
#category_best .mainTitle {margin:0;padding: 60px 0 20px;text-align:center;}
#category_best .more_btn {text-align:center; padding:0 0 30px;}
#category_best .category_more {display:inline-block; font-size:14px; font-weight:500; color:#000; padding-bottom:5px; border-bottom:1px solid #000;}
#category_best .category_more i {font-size:10px; vertical-align:middle; margin-left:5px;}
#category_best .items .infoTop .colorchips {overflow: hidden; height: 11px; padding-right:67px}
.swiper_tab_box {padding:0 20px; box-sizing:border-box; text-align: center; margin-bottom: 30px;}
.swiper_tab_con {text-align:center;display: flex;justify-content: space-between;align-items: center; margin: 0 0 24px;}
.swiper_tab_box .swiper-slide {margin:0 5px;}
.swiper_tab_box .swiper_tab {line-height: 20px;min-height: 20px;color: #7b7b7b;font-size: 12px;padding: 0 1px;margin: 0 8px 5px 0;position:relative;}
.swiper_tab_box .swiper_tab:last-child {margin-right:0}
.swiper_tab_box .swiper-slide.active .swiper_tab {background:none;color:#ff6a10;font-weight: 600;}
.swiper_tab_box .swiper-pagination-bullet-active:after, .swiper_tab_box .active:after {content:"";display:inline-block;width:100%;height: 2px;background:#ff6a10;position:absolute;bottom: 0;left:0}
.swiper_tab_con .swiper-slide {width:auto !important; position:relative;}
#tabWrapper {margin-left:6px;}
#tabWrapper .list_shopping2x li {width:calc(50% - 3px); margin-right:6px; padding:0; padding-bottom:30px;}
#tabWrapper .list_shopping2x li:nth-child(2n) {margin-right:0;}
#tabWrapper .list_shopping2x li .listName {height:18px; line-height:18px; -webkit-line-clamp:1;}
#tabWrapper .list_shopping2x li .prd-ico {display:none;}

.main_bn02 {position:relative;margin:60px 0 30px;}
.main_bn02 .swiper-pagination {position:absolute; width:50px; display:inline-block; bottom:10px; left:auto; right:10px; background:rgba(0,0,0,0.25); color:#fff; padding:5px; border-radius:26px;}
.main_bn02.noSwiper .swiper-pagination {display:none; }
.main_bn03 {position:relative; margin:60px 0;}


.timeSale {padding:30px 0;background:#f6f6f6;margin: 30px 0 30px;}
.timeSale h2 {font-size:32px; color:#000; font-weight:600; margin-bottom:5px; text-align:center;}
.timeSale .time_box {text-align:center; margin: 0 0 30px; font-size:30px; display: flex;align-items: center;justify-content: center;}
.timeSale .time_area span {font-weight:bold;}
.timeSale .swiper-slide .list_shoppingInfo, .timeSale .swiper-slide .list_shoppingInfo .listName {text-align:center;}
.timeSale .swiper-slide .list_shoppingInfo .colorchips {display:none;}
.timeSale .swiper-slide .PHPS_pick_prdLink {padding-bottom:100%!important}
.timeSale .swiper-slide .salePercent {position:absolute; top:10px; right:10px; width:40px; height:40px; line-height:40px; text-align:center; font-size:14px; background:#fff; font-weight:600;}
.timeSale .swiper-slide .list_shoppingInfo .listPrice, .timeSale .swiper-slide .list_shoppingInfo .listPrice del {font-size:14px; justify-content:center}
.timeSale .swiper-slide .list_shoppingInfo .listPrice del {display:inline-block; margin-right:5px;}
.prd_slide {margin-left:13px;margin-bottom: 30px;}
.prd_slide li .listName {height:36px; line-height:18px;}
.prd_slide li .prd-ico {height:14.4px;}
.prd_slide .bglist {display:none; }


#category_best02 {background:#f6f6f6;margin:60px 0 80px;}
#category_best02 .mainTitle {margin:0;padding: 60px 0 30px;text-align:center;}
#category_best02 .more_btn {text-align:center; padding:0 0 30px; margin-top:20px}
#category_best02 .category_more {display:inline-block; font-size:14px; font-weight:500; color:#000; padding-bottom:5px; border-bottom:1px solid #000;}
#category_best02 .category_more i {font-size:10px; vertical-align:middle; margin-left:5px;}
#category_best02 .items .listInfoTop .salePercent {display:none;}
#category_best02 .items .infoTop .colorchips {padding-right: 65px; overflow: hidden; height: 11px;}
.swiper_tab_box02 {box-sizing:border-box; text-align: center; margin-bottom: 20px;}
.swiper_tab_box02 .swiper-slide {margin:0 5px;}
.swiper_tab_con02 {text-align:center;display: flex;justify-content: space-between;align-items: center; margin: 0 0 24px; padding:0 20px; margin:0 auto;}
.swiper_tab_box02 .swiper_tab {line-height: 20px;min-height: 20px;color: #7b7b7b;font-size: 12px;padding: 0 1px;margin: 0 8px 5px 0;position:relative;}
.swiper_tab_box02 .swiper_tab:last-child {margin-right:0}
.swiper_tab_box02 .swiper-slide.active .swiper_tab  {background:none;color:#ff6a10;font-weight: 600;}
.swiper_tab_box02 .swiper-pagination-bullet-active:after, .swiper_tab_box02 .active:after {content:"";display:inline-block;width:100%;height: 2px;background:#ff6a10;position:absolute;bottom: 0;left:0}
.swiper_tab_con02 .swiper-slide {width: auto !important; position: relative; flex: 1; margin: 0 5px;}
#tabWrapper02 {margin-left:6px;}
#tabWrapper02 .list_shopping2x li {width:calc(50% - 3px); margin-right:6px; padding:0; padding-bottom:30px;}
#tabWrapper02 .list_shopping2x li:nth-child(2n) {margin-right:0;}
#tabWrapper02 .list_shopping2x .listName {height:18px; line-height:18px; -webkit-line-clamp:1;}
#tabWrapper02 .list_shopping2x .prd-ico {display:none;}

/*½Å±Ô*/
.banner_prd_wrap {margin: 60px 0 0px;}
.banner_prd_wrap > div:nth-child(1)  {margin-bottom:50px;}
.banner_prd_wrap .thumb {margin-bottom:20px;}
.banner_prd_wrap .swiper-container {padding:0 5px; box-sizing:border-box; }
.banner_prd_wrap .thumb {position:relative; }
.banner_prd_wrap .thumb .txt { position:absolute; bottom:32px; left:0; width:100%; text-align:center; }
.banner_prd_wrap .thumb .txt span {display:block; color:#fff; }
.banner_prd_wrap .thumb .txt .tit {margin-bottom:4px; font-size:24px; font-weight:500}
.banner_prd_wrap .thumb .txt .des {font-size:18px; font-weight:300}
.banner_prd_wrap .items .infoTop .colorchips {padding:0}
.banner_prd_wrap .items .listPrice .salePercent {display:none; }

.banner_prd_wrap .banner_prd_03 .txt .tit { font-size:22px; }


/* SlideDown for headroom */ 
@-webkit-keyframes slideDown02{ 
	0% {-webkit-transform:translateY(0)} 
	100% {-webkit-transform:translateY(0)} 
} 
@keyframes slideDown02{ 
	0% {transform:translateY(0)} 
	100% {transform:translateY(0)} 
} 

/* SlideUp for headroom */ 
@-webkit-keyframes slideUp02{ 
	0% {-webkit-transform:translateY(0)} 
	100% {-webkit-transform:translateY(-30px)} 
} 
@keyframes slideUp02{ 
	0% {transform:translateY(0)} 
	100% {transform:translateY(-30px)} 
} 


/* Æ˾÷ */
.main_popUp_box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding:12%; background: rgba(0,0,0,0.75); z-index: 9999; box-sizing:border-box;  display: none;}
.main_popUp_wrap { display:flex; flex-direction: column; justify-content: center; align-items: center;width: 100%; max-width:400px; 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%}
.main_popUp_con .swiper-pagination {bottom:0px}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet-active { background:#000}
.main_popUp_btn { display:block; width:100%}
.main_popUp_btn .btn_close {display: block; font-size: 12px; letter-spacing: 5px; text-align: center; width:100%; height: 40px; line-height: 40px; color: #fff; margin: 10px 0 0 0; border: 1px solid #fff;}
.main_popUp_btn .btn_today_close {text-align: right; color: #949494; display: block; margin-top:20px; ; font-size: 13px;}
.main_popUp_btn .btn_today_close input[type="checkbox"] {margin-right:4px}
.main_popUp_btn .btn_today_close label { color: #949494;}



/* ¾Û&À¥ */
.SMSbannerMain {margin-top:6px;}
.SMSbannerMain .appBox, .SMSbannerMain .webBox { display:none;}
.SMSbannerMain .showBanner{ display:block;}

/*
.banner_prd_02 li {height:247px; }
.banner_prd_02 .thumb .txt {height:100%;display: flex;align-items: center;justify-content: center;bottom: 0;top: 0;}
.banner_prd_02 .thumb .txt .tit {display:none; }
.banner_prd_02 .thumb .txt .des {font-size: 20px; font-weight: 500; }*/


.tab_content .list_shopping2x {padding:7.5px}



/* BASIC css end */