.huiwang_case_read {
  padding: var(--component-gap) 0 0;
}

.huiwang_case_read_content_title {
  font-family: var(--semibold-font-family);
  font-size: var(--title-size-h3);
  font-weight: 600;
  line-height: 1.388;
  color: var(--title-text-color);
}

.huiwang_case_read_content_media {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}

.huiwang_case_read_content_media span {
  font-size: var(--text-size);
  font-weight: 400;
  line-height: 1.625;
  color: #666;
}

.huiwang_case_read_content_media a {
  width: 22px;
  aspect-ratio: 1/1;
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.huiwang_case_read_content_media a:nth-child(2) {
  background: #4267B5;
}

.huiwang_case_read_content_media a:nth-child(3) {
  background: #000000;
}

.huiwang_case_read_content_media a:nth-child(4) {
  background: #0076B3;
}

.huiwang_case_read_content_media a:nth-child(5) {
  background: #CB2026;
}

.huiwang_case_read_content_media a img {
  width: 12px;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.huiwang_case_read_content_content {
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 24px 0 32px;
  margin-top: 27px;
}

.huiwang_case_read_content_content p {
  min-height: 20px;
  font-family: var(--font-family) !important;
  color: var(--text-color) !important;
  font-size: var(--text-size) !important;
  font-weight: 400 !important;
  line-height: 1.625 !important;
}

.huiwang_case_read_content_content li{
  list-style: disc;
  margin-left: 30px;
}
.huiwang_case_read_content_content img{
  border-radius: 15px;
}
.huiwang_case_read_content_prev,
.huiwang_case_read_content_next {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.huiwang_case_read_content_prev_icon,
.huiwang_case_read_content_next_icon {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-primary);
}

.huiwang_case_read_content_prev:hover .huiwang_case_read_content_prev_icon,
.huiwang_case_read_content_next:hover .huiwang_case_read_content_next_icon,
.huiwang_case_read_content_prev.active .huiwang_case_read_content_prev_icon,
.huiwang_case_read_content_next.active .huiwang_case_read_content_next_icon {
  background: var(--color-primary);
}

.huiwang_case_read_content_prev_icon i,
.huiwang_case_read_content_next_icon i {
  font-size: 18px;
  color: var(--title-text-color);
}

.huiwang_case_read_content_prev:hover .huiwang_case_read_content_prev_icon i,
.huiwang_case_read_content_next:hover .huiwang_case_read_content_next_icon i,
.huiwang_case_read_content_prev.active .huiwang_case_read_content_prev_icon i,
.huiwang_case_read_content_next.active .huiwang_case_read_content_next_icon i {
  color: #fff;
}

.huiwang_case_read_content_prev_title,
.huiwang_case_read_content_next_title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.huiwang_case_read_content_prev_title b,
.huiwang_case_read_content_next_title b {
  font-size: var(--text-size);
  font-weight: 400;
  line-height: 1.625;
  color: var(--text-color);
  height: calc(var(--text-size) * 1.625);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.huiwang_case_read_content_prev_title span,
.huiwang_case_read_content_next_title span {
  font-size: var(--text-size);
  font-weight: 400;
  line-height: 1.625;
  color: var(--title-text-color);
}

@media screen and (max-width: 992px) {

  .huiwang_case_read_content_content img{
    width: 100% !important;
    object-fit: cover !important;
  }

  .huiwang_case_read_content_prev_icon,
  .huiwang_case_read_content_next_icon {
    width: 24px;
    height: 24px;
  }

  .huiwang_case_read_content_prev_icon i,
  .huiwang_case_read_content_next_icon i {
    font-size: 14px;
  }
}

.huiwang_related_case {
  padding: var(--component-gap) 0;
  background: #F8F8F8;
  margin-top: var(--component-gap);
}

.huiwang_related_case .container {
  position: relative;
}

.huiwang_related_case .section-title {
  color: var(--title-text-color);
  font-size: var(--title-size-h2);
  font-weight: 700;
  line-height: 1.26;
}

.huiwang_related_case_list {
  margin-top: var(--component-gap);
}

.huiwang_related_case_item img {
  width: 100%;
  aspect-ratio: 778/530;
  object-fit: cover;
  border-radius: 10px;
}

.huiwang_related_case_item_content {
  padding: 20px;
}

.huiwang_related_case_item_title {
  font-family: var(--semibold-font-family);
  font-size: var(--title-size-h5);
  font-weight: 600;
  line-height: 1.5;
  color: var(--title-text-color);
}

.huiwang_related_case_item_desc {
  font-size: var(--text-size);
  font-weight: 400;
  line-height: 1.625;
  color: var(--text-color);
  max-height: calc(var(--text-size) * 1.625 * 3);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.huiwang_related_case .swiper-button-prev,
.huiwang_related_case .swiper-button-next {
  top: 27px;
}

.huiwang_related_case .swiper-button-prev {
  left: auto;
  right: 20px;
  transform: translateX(-100%);
}

.huiwang_related_case .swiper-button-next {
  right: 0px;
}

.huiwang_related_case_item:hover .huiwang_related_case_item_title {
  color: var(--color-primary);
}


@media screen and (max-width: 576px) {

  .huiwang_related_case .swiper-button-prev,
  .huiwang_related_case .swiper-button-next {
    top: 22px;
  }
}