* {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}
*::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 42.667px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: 52.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 54.93px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 55.2px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 64px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: 72px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: 85.33px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: 96px;
    font-size: -webkit-calcy(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 721px) and (max-width: 768px) {
  html {
    font-size: 102.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw);
  }
}
@media screen and (min-width: 769px) {
  html {
    /* font-size: 102.4px;
    font-size: -webkit-calc(13.33333333vw);
    font-size: calc(13.33333333vw); */
    font-size: 50px;
  }
}

.fix-header {
  width: 7.5rem;
  height: 1.08rem;
  background-size: 7.5rem 1.08rem;
  background-position: 0 0;
  background-image: url('./img/header.png');
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}

.fix-header .download {
  width: 1.54rem;
  height: .64rem;
  position: absolute;
  right: 1.76rem;
  top: .21rem;
}

.fix-header .index-page {
  width: 1.54rem;
  height: .64rem;
  position: absolute;
  right: .16rem;
  top: .21rem;
}

.container {
  width: 7.5rem;
  margin-top: 1.08rem;
}

.container .guide {
  font-size: .3rem;
  color: #662d17;
  display: flex;
  height: .7rem;
  align-items: center;
  padding: 0 .2rem;
  border-bottom: 1px solid #662d17;
  position: relative;
}
.container .guide p {
  line-height: .3rem;
  margin: 0 .1rem;
  color: #662d17;
}
.container .guide .title {
  width: 2rem;
  height: .3rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.container .guide .back {
  width: 1.31rem;
  height: .58rem;
  background: url('./img/back.png') no-repeat;
  background-size: 1.31rem .58rem;
  position: absolute;
  right: .1rem;
  top: .06rem;
  line-height: .58rem;
  padding-left: .15rem;
}

.container .content .info {
  margin: .36rem;
  width: calc(7.5rem - .36rem - .36rem);
}

.container .content .info .title {
  font-size: .4rem;
  color: #212120;
}

.container .content .info .source {
  width: 100%;
  border-bottom: 1px solid #a0a0a0;
  font-size: .2rem;
  color: #212120;
  text-align: right;
}

.container .content .content-body {
  font-size: .28rem;
  padding: .36rem;
  overflow: auto;
  width: calc(100vw - .72rem);
}

.container .content .content-body img {
  width: calc(100vw - .72rem);
}