@media (min-width: 1200px) {
    html {
        font-size: 100px;
    }
}

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

@media (max-width: 1151px) {
    html {
        font-size: 85px;
    }
}

@media (max-width: 1023px) {
    html {
        font-size: 80px;
    }
}

@media (max-width: 963px) {
    html {
        font-size: 75px;
    }
}

@media (max-width: 899px) {
    html {
        font-size: 70px;
    }
}

@media (max-width: 839px) {
    html {
        font-size: 65px;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 64px;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 130px;
    }
}

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

@media (max-width: 565px) {
    html {
        font-size: 80px;
    }
}

@media (max-width: 480px) {
    html {
        font-size: 60px;
    }
}

@media (max-width: 380px) {
    html {
        font-size: 55px;
    }
}

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





html, body, h1, h2, h3, h4, h5, dl, dd, dt, ul, li, ol, span, p {
    margin: 0;
    padding: 0;
}
body {
    font-family: "Microsoft YaHei";
    min-width: 320px !important;
    max-width: 1920px !important;
    background-color: #fff;
    font-size: .16rem;
    line-height: .28rem;
    color: #323232;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #323232;
}
select {
    border: 0 none;
}
input,
textarea,
select {
    outline: none;
    border: 0 none;
    padding: 0;
    margin: 0;
}
ol,
ul,
li {
    list-style: none;
}

.block{ display:block !important;}
.none{ display:none !important;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}