@charset "utf-8";
.top{ width:100%; height:50px; float:left; background-color:#FCFAF7; text-align:center;line-height:50px; border-bottom:1px solid #d2d2d2; font-size:0.2rem; }
.main{ width:100%; height:auto; float:left; margin-bottom:100px;}
.main dl.default{ width:200px; height:250px; margin:50px auto;}
.main dl.default dt{ width:200px; height:160px;}
.main dl.default dt img{ width:200px; height:160px;}
.main dl.default dd:nth-child(2){ margin-top:20px; font-size:0.2rem; text-align:center; line-height:30px;}
.main dl.default dd:last-child{ font-size:0.2rem; text-align:center; color:#959595; line-height:30px;}

.order{ width:100%; height:auto; float:left; border-bottom:10px solid #eee;}
.odtop{ width:90%; height:30px; float:left; margin:10px 5%;}
.odtop input[type='checkbox']{ display:none;}
.odtop label{ width:5%; height:22px; display:block; float:left; background:url(../img/radbtnd.png) 0 center no-repeat; background-size:22px 22px; padding-left:30px;}
.odtop label.checked{ background:url(../img/radbtns.png) 0 center no-repeat; background-size:22px 22px;}
.odtop li{ width:73%; height:22px; float:left; padding-left:20px; background:url(../img/merchantlogod.png) 0 30% no-repeat; line-height:22px; background-size:14px 14px; font-size:0.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.odtop dd{ /*width:15%; background-color:#FFF;*/height:22px; float:right; line-height:22px; text-align:right; border:none;  color:#028cf9; font-size:0.2rem;}
.goods{ width:90%; height:auto; float:left; margin:0 5%; margin-bottom:10px;}
.goods input[type='checkbox']{ display:none;}
.goods label{ width:5%; height:87px; display:block; float:left; background:url(../img/radbtnd.png) 5px center no-repeat; background-size:20px 20px; padding-left:30px;}
.goods label.checked{ background:url(../img/radbtns.png) 5px center no-repeat; background-size:20px 20px;}
@media screen and (max-width:320px){
	.goodsPic{ width:31%; height:auto; float:left;}
	.goodsPic img{ width:87px; height:87px;}
	.goodsInfo{ width:56%; height:87px; float:left; margin-left:2%; display:block;}
	.modifyInfo{ width:56%; height:auto; float:left; margin-left:2%; display:none;}
}
@media screen and (min-width:320px) and (max-width:360px){
	.goodsPic{ width:31%; height:auto; float:left;}
	.goodsPic img{ width:87px; height:87px;}
	.goodsInfo{ width:56%; height:87px; float:left; margin-left:2%; display:block;}
	.modifyInfo{ width:56%; height:auto; float:left; margin-left:2%; display:none;}
}
@media screen and (min-width:360px) and (max-width:414px){
	.goodsPic{ width:27%; height:auto; float:left;}
	.goodsPic img{ width:87px; height:87px;}
	.goodsInfo{ width:61%; height:87px; float:left; margin-left:2%; display:block;}
	.modifyInfo{ width:61%; height:auto; float:left; margin-left:2%; display:none;}
}
@media screen and (min-width:414px) and (max-width:768px){
	.goodsPic{ width:24%; height:auto; float:left;}
	.goodsPic img{ width:87px; height:87px;}
	.goodsInfo{ width:65%; height:87px; float:left; margin-left:2%; display:block;}
	.modifyInfo{ width:65%; height:auto; float:left; margin-left:2%; display:none;}
}
@media screen and (min-width:768px){
	.goodsPic{ width:13%; height:auto; float:left;}
	.goodsPic img{ width:87px; height:87px;}
	.goodsInfo{ width:80%; height:87px; float:left; margin-left:2%; display:block;}
	.modifyInfo{ width:80%; height:auto; float:left; margin-left:2%; display:none;}
}
.goodsInfo .gname{ width:100%; height:34px; line-height:17px; overflow:hidden; font-size:0.2rem;}
.goodsInfo .gstyle{ width:100%; height:32px; line-height:16px; overflow:hidden; font-size:0.2rem; margin-top:3px; color:#959595;}
.goodsInfo .gprice{ width:100%; height:15px; line-height:15px; margin-top:3px;}
.gprice span{ width:70%; height:15px; display:block; float:left; color:#028cf9;}
.gprice font{ width:20%; height:15px; display:block; float:right; text-align:right;}

.modifyInfo .gstyle{ width:100%; height:auto; line-height:16px; overflow:hidden; font-size:0.2rem; margin-top:3px; color:#959595; margin-top:15px; padding-right:20px; background:url(../img/xiaojiantou.png) 95% center no-repeat; background-size:5px 10px;}
.modifyInfo .caozuo{ width:100%; height:31px; margin-top:10px;}
.gnumber{ width:119px; height:31px; float:left; border:1px solid #d2d2d2; border-radius:2px;}
.gnumber span{ width:31px; height:31px; display:block; float:left; text-align:center; line-height:31px;}
.gnumber input[type="text"]{ width:55px; height:29px; display:block; float:left; text-align:center; line-height:31px; border:none; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.caozuo input.delbtn{ width:31px; height:31px; display:block; float:right;}
.blank{ width:100%; height:10px; float:left; background-color:#EEEEEE;}
.notice{ width:30%; height:42px; background-color:#000; opacity:0.5; position:absolute; left:35%; color:#FFF; line-height:42px; text-align:center; border-radius:21px; display:none;}
.total{ width:100%; height:50px; position:fixed; bottom:50px; left:0; z-index:10; background-color:#FFF; background-color:#fcfaf7;}
.all{ width:20%; height:50px; float:left; margin-left:5%;}
.all input[type='checkbox']{ display:none;}
.all label{ width:100%; height:50px; display:block; float:left; background:url(../img/radbtnd.png) 0 center no-repeat; background-size:22px 22px; padding-left:30px; line-height:50px;}
.all label.checked{ background:url(../img/radbtns.png) 0 center no-repeat; background-size:22px 22px;}
.tprice{ width:50%; height:50px; float:left;line-height:50px;}
.heji{ width:90%; height:auto; margin:10px 5% 6px 0; text-align:right; font-size:0.2rem;}
.heji span{ color:#028cf9;}
.freight{ width:90%; height:auto; text-align:right; margin:0 0% 10px; font-size:0.2rem;}
.jsbtn{ width:20%; height:50px; float:right; border:none; background-color:#028cf9; line-height:50px; text-align:center; color:#FFF;}
.mengban{ width:100%; height:auto; position:fixed; top:0; left:0; opacity:0.8; background-color:#000; z-index:9; display:none;}
.shopping{ width:100%; height:auto; position:fixed; bottom:0px; left:0; background-color:#FFF; z-index:988; display:none;}
.shopping .gb{ width:18px; height:18px; position:absolute; top:10px; right:10px;}
.shopping dl{ width:100%; height:auto; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; float:left;}
.shopping dl dt{ width:26%; height:auto; float:left; margin-left:4%; margin-right:4%;}
.shopping dl dt img{ width:100%; height:auto;}
.shopping dl dd{ width:50%; height:30px; line-height:30px; float:left;}
.shopping dl dd.shprice{ color:#ED486A; font-size:0.2rem;}
.shopping dl dd.inventory{ font-size:0.2rem;}
.shopping dl dd.shfl{ font-size:0.2rem;}
.xzitems{ width:100%; height:300px; overflow:scroll; overflow-x:hidden; float:left;}

.styitems{ width:100%; height:auto; float:left; background-color:#FFF;}
.styitems label{ height:20px; display:block; margin-top:15px; padding-left:4%; float:left;}
.styitems ul{ width:100%; height:auto; margin-bottom:10px; float:left;}
.styitems ul li{ width:20%; height:35px; float:left; margin-left:4%; background-color:#F4F4F4; border-radius:5px; text-align:center; line-height:35px; margin-top:10px; font-size:0.2rem; color:#626262;}
.styitems ul li.selected{ color:#FFF; background-color:#028cf9;}
.shnum{ width:100%; height:auto; float:left;}
.shnum label{ height:40px; padding-left:4%; line-height:40px; float:left;}
.shnum dd{ width:92%; height:40px; margin-bottom:10px; float:left; margin-left:4%;}
.shnum dd span{ width:30px; height:30px; display:block; float:left; margin-right:3%; border-radius:3px; border:1px solid #d2d2d2; text-align:center; font-size:0.2rem; background-color:#F4F4F4; color:#626262; line-height:26px;}
.shnum dd input{ width:100px; height:30px; display:block; border-radius:5px; border:1px solid #d2d2d2; float:left; margin-right:4%; line-height:30px; text-align:center;}
.pay{ width:100%; height:50px; float:left; border:solid 1px #e5e5e5;}
.pay dd{ width:66%; height:50px; float:left; background-color:#F4F4F4; line-height:50px; padding-left:4%;}
.pay dd span{ color:#EF4768;}
.pay input{ width:34%; height:50px; float:left; background-color:#028cf9; line-height:50px; border:none; color:#FFF; text-align:center;}
.notice{ width:40%; height:45px; line-height:45px;text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:0.2rem; border-radius:50px; display:none; position:fixed; left:0; right:0; margin:0 auto; z-index:2;}
.ovf{ height:100%; overflow:hidden;}
/*.footer{ width:100%; height:50px; position:fixed; bottom:0; left:0; background-color:#FFF; border-top:1px solid #d2d2d2;}
.footer dl{ width:25%; height:50px; float:left;}
.footer dl dt{ width:100%; height:30px;}
.footer dl:nth-child(1) dt{ background:url(../img/indexf_01.png) center center no-repeat; background-size:21px 21px;}
.footer dl:nth-child(2) dt{ background:url(../img/indexf_02.png) center center no-repeat; background-size:21px 21px;}
.footer dl:nth-child(3) dt{ background:url(../img/indexf_03.png) center center no-repeat; background-size:21px 21px;}
.footer dl:nth-child(4) dt{ background:url(../img/indexf_04.png) center center no-repeat; background-size:21px 21px;}
.footer dl:nth-child(1).cur dt{ background:url(../img/indexfs_01.png) center center no-repeat; background-size:21px 21px;}
.footer dl:nth-child(2).cur dt{ background:url(../img/indexfs_02.png) center center no-repeat; background-size:21px 21px;}
.footer dl:nth-child(3).cur dt{ background:url(../img/indexfs_03.png) center center no-repeat; background-size:21px 21px;}
.footer dl:nth-child(4).cur dt{ background:url(../img/indexfs_04.png) center center no-repeat; background-size:21px 21px;}
.footer dl dd{ height:15px; margin-top:0px; font-size:1.0rem; color:#959595; text-align:center;}
.footer dl.cur dd{ color:#028cf9;}*/