移动端CSS通用样式

html { 
	font-family: "Helvetica Neue",Helvetica, sans-serif;
	/*谷歌浏览器字体最小字体12px*/
	-webkit-text-size-adjust: 100%;/*100%/none 关闭字体大小自动调整功能*/
	/*a标签及拥有 :active伪类的元素有默认的高亮框*/
	-webkit-tap-hightlight-color: transparent;
	/*禁止文本被选中*/
	-webkit-user-select: none;
}
body{
　　　　 font-family: Helvetica;
	overflow-x:hidden;
	/*开启moblie网页快速滚动和回弹的效果*/
	-webkit-overflow-scrolling: touch;
	font-size: 12px;
}
*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a{
	display:block;
	width:100%;
	color: #333;
	text-decoration: none;
}
img{
	border: 0;
	display: block;
	width:100%;
	vertical-align: middle;
}
a, img {
        /*阻止长按页面，弹出菜单的方法。*/
        -webkit-touch-callout:none;
}
input,textarea{
	-webkit-appearance: none;
	outline: none;
	border: none;
}

.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfix:after{
	content:"";
	display:block;
	width:100%;
	height:0;
	clear:both;
}
li,ol{
	list-style:none;
}  
/*修改placeholder的字体颜色*/
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
    color: #000;   
}  
input::-moz-placeholder { /* Mozilla Firefox 19+ */  
    color: #000;  
}  
input:-ms-input-placeholder{  
    color: #000;  
}  
input::-webkit-input-placeholder{  
    color: #000;  
}     

　　注意：一个div上，可以最多放4个class样式，可以将class样式重复利用