body{font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1",arial;max-width: 768px;margin: 0 auto;}
*{margin:0px;padding:0px;list-style:none;}
a{text-decoration:none;}
img{border:none;vertical-align:bottom;}
.clear{clear:both;}
em{font-style: normal;}
@media screen and (min-width: 640px){
	body{
		font-size: 14px;
	}
}
.gray{
	background: #f4f4f4;
}
.contact{
	width: 100%;
	height: auto;
}

.head{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #434343;
	position: fixed;
	top: 0;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 12px;
	box-sizing: border-box;
	max-width: 768px;
	margin: 0 auto;
	z-index: 10;
	text-align: center;
}
.hprev{
	float: left;
}
.hprev a{
	font-size: 24px;
	color: #fff;
}
.menu{
	float: right;
}
.menu span{
	font-size: 18px;
	color: #fff;
	line-height: 40px;
}
.head p{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 16px;
	color: #fff;
}
.zuij{
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	padding: 0 12px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.zuij p{
	float: left;
	font-size: 16px;
	color: #434343;
}
.zuij span{
	float: right;
	font-size: 14px;
}
.zuij span a{
	color: #b2b2b2;
}
.mdlist{
	width: 100%;
	height: auto;
	border-top: 1px solid #E1E1E1;
	padding: 10px 12px;
	box-sizing: border-box;
	background: #fff;
}
.mdlist:last-of-type{
	border-bottom: 1px solid #E1E1E1;
}
.quli{
	float: right;
	padding: 5px 15px;
	box-sizing: border-box;
	text-align: center;
	border-left: 1px solid #d6d6d6;
}
.quli p{
	color: #adadad;
	margin-top: 5px;
}
.mdtxt h3{
	font-size: 16px;
	color: #434343;
	margin-bottom: 5px;
	font-weight: normal;
}
.mdtxt p{
	color: #b2b1b0;
	font-size: 14px;
}
.mdbox{
	width: 100%;
	height: auto;
	margin-bottom: 55px;
}
.foot{
	width: 100%;
	height: 55px;
	background: #F4F4F4;
	position: fixed;
	max-width: 786px;
	margin: 0 auto;
	bottom: 0;
	overflow: hidden;
	z-index: 10;
	text-align: center;
}
.foot ul li{
	width: 33.33%;
	float: left;
}
.foot ul li img{
	width: 25px;
	margin: 0 auto;
	margin-top: 5px;
}
.foot ul li a:hover p{
	color: #dd137b;
}
.foot ul li.on a p{
	color: #DD137B;
}
.foot ul li p{
	color: #7e7e7e;
}
/*附近门店-点击门店*/
.gohere{
	width: 100%;
	height: auto;
	padding: 10px 12px;
	box-sizing: border-box;
	border-top: 1px solid #cbcbcb;
}
.gotxt{
	float: left;
}
.gotxt p{
	font-size: 16px;
	color: #434343;
	margin-bottom: 5px;
}
.gotxt span{
	color: #a9a9a9;
}
.goimg{
	float: right;
}
.goimg img{
	width: 40px;
}
/*个人资料*/
.inplist{
	width: 100%;
	height: auto;
	padding: 6px 12px;
	box-sizing: border-box;
}
.inplist input{
	width: 100%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	outline: none;
	text-indent: 10px;
}
.inplist1{
	width: 100%;
	height: 42px;
	padding: 6px 12px;
	box-sizing: border-box;
}
.inplist1 input{
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.inplist1 p{
	float: left;
	margin-right: 20px;
	line-height: 30px;
	font-size: 14px;
	color: #3d3d3d;
}
.inplist select{
	width: 32.5%;
	height: 30px;
	text-align: center;
	border: 1px solid #E1E1E1;
	outline: none;
}
.baocun{
	width: 100%;
	height: auto;
	padding: 0 12px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.baocun input{
	width: 100%;
	height: 40px;
	background: #DD137B;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
}
/*会员特权*/
.member{
	width: 100%;
	height: auto;
	background: #ffff;
	border-bottom: 1px solid #E1E1E1;
	padding: 15px 12px;
	box-sizing: border-box;
}
.member h3{
	font-size: 16px;
	color: #434343;
	margin-bottom: 5px;
	font-weight: normal;
}
.member p{
	line-height: 20px;
	color: #434343;
}
/*我的积分*/
.myjf{
	width: 100%;
	height: auto;
	background: #DD137B;
	padding: 40px 12px;
	box-sizing: border-box;
}
.myjf p{
	font-size: 16px;
	color: #fff;
	margin-bottom: 10px;
}
.myjf h3{
	font-size: 24px;
	color: #fff;
}
.jfpay{
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding: 0 12px;
	box-sizing: border-box;
	border-bottom: 1px solid #E1E1E1;
	font-size: 16px;
	color: #2b2b2b;
}
.jflist{
	width: 100%;
	height: auto;
	padding: 30px 12px;
	box-sizing: border-box;
	border-bottom: 1px solid #E1E1E1;
	background: #fff;
}
.jf1{
	float: left;
	width: 15%;
	color: #dc3f46;
	font-size: 14px;
}
.jf2{
	width: 40%;
	float: left;
	margin-left: 10%;
	font-size: 14px;
}
.jf3{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 14px;
}
/*微会员*/
.wmertop{
	width: 100%;
	height: 200px;
	background: url(../img/1.png) no-repeat center center / cover;
	text-align: center;
}
.wmertop img{
	width: 55px;
	height: 55px;
	margin: 30px auto 10px auto;
	border-radius: 50%;
	padding: 3px;
	background: #fff;
}
.wmertop p{
	font-size: 22px;
	color: #fff;
	margin-bottom: 5px;
}
.wmertop span{
	font-size: 16px;
	color: #fff;
}
.jfyhq{
	width: 100%;
	height: auto;
	padding: 13px 12px;
	box-sizing: border-box;
	border-bottom: 1px solid #E1E1E1;
	background: #fff;
}
.jf{
	width: 49.8%;
	height: auto;
	float: left;
	text-align: center;
}
.jf p{
	font-size: 16px;
	color: #2B2B2B;
	margin-bottom: 5px;
}
.shu{
	float: left;
	text-align: center;
	width: 1px;
	height: 25px;
	background: #E1E1E1;
	margin-top: 11px;
}
.jf span{
	font-size: 16px;
	color: #959595;
}
.mercare{
	width: 100%;
	height: auto;
	padding: 12px;
	box-sizing: border-box;
	border-bottom: 1px solid #E1E1E1;
	margin-bottom: 10px;
	background: #fff;
}
.mercare img{
	float: right;
}
.merctxt p{
	font-size: 16px;
	color: #434343;
	margin-bottom: 3px;
}
.merctxt span{
	color: #9e9e9e;
}
.userli{
	width: 100%;
	height: auto;
	padding: 10px 12px;
	box-sizing: border-box;
	border-top: 1px solid #E1E1E1;
	background: #fff;
}
.userli img{
	float: left;
	width: 20px;
}
.userli p{
	float: left;
	margin-left: 15px;
}
.userli p a{
	color: #434343;
}
/*我的二维码*/
.ewmbox{
	height: auto;
	margin: 10px 12px 200px 12px;
	background: #fff;
	border: 1px solid #e1e1e1;
}
.ewmtop{
	width: 100%;
	height: auto;
	padding: 10px 15px;
	box-sizing: border-box;
}
.ewmtop img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	padding: 3px;
	background: #fff;
	float: left;
	box-shadow: 1px 1px 3px #B2B2B2;
}
.ewmtxt{
	float: left;
	margin-left: 10px;
}
.ewmtxt p{
	font-size: 22px;
	color: #434343;
	margin-bottom: 3px;
}
.ewmtxt span{
	font-size: 16px;
	color: #9b9a9a;
}
.ewmbot{
	width: 100%;
	height: auto;
	padding:0 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.ewmbot img{
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
}
.gopr{
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 12px;
	background: #DD137B;
	border-radius: 3px;
}
.gopr a{
	display: block;
	font-size: 18px;
	color: #fff;
}
/*消费记录*/
.myjf h3 span{
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}
.jflist1{
	padding: 5px 12px 15px 12px;
	box-sizing: border-box;
}
.ddh{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	color: #434343;
}
.ddh span{
	color: #a5a5a5;
}
.pay1{
	width: 20%;
	float: left;
	color: #DD137B;
}
.pay1 span{
	color: #434343;
}
.pay2{
	margin-left: 15%;
	float: left;
	width: 25%;
	color: #434343;
}
.pay3{
	float: right;
	text-align: right;
	width: 35%;
	margin-left: 5%;
	color: #434343;
}
/*我的优惠券*/
.cuopontop{
	width: 100%;
	height: auto;
	padding: 5px 12px 20px 12px;
	box-sizing: border-box;
	background: #6C1619;
}
.qname{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.qname img{
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}
.qname p{
	margin-left: 5px;
	float: left;
	line-height: 46px;
	font-size: 18px;
	color: #fff;
}
.qtxt{
	width: 100%;
	height: auto;
	text-align: center;
}
.qtxt h3{
	font-size: 20px;
	color: #fff;
	margin-bottom: 5px;
	font-weight: normal;
}
.qtxt p{
	font-size: 14px;
	color: #fff;
	margin-bottom: 8px;
}
.qtxt span{
	font-size: 14px;
	color: #fff;
}
.you1{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #E1E1E1;
	padding: 10px 12px;
	box-sizing: border-box;
	background: #F4F4F4;
	font-size: 14px;
	color: #9d9d9d;
}
.you2{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #E1E1E1;
	padding: 15px 12px;
	box-sizing: border-box;
	background: #fff;
	font-size: 14px;
	color: #434343;
	line-height: 20px;
}
.liji{
	margin: 10px 12px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #DD137B;
	border-radius: 3px;
}
.liji a{
	display: block;
	font-size: 16px;
	color: #fff;
}
.liji1{
	margin: 10px 12px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #fc9a00;
	border-radius: 3px;
}
.liji1 a{
	display: block;
	font-size: 16px;
	color: #fff;
}
.youtop{
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 8px;
}
    .youtop a  
    {
        color:#434343;
        position:relative;
    }
.youtop ul li{
	width: 30%;
	text-align: center;
	float: left;
	margin-right: 5%;
	font-size: 14px;
	color: #786d6d;
}
.youtop ul li:last-of-type{
	margin-right: 0;
}
.youtop ul li.on{
	height: 34px;
	line-height: 34px;
	border-bottom: 2px solid #DD137B;
	color: #DD137B;
}
.youbot{
	width: 100%;
	height: auto;
}
.youbot ul{
	padding: 0 12px;
	box-sizing: border-box;
}
.youbot ul li{
	width: 100%;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #E1E1E1;
	background: #fff;
	margin-bottom: 7px;
    overflow:hidden;
}
.huimg{
	float: left;
	width: 80px;
}
.huitxt{
	
	margin-left: 95px;
}
.huitxt h3{
	font-size: 16px;
	color: #434343;
	font-weight: normal;
}
.huitxt p{
	color: #909090;
	margin-bottom: 10px;
}
.huitxt span{
	font-size: 14px;
	color: #DD137B;
}
.hui1{
	float: right;
	width: 15px;
}
/*验证登录*/
.inpli{
	margin: 10px 12px;
	height: 30px;
	line-height: 30px;
}
.sinp1{
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	outline: none;
	text-indent: 10px;
}
.sinp2{
	width: 35%;
	height: 30px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	outline: none;
	text-indent: 10px;
	float: left;
}
.huoqu{
	width: 45%;
	height: 30px;
	text-align: center;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	float: left;
	background: #f5f5f5;
    -webkit-appearance:none;
}
.huoqu a{
	display: block;
	color: #434343;
}
.sinpbot{
	margin: 230px 12px 0 12px;
}
.sinpbot input{
	width: 100%;
	height: 40px;
	background: #DD137B;
	border-radius: 3px;
	border: none;
	outline: none;
	font-size: 18px;
	color: #fff;
    -webkit-appearance:none;
}


@media screen and (min-width: 640px){
	/*.contact{
		margin-top: 80px;
	}*/
	.head{
		height: 80px;
		line-height: 80px;
	}
	.head p{
		font-size: 24px;
	}
	.hprev a{
		font-size: 30px;
	}
	.menu span{
		line-height: 80px;
		font-size: 26px;
	}
	.mdbox{
		margin-bottom: 110px;
	}
	.foot{
		height: 110px;
	}
	.foot ul li img{
		width: 50px;
		margin-top: 20px;
	}
	.goimg img{
		width: 56px;
	}
	.inplist input{
		height: 60px;
		line-height: 60px;
	}
	.inplist1{
	width: 100%;
	height: 72px;
	padding: 6px 12px;
	box-sizing: border-box;
}
.inplist1 input{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.inplist1 p{
	line-height: 60px;
}
.inplist select{
	height: 50px;
}
   .baocun{
   	margin-bottom: 40px;
   }
   .baocun input{
   	height: 80px;
   	font-size: 24px;
   }
   .member h3{
   	font-size: 18px;
   }
   .myjf{
   	padding: 60px 12px;
   }
   .myjf p{
   	font-size: 18px;
   }
   .myjf h3{
   	font-size: 34px;
   }
   .wmertop{
   	height: 355px;
   }
   .wmertop img{
	width: 110px;
	height: 110px;
	margin: 60px auto 20px auto;
    }
    .wmertop p{
	font-size: 30px;
	margin-bottom: 10px;
    }
    .wmertop span{
	font-size: 18px;
    }
}

.num-tag{
	width:15px;
	height:15px;
	background:#dc3f45;
	position:absolute;
	top:-5px;
	right:-16px;
	text-align:center;
	line-height:15px;
	border-radius:50%;
	color:#fff;
}