.r1 {
  padding: 0.8rem 2.4rem;
  background: #FAFCFF;
}
.r1 h2 {
  font-family: Source Han Sans;
  font-size: var(--font30);
  font-weight: 500;
  line-height: 0.36rem;
  color: #181818;
  text-align: center;
}
.r1 .list {
  display: flex;
  gap: 0.24rem;
  flex-wrap: wrap;
  margin-top: 0.678rem;
}
.r1 .list .item {
  width: 4.64rem;
  max-width: calc(33% - 0.48rem);
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  border: 2px solid #FFFFFF;
  box-shadow: -8px -8px 20px 0px #FFFFFF, 8px 8px 20px 0px rgba(55, 99, 170, 0.1);
}
.r1 .list .item .info {
  padding: 0.32rem;
}
.r1 .list .item .info .title {
  font-family: Source Han Sans;
  font-size: var(--font20);
  color: #181818;
  margin-bottom: 0.24rem;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.r1 .list .item .info .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.r1 .list .item .info .btn span {
  font-family: Source Han Sans;
  font-size: var(--font14);
  color: #6B7280;
}
.r1 .list .item .publicImgBox {
  width: 100%;
  height: 2.53rem;
}
@media screen and (orientation: portrait) {
  .r1 {
    padding: 0.8rem 0.24rem;
  }
  .r1 .list .item {
    width: 50%;
    max-width: calc(50% - 0.12rem);
  }
}