/*控制所有div中p标签字体*/

* {
    box-sizing: border-box;
}

html {
    background: #f8f8f8;
    letter-spacing: normal;
    font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei", "Arial", sans-serif !important;
    line-height: 1.2;
    transition: all 500ms;
}

html {
    font-size: 40px;
    -webkit-transition: font-size 0.2s ease-out;
}

@media only screen and (max-width: 2000px) {
    html {
        font-size: 39px;
    }
}

@media only screen and (max-width: 1900px) {
    html {
        font-size: 38px;
    }
}

@media only screen and (max-width: 1800px) {
    html {
        font-size: 37px;
    }
}

@media only screen and (max-width: 1700px) {
    html {
        font-size: 36px;
    }
}

@media only screen and (max-width: 1600px) {
    html {
        font-size: 35px;
    }
}

@media only screen and (max-width: 1500px) {
    html {
        font-size: 34px;
    }
}

@media only screen and (max-width: 1400px) {
    html {
        font-size: 33px;
    }
}

@media only screen and (max-width: 1300px) {
    html {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1200px) {
    html {
        font-size: 31px;
    }
}

@media only screen and (max-width: 1100px) {
    html {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1000px) {
    html {
        font-size: 29px;
    }
}

@media only screen and (max-width: 900px) {
    html {
        font-size: 28px;
    }
}

@media only screen and (max-width: 800px) {
    html {
        font-size: 27px;
    }
}

@media only screen and (max-width: 700px) {
    html {
        font-size: 26px;
    }
}

@media only screen and (max-width: 600px) {
    html {
        font-size: 25px;
    }
}

@media only screen and (max-width: 500px) {
    html {
        font-size: 24px;
    }
}

@media only screen and (max-width: 400px) {
    html {
        font-size: 23px;
    }
}

@media only screen and (max-width: 300px) {
    html {
        font-size: 22px;
    }
}

html, body, #app, #app > div {
    width: 100%;
    height: 100%;
}

body::-webkit-scrollbar, textarea::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

body::-webkit-scrollbar-track, textarea::-webkit-scrollbar-track {
    background: #efefef;
    border-radius: 5px
}

body::-webkit-scrollbar-thumb, textarea::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 5px
}

body::-webkit-scrollbar-thumb:hover {
    background: #333
}

body::-webkit-scrollbar-corner {
    background: #212529
}