@charset "utf-8";
/*公共头部样式开始*/
.top{ width:100%; height:50px; float:left;}
.top b{ width:12%; height:50px; display:block; float:left; background:url(../img/fanhui.png) center center no-repeat; background-size:11px 25px;}
.top dd{ width:76%; height:50px; display:block; float:left; font-size:0.2rem; line-height:50px; text-align:center;}
.top span{ width:12%; height:50px; display:block; float:right; background:url(../img/caidan.png) center center no-repeat; background-size:14px 30px;}
.top ul{ width:100px; /*height:80px;*/ position:absolute; top:50px; right:5px; z-index:9; background-color:#FFF; border:1px solid #CCC; border-radius:3px; display:none;}
.top ul li{ width:100px; height:40px; line-height:40px; text-align:center; padding:0 20px;}
.index{ letter-spacing:8px; border-bottom:1px solid #e5e5e5;}
/*公共头部样式结束*/
.main{ width:100%; height:auto; float:left; margin-bottom:62px;}
.main form{ width:100%; height:auto; float:left;}
.consibox{ width:100%; height:auto; float:left; background-color:#028cf9; color:#FFF;}
.consignee{ width:100%; height:auto; float:left; margin:18px 0; font-size:14px; background:url(../img/ltbg.png) 95% center no-repeat; background-size:11px 25px; padding-left:5%;}
.consignee li{ width:90%; line-height:20px; overflow:hidden;}

.consignee dl{ width:90%; float:left; margin-top:6px;}
.consignee dl dt{ width:auto; max-width:28%; height:38px; float:left; line-height:19px;}
.consignee dl dd{ width:auto; max-width:72%; height:38px; float:left; line-height:19px; overflow:hidden; word-break:break-all;}
.shop{ width:100%; height:auto; float:left;  margin-top:10px;padding-bottom:18px; border-bottom:1px solid #e5e5e5;}
.shop li{ width:90%; height:50px; float:left; margin-left:5%; padding-left:25px; line-height:50px; font-size:14px; background:url(../img/orshopbg.png) 5px center no-repeat; background-size:14px 14px;}
.shop dl{ width:90%; height:auto; float:left; margin-left:5%;}
.shop dl dt{ width:27%; height:auto; float:left;height: 100%}
.shop dl dt img{ width:100%;}
.shop dl dd{ width:70%; height:auto; float:left; margin-left:3%;}
.shop dl dd.goodsname{ height:30px; font-size:12px; line-height:15px;}
.shop dl dd.property{ height:28px; font-size:11px; line-height:14px; color:#949494;}
.shop dl dd.price{ font-size:13px;}
.shop dl dd.price span{ color:#028cf9;}
.shop dl dd.price font{ margin-left:10px;}
.hx{ width:90%; height:1px; float:left; margin:18px 5%; background-color:#e5e5e5;}
.subtotal{ width:100%; height:53px; float:left; text-align:right; padding-right:5%; line-height:53px; font-size:14px; border-bottom:10px solid #eee;}
.subtotal span{ color:#028cf9;}
.message{ width:100%; height:auto; float:left; border-bottom:10px solid #eee;}
.message label{ width:90%; height:auto; display:block; line-height:40px; float:left; margin-left:5%;}
.message textarea{ width:90%; height:auto; max-height:100px; resize:none; float:left; margin-left:5%; line-height:19px; padding:10px; margin-bottom:20px; color:#959595; background-color:#eee; border:none; border-radius:3px;}
.message textarea.cur{ color:#000;}
.payStyle{ width:100%; height:auto; float:left;}
.payStyle p{ width:100%; height:50px; display:block; float:left; line-height:50px; padding-left:5%;}
.payStyle ul{ width:90%; height:auto; float:left; margin:0 5% 15px 5%;}
.payStyle ul li{ width:100%; height:44px; float:left; line-height:44px;}
.payStyle ul li input{ display:none;}
.payStyle ul li label{ display:block;}
.payStyle ul li label dl{ width:60%; height:44px; float:left; background:url(../img/radiobtnd.png) 0 center no-repeat; background-size:13px 13px;}
.payStyle ul li.selected label dl{ background:url(../img/radiobtnsb.png) 0 center no-repeat; background-size:13px 13px;}
.payStyle ul li label dl dt{ width:15%; height:44px; float:left; margin:0 5% 0 20%; text-align:center;}
.payStyle ul li label dl dt img{ width:25px; height:25px; margin:9px 0;}
.payStyle ul li label dl dd{ width:50%; height:44px; line-height:44px; float:left; text-align:left; color:#959595; margin-left:5%;}
.payStyle ul li label dl.selected dd{ color:#000;}
.payStyle ul li span{ width:30%; height:44px; display:block; float:left; line-height:44px; color:#028cf9;}
.total{ width:100%; /*height:62px;*/ bottom:0; left:0;/* float:left;*/ border-top:1px solid #e5e5e5; background-color:#FCFAF7;}
.total .pay_btn{ width:20%; height:38px; float:right; border-radius:2px; border:none; margin:12px 1%; text-align:center; color:#FFF; background-color:#028cf9;}
.total .unpay_btn{ width:20%; height:38px; float:right; border-radius:2px; border:none; margin:12px 1%; text-align:center; color:#FFF; background-color:#ccc;}
.total dl{width: 100%;/*height: 62px;float: left;*/margin: 0px;font-size: 0.2rem;text-align: right;line-height: 62px;color: #028cf9;}
.surplus_wrap{width: 90%;margin: 5%;}
.surplus_input{border:1px solid #ccc ;width:20%}
.pass_btn {display:block;width:30%;   float:right;}
@media screen and (min-width:320px) and (max-width:360px){
    .shop dl dd.price{ margin-top:8px;}
}
@media screen and (min-width:360px) and (max-width:414px){
    .shop dl dd.property{ margin-top:17px;}
    .shop dl dd.price{ margin-top:2px;}
}
@media screen and (min-width:414px) and (max-width:768px){
    .shop dl dd.property{ margin-top:20px;}
    .shop dl dd.price{ margin-top:10px;}
}
@media screen and (min-width:768px){
    .shop dl dd.property{ margin-top:42px;}
    .shop dl dd.price{ margin-top:38px;}
    .consignee dl dd{ width:88%;}
    .consignee dl dt{ width:12%;}
    .shop dl dt{ width:24%;}
}

/*增加尾部浮条结束 huixia*/
.mengban{ width:100%; height:auto; position:fixed; top:0; z-index:888; background-color:#000; opacity:0.6; display:none;}

.shopping{ width:100%; height:auto; position:fixed; bottom:50%; left:0; background-color:#FFF; z-index:988; display:none;}

.pay{ width:100%; height:auto; display:block; float:left;}
.pay div{ width:90%; /*height:50px;*/float:left; line-height:50px; margin-left:5%; font-size:0.2rem;}
.pay div span{ width:auto;/* height:50px; */line-height:50px; font-size:0.2rem; font-weight:bold; color:#028cf9;}
.pay div font{width:auto; height:50px; line-height:50px;color:#028cf9; }
.pay input.pw{ width:90%; height:50px; float:left; margin-left:5%; border:1px solid #d2d2d2; border-radius:2px; padding-left:10px;}
.pay input.zfbut{ width:90%; height:50px; float:left; margin-left:5%;  border-radius:2px; border:none; color:#fff; background-color:#028cf9; text-align:center; margin-top:10px; font-size:0.2rem;}

.member{ border-bottom:1px solid #e5e5e5;}