* {
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
   }
   *:before,
   *:after {
     -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
   }
   body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
       margin: 0;
       padding: 0;
   }
   body {
       background: #fff;
       color: #555;
       font-size: 14px;
       font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
   }
   td, th, caption {
       font-size: 14px;
   }
   h1, h2, h3, h4, h5, h6 {
       font-weight: normal;
       font-size: 100%;
   }
   address, caption, cite, code, dfn, em, strong, th, var {
       font-style: normal;
       font-weight: normal;
   }
   a {
       color: #555;
       text-decoration: none;
   }
   a:hover {
       text-decoration: none;
   }
   /* img {
       border: none;
       vertical-align: middle;
   } */
   ol, ul, li {
       list-style: none;
   }
   input, textarea, select, button {
       font: 14px "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
   }
   table {
       border-collapse: collapse;
   }
   html {
       overflow-y: scroll;
   }
   .clearfix:before,
   .clearfix:after {
       content: " ";
       display: inline-block;
       height: 0;
       clear: both;
       visibility: hidden;
   }
   
    
   /*公共类*/
   .fl {
       float: left
   }
   .fr {
       float: right
   }
   .al {
       text-align: left
   }
   .ac {
       text-align: center
   }
   .ar {
       text-align: right
   }
   .hide {
       display: none
   }