@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	/** 鼠标滑过 斜切 **/
.dd, .simg, .imgW .img, .imga, .product-list a, .teach-list .imga a, .news-list .more{transition:all ease-in .3s;-moz-transition:all ease-in .3s;-ms-transition:all ease-in .3s;-o-transition:all ease-in .3s;-webkit-transition:all ease-in .3s;}
.shadow1 .imga:hover,.shadow1 dd:hover{
    box-shadow:0px 0px 10px #aaa;
    -moz-box-shadow:0px 0px 10px #aaa;
    -ms-box-shadow:0px 0px 10px #aaa;
    -o-box-shadow:0px 0px 10px #aaa;
    -webkit-box-shadow:0px 0px 10px #aaa;
}
.shadow99 .imga:hover,.shadow99 dd:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #999;
    -moz-box-shadow:0px 0px 10px #999;
    -ms-box-shadow:0px 0px 10px #999;
    -o-box-shadow:0px 0px 10px #999;
    -webkit-box-shadow:0px 0px 10px #999;
}
.shadowcc .imga:hover{
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY .imga:hover{
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    -o-transform:translateY(-5px);
    -transform:translateY(-5px);
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.lateY10 .imga:hover{
    transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    -transform:translateY(-10px);
}
.scale:hover .simg,.imgW:hover .img,.product-list a:hover .img{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}



}


@media only screen and (min-width: 1200px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}
.loginBox{
    left: 0;
    width: 96%;
    margin: 0 auto
}
.navul li>a{padding: 0 30px;}
.quick{margin-right: 20px; font-size: 20px;}
.navfot a{font-size: 16px;}

}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
.nav{ display:none;}
.menubtn{ display:block;} 

.loarea{ height:60px;}
.loarea .logo{ width:140px; padding-top:24px; }
/*.loarea .logo img{ height:32px;}*/
.tel{ display:none;}
.mtel{ display:block;}
.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:-14px;}
.footer_wap{ display:block;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}


.headerBox{padding-top: 0px;}
.loginBg{padding: 110px 0}
.loginBox{padding: 20px}
.loginItem{margin-bottom: 25px;}
.footerTop{
    padding: 25px 0;
    flex-wrap: wrap;
}

.footright{
    margin-top: 15px;
}
.navfot a{margin: 0 6px; font-size: 14px;}
.quick{font-size: 16px;}

.orderBg{padding: 35px 0}
.orderTop a{font-size: 16px; margin: 5px 15px;}
.orderTop{flex-wrap: wrap; justify-content: flex-start;}
.orderItem{padding: 10px 20px}
.ortitfl span{font-size: 16px}
.ortitfr{font-size: 14px;}
.ortitfl img:first-child{width: 35px}
.orderImg{margin-right: 12px;}
.orderconr h3{font-size: 16px;}
.orderContfr{font-size: 22px;}
.orderRefund{flex-wrap: wrap;}
.orderTimebox{width: 100%; font-size: 14px; margin-bottom: 10px;}
.ordertime{font-size: 14px; margin-right: 10px}
.orderprice{font-size: 26px;}
.itesm{font-size: 18px;}
.refunbton{font-size: 16px;}
.orderRefurig{justify-content: space-between; width: 100%}


