*{margin:0;padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:bold;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
input{border:none;outline: none;}
button{background: none;border:0;}
.tr li p{float: right}
.tr li:after{content: '';display: block;clear: both;width: 100%;height: 0}
.le{float: left;}
.rg{float: right;}
.hide{display: none;}
.arrowbottom{border-top:0.6rem #969c9c solid;border-left:0.6rem transparent solid;border-right:0.6rem transparent solid;}
html.html{height: 100%;y-overflow:scroll;}
html.html body{height: 100%}
header{height:3.5rem;line-height: 3.5rem;background: #ff7700;font-size: 1.2rem;color: #fff;text-align:center;position:fixed;top:0;left:0;width: 100%;z-index:999;}
header .imgbox{position: absolute;width:2rem;height: 2rem;top:1.1rem;left: 0.8rem;}
header .imgbox img{width: 100%;height: 100%;float: left;}
header .imgbox.rightbox{left: 1rem;width:0.85rem;height: 0.95rem;position: absolute;}
header .imgbox.poorbox{width: 1rem;height: 0.9rem;left:90%;top:1.3rem;}
header .p_back{width: 2.5rem;height: 2.5rem;display: block;background:url(../images/ico_p_back.png) no-repeat;background-size:1.7rem auto; position: absolute;left:10px;top:0.65rem;}
header .p_index{width: 2.5rem;height: 2.5rem;display: block;background:url(../images/icon_home.png) no-repeat;background-size:2.4rem auto;position: absolute;right:10px;top:0.6rem;}
.header .p_back{width: 2.5rem;height: 2.5rem;display: block;background:url(../images/ico_p_back.png) no-repeat;background-size:1.7rem auto; position: absolute;left:10px;top:4.85rem;}
.header .p_index{width: 2.5rem;height: 2.5rem;display: block;background:url(../images/icon_home.png) no-repeat;background-size:2.4rem auto;position: absolute;right:10px;top:4.85rem;}

/*index main*/
.main{overflow: hidden;padding: 3.5rem 0 4.15rem 0;position: relative;height: 100%}

.pulldown{background-color: #f1f1f1;width: 100%;height: 2.6rem;line-height: 2.6rem;border-bottom: 1px solid #ddd;}
.pulldown menu{position: relative;}
.pulldown menu:before{content: "";position: absolute;height: 2.6rem;width: 1px;background: #ddd;top:0;left: 50%;}
.pulldown menu .moudle{width: 50%;text-align: center;font-size: 1.2rem;color: #939393;cursor: pointer;}
.pulldown menu .moudle span{display:block;float: left;}
.pulldown menu .moudle p{width:10rem;margin:0 auto;position: relative;}
.pulldown menu .moudle p .arrowbottom{position: absolute;top:1rem;right: 0.5rem;}

.pulldown menu .moudle.active{color: #ff7700;}
.pulldown menu .moudle.active .arrowbottom{border-top:0.35rem transparent solid;border-bottom: 0.35rem #ff7700 solid;}

.alltasteslist{position: absolute;top:6.1rem;left: 0;width: 100%;background: #fff;z-index: 55;display: none;padding-bottom: 4.2rem;height:60%;overflow: hidden;overflow-y:scroll;}
.alltasteslist li{border-top: 1px solid #ddd;cursor: pointer;line-height:3.0rem;}
.alltasteslist li:last-child{border-bottom: 1px solid #ddd;}
.alltasteslist li p{width:50%;text-align: center;color: #939393;font-size: 1.0rem;}

.shopslist li{border-bottom: 1px solid #cdcdcd;overflow: hidden;padding:1.15rem 1rem; position: relative;}
.shopslist li .imgbox{width:5rem;height:5rem;position: absolute;top:1rem;left: 1rem;}
.shopslist li .imgbox img{width: 100%;height: 100%;}

.shopslistcenter{width: 100%;}
.shopslistcenter .shopslistname{font-size:1rem;color: #000;overflow: hidden;margin-left: 5.5rem;}
.shopslistcenter .shopslistname .le{width: 65%;}
.shopslistcenter .shopslistname .rg{width: 35%;text-align: right}
.shopslistcenter .shopslistname p{color: #939393;}
.shopslistcenter .shopslistname p span{color: #ff7700;}

.shopslistprice{line-height: 2rem;margin-left:5.5rem;}
.shopslistprice .moudle{display: inline-block;font-size: 0.9rem;color: #939393;margin-right: 0.5rem;}
.shopslistprice .moudle span{color: #ff7700;}
.distributiontime img{float: left;margin-right: 0.1rem;}
.distributiontime .timeimgbox{display: inline-block;width: 0.8rem;height: 0.8rem;overflow: hidden;}
.distributiontime .timeimgbox img{width: 100%;height: 100%;}

.shopsliststate{line-height: 1.5rem;margin-left: 5.5rem;}
.shopsliststate .statemark{border-radius: 8px;width: 4rem;line-height: 1.5rem;text-align: center;background: #71b002;font-size:0.7rem;color: #fff;margin-right: 0.6rem;}
.distance .imgouter{float: left;width: 0.9rem;height: 1.2rem;margin-top: 0.35rem;margin-right: 0.1rem;}
.distance .imgouter img{width:100%;height: 100%;}
.distance p{display: inline-block;font-size: 1rem;color: #939393;}
.distance p span{color: #ff7700;}
.businesshours{font-size: 0.9rem;color: #939393;}

/*��ҳ*/
.page{line-height: 3.8rem;border-bottom: 1px solid #ddd;text-align: center;}
.page a{font-size: 1rem;color: #8b8a8a;cursor: pointer;}
.page a:hover{color: #ff7700;}
.page ul{margin:0 0.5rem;}
.page ul li{font-size: 1rem;color: #8b8a8a;cursor: pointer;padding: 0 0.5rem;border:none;}
.page ul li:hover{color: #ff7700;background: none;}
.page ul li.active{color: #ff7700;background: none;}
.page .pagecenter{display: table;margin: auto;}

/*footer*/
footer{height: 4.2rem;position: fixed;bottom:0;left:0;width: 100%;background: #fff;z-index: 9999;border-top: 1px solid #cdcdcd;}
footer ul li{float: left;width: 25%;text-align: center;position: relative;}
footer ul li .numn{position: absolute;left:60%;top:0.1rem;height: 1.5rem;width: 1.5rem;background: #ff7700;color: #fff;font-size: 0.6rem;line-height: 1.5rem;text-align: center;border-radius: 5px}
footer ul li a{color: #323232;font-size: 0.7rem;}
footer ul li:hover a{color: #ff7700;}
footer ul li .imgbox{margin: 0.8rem auto 0 auto;width: 2rem;}
footer ul li.active a{ color: #ff7700}
footer .imgbox img{width: 100%;}

/*�����ɹ�*/
.checkoutsucess{width: 100%;text-align: center;padding-top:4rem; }
.checkoutsucess .imgbox{width:8.4rem;height: 7.85rem;margin: 0  auto;}
.checkoutsucess .imgbox img{width: 100%;height: 100%;}
.checkoutsucess p{font-size: 1.2rem;color: #000;line-height: 1.6rem;}

.checkoutsucessbtn{margin:2rem auto;border-radius:5px;width: 96%;background: #ff7700;text-align: center;line-height: 2rem;font-size: 1.2rem;color:#fff;display: block;}

/*�ҵĶ���*/
.shopslistouter li{border-bottom: 1px solid #ddd;display: block;overflow: hidden;padding: 1.2rem;cursor:pointer;}
.shopslistouter li:hover{background: #f3f3f3;}
.shopslistouter li .imgbox{margin-right: 5px;width: 1.5rem;height:1.4rem;overflow: hidden;}
.shopslistouter li .imgbox img{width: 100%;height: 100%;}
.shoporderinformation .shopname{font-size: 1rem;color: #000;line-height:1.2rem;}
.shoporderinformation .shopmoney{font-size: 0.72rem;color:#ff7700;line-height: 2rem;}
.shoporderinformation .ordertime{font-size: 0.72rem;color: #939393;line-height: 1rem;}
.orderstate{font-size: 1rem;color:#939393;height:3.5rem;width: 7.8rem;line-height: 3.5rem;text-align: center;border-left: 1px solid #ddd;}

/*�˻���Ϣ*/
.addressimgbox{left: 5rem;}
.addresslist li{border-bottom: 2px solid #ddd;height:2.8rem;line-height: 2.8rem;padding-left: 1.2rem;font-size: 1.0rem;color: #939393;position: relative;}
.addresslist li .mtitle{position: absolute;left: 1.2rem;}
.addresslist li input{padding-left:4.2rem;height:2.8rem;line-height: 2.8rem;float: left;width: 100%;font-size: 1.0rem;}
.addresslistbtn{background: #ff7700;height: 2.5rem;line-height: 2.5rem;width: 98%;margin:1.8rem auto;display: block;border-radius: 5px;font-size:1.2rem;color: #fff;}

/*��������*/
.orderInformationmain{background: #f5f5f5;padding-bottom: 4.2rem}
.orderInformationheaser{background: #f9c24b;height: 3.2rem;line-height: 3.2rem;padding-left:2rem;}
.orderInformationheaser p{font-size: 1.2rem;color: #000;font-weight:700;}
.orderInformationheaser .imgbox img{width:100%;height:100%;float: left;}
.orderInformationheaser .imgbox{margin-top: 1rem;margin-right: 1rem;width: 1.2rem;height:1.2rem;}

.remarksbox{background: #fff;font-size: 0.92rem;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;height: 2.5rem;line-height: 2.5rem;margin-top: 0.7rem;padding-left:4.3rem;}
.remarksbox .remarkstitle{margin-right: 1rem;}
.remarksbox .remarkscenter{width: 80%}
.remarksbox .remarkscenter input{font-size: 0.92rem;width: 100%}

.orderInforouter{background: #fff;}
.orderInformationlist li{padding-right:10rem;overflow:hidden;border-bottom: 2px solid #ddd;display: block;height: 2.6rem;line-height: 2.6rem;padding-left: 4.3rem;font-size: 0.92rem;color: #333;}
.orderInformationlist li.big{line-height: 2.8rem;border-bottom-width:2px;}
.orderInformationlist li .price{font-size: 0.92rem;color: #ff7700;}

.customerInformationbox{background:#fff;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;margin-top:0.7rem;padding:0.5rem 0 0.5rem 0;overflow: hidden;width: 100%;}
.customerInformation li{line-height:1.8rem;display: block;overflow: hidden;width: 100%;padding-left:4.3rem;font-size: 0.92rem;}
.customerInformation li .mtitle{margin-right: 4.6rem;}
.customerInformation li .mcenter{color:#939393;}

/*����*/
.settlementmain{background: #f5f5f5;padding: 3.5rem 0 3.5rem 0;overflow: hidden;}
.addressouter{background:#fff;min-height: 2.0rem;line-height: 2.0rem;padding:1rem 2.7rem;font-size: 1rem;color: #939393;padding-right: 1.6rem;position: relative;}
.addressouter a{color:#FF6633;}


.addressouter .addressoutericon{width:0.5rem;height: 0.65rem;overflow: hidden;margin-top: 1.4rem;position: absolute;top:0;right: 2.7rem;}
.addressouter .addressoutericon img{width: 100%;height: 100%;float: left;}

.listofgoods{overflow:hidden;background: #fff;font-size: 0.92rem;}
.listofgoods dl{width: 100%;}
.listofgoods dl dt{background: #f5f5f5;height: 2.7rem;line-height:  2.7rem;padding:0 1rem;text-align: left;}

.listofgoods dl dt h2{font-size:1.42em;font-weight:700;}


.listofgoods dl dd{height: 2.6rem;line-height: 2.6rem;padding:0.2rem 1rem;text-align: center;border-bottom: 1px solid #dfdfdf;overflow: hidden;}
.listofgoods dl dd div,.listofgoods dl dt div{width: 25%;float: left;}
.listofgoods dl dd div,.listofgoodsdone dl dt div{width: 33%;float: left;}
.listofgoodsdone .mon{float: right;color: #ff7700}



.paymentmethod .mtitle{padding-left:2.7rem;font-size: 1rem;color: #939393;line-height: 3rem;border-bottom: 1px solid #ddd;display:block;width: 100%;}
.paymentmethodlist{background: #fff;}
.paymentmethodlist li{height: 2.7rem;line-height: 2.7rem;padding-left: 2.7rem;font-size: 1rem;}

.statistics{border-top: 1px solid #ff7700;height:3.8rem;background: #fff;position: fixed;bottom:0;left:0;width: 100%}
.statistics .imgbox{margin-top: 1.15rem;width: 1.3rem;height: 1.3rem;overflow: hidden;margin-left:0.5rem;}
.statistics .imgbox img{float: left;width: 100%;height: 100%;}
.statistics .mtext{padding-top:0.5rem;}
.statistics .mtext p{font-size: 1.12rem;display: inline-block;line-height: 2.5rem;margin-left: 1rem;}
.statistics .mtext p.price{font-size: 1.12rem;color: #ff7700;}
.statistics .next-step a{width: 6rem;text-align: center;height: 1.8rem;line-height: 1.8rem;background: #ea5413;border-radius: 5rem;cursor:pointer;font-size: 0.92rem;color: #fff;display: block;margin-top: 0.8rem;margin-right: 0.5rem}

.numberchange{margin-top: 0.2rem;text-align: right}
.numberchange p{text-align: center;}
.numberchange input{display: inline-block;height: 1.8rem;line-height:1.8rem;width: 1.8rem;text-align: center;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 1.0rem;}
.numberchange a{display: inline-block;height:  1.8rem;line-height: 1.8rem;width:  1.8rem;border:1px solid #ddd;text-align: center;}
.numberchange a.reducebtn{border-radius: 2px 0 0 2px;}
.numberchange a.addbtn{border-radius: 0 2px 2px 0;}
.numberchange a.selbtn{border-radius: 0 2px 2px 0;}

.numberchange a.light{color: #e84803;border-color:#e84803;}
.numberchange a:hover{border-color: #e84a06;color: #e84a06;}

.listofgoods.shoppingcartlist dl dd div, .listofgoods.shoppingcartlist dl dt div{width:33%;}
.listofgoods.shoppingcartlist .mon{float: right;color: #ff7700}
.settlementmain .remarksbox{padding-left: 2.7rem;}
.settlementmain .remarksbox{padding-left: 2.7rem;}
.t05{text-indent: 1rem}


/*��������ҳ*/
.shoplist{position: relative;}
.shoplistleft{width: 25%;background: #f8f8f8;float: left}
.shoplistleft dt {overflow: hidden}
.shoplistleft dt .imgboxouter{width: 4.3rem;height: 1.7rem;background: #71af02;border-radius: 1rem;margin:1.5rem auto;line-height: 1.7rem;}
.shoplistleft dt .imgbox{width: 1.7rem;height:1.7rem;line-height:2.4rem;text-align: center;margin:0 auto 0 auto;}
.shoplistleft dt .imgbox img{width: 100%;height: 100%;}
.shoplistleft dt,.shoplistleft dd{border-bottom: 1px solid #ddd;height: 4.5rem;line-height: 4.5rem;text-align: center;}

.shoplistleft dd{position: relative;}
.shoplistleft dd.selected{background: #FFF;}
.shoplistleft dd .show-num{width: 1rem;height: 1rem;display:block;text-align: center;font-size:0.6rem;line-height: 1rem;color:#FFF;border-radius:2px;background: #ff7700;position: absolute;right:0.5rem;top:0.5rem;}

.shoplistleft dd .show-num em{display: block;overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;border-width: 0.3rem;border-style: solid dashed dashed;border-color: transparent transparent transparent #ff7700;position: absolute;top: 0.7rem;left:0px;}
.shoplist .statistics{overflow: hidden;clear: both;}

.shoplistright{width:75%;float: left}
.shoplistright ul{}
.shoplistright ul li{border-bottom: 1px solid #ddd;height: 6rem;display:block;overflow: hidden;position: relative;}
.shoplistright ul li .imgbox{border:1px solid #ddd;margin:0.5rem;padding:0.1rem;height: 4.8rem;width: 4.8rem;display: block;overflow: hidden;}
.shoplistright ul li .imgbox img{width: 100%;height:100%}
.shoplistright .dishesname{font-size: 0.92rem;line-height: 1rem;margin: 1rem 0;display: block;overflow: hidden;max-width: 4.8rem;}
.shoplistright .dishesprice{font-size: 0.8rem;line-height:0.92rem;}
.shoplistright .numberchange{position: absolute;top:2.2rem;right:0.2rem;}
.shoplistright .dishesprice span{font-size: 0.5rem;color: #8c8c8c;margin-left: 0.2rem}

.header .dw{width: 100%;height: 2.25rem;padding: 1rem 0;background: #ffcc00 url('../images/distancebig.png') no-repeat 2rem center;background-size: auto 2.25rem;position: relative;}
.header .dw p{text-indent: 4rem;color: #fff;font-size: 0.8rem}
.header .dw:after{position: absolute;right:1rem;top:0;height: 4.25rem;line-height: 4.25rem;color: #fff;font-size: 1.5rem;content: '>';}
.header .h{width: 100%;height: 3.5rem;text-align: center;line-height: 3.5rem;background: #ff7700;font-size: 1.2rem;color: #fff;}

.w30{width: 30% !important;float: left !important;height: 2.4rem}
.w10{width: 10% !important;float: left !important;}
.w10 a{color: #555}

.pay_button{text-align: center;padding: 1rem 0}
.pay_button .pay{width: 30%;height: 2rem;background: #ff7700;color: #fff;font-size: 0.7rem;display: inline-block;vertical-align: top;line-height: 2rem;border-radius: 5px;margin:0 10px}
.pay_button .close{width: 30%;height: 2rem;background: #ff7700;color: #fff;font-size: 0.7rem;display: inline-block;vertical-align: top;line-height: 2rem;border-radius: 5px;margin:0 10px}
.pay_button a{color: #fff}

/* ͨ�� */
::-webkit-input-placeholder { color:#cccccc; }
::-moz-placeholder { color:#cccccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#cccccc; } /* ie */
input:-moz-placeholder { color:#cccccc; }

html {  font-size:14px;font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Roboto,Heiti SC,STHeiTi,Arial,sans-serif;}

/*Note3*/
@media only screen and (min-width: 360px) {
	html { font-size: 14px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
	html { font-size: 14px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
	html { font-size: 14px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
	html { font-size: 16px !important; }
}

@media only screen and (min-width: 736px){
	html{font-size:16px;}
}
@media only screen and (min-width: 1029px){
	html{font-size:18px;}
}
@media only screen and (min-width: 1281px){
	html{font-size:18px;}
}


/* css common */