@media screen and (min-width: 320px) {
  html {
    font-size: 21.33333333px;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 24px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 25px;
  }
}
@media screen and (min-width: 392px) {
  html {
    font-size: 26.13333333px;
  }
}
@media screen and (min-width: 411px) {
  html {
    font-size: 27.4px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 27.6px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 16px;
  }
}
@media screen and (min-width: 525px) {
  html {
    font-size: 17.5px;
  }
}
@media screen and (min-width: 570px) {
  html {
    font-size: 19px;
  }
}
@media screen and (min-width: 615px) {
  html {
    font-size: 20.5px;
  }
}
@media screen and (min-width: 660px) {
  html {
    font-size: 22px;
  }
}
@media screen and (min-width: 705px) {
  html {
    font-size: 23.5px;
  }
}
@media screen and (min-width: 750px) {
  html {
    font-size: 25px;
  }
}
body {
  background-color: #FFFFFF;
  font-family: PingFangSC-Regular, PingFang SC;
  --primaryColor: #0370E8;
  --wrapWidth: 750px;
  min-height: 100vh;
  background-color: #F3F3F3;
  & > .content {
    display: flex;
    justify-content: center;
    & > .wrap {
      width: 100vw;
      max-width: var(--wrapWidth);
      background-color: #FFFFFF;
    }
  }
}