@charset "utf-8";
html,
body {
    width: 100%;
    height: auto;
    margin: 0 auto;
    font-family: "PingFang SC";
    font-size: 16px;
    -webkit-text-size-adjust: none;
}


/* 适配iphoneX顶部填充*/

@supports (top: env(safe-area-inset-top)) {
    body,
    .rule-title-box {
        padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top);
    }
}

html {
    font-size: 16px !important;
}

@media only screen and (min-width: 320px) {
    html {
        font-size: 266.66% !important;
    }
}

@media only screen and (min-width: 360px) {
    html {
        font-size: 300% !important;
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 312.5% !important;
    }
}

@media only screen and (min-width: 380px) {
    html {
        font-size: 316.66% !important;
    }
}

@media only screen and (min-width: 400px) {
    html {
        font-size: 333.33% !important;
    }
}

@media only screen and (min-width: 420px) {
    html {
        font-size: 350% !important;
    }
}

@media only screen and (min-width: 450px) {
    html {
        font-size: 375% !important;
    }
}

@media only screen and (min-width: 470px) {
    html {
        font-size: 391.66% !important;
    }
}

@media only screen and (min-width: 500px) {
    html {
        font-size: 416.66% !important;
    }
}

@media only screen and (min-width: 520px) {
    html {
        font-size: 433.33% !important;
    }
}

@media only screen and (min-width: 550px) {
    html {
        font-size: 458.33% !important;
    }
}

@media only screen and (min-width: 570px) {
    html {
        font-size: 475% !important;
    }
}

@media only screen and (min-width: 600px) {
    html {
        font-size: 500% !important;
    }
}

@media only screen and (min-width: 620px) {
    html {
        font-size: 516.66% !important;
    }
}

@media only screen and (min-width: 650px) {
    html {
        font-size: 541.66% !important;
    }
}

@media only screen and (min-width: 670px) {
    html {
        font-size: 558.33% !important;
    }
}

@media only screen and (min-width: 700px) {
    html {
        font-size: 583.33% !important;
    }
}

@media only screen and (min-width: 720px) {
    html {
        font-size: 600% !important;
    }
}

@media only screen and (min-width: 750px) {
    html {
        font-size: 625% !important;
    }
}

@media only screen and (min-width: 770px) {
    html {
        font-size: 641.66% !important;
    }
}

@media only screen and (min-width: 800px) {
    html {
        font-size: 666.66% !important;
    }
}

@media only screen and (min-width: 820px) {
    html {
        font-size: 683.33% !important;
    }
}

@media only screen and (min-width: 900px) {
    html {
        font-size: 750% !important;
    }
}

@media only screen and (min-width: 1000px) {
    html {
        font-size: 833.33% !important;
    }
}

@media only screen and (min-width: 1100px) {
    html {
        font-size: 916.66% !important;
    }
}

@media only screen and (min-width: 1150px) {
    html {
        font-size: 958.33% !important;
    }
}

@media only screen and (min-width: 1200px) {
    html {
        font-size: 1000% !important;
    }
}

@media only screen and (min-width: 1300px) {
    html {
        font-size: 1083.33% !important;
    }
}

@media only screen and (min-width: 1300px) {
    html {
        font-size: 1166.66% !important;
    }
}

.fl {
    float: left
}

.fr {
    float: right
}

ul,
ol,
ul li,
ol li,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both
}

.hide {
    display: none
}

a {
    cursor: default;
    text-decoration: none;
    color: #5E5E5E
}

a:link {
    text-decoration: none;
    /* 指正bai常的未被访du问过的链接*/
}

a:visited {
    text-decoration: none;
    /*指已zhi经访问过的链接*/
}

a:hover {
    text-decoration: none;
    /*指鼠标在链接*/
}

a:active {
    text-decoration: none;
    /* 指正在点的链接*/
}

img,
input,
label,
textarea {
    border: 0 none;
    vertical-align: top;
    outline: none;
}

img {
    width: 100%;
    -webkit-user-drag: none;
}

div,
font,
span {
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}