初始化css样式

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- 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%;
    1px;
    -webkit-transform:scaleX(0.5);
    transform:scaleX(0.5);
    border-right:1px solid #ccc;
}
.topLine:after{
    height:1px;
    100%;
    -webkit-transform:scaleY(0.5);
    transform:scaleY(0.5);
    border-top:1px solid #ccc;
}
img{
    border: 0;
    display: inline-block;
    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;
    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" />