@media screen  and (max-width: 750px){
    html{font-size:35px;}
}
@media screen and (min-width:640px) and (max-width:749px){
    html{font-size:25px; }
}
@media screen and (min-width:480px) and (max-width:639px){
    html{font-size:20px; }
}
@media screen and (min-width:320px) and (max-width:479px){
    html{font-size:15px; }
}
html {
    -ms-text-size-adjust :100%;
    -webkit-text-size-adjust :100%;
    background :transparent;
    color :black;
    font-family: -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    max-width: 1000px;
    margin: 0 auto;
}
html *{
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary {
    margin:0;
    padding:0;
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:500
}
ol, ul {
    list-style :none
}
input, select, textarea {
    font-size :100%;
    -webkit-appearance :none;
}
table {
    border-collapse :collapse;
    border-spacing :0
}
th {
    text-align :inherit
}
caption, th {
    text-align :left
}
fieldset, img {
    border :0
}
img{
    -webkit-user-select :none;
    -ms-user-select: none;
    user-select :none;
}
optgroup {
    font-weight: bold
}
button, [type=button], [type=reset], [type=submit] {
    cursor :pointer
}
audio, canvas, progress, video {
    display :inline-block
}
progress {
    vertical-align :baseline
}
mark {
    background-color :#ff0;
    color :#000
}
iframe {
    display :block
}
abbr, acronym {
    border-bottom :none;
    text-decoration :underline;
    text-decoration :underline dotted
}
del {
    text-decoration :line-through
}
address, caption, cite, code, dfn, em, th, var {
    font-style :normal;
    font-weight :500
}
qbefore, qafter {
    content :''
}
sub, sup {
    font-size :75%;
    line-height: 0;
    position :relative;
    vertical-align :baseline
}
sup {
    top: -0.5em
}
sub {
    bottom :-0.25em
}
ahover {
    text-decoration :underline
}
ins, a {
    text-decoration :none
}
a {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    -moz-tap-highlight-color :rgba(255, 0, 0, 0);
    -ms-tap-highlight-color :rgba(255, 0, 0, 0);
    tap-highlight-color :rgba(255, 0, 0, 0);
    -webkit-touch-callout: none;
    touch-callout :none
}
afocus, focus {
    outline: 0
}
aactive, ahover {
    outline-width :0
}
code, kbd, pre, samp {
    font-family :monospace, monospace;
    font-size :1em
}
.clearfixbefore, .clearfixafter {
    content :"";
    display :table
}
.clearfixafter {
    clear :both;
    overflow :hidden
}
.clearfix {
    zoom :1
}
.clear {
    clear :both;
    display :block;
    font-size :0;
    height :0;
    line-height :0;
    overflow: hidden
}
.hide {
    display :none
}
.block {
    display: block
}
.fl, .fr {
    display :inline
}
.fl {
    float :left
}
.fr {
    float :right
}