html,header,body,div,a,p,span,img,input,ul,li,h1,h2,h3,h4,form,table,tr,td,button,select,option,i,ol,dd,dt,dl,nav,footer{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
   
}
html{
	max-width:768px;
    min-width:320px;
    margin: 0 auto;
    font-family: "microsoft yahei";
}

body{
	overflow-x: hidden; 
	-webkit-overflow-scrolling: touch;
}
img{
    border:none;
    display:block;
    width:100%;
    max-width: 100%;
}
a{
	overflow: hidden;
	display: inline-block;
    text-decoration: none;
}
a,button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor:pointer;
}
ul,ol{
    list-style: none;
}
input{
    outline: none;
    border:none;
	-webkit-appearance: none;
}
input[type="radio"]{
	-webkit-appearance: radio;
}
input[type="checkbox"]{
	-webkit-appearance: checkbox;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.clear {
     clear: both;
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix{
    *zoom:1
}
.flex{
	display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
}