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

	}
@media only screen and (max-width: 1365px){
	.wp{ width: 1200px}
	.top .btn-group{ margin-right: 40px;}
	.pintro .opa .sbtn{ margin-right: 10px}
	.pintro .opa .cangbtn{ margin-left: 8px;}
	.pintro .setnum .span{ width: 34px;}
	.logo{ width: 200px}
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
.wp{ width:96%;}
.search{ width:540px;}
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	.indexPage{ margin-right: 0px;}
.nav{ display:none;}
.menubtn{ display:block;} 
.search .select_option{top:40px;}
.top .btn-group{ margin-right: 0px;}
.loarea{ height:60px;}
.loarea .logo{ width:140px; padding-top:14px; }
.loarea .logo img{ height:32px;}
.search{ display: none;}
.headerOpa .btn{ margin: 0 0 0 16px;}
.headerOpa{ right: 54px; top: 16px;}
.headerOpa .btn .iconfont{ font-size: 20px;}
.headerOpa .btn > a .identify{ width: 20px; height: 20px;}
.msearch{ display: block; width: 94%; height: 40px; float: none; margin: 20px auto; background-color: #fff;}
.search table td,.search .col03{height: 40px; }
.search input.btn_srh{ width: 34px; height: 34px;}
.search .col03 i.iconfont{ left: 10px; top: 5px;}
.search .col03{ width:40px;}
.search .col01{ width: 90px;}

.inav dd .sysrnavul li{ width: 100%;}
.sysrnavul .tit a{ color: #ddd;}
.sysrnavul .nr a{ display: inline-block; color: #ccc; margin: 0 8px 0 0;}

.banner .swiper-pagination{ display:none;}
.banner .swiper-button-prev,.banner .swiper-button-next{ display:inline-block; width:20px; height:28px;margin-top:-14px;-webkit-background-size:100%; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%;}
.pcshow{ display:none;}
.wapshow{ display:inline-block;}
.f_m{ padding: 14px 0 10px;}
.f_m .tp{ margin: 0 6px 6px; height: 40px;}

.f_t{ padding: 40px 0 20px;}
.fadd, .fopa{ width: 100%; float: none;}
.fnav{ margin: 10px 0 0;}
.fnav li{ float: none; margin-bottom: 15px; width: 100%;}
.fnav .nr{ margin-top: 0px !important; }
.fnav .nr a{ display: inline-block !important; margin-right: 14px;}
.fopa{}
.sidebar{  width: 274px;}
.sidebarl{ height: 68px; width: 34px;position: absolute ;left: -34px;bottom: 10px;}
.avatar_cart{bottom: 34px; position: absolute; top: auto; margin-top: 0;}
.avatar_cart .avatar{ display: none;}
.avatar_cart .cart{ border: none; padding: 0 ; height: 34px; line-height: 34px; }
.avatar_cart .cart *{ display: none;}
.avatar_cart .cart .iconfont{ display: inline-block; }
.gotop{ bottom: 0 ; height: 34px; line-height: 34px;}

.h_sell{ margin-top: 30px;}
.hsellul li a{ padding: 20px; }
.hsellul .des{ width: 100%; float: none; padding-top: 0px;}
.hsellul .tparea{ width: 100%; float: none;}
.h_new{ margin-top: 0px;}
.h_tit{ font-size:20px; padding: 20px 0;}
.h_new .swiper-button-prev .iconfont,.h_new .swiper-button-next .iconfont{ font-size: 20px; }
.h_new .swiper-button-prev, .h_new .swiper-button-next{ top: 24px;}

.h_hot{ margin-top: 0px; padding-bottom: 30px;}
.h_hot .swiper-button-prev .iconfont,.h_hot .swiper-button-next .iconfont{ font-size: 20px; }
.h_hot .swiper-button-prev, .h_hot .swiper-button-next{ top: 24px;}

.m_l{ width:100%; float:none; margin-bottom:20px; margin-top: 20px;}
.m_tit{ position:relative;}
.m_tit h4{ text-align:left; padding-left: 20px; font-weight:normal; }
.m_lm{ overflow:hidden;}
.m_lm ul{}
.m_lm ul li{ float:left; width:25%; border:none;  border:1px solid #fff; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin-left: 0;}
.m_lm ul li a{ padding-left:0; background-image:none !important; text-align:center;  height:36px; line-height:36px;}
.m_r{ width:100%; padding-left:0;}
.m_main{ padding:0px 0 40px;}
.m_con{ min-height:0px; padding:14px 12px; }

.manAddul .des{ font-size: 14px; }
.mbtn{ font-size: 12px;}
.uppwdtable{ margin-left: 0px;}
.perInfotable{ margin-left: 0px;}


.pro{ padding: 30px 0 40px;}
.pro_l{ width: 100%; float: none;}
.pro_r{ margin-left:0px; margin-top: 20px;}
.pcompanyul li{ display: inline-block; margin-right: 6px;}

.relatePro{ margin-top: 0px; }
.relatePro_tit{ background:none;}
.relatePro_tit .mc{padding-right: 0px; line-height: 34px; font-size: 16px; }
.relatePro_tit .morea{  padding: 4px 20px; font-size: 12px;}

.pdb_tit{ width: 260px;left: 50%; margin-left: -132px; top:-22px; }
.pdb_tit span{font-size:12px;  padding:0px 20px;}
.pdb_con{ padding:60px 0 40px;}

.pslide{ width: 100%; float: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.pintro{width: 100%; float: none; margin-top: 30px;}

.pro_l,.pro_r .order,.pro_r .layout{ display: none;}
.wapsort{ display: block;}
.prolist {padding: 10px 0 10px;}
.pro {padding: 0px 0 40px;}
/** max-width:960 **/
@media only screen and (max-width: 959px) {
	.isearul li{ width: 97%;}
}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
.banner .slick-dots{ bottom:10px;}
.manAddul{ margin-right: 0%;}
.manAddul li{ width: 100%;}
.manAddul .opa{ display: block;}
.manAddul .opa .mbtn{ margin-right:14px;}

.addCartpup {width: 94%;padding: 40px 3% 20px;}
.close_addCart{ padding: 4px 4px;}
.addCartpup{ top: auto; transform: translate(0); bottom: 0; left: 0;}

}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
.hsellul .des .tit{ font-size: 15px;}
.hsellul .des .priceInfo{ font-size: 12px;}
.hsellul .des .priceInfo .price{ font-size: 20px;}
.hsellul .des .priceInfo .unit{ font-size: 14px;}
.hsellul .des .go{ margin-top: 6px;}

.mr_top{height: auto; padding: 10px 10px; }
.mr_top .mc{ float: none; height: 20px; line-height: 20px; display: none;}
.mrtopopa{ font-size: 14px;  width: 100%; float: none; }

.lm2 a{ width: 25%; border: 1px solid #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; text-align: center; margin-right:0px; font-size:12px; padding:6px 0px;;}
.uppwd,.perInfo{ padding: 10px 0;}
.uppwdtable  .text{ width: 100%;}
.perInfotable  .text{ width: 100%;}

.prolistul li{ width: 47%;}
.pro_r .layout{  float: none; text-align: center;}
.pro_r .order{ width: 100%; float: none; margin-top: 10px;}
.pro_r .order select{ margin-left: 0;}
.pro_r .order .orderby{ width: 54%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; float: left;}
.pro_r .order .pageNum{ width: 40%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; float: right;}
.prolist_b .turnpage2{ float: none;}
}

/** width:480 **/
@media only screen and (max-width: 479px) {
	.hsellul li{ width: 97%; margin: 0 3% 20px 0;}
	.hsellul li:last-child{ margin-bottom: 0;}
	.uppwdtable td{ display: block; float: none; padding:2px 0;}
	.uppwdtable td.mc{ width: 100%; padding-right: 0; text-align: left;}
	.perInfotable td{ display: block; float: none; padding:2px 0;}
	.perInfotable td.mc{ width: 100%; padding-right: 0; text-align: left;}
	.upavatar .des .opa .msg{ margin-left: 0px; display: block;}

	.lm3 a{margin-right:0px;  padding:8px 0px; width: 50%; text-align: center;}
	.quickSear .date,.quickSear .hidebtn{ width: 100%; float: none; display: block;}
}

@media only screen and (max-width: 360px) {
	.prolistul li{ width: 97%;}
}
/** 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){
	.signWrap .regform .tj .sbtn{ margin-right: 0px; float: none;}
	.signWrap .regform .tj .agree,.forpwdbtn{ float: none;}

}
/** width:960px **/
@media only screen and (max-width: 1023px){
	.location{ font-size: 14px;}
.i_main{min-height:0px;}
.location{ padding: 15px 0;}
.policy{ padding: 40px 0 50px;}
.gotop2{ width: 30px; height: 30px; line-height: 30px;}

.question{margin: 40px auto;}
.qusul{ padding: 0 10px; }
.qusul li{ width: 98%;  padding:30px 0;}
.qusul li:nth-last-child(2){ border-bottom:1px solid #ddd;}

.about .intro{ padding: 30px 0;}
.team{padding: 20px 0 30px; }
.i_tit2{ font-size: 20px; }
.teamul li{width:98%; margin:0 2% 24px 0;}
.teamul .tparea{ width: 400px; max-width: 100%; margin: 0 auto;}
.teamul .des .line{ margin: 10px 0;}


.wishes{padding: 10px 0 30px; }
.wishesul li{ margin:0 2% 20px 0; width:98%;}
.wishesul .tparea{ width: 600px; max-width: 100%; margin: 0 auto;}

.contact{ padding: 40px 0;}
.map{ height: 300px; }
.cont{ margin-top: 40px;}
.contIntro{ width:100%; margin-bottom: 20px; }
.mess{ width:100%;}
.blog{ padding: 26px 0;}
.b_l{ width: 100%;padding: 40px 0; float: none; }
.b_r{ width: 100%;padding: 0px 0; float: none; }

.reg_main{ padding:40px 0;}
.reg{padding: 20px 20px 40px;}
.regarea{ width:100%;}
.regtp{ width: 100%; text-align: center; margin-top: 40px;}

.s_l{ width: 100%;}
.s_r{width: 100%; margin-top: 20px; display: none;}
.signWrap .regform .tj .sbtn2{ text-transform:uppercase; margin-left: 10px; color: #0b6367; font-size: 12px; }
.signWrap{ min-height: 0;}
.otherSignWay{ margin-top: 20px;}

.resetWrap{ width: 100%;}
.setPwdAchieve{ padding: 60px 0 80px;}

.deliveryInfo{ width: 100%; position: static; left: 5%; margin-left: 0px; top:0px; display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; margin-top: 10px;}
.deliveryInfo::after{ display: none;}

.choosepayway,.submitOrder{ margin-top: 30px;}

.addresspup{ width:94%;  border: 0px solid #b5b5b5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.addressarea{ width: 90%;}
}
/** max-width:960 **/
@media only screen and (max-width: 959px){
	.tableopa{ margin-top: 30px;}
	.tableopa .opa{ float: none;}
	.turnpage{ float: none; text-align:left; margin-top: 6px; }

	.booktable th{ display: none;}
	.booktable td{  vertical-align:top; float:left; display:block; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
	.booktable td:nth-child(2),.booktable td:nth-child(3),.booktable td:nth-child(4){ width: 33.33%;}
	.booktable td.status{ text-align: left;}
	.booktable td.status a{ display: inline-block; margin-right: 4px; text-align: left;}
	.booktable td.paymoney{ text-align: left;}
	.booktable td.paymoney .tip{ display: inline-block;}
	.booktable td.opa{ text-align: left;}
	.booktable td.opa a{ display: inline-block; margin-right: 6px;}
	.booktable tr {border-bottom: 2px dotted #ccc;}
	.booktable .colName{ display: block; color: #333; font-weight: bold;}

	.goodsInfoul{ background: none; }
	.goodsInfoul li{ width: 100%; padding: 4px 0;}

	.goodsInfoTable th{ display: none;}
	.goodsInfoTable td{  vertical-align:top; float:left; display:block; width:50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; border-width: 1px 0; margin-top: -1px;}
	.goodsInfoTable td:nth-child(1),.goodsInfoTable td:last-child{ width:100%;}
	.goodsInfoTable .colName{ display: block; font-weight: bold; color: #333;}

	.mycollTable tr{ position: relative; border-bottom:2px dashed #ddd; }
	.mycollTable td{ padding: 10px 5px; border: none;  vertical-align:top; float:left; display:block; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
	.mycollTable td:nth-child(1){ position: absolute; width: 20px; padding: 0; right: 10px; top: 0px;}
	.mycollTable td:nth-child(2){ width: 100%;}
	.mycollTable td:nth-child(3){ width:30%;}
	.mycollTable td:nth-child(4){ width:30%;}
	.mycollTable td:nth-child(5){ width:40%;}
	.mycollTable  .addtoCartBtn,.mycollTable .status{ font-size: 12px; padding: 6px 15px; width: auto;}
}
/** max-width:768 **/
@media only screen and (max-width: 767px){
	.mstep .item .num::after,.mstep .item .num::before,.mstep .item .num .shape{ display: none;}
	.mstep .item .num{ width:20px; height:20px; font-size: 12px; line-height: 20px;}
	.mstep .item p{ font-size: 14px;}
	.addresspup{ width:100%; height: 100%; max-height: 100%; }
	.shot{ display: none;}
	.header{ border-bottom: 1px solid #ddd;}
	.location{ display: none;}
}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	.sendStatusBtn{ margin-left: 0; display: block; width: 88px; padding: 3px 0; text-align: center; margin-top: 4px;}
	.quitbookbtn{ float: none; margin-left: 0; display: block; width: 88px; padding: 3px 0; text-align: center; margin-top: 4px;}
	.givourMess{ padding-left: 0px; margin-top: 20px;}
	.givourMess .mc{ position: static;}
	.givourMess textarea{ width: 100%; border: 1px solid #d1d1d1; height: 28px; line-height:28px;padding:0 10px;}
	}
/** width:480 **/
@media only screen and (max-width: 479px) {
	.m_lm ul li a .iconfont{ margin-right: 4px;}
	.otherSignWay .span{ display: block; margin-bottom: 10px;}
	.otherSignWay a{ margin: 0 14px 0 0;}
	.feeDel .price{ width: auto;}
}
/** width:360px **/
@media only screen and (max-width: 360px) {
	.m_lm ul li a .iconfont{ display: none;}
	.addresstab .mc,.addresstab .nr{ padding: 4px 0; display: block; float: left; width: 100%;}
	.addresstab .mc label{ text-align: left;}
}

/** 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){}
/*******************************************************************/