/*
 * @Author: xinyu.wang <xinyu.wang@wuage.com>
 * @Version: 0.0.1
 * @Date: 2018-10-10 13:48:03
 * @Last Modified by:   xinyu.wang
 * @Last Modified Time: 2018-10-10 13:48:03
 */
html, body {
  min-width: initial;
  background-color: #F2F2F2;
}
.mod-main {
  position: relative;
  margin: 56px auto;
  padding: 48px 64px;
  max-width: 720px;
  background-color: #FFF;
  border: 1px #CCC solid;
  color: #282D3B;
}
.mod-main .part-title {
  margin-bottom: 32px;
  line-height: 1.5;
  font-size: 32px;
  font-weight: 400;
  text-align: center;
}
.mod-main .part-content {
  font-size: 14px;
  line-height: 1.8;
}
.mod-main .part-content img {
  max-width: 100%;
}

/*移动端*/
@media only screen and (max-device-width: 540px) and (orientation: portrait) {
  html, body {
    min-width: initial;
    background-color: #FFF;
  }
  .mod-main {
    margin: 0;
    padding: .48rem .64rem;
    /* width: 100%; */
    max-width: none;
    border: none;
  }
  .mod-main .part-title {
    font-size: .48rem;
    margin-bottom: .32rem;
  }
  .mod-main .part-content {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    max-height: 100rem;
    font-size: .28rem;
  }
}


[size="1"] {
  font-size: 12px;
}
[size="2"] {
  font-size: 14px;
}
[size="3"] {
  font-size: 16px;
}
[size="4"] {
  font-size: 18px;
}
[size="5"] {
  font-size: 20px;
}
[size="6"] {
  font-size: 24px;
}
[size="7"] {
  font-size: 32px;
}

@media only screen and (max-device-width: 540px) and (orientation: portrait) {
  [size="1"] {
    font-size: .24rem;
  }
  [size="2"] {
    font-size: .28rem;
  }
  [size="3"] {
    font-size: .32rem;
  }
  [size="4"] {
    font-size: .36rem;
  }
  [size="5"] {
    font-size: .4rem;
  }
  [size="6"] {
    font-size: .48rem;
  }
  [size="7"] {
    font-size: .64rem;
  }
}