@charset "utf-8";
html, body {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, fieldset, legend {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, button, input, select, textarea {
    font-size: 100%
}

body {
    margin: 0;
    padding: 0;
    font-size: 100%;
    color: #333;
    font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, Helvetica, sans-serif
}

pre {
    font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, Helvetica, sans-serif
}

@media only screen and (max-width: 1920px) {
    body {
        font-size: 38px
    }
}

@media only screen and (max-width: 1336px) {
    body {
        font-size: 36px
    }
}

@media only screen and (max-width: 1280px) {
    body {
        font-size: 32px
    }
}

@media only screen and (max-width: 1024px) {
    body {
        font-size: 27px
    }
}

@media only screen and (max-width: 828px) {
    body {
        font-size: 28px
    }
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 26px
    }
}

@media only screen and (max-width: 750px) {
    body {
        font-size: 24px
    }
}

@media only screen and (max-width: 720px) {
    body {
        font-size: 24px
    }
}

@media only screen and (max-width: 640px) {
    body {
        font-size: 20px
    }
}

@media only screen and (max-width: 480px) {
    body {
        font-size: 16px
    }
}

@media only screen and (max-width: 414px) {
    body {
        font-size: 15px
    }
}

@media only screen and (max-width: 320px) {
    body {
        font-size: 10px
    }
}

@media only screen and (max-width: 300px) {
    body {
        font-size: 10px
    }
}