.r1 {
  height: 0.8rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: var(--font14);
  color: #9E9E9E;
  padding: 0 2.4rem;
}
.r1 span {
  color: #181818;
  margin-left: 0.04rem;
}
.r2 {
  padding: 0.8rem 2.4rem;
  font-family: Source Han Sans;
}
.r2 h2 {
  text-align: center;
  font-size: var(--font30);
  color: #181818;
  font-weight: 400;
  margin-bottom: 0.48rem;
}
.r2 h3 {
  font-size: var(--font18);
  line-height: 0.4rem;
  text-align: center;
  color: #9E9E9E;
  font-weight: 400;
  margin-bottom: 0.24rem;
}
.r2 .container {
  font-size: var(--font18);
  font-weight: 350;
  line-height: 0.4rem;
  color: #181818;
}
.r2 .imgs {
  margin-top: 0.24rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.r2 .imgs .publicImgBox {
  width: 5.46rem;
  height: 4.1rem;
}
@media screen and (orientation: portrait) {
  .r1 {
    padding: 0 0.24rem;
  }
  .r1 span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .r2 {
    padding: 0.8rem 0.24rem;
  }
}