@media only screen and (min-width: 768px) {
  .content {
    padding-top: 1.48rem;
  }
}

.rd-list > li .flex-box {
  align-items: center;
}

.rd-list > li:nth-child(2n) .flex-box {
  flex-direction: row-reverse;
}

.rd-list > li .pic-area {
  padding: 0 0 0 8%;
}

.rd-list > li:nth-child(2n) .pic-area {
  padding: 0 8% 0 0;
}

.rd-list > li {
  margin-bottom: 1.4rem;
}

.rd-list > li .title-wrap {
  line-height: 1.5;
  display: flex;
  gap: 0.3rem;
  margin-bottom: 0.72rem;
}

.rd-list > li .title-wrap .num {
  flex-shrink: 0;
}

.rd-list > li .title-wrap .num img {
  height: 0.92rem;
}

.rd-list > li .title-wrap .title {
  color: rgba(0, 0, 0, 1);
  font-size: var(--font40);
  margin-bottom: 0.12rem;
}

.rd-list > li .title-wrap .subtitle {
  color: var(--main-color);
  font-size: var(--font20);
}

.rd-list > li .desc {
  color: rgba(0, 0, 0, 1);
  font-size: var(--font18);
  font-weight: 300;
}

@media only screen and (max-width: 767px) {
  .rd-list > li {
    margin-bottom: 32px;
  }

  .rd-list > li .title-wrap {
    margin-bottom: 20px;
  }

  .rd-list > li .pic-area {
    padding: 0;
  }

  .rd-list > li:nth-child(2n) .pic-area {
    padding: 0;
  }

  .rd-list > li .title-wrap {
    gap: 0;
  }

  .rd-list > li .title-wrap .num img {
    height: 48px;
    display: none;
  }
}