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; }
html{-webkit-text-size-adjust:none}
body{color:#333333;font-family:Arial,Helvetica, FreeSans, "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", sans-serif, FreeSans, Arimo;background:#fff;}
h1, h2, h3, h4, h5, h6 { font-weight:normal }
address, caption, cite,i, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { color:#00b7f0 }
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.justifyfix{display:inline-block; width:100% !important; height:0; overflow:hidden;}
@media screen and (max-width: 320px){
    html {
        font-size:10px
    }
    body {
        font-size:12px
    }
}
@media screen and (min-width:320px) {
    html {
        font-size:10px
    }
    body {
        font-size:12px
    }
}
@media screen and (min-width:360px) {
    html {
        font-size:11.25px
    }
    body {
        font-size:12px
    }
}
@media screen and (min-width:375px) {
    html {
        font-size:11.71px
    }
    body {
        font-size:12px
    }
}
@media screen and (min-width:384px) {
    html {
        font-size:12px
    }
    body {
        font-size:14px
    }
}
@media screen and (min-width:400px) {
    html {
        font-size:12.5px
    }
    body {
        font-size:14px
    }
}
@media screen and (min-width:414px) {
    html {
        font-size:12.93px
    }
    body {
        font-size:14px
    }
}
@media screen and (min-width:424px) {
    html {
        font-size:13.25px
    }
    body {
        font-size:14px
    }
}

/*横向-----*/
@media screen and (max-height: 320px) and (orientation:landscape){
    html {
        font-size:10px
    }
    body {
        font-size:12px
    }
}
@media screen and (min-height:320px) and (orientation:landscape) {
    html {
        font-size:10px
    }
    body {
        font-size:12px
    }
}
@media screen and (min-height:360px) and (orientation:landscape) {
    html {
        font-size:11.25px
    }
    body {
        font-size:12px
    }
}
@media screen and (min-height:375px) and (orientation:landscape) {
    html {
        font-size:11.71px
    }
    body {
        font-size:12px
    }
}
@media screen and (min-height:384px)  and (orientation:landscape){
    html {
        font-size:12px
    }
    body {
        font-size:14px
    }
}
@media screen and (min-height:400px) and (orientation:landscape) {
    html {
        font-size:12.5px
    }
    body {
        font-size:14px
    }
}
@media screen and (min-height:414px) and (orientation:landscape) {
    html {
        font-size:12.93px
    }
    body {
        font-size:14px
    }
}
@media screen and (min-height:424px) and (orientation:landscape) {
    html {
        font-size:13.25px
    }
    body {
        font-size:14px
    }
}
@media screen and (min-height:480px) and (orientation:landscape) {
    html {
        font-size:15px
    }
    body {
        font-size:15.36px
    }
}