初始化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-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" />