html {
  font-family: miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 88.888888px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 100px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 104.166666px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: 109.166666px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 392px) and (max-width: 394px) {
  html {
    font-size: 109.166666px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 114.444444px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 114.999999px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 133.333333px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: 149.999999px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: 177.777777px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: 199.999999px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 721px) and (max-width: 768px) {
  html {
    font-size: 213.333333px;
    font-size: 27.777777vw;
  }
}

@media screen and (min-width: 769px) {
  html {
    font-size: 213.333333px;
  }

  html {
    width: 768px;
    margin: 0 auto;
  }
}.Clearfix::before,
.Clearfix::after {
  content: "";
  display: table;
  /* 用table而不是block以避免和内部节点的margin折叠，历史原因，为了和IE的zoom保持一致，虽然已经不需要兼容IE。 */
}

.Clearfix::after {
  clear: both;
}/*
 * 内边框       class="Hairline Hairline_box"
 * 2像素内边框  class="Hairline Hairline_box-2"
 * 外边框       class="Hairline Hairline_box-outer"
 * 2像素外边框  class="Hairline Hairline_box-outer-2"
 * 上内边       class="Hairline Hairline_top"
 * 下内边       class="Hairline Hairline_bottom"
 * 左内边       class="Hairline Hairline_left"
 * 右内边       class="Hairline Hairline_right"
 * 上外边       class="Hairline Hairline_top-outer"
 * 下外边       class="Hairline Hairline_bottom-outer"
 * 左外边       class="Hairline Hairline_left-outer"
 * 右外边       class="Hairline Hairline_right-outer"
 */
 
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  padding: 0;
}

:focus {
  outline: 0;
}

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

a {
  text-decoration: none;
  color: #000000;
}

img {
  border-style: none;
}
 
 .heading {
  text-align: center;
  margin: 0.08rem auto 0.2rem auto;
  font-size: 0.15rem;
  font-weight: bold;
  color: #000;
}
.top-nav {
  margin: 0 0.37rem 0.13rem 0.37rem;
} 

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item {
  font-size: 0.11rem;
  text-align: center;
}
.item > a > img {
  width: 0.36rem;
  height: 0.36rem;
}

.title {
  margin-top: 0.07rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blank-line {
  height: 0.07rem;
  background-color: #f7f7f7;
}

.category-box {
  padding: 0.13rem 0;
  font-size: 0.15rem;
}
.category-box::after {
  left: 0.18rem;
  right: 0.18rem;
  color: #e8e8e8;
}

.Hairline {
  position: relative;
}

.nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.nav-name {
  font-size: 0.15rem;
  color: #949494;
  margin-bottom: 0.12rem;
}