* {
    box-sizing: border-box;
}
html, body, div, section, header, footer, aside, ul, ol, li, table, tr, th, td, button, input, textarea, select, h1, h2, h3, h4, h5, h6, em, i, strong, p, span, blockquote {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, th, i, input, textarea, button, select {
    font-weight: normal;
    font-style: normal;
}
ul, ol {
    list-style: none;
    vertical-align: top;
}
table, td, th {
    border-collapse: collapse;
    border-spacing: 0;
}
input, button, select, textarea {
    outline: none;
    background: none;
}
textarea {
    resize: none;
}
img, a img {
    border: none;
    vertical-align: top;
}
a{
    text-decoration: none;
}
html{
    font-size: 50px;
}
@media screen and (min-width:320px){
    html{
        font-size: 21.33px;
    }
}

@media screen and (min-width:360px){
    html{
        font-size: 24px;
    }
}
@media screen and (min-width:375px){
    html{
        font-size: 21.33px;
    }
}

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

@media screen and (min-width:400px){
    html{
        font-size: 26.66px;
    }
}

@media screen and (min-width:414px){
    html{
        font-size: 27.6px;
    }
}

@media screen and (min-width:424px){
    html{
        font-size: 28.26px;
    }
}

@media screen and (min-width:480px){
    html{
        font-size: 32px;
    }
}

@media screen and (min-width:540px){
    html{
        font-size: 36px;
    }
}

@media screen and (min-width:720px){
    html{
        font-size: 48px;
    }
}

@media screen and (min-width:750px){
    html{
        font-size: 50px;
    }
}
body {
    background: #fff;
    width:100%;
    font-size: 0.6rem;
}