.persontopbox{
    flex-wrap: wrap;
}
.personBg{
    padding: 50px 0;
}
.perImg{
    width: 100%;
    text-align: center;
}
.persontopfr{
    width: 100%;
    margin-top: 30px;
}
.namecont{
    flex-wrap: wrap;
}
.namecont .perseve{
    margin-right: 0;
    width: 100%;
    margin: 10px 0;
    font-size: 20px;
}
.nametetx{
    font-size: 18px;
}
.namebox h3{
    font-size: 24px;
}
.peritembox{
    flex-wrap: wrap;
}
.peritembox a{
    width: 50%;
    font-size: 18px;
    margin-bottom: 20px;
}
.oerserImg{
    display: inline-block;
}
.personaressh{
    font-size: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.personaressh h3{
    font-size: 22px;
    margin-bottom: 20px;
    width: 100%;
}
.peritembox{
    margin-bottom: 30px;
}
.perlogout{
    width: 100%;
    line-height: 60px;
    font-size: 22px;
    margin: 30px auto;
}

.buyaddres{padding-right: 50px; font-size: 14px;}
.buyname{font-size: 14px; flex-wrap: wrap; margin-top: 10px}
.buynaitem{margin-right: 0; margin-top: 10px; width: 100%;}
.buydoor h3{font-size: 16px;}
.buydoortxt{
    font-size: 16px;
}
.buyshoptit{font-size: 24px;}
.orderCont{
    flex-wrap: wrap;
}
.orderContfl{width: 100%; margin-bottom: 15px;}
.buyshopbox .perlogout{
    margin: 30px auto 0;
}

.menubox{
    padding: 30px 0;
}
.menuUl{
    flex-wrap: wrap;
}
.menuItem{font-size: 20px; width: 21%; margin: 15px 2%; font-size:12px;}
.menuItem img{width: 120px;}
.listItem{
    padding: 25px;
    flex-wrap: wrap;
}
.listBg{padding: 50px 0;}
.listImg{width: 100%;}
.listCont{
    width: 100%;
}
.listtit{
    flex-wrap: wrap;
    margin-top: 10px;
}
.salesbox{
    flex-wrap: wrap;
}
.salesfr{
    margin-top: 15px;
    width: 100%;
    justify-content: center;
}

.inproduItem{
    width: 46%
}
.inproduBom{
    padding: 15px 10px
}
.inpricbox{
    flex-wrap: wrap;
}
.inoff{margin-top: 8px;}
.inreview{margin: 5px 0}
.alipayTop{flex-wrap: wrap;}
.aliteot{font-size: 20px;flex-wrap: wrap;}
.aliteot h3{width: 100%}
.aliteot span{
    width: 100%;
    margin-top: 5px;
}
.alipayBg{padding: 25px 0}

.alipaybox{padding: 30px 0}
.refundBg{padding: 40px 0}
.refprfl{font-size: 24px;}
.reasonbox .title{font-size: 24px;}
.nowtit{font-size: 18px;}
.returnadd{font-size: 18px; margin-bottom: 25px;}
.sellerBox{
    display: flex;
    justify-content: space-between;
}
.sellerMenubox{
    width: 25%
}
.sellerContBox{
    width: 75%;
    padding:15px;
    box-sizing: border-box;
}
.sellerMenubox .orderTop a{
    font-size: 12px;
}
.storetit{font-size: 20px;}
.storeImg{width: 100px;}
.storeMain{ width: calc(100% - 110px);}
.storeMain .title{
    font-size: 14px;
}
.goorevie{font-size: 12px; margin: 8px 0}
.storemot{flex-wrap: wrap;}
.inprce b{font-size: 18px;}
.storeMain .inpricbox{
    flex-wrap: nowrap;
}
.canusyo{font-size: 14px;}
.canusyo b{font-size: 18px;}
.setnow{font-size: 14px;}

.canumv img{width: 35px;}
.produbg{
    padding: 15px 15px 50px
}
.pupMain{
    width: 80%;
}
.prusnhtli{
    flex-wrap: wrap;
}
.produbg .storeItem{
    width: 100%;
    margin-bottom: 20px;
}
.produbg .storeMain .title{
    width: 100%;
    white-space: normal;
}
.produbg .canusyo b{font-size: 26px;}
.produbg .setnow{font-size: 14px;}
.produbg .canumv img{width: 35px}
.procbox .title{font-size: 22px;}
.produbg .storeMain .title{font-size: 20px;}


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

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
.banner .slick-dots{ bottom:10px;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 360px) {

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

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

/*******************************************************************/
/*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: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

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