html {
  font-size: 108px;
}
body {
  width: 100%;
  min-width: 320px;
  background-color: #FFF;
}
.layout {
  width: 100%;
  min-width: 320px;
  font-size: 14px;
  padding: 0.46296296rem;
  margin: 0 auto;
}
[data-dpr="2"] .layout {
  font-size: 28px;
}
[data-dpr="2.5"] .layout {
  font-size: 35px;
}
[data-dpr="2.75"] .layout {
  font-size: 39px;
}
[data-dpr="3"] .layout {
  font-size: 42px;
}
[data-dpr="4"] .layout {
  font-size: 56px;
}
.layout .top {
  width: 100%;
  margin-bottom: 0.27777778rem;
}
.layout .top h2 {
  width: 100%;
  font-weight: bold;
  font-size: 17px;
  line-height: 0.92592593rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-dpr="2"] .layout .top h2 {
  font-size: 34px;
}
[data-dpr="2.5"] .layout .top h2 {
  font-size: 43px;
}
[data-dpr="2.75"] .layout .top h2 {
  font-size: 47px;
}
[data-dpr="3"] .layout .top h2 {
  font-size: 51px;
}
[data-dpr="4"] .layout .top h2 {
  font-size: 68px;
}
.layout .top > p {
  color: #000000;
  line-height: 0.64814815rem;
}
.layout .content {
  width: 100%;
}
.layout .content > img {
  display: block;
  width: 100%;
  margin: 0.18518519rem 0;
}
.layout .content > p {
  color: #000000;
  font-size: 14px;
  text-indent: 2em;
  line-height: 0.60185185rem;
}
[data-dpr="2"] .layout .content > p {
  font-size: 28px;
}
[data-dpr="2.5"] .layout .content > p {
  font-size: 35px;
}
[data-dpr="2.75"] .layout .content > p {
  font-size: 39px;
}
[data-dpr="3"] .layout .content > p {
  font-size: 42px;
}
[data-dpr="4"] .layout .content > p {
  font-size: 56px;
}