*{margin:0;padding:0;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-touch-callout: none; -webkit-text-size-adjust: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
::after,::before{
    -webkit-box-sizing: border-box;box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;}
body{font:14px/1.5 "Microsoft YaHei", Arial, Helvetica, sans-serif;color:#333;-webkit-font-smoothing:antialiased;}
body{font-family:PingFang, Arial, Helvetica, sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
input,textarea,select,button{margin:0;padding:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;font-family:PingFang, Arial, Helvetica, sans-serif;}
a,a:active,a:hover,a:link,a:visited{color:#333;text-decoration:none;-webkit-tap-highlight-color:transparent}
table{border-collapse:separate;border-spacing:0}
ol,ul{list-style:none}
hr{margin:0;padding:0;border:0;color:#000;background-color:#000;height:1px}
img{border:0px;}
::-webkit-scrollbar {display: none;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance: none;}
em{font-style: normal;}
input::-o-input-placeholder{
    color:#ccc;
}
input::-ms-input-placeholder{
    color:#ccc;
}
input::-moz-input-placeholder{
    color:#ccc;
}
input::-webkit-input-placeholder{
    color:#ccc;
}
input::input-placeholder{
    color:#ccc;
}
textarea::-o-input-placeholder{
    color:#ccc;
}
textarea::-ms-input-placeholder{
    color:#ccc;
}
textarea::-moz-input-placeholder{
    color:#ccc;
}
textarea::-webkit-input-placeholder{
    color:#ccc;
}
textarea::input-placeholder{
    color:#ccc;
}

@media screen and (min-width: 212px){html{font-size:28.4px}}
@media screen and (min-width: 319px){html{font-size:42.67px}}
@media screen and (min-width: 359px){html{font-size:48px}}
@media screen and (min-width: 374px){html{font-size:50px}}
@media screen and (min-width: 383px){html{font-size:51.2px}}
@media screen and (min-width: 399px){html{font-size:53.2px}}
@media screen and (min-width: 414px){html{font-size:55.2px}}
@media screen and (min-width: 423px){html{font-size:56.53px}}
@media screen and (min-width: 479px){html{font-size:64px}}
@media screen and (min-width: 539px){html{font-size:72px}}
@media screen and (min-width: 639px){html{font-size:85.33px}}
@media only screen and (min-width: 750px){.wrapMax{width:640px;margin:0 auto}}