.swiper-container {
  overflow: hidden;
}
section + section {
  margin-top: 88rem;
}
.section1 {
  margin-top: 40rem;
}
.book-global-list-wrapper,
.book-list-wrapper {
  margin-top: 48rem;
}
.book-list {
  display: flex;
  flex-wrap: wrap;
  gap: 88rem 39rem;
}
.book-item {
  display: block;
  width: calc(33.3% - 26rem);
}
.img-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 334rem;
  border-radius: 46rem;
  overflow: hidden;
}
.img-box::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 250rem;
  background-color: #f9f6f2;
  border-radius: 46rem 50% 46rem 46rem;
  z-index: -1;
  transition: all 0.47s;
}

.img-box::after {
  position: absolute;
  right: 0;
  top: 50rem;
  font-family: "iconfont" !important;
  content: "\e616";
  font-size: 40rem;
  z-index: -1;
  transition: all 0.47s;
  color: #f9f6f2;
}
.book-item-img {
  height: 100%;
  width: auto;
  object-fit: cover;
}
.book-item:hover .book-item-img {
}

.book-item:hover .img-box::before {
  background-color: #e6ddcf;
  height: 266rem;
}
.book-item:hover .img-box::after {
  color: #a52933;
  transform: rotateY(180deg);
}
.book-item-content {
  margin-top: 32rem;
}
.book-item-name {
  display: block;
  color: #232222;
  font-size: 20rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出时显示省略号 */
}
.book-item-name:hover{
  color: #232222;
}
.book-item-intro {
  margin-top: 7rem;
  color: #6a6967;
  font-family: "Source Han Sans CN";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box; /* 关键：使用弹性盒模型 */
  -webkit-box-orient: vertical; /* 垂直方向排列 */
  -webkit-line-clamp: 2; /* 限制显示2行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出显示... */
}

.book-btn-text {
  margin-top: 16rem;
  display: inline-block;
  margin-top: 5rem;
  color: #b2afad;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.book-btn-text::after {
  font-family: "iconfont" !important;
  content: "\e624";
  color: #b2afad;
  font-size: 14rem;
  margin-left: 4rem;
  line-height: normal;
}
.book-item:hover .book-btn-text::after,
.book-item:hover .book-btn-text {
  color: #a52933;
}

@media (max-width: 996px) {
  .book-list {
    gap: 88rem 40rem;
  }
  .book-item {
    width: calc(50% - 20rem);
  }
  .img-box {
    height: 317rem;
  }
  .img-box::before {
    height: 210rem;
  }
  .book-item:hover .img-box::before {
    height: 224rem;
  }
  .book-item-name {
    font-size: 32rem;
  }
  .book-item-intro {
    font-size: 28rem;
  }
  .book-btn-text {
    margin-top: 28rem;
  }
  .book-btn-text::after,
  .book-btn-text {
    font-size: 28rem;
  }
}