@charset "utf-8";
/*width:1200+*/
@media only screen and (min-width: 1200px){

	}
@media only screen and (max-width: 1360px){
	.navul li>a{  margin:0 10px;}
}
/** max-width:1200 **/
@media only screen and (max-width: 1023px){
.wp{ width:94%;}
.header{ position:fixed; padding-top: 0; background-color: #fff; margin-top: 0;}
.headerHeight{ height: 50px;}
.loarea .wp{ width: 96%;}
.nav{ display:none;}
.menubtn{ display:block;} 
.loarea{ height:50px;}
.logo{ width:140px; height: 50px; margin-left: auto; justify-content: center; }
.logo .tp{ height:24px;}
.logo .tp1{ display: none;}
.logo .tp2{ display: inline-block;}
.topOpa{ display: none;}
.mtopOpa{ display: flex; justify-content: flex-start; position: relative;}
.mtopOpa .searchArea{ position: static;}
.mtopOpa .actsearchLay{top: 50px; box-sizing: border-box;}

.inav{ display: block;}
.actsearchLay{ width: 100% !important; visibility: visible !important; }
.ibanSwiper{ margin-top: 50px;}

}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.banimg{ height: auto;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.bigimgw100 .tp{ width: 150%; max-width: 150%; margin-left: 25%;}

.p_l{ width: 100%; margin-right: 0px;}
.p_r{ margin-top: 30px; min-width: 100%;}

}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
body,input,textarea,select,button{ font-size: 0.22rem;}
body{ background-color:#fff; 
	/* filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; */
}
.mt10{ margin-top: 0.10rem;}
.mt15{ margin-top: 0.15rem;}
.mt20{ margin-top: 0.20rem;}
.mt25{ margin-top: 0.25rem;}
.mt30{ margin-top: 0.30rem;}
.mt35{ margin-top: 0.35rem;}
.mt40{ margin-top: 0.40rem;}
.mt45{ margin-top: 0.45rem;}
.mt50{ margin-top: 0.50rem;}
.mt60{ margin-top: 0.60rem;}
.mt70{ margin-top: 0.70rem;}
.mt80{ margin-top: 0.80rem;}
.mt90{ margin-top: 0.9rem;}
.mt100{ margin-top: 1rem;}
.rd2{ border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.rd3{ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.rd4{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.rd5{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.rd6{ border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.rd8{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.rd10{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.rd12{ border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.rd15{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.rd18{ border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; }
.rd20{ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.rd25{ border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.sbtn{ font-size: 0.22rem;}
.banner .swiper-pagination{ bottom:0.1rem !important; }
.banner .swiper-pagination-bullet{width:0.15rem;height:0.15rem; margin:0 0.05rem !important;}
.topOpa .sbtn{ padding: 0.1rem 0;}

.h_tit{ padding: .35rem 0;  }
.morea{ font-size: .2rem;}
.morea .arr{ font-size: .22rem; margin-left: .14rem;}
.morea:hover .arr{ left: -0.08rem; }

.h_arrivals{ padding: 0rem 0 0rem;}
.harrivalItem{ width: 48.5%;}
.harrivalItem:nth-child(2n){ margin-right: 0;}
.harrivalItem .des{ padding:.24rem 0; }
.harrivalItem .des .info{ margin-top: .08rem; }
.harrivalItem .des .price{ margin-top: .14rem; font-size: .2rem;}
.harrivalItem a:hover .des{ padding: .24rem .2rem;}
.h_lookbook .item{ width: 100%; margin-bottom: 0.3rem;}
.h_lookbook .item:nth-last-child(1){ margin-bottom: 0;}


.henterItem{ width: 100%; margin-bottom: .2rem;}

.footer .wrap{ padding: 1.8rem 0 .24rem;}
.flogo .tp{ max-width: 40%; max-height: .72rem;}
.fnav_fshare{ margin-top: .6rem;}
.fnav{ min-width: 100%;}
.fnav a{ margin-right: .2rem; padding: .1rem 0 ; min-width: 1.5rem; font-size: .2rem;}
.fshare{ margin-left: 0rem; margin-top: 0.4rem; width: 100%; text-align: center;}
.fshare a{ margin:0 .2rem;}
.fshare a .icon{ width: .32rem;}
.freg{ margin-top: .4rem;}
.freg .tit{ font-size: .2rem; }
.fregBox .text{ padding: .05rem .2rem;}
.fregBox{ width: 100%; margin-top: .1rem;}
.fregBox .tj{ width: 1.2rem; height:0.6rem; line-height:0.6rem;  font-size: .2rem;}
.flink{ width: 100%; margin-top: .35rem;  }
.flink .box{ min-width: 100%;}
.fqlink{ text-align: center;}
.fqlink a{  margin:0 .15rem; font-size: .2rem;  }
.copy{ margin-top: .24rem; font-size: .2rem; text-align: center; }


}
/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1249px){
}
/** width:960px **/
@media only screen and (max-width: 1023px){
.i_main{ min-height: 0;}
.i_ban .tp{ /*width: 150%; max-width: 150%; margin-left: -25%;*/}

}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){
/* .banIntro .tit{ font-size: 0.66rem; }
.banIntro .line{ width: 1.2rem; height: 2px; }
.banIntro .subtit{ font-size:0.22rem; margin-top: 0.1rem;} */
.turnpage{ text-align: center;}
.turnpage a,.turnpage .span{ display: none;}
.turnpage .point{ display:inline-block; padding:0.2rem 0.6rem;margin:0 0.1rem; line-height: 1; font-size: 0.3rem;  }
.turnpage .point .iconfont{ font-size:0.26rem;}

.location{ padding: .15rem 0; }
.location .cutline{ font-size:.2rem; }
.location a{ font-size:.22rem;  margin:0 .08rem;}

.policy{ padding: .1rem 0 .6rem;  max-width: 94%;}
.policyTitle{ font-size: .3rem; }
.policyBody{ margin-top: .24rem;}

.loginMain{  padding: .4rem 0 0;}
.loginMain .part{ width: 100%; padding: .6rem; margin-bottom: 0.4rem;}
.mem_tit .tit{ font-size: .24rem; }
.mem_tit .info{ margin-top: .24rem;}
.memForm{ margin-top: .24rem;}
.formItem{ margin-bottom: .24rem;}
.formItem .attrmc{ font-size: .24rem; padding: .08rem 0;}
.formItem .text,.formItem .select{  height: .8rem; line-height: .8rem; font-size: .22rem; padding: 0 .3rem; }
.forgetPwd{ margin-top: .1rem;}
.formConfirm{ margin-top: .4rem;}
.formConfirm .sbtn{ font-size: .24rem;  }

.regMain{ padding: .5rem 0 .8rem;}
.mem_tit2 .tit{ font-size: .32rem;}
.mem_tit2 .info{  margin-top: .28rem;}
.regForm .require{ font-size: .2rem; margin-left: .08rem;}
.reg_tit{padding: .25rem 0; margin-bottom: .3rem; }
.radioGroup .item{  margin-right: .2rem;}
.radioGroup .item input{ margin-right: .08rem;}
.regForm .msg{ font-size: .2rem; margin-top: .08rem;}
.regForm .formConfirm{ width: 80%; margin: .6rem auto 0;}
.hasYzm .text{ padding-right: 1.8rem;}
.hasYzm .sendBtn{ right: .15rem; font-size: .2rem; }


.mem_tit3{  padding-bottom: .5rem;  margin-bottom: .4rem;}
.mem_tit3 .tit{font-size: .32rem; }
.mem_tit3 .tit .name{ font-size: .22rem; }
.mem_tit3 .info{margin-top: .25rem;}
.mem_tit3 .points{ margin-top: .4rem;}
/* マイページ */
.memnav{ padding: .4rem 0 .8rem; }
.memnav a{  width: 50%; padding: .2rem 0; font-size: 0.3;}
.memnav a::before{ margin-right: .12rem; font-size: 0.24rem; }
.memnav a:hover::before{ margin-right: .04rem;}

.noRecord{ min-height: 3rem;}
.noRecord .formConfirm{  margin: .4rem auto 0; }
.noRecord .formConfirm .sbtn{ font-size: 0.22rem;}


.buyRecordItem{ margin-bottom: .3rem;}
.buyRecordTable th,.buyRecordTable td{ padding: .26rem .3rem; font-size: .24rem;}
.buyRecordTable th{ display: none;}
/* .buyRecordTable tr{ display: block;}
.buyRecordTable td{ float: left;}
.buyRecordTable tr td{ width: 100% !important;} */
.buyRecordTable .goodsTparea{ margin: 0 auto; text-align: center;}
.buyRecordTable .goodsTparea .tp{ width: 1.2rem;}
.buyRecordTable .goodDesc .tit{ font-size: .24rem;}
.buyRecordTable .goodDesc .para{ font-size: .22rem;margin-top:.18rem;}
.buyRecordTable .goodDesc .para .price{margin-top: .18rem;}
.buyRecordTable .goodDesc .para .info{margin-top: .18rem;}
.revInfo{}
.revInfo .row{ }
.revInfo .row .rev{flex-wrap: wrap;}
.revInfo .row .rev .mc{  width: 100%; margin-right: 0rem;}
.revInfo .row .rev .val{ font-size: .22rem; min-width: 100%;}
.revInfo .row .rev .val .list{ padding: .03rem 0;}
.revInfo .row .total{ width: 2.4rem; }
.revInfo .row .total .discount{ margin-top: .18rem;}
.revInfo .row .total .payPrice{ font-size: .3rem;margin-top: .18rem;}
.revInfo .time{ margin-top: .1rem; flex-wrap: wrap;}
.revInfo .time .mc{  width: 100%; margin-right: 0rem;}
.revInfo .time .val{ font-size: .22rem; min-width: 100%;}
.revInfo .time .val .list{ margin-right: .3rem;}
.buyRecordTable .orderInfoTd{ padding: .3rem .3rem;}
.orderInfo .box{ width: 30%;}
.orderInfo .box:nth-child(3){ width: 1.76rem; }
.orderInfo .box:nth-child(3) .score{ margin-top: .05rem; font-size: .18rem;}

.cartMain{ padding: .6rem 0 1rem;}
.cartTableWrap{ margin-top: .5rem;  }
.cartTable th,.cartTable td{ padding: .15rem; font-size: .24rem;}
.cartTable .nameTd{ display: none;}
.cartTable .titleTd{ font-size: .24rem; width: 100%; border-bottom: none; }
.cartTable tr{ display: flex; flex-wrap: wrap;}
.cartTable tr td{ border-right: none;}
.cartTable tr td:nth-child(1){ width: 100%; border-bottom: none;; }
.cartTable tr td:nth-child(2){ width: 20%;}
.cartTable tr td:nth-child(3){ width: 20%;}
.cartTable tr td:nth-child(4){ width: 20%;}
.cartTable tr td:nth-child(5){ width: 40%;}
.cartTable tr td:nth-child(5) .sbtn{ width: 1.6rem; font-size: .22rem; }
.cartTable .goodsNum{ width: .66rem; height: .5rem; line-height: .5rem;}
.goodsInfo .tparea{ width: 1.32rem; margin-right: .14rem;}
.goodsInfo .des{ min-width: 0;}
.goodsInfo .des .tit{ font-size: .24rem;}
.goodsInfo .des .para{ font-size: .22rem;margin-top:.1rem;}
.goodsInfo .des .para .price{margin-top: .1rem;}
.goodsInfo .des .para .info{margin-top: .1rem;}
.cart .tableOpa{ margin-top: .34rem;}
.cart .tableOpa .sbtn{ margin-left: .14rem;}
.integral_total{ margin-top: .35rem; }
.integral_total .integral{  width: 100%;}
.integral_total .integral .icon{ width: 1.2rem; margin-right: .14rem;}
.integral_total .integral .des{ font-size: .24rem; }
.integral_total .totalWrap{ width: 100%; margin-top: 0.3rem; }
.integral_total .totalTable td{padding: .14rem;}
.cartConfirm{ margin-top: .5rem; }
.cartConfirm .continueBtn{width: 40%; font-size: .22rem; }
.cartConfirm .continueBtn::before{  font-size: .24rem; margin-right: .14rem;}
.cartConfirm .opa{width: 100%; }
.cartConfirm .opa .sbtn{ font-size: .24rem; }

.textNumber{ width: 1rem; }
.textNumber .goodsNum{ width: .6rem; height: .6rem; line-height: .6rem;}
.textNumber .opa{ width: .4rem;}
.textNumber .btn{ width: .4rem; height: .3rem; font-size: .14rem;  line-height: .3rem; font-size: 0.26rem;}

.qusMain{ padding: .4rem 0 .8rem;}
.qusSort .list{ width: 50%; margin: 0 0% .15rem 0;}
.qusSlide{ margin-top: .4rem;}
.qusPart{ margin-bottom: .5rem;}
.qusPart .title{ font-size: .28rem;  }
.qusItem{  padding: .24rem .2rem;}
.qusItem .tit{ font-size:.24rem; padding:0rem .4rem 0rem .32rem; }
.qusItem .tit .status{ width:.4rem; height:.4rem; font-size: .26rem;  top:.1rem;  }
.qusItem .nr{ margin-top: .24rem; padding-left: .32rem; font-size: .24rem; }

.siItem{ padding:0.8rem .6rem; }
.siItem .tit .mc2{ font-size: .32rem;}
.siItem .tit .line{ margin:  0 .12rem; height: 0.3rem; }
.siItem .wrap{ margin-top: .6rem;}

.siItem2{ padding: 1rem .6rem;}
.siItem2 .wrap{ margin-top: .25rem;}

.brand{ padding: .8rem 0;}
.brandItem .tparea{ width: 100%; }
.brandItem .intro{ width: 100%; }
.brandItem .intro .inner{ padding:.4rem  0%;}
.brandItem .intro .tit{ font-size: .32rem; }
.brandItem .intro .wz{ margin-top: .15rem; }
.bannerStyleSlideWrap{ padding: 0 0rem; } 
 .bannerStyleSlideWrap .swiper-button-prev,.bannerStyleSlideWrap .swiper-button-next{width:.66rem;  height:.66rem; line-height: .66rem; margin-top:-0.33rem; }
.bannerStyleSlideWrap .swiper-button-prev .iconfont,.bannerStyleSlideWrap .swiper-button-next .iconfont{ font-size: .32rem; }
.bannerStyleSlide .tp{ max-height: auto;}
.styleList{ padding: .6rem 0; margin-top: .3rem;}

.news { padding: .6rem 0;}
.news .wrap{ margin-top: .4rem;}
.newsIntro .title{ font-size: .32rem; }
.newsIntro .nr{ margin: .15rem auto 0;}
.newsIntro .tit{ margin-top: .15rem;}
.newsItem a{ display: block; margin-bottom: .45rem;}
.newsItem .tps .tparea{ width: 50%; }
.newsItem .desc{ padding: .25rem 0; }
.news .pnPage{ margin-top:.5rem;}
.pnPage .point{ margin: 0 .6rem;}
.pnPage .point .arr{ margin: 0 .2rem; width: .6rem; height: .6rem; line-height: .6rem;  font-size: .26rem;  }


.i_tit2{ font-size: .4rem; padding: .5rem 0;}
.sortOrd .select{ width: 3.4rem; height: .6rem;  line-height: .6rem;}
.newsArrival{ padding: 0rem 0 .5rem;}

.coll{ padding: .6rem 0;}
.coll_tit{ font-size: .28rem;}
.coll .desc{ padding: .5rem 0; width:100%; box-sizing: border-box;}
.coll .desc .list{  padding:.14rem 0  .14rem .2rem; }
.coll .desc .list::after{  width: .06rem; height: .06rem;  top: .28rem;}
 

.s_l{ width: 100%; margin-right: 0rem;}
.s_r{ min-width: 100% ; margin-top: 0.4rem;}
.shopNav .item{font-size: .22rem; margin-bottom: .12rem;}
.shopNav .nr{ padding-left: .2rem; margin-top: .12rem;}
.shopNav .nr a{ padding: .08rem 0; display: inline-block; margin-right: 0.3rem; }


.shop{ padding-bottom: 50px;}
.shop .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 50px;}
.turnpage{ margin:0 auto;font-size:0; text-align:right;}
.turnpage a,.turnpage span{ display:inline-block; color: #666; padding:5px 12px; font-size:12px; margin:0 6px; }
.turnpage a:hover,.current{ background-color:#000 !important; border-color: #000 !important; color: #fff !important;}

.recentlyTitle{ font-size: .22rem;}
.recentlyLook{ padding: .5rem 0; margin-top: .5rem;}
.recentlyLook .wrap{ margin-top: .3rem;}
.recentlyItem{ width: 32%; margin: 0 2% 2% 0; }
.recentlyItem:nth-child(7n){ margin-right: 2%;}
.recentlyItem:nth-child(3n){ margin-right: 0;}



.pdtSlideWrap{ width: 100%;}
.pdtIntro{ min-width:100%;width:100%; margin-top: 0.4rem; }
.pdt{ padding-bottom: .5rem; margin-bottom: .5rem;}

.pdtIntro .price{ margin-top: .2rem; }
.pdtIntro .paraItem{ padding: .15rem 0;}
.pdtIntro .paraItem .subtit{padding: .1rem 0;}
.pdtIntro .paraItem .wrap{ padding: .1rem 0 0;}
.colorItem2{ padding: .08rem 0; }
.pdtIntro .paraItem .select{ width: .92rem; height: .5rem;}
.pDesc{ margin-top: .24rem;}
.pReturn{margin-top: .24rem;}
.pReturn .tit{ padding:.1rem .5rem .1rem 0; }
.pReturn .tit .arr{ width: .4rem; height: .4rem; line-height: .4rem; font-size: .16rem; }
.pReturn .nr{margin-top: .15rem;  max-width: 4rem;}

.gallery-top {height: auto;width: 100%; float:none; height: 7rem;}
.gallery-thumbs {height: 1.3rem; padding: .02rem !important;}
.gallery-thumbs-wrap {height: auto;width: auto;float:none;margin: .15rem .5rem 0 !important;}
.gallery-thumbs-wrap .swiper-button-prev{ left: -0.4rem; top: 50%;}
.gallery-thumbs-wrap .swiper-button-next{ left: auto; right: -0.4rem; bottom: 50%;}
.gallery-thumbs-wrap .swiper-button-prev,.gallery-thumbs-wrap .swiper-button-next{ width:.3rem; bottom:0; top: 50%; height:.3rem; line-height: .3rem; transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); }
.gallery-thumbs-wrap .swiper-button-prev .iconfont,.gallery-thumbs-wrap .swiper-button-next .iconfont{ font-size: .24rem; }

.closePup{ right:.2rem; top: .2rem; width: .6rem; height: .6rem; line-height: .6rem; }
.sizeMain{ padding: .4rem .5rem .5rem;}
.sizeMain .wrap{ margin-top: .4rem; }
.sizeMain .wrap .intro{ margin-top: .5rem; }
.sizeMain .title,.sizeGuideMain .title{ font-size: 0.24rem;}
.sizeGuideMain{ padding: .4rem .5rem .5rem;}
.sizeGuideMain .wrap{ margin: .4rem auto 0; width: 80%; }
.sizeGuideMain .wrap .tplist{  margin-top: .4rem;}












}
/*******************************************************************/