body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
}
body{
	overflow-x:hidden;
	cursor: pointer;
}
a{
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-focus: none;
  -moz-user-select: none;
  
}
.c333{
	color:#333;
}
.c888{
	color:#888;
}
.c999{
	color:#999;
}
ul,ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
	border:none;
	max-width:100%;
	vertical-align:bottom;
}
input,select,textarea{outline:none;border:none;background:none;}

html{
	font-size:-webkit-calc(100vw/7.5);
	background-color: #ededed;
	color:#333;
}
.clearfix::after {
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clearfix {
    zoom: 1;
}
.m-top{
	margin-top: 0.2rem;
}
.pd24{
	padding:0 0.24rem;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.red{
	color:#ff5e63;
}
.blue{
	color:#00af88;
}
.bgf{
	background-color: #fff;
}
.iconfont{
	font-size: 0.4rem;
	color:#999;
}
/*遮罩层*/
.mask{       
    position: absolute; 
    top: 0px; 
    filter: alpha(opacity=60); 
    background-color: #777;     
    z-index: 1002; 
    left: 0px;     
    opacity:0.5; 
    -moz-opacity:0.5;     
    }
/*底部菜单栏*/
footer{
	margin-top: 1rem;
}
.foot-nav{
	background: #fff;
	width: 100%;
	position:fixed;
	bottom:0;
	display: flex;
	background: #fff;
	border-top: 0.01rem solid #ddd;
	z-index: 1000;
}
.foot-nav li{
	flex: 1;
	height: 0.98rem;
	text-align: center;
}

.foot-nav li a{
	display: block;
	margin-top: 0.18rem;
}
.foot-nav li i{
	font-size: 0.4rem;
}
.foot-nav li p{
	font-size: 0.2rem;
	color:#999;
}
.foot-nav .on i,.foot-nav .on p{
	color:#00af88
}