@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: 621px) {
  html {
    font-size: 517.5% !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: 1242px) {
  html {
    font-size: 1035% !important;
  }
}

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

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

@media only screen and (min-width: 1500px) {
  html {
    font-size: 1250% !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;
}