body[data-theme="light"] {
  --iz-top-hot-deal-song-name: #18181b;
  --iz-top-hot-deal-singer-name: #a1a1aa;
}
body[data-theme="dark"] {
  --iz-top-hot-deal-song-name: #ffffff;
  --iz-top-hot-deal-singer-name: #ffffff;
}

.good-deal-item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  /* margin-bottom: 26px; */
}

.good-deal-item > img {
  border-radius: 4px;
  margin-bottom: 16px;
}

.music-good-deal-info {
  display: flex;
  flex-direction: column;
}

.music-name {
  font-family: FS PF BeauSans Pro, sans-serif;
  color: var(--iz-player-bar-text-color);
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 4px;
}

.music-singer {
  font-family: FS PF BeauSans Pro, sans-serif;
  border-color: var(--iz-modal-btn-cancel-border);
  color: var(--iz-modal-btn-cancel-text);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.good-deal-title {
  margin-bottom: 24px;
}

.good-deal-title span {
  font-family: FS PF BeauSans Pro, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 44.8px;
  color: var(--iz-color-label-radio);
}

.good-deal-title_action {
  display: flex;
  gap: 8px;
}

.good-deal-container .swiper-button-next,
.good-deal-container .swiper-button-prev {
  position: relative;
  color: #a1a1aa;
}

.good-deal-container .swiper-button-next:after,
.good-deal-container .swiper-button-prev:after {
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 50%;
  background-color: var(--iz-bg-icon-prev-next);
  border: 1px solid var(--iz-border-icon-prev-next);
}

.good-deal-container .swiper-pagination {
  margin-top: 11px;
  position: relative;
}

.good-deal-container .swiper-pagination-bullet-active {
  background: #a1a1aa;
  opacity: 1;
  padding: 4px 7px;
  border-radius: 29px;
}

@media screen and (max-width: 576px) {
  .music-name {
    font-size: 15px !important;
    font-weight: 400 !important;
  }
  .music-singer {
    font-size: 12px !important;
    font-weight: 400 !important;
  }
}
