.md-HR-31.md23085 {
  padding-top: 0.3rem;
  padding-bottom: 0.8rem;
  position: relative;
}
.md-HR-31.md23085 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 14.4rem;
  max-width: 92%;
}
.md-HR-31.md23085 .md-md {
  position: absolute;
  top: -1.3rem;
  visibility: hidden;
}
.md-HR-31.md23085 .h2 {
  line-height: 1.25;
}
.md-HR-31.md23085 .desc {
  color: var(--active);
  margin-top: 0.03rem;
}
.md-HR-31.md23085 .tip {
  padding: 0 10%;
  margin-top: 0.26rem;
  line-height: 1.8;
}
.md-HR-31.md23085 .box {
  margin-top: 0.46rem;
}
.md-HR-31.md23085 .box-left {
  width: calc( 610 / 1440 * 100%);
}
.md-HR-31.md23085 .box-right {
  width: calc( 810 / 1440 * 100%);
}
.md-HR-31.md23085 .dd {
  margin-bottom: 0.2rem;
  position: relative;
}
.md-HR-31.md23085 .dd1 .img {
  padding-top: calc( 250 / 610 * 100%);
}
.md-HR-31.md23085 .dd1 .text {
  top: 50%;
  transform: translateY(-50%);
}
.md-HR-31.md23085 .dd2 .img {
  padding-top: calc( 490 / 610 * 100%);
}
.md-HR-31.md23085 .dd2 .text {
  bottom: 0.43rem;
}
.md-HR-31.md23085 .dd3 {
  width: 100%;
}
.md-HR-31.md23085 .dd3 .img {
  padding-top: calc( 500 / 810 * 100%);
}
.md-HR-31.md23085 .dd3 .text {
  bottom: 0.43rem;
}
.md-HR-31.md23085 .dd4 {
  position: relative;
  width: calc( 395 / 810 * 100%);
}
.md-HR-31.md23085 .dd4 .img {
  padding-top: calc( 240 / 395 * 100%);
}
.md-HR-31.md23085 .dd4 .text {
  bottom: 0.43rem;
}
.md-HR-31.md23085 .text {
  position: absolute;
  left: 0%;
  width: 100%;
  z-index: 3;
  color: #fff;
  padding: 0 0.38rem;
}
.md-HR-31.md23085 .t12 {
  line-height: calc(30 / 16);
  margin-top: 0.14rem;
}
.md-HR-31.md23085 .ic {
  position: absolute;
  right: 0.4rem;
  top: 0.25rem;
  width: 1em;
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.2;
}
@media screen and (max-width: 1280px) {
  .md-HR-31.md23085 .box-left {
    width: 100%;
  }
  .md-HR-31.md23085 .box-right {
    width: 100%;
  }
  .md-HR-31.md23085 .dd4 {
    width: 100%;
  }
}