html,body,div,ul,li,ol,a,input,textarea,p,dl,dt,dd{margin:0;padding:0;}
ul li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
html{height: 100%;}
body{height: 100%;background: #f5f5f5;position: relative;font-family: '微软雅黑';max-width: 640px;margin:auto;}
a,input,img,textarea,span,div{outline: 0;-webkit-tap-highlight-color:rgba(255,0,0,0);}
html {
font-family:"宋体", "Times New Roman", Times, serif;
/*谷歌浏览器字体最小字体12px*/
-webkit-text-size-adjust: 100%;/*100%/none 关闭字体大小自动调整功能*/
/*a标签及拥有 :active伪类的元素有默认的高亮框*/
-webkit-tap-hightlight-color: transparent;
/*禁止文本被选中*/ }
body{
overflow-x:hidden;
/*开启moblie网页快速滚动和回弹的效果*/
-webkit-overflow-scrolling: touch;
font-size: 12px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-text-size-adjust: 100%; /*关闭自动调整字体*/
overflow-scrolling: touch;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-style: normal;
}
a{
border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none;
color: #333;
-webkit-tap-highlight-color: #fff;
text-decoration: none;
}
a:hover,
a:focus{
text-decoration:none;
outline:none;
}
a.line,.topLine{
position:relative;
}
a.line:after,.topLine:after{
content:"";
position:absolute;
right:0;
top:0;
}
a.line:after{
height:100%;
width:1px;
-webkit-transform:scaleX(0.5);
transform:scaleX(0.5);
border-right:1px solid #ccc;
}
.topLine:after{
height:1px;
width:100%;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
border-top:1px solid #ccc;
}
img{
border: 0;
display: inline-block;
width:100%;
height:100%;
vertical-align: middle;
}
input{
outline: none;
border: none;
/*-webkit-appearance: none;*/
}
.fl{
float:left;
}
.fr{
float:right;
}
.clearfix:after{
content:"";
display:block;
width:100%;
height:0;
clear:both;
}
li,ol{
list-style:none;
} .vertical-view{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
flex-direction:column;
}
.horizontal-view{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row ;
flex-direction:row;
}
.inline-block{
display:block;
}
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<!--屏蔽标签拨号/email/address链接-->
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="format-detection" content="adress=no" />
<!--不启用缓存-->
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />