body {
  color: #505050;
  font-size: .14rem;
  line-height: 1.5;
  font-family: "Microsoft Yahei", "PingFang SC", "SimSun", "Helvetica Neue", Helvetica, Arial, sans-serif, Tahoma;
  background: #efefef;
}
html {
  font-size: 625%;
}
@media screen and (min-width: 1440px) {
html {
      font-size: 700%;
}
}
@media (max-width: 640px) and (min-width: 0) {
html {
    font-size: 20vw;
}
}
@media screen and (max-width: 640px) and (min-width: 0) and (max-width: 320px) {
html {
      font-size: 64px;
}
}
@media screen and (max-width: 640px) and (min-width: 0) and (min-width: 640px) {
html {
      font-size: 128px;
}
}
.Agreement-wrap {
  width: 80%;
  background: #fff;
  margin: 0 auto;
  padding: .3rem;
  max-width: 960px;
}
.Agreement-wrap header {
    height: .4rem;
    max-height: 40px;
    position: relative;
}
.Agreement-wrap header img {
      height: 100%;
      position: absolute;
      left: 0;
}
.Agreement-wrap header h3 {
      width: 100%;
      text-align: center;
      font-size: .18rem;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
}
.Agreement-wrap section {
    margin-top: .1rem;
}
.Agreement-wrap section h3 {
      font-size: .16rem;
      font-weight: 500;
}
.Agreement-wrap section p {
      line-height: 1.6;
      font-size: .14rem;
}
.Agreement-wrap section ul li {
      font-size: .13rem;
      text-indent: 1em;
      line-height: 1.5;
}
@media (max-width: 750px) {
.Agreement-wrap {
    width: 100%;
    padding: .2rem;
}
.Agreement-wrap header {
      height: .3rem;
}
.Agreement-wrap header img {
        display: none;
}
.Agreement-wrap header h3 {
        font-size: .15rem;
}
.Agreement-wrap section {
      margin-top: .1rem;
}
.Agreement-wrap section h3 {
        font-size: .14rem;
}
.Agreement-wrap section p {
        line-height: 1.6;
        font-size: .13rem;
}
.Agreement-wrap section ul li {
        font-size: .12rem;
        line-height: 1.5;
}
}