*, *:after, *:before{
    box-sizing:border-box;
}

*:focus{
    outline:none;
}

html{
    font:500px "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}

body, html{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, em, img, q,
small, strong, sub,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    box-sizing: border-box;
}
body{
    font-size:.11rem;
    font-weight:300;
    line-height:1.5;
    box-sizing: border-box;
}
img{
    display:block;
    max-width:100%;
}
a{
	text-decoration: none;
}
@media screen and (max-width:1600px) {
    html{
        font-size:416.667px;
    }
}
@media screen and (max-width:1440px) {
    html{
        font-size:375px;
    }
}
@media screen and (max-width:1366px) {
    html{
        font-size:355.73px;
    }
}
@media screen and (max-width:1280px) {
    html{
        font-size:333.33px;
    }
}
@media screen and (max-width:1152px) {
    html{
        font-size:300px;
    }
}
@media screen and (max-width:1104px) {
    html{
        font-size:287.5px;
    }
}
@media screen and (max-width:1064px) {
    html{
        font-size:277.083px;
    }
}
@media screen and (max-width:1024px) {
    html{
        font-size:266.667px;
    }
}
@media screen and (max-width:1000px) {
    html{
        font-size:260.4167px;
    }
}
@media screen and (max-width:960px) {
    html{
        font-size:250px;
    }
}
@media screen and (max-width:920px) {
    html{
        font-size:239.58333px;
    }
}
@media screen and (max-width:880px) {
    html{
        font-size:229.1667px;
    }
}
@media screen and (max-width:840px) {
    html{
        font-size:218.75px;
    }
}
@media screen and (max-width:800px) {
    html{
        font-size:208.33px;
    }
}
@media screen and (max-width:768px) {
    html{
        font-size:200px;
    }
}
@media screen and (max-width:720px) {
    html{
        font-size:187.5px;
    }
}
@media screen and (max-width:680px) {
    html{
        font-size:177.083px;
    }
}
@media screen and (max-width:640px) {
    html{
        font-size:166.667px;
    }
}
@media screen and (max-width:600px) {
    html{
        font-size:156.25px;
    }
}
@media screen and (max-width:560px) {
    html{
        font-size:145.833px;
    }
}
@media screen and (max-width:520px) {
    html{
        font-size:135.417px;
    }
}
@media screen and (max-width:480px) {
    html{
        font-size:125px;
    }
}
@media screen and (max-width:444px) {
    html{
        font-size:115.625px;
    }
}
@media screen and (max-width:414px) {
    html{
        font-size:110px;
    }
}

@media screen and (max-width:384px) {
    html{
        font-size:100px;
    }
}

@media screen and (max-width:360px) {
    html{
        font-size:95px;
    }
}

@media screen and (max-width:320px) {
    html{
        font-size:90px;
    }
    
}