.case-detail {
  padding-bottom: 100px;
}

.case-detail .case-title {
  height: 21.3333vw;
  padding: 8vw 0 4vw 6.6667vw;
  display: flex;
  align-items: center;
}

.case-detail .case-title .brand-img {
  width: 9.3333vw;
  height: 9.3333vw;
  background: #ffffff;
  border-radius: 50%;
  border: 1px solid #e2e8f3;
}

.case-detail .case-title .brand-name {
  margin-left: 2vw;
  font-family: PingFang SC;
  font-weight: bold;
  font-size: 3.7333vw;
  color: #000000;
}

.case-detail .swiper {
  height: 100vw;
}

.case-detail .swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-detail video {
  width: 100%;
}

.case-detail .props {
  padding: 4vw 10.6667vw;
  display: flex;
  align-items: center;
}

.case-detail .props .btns {
  display: flex;
  align-items: center;
  gap: 1.2vw;
}

.case-detail .props .btns img {
  width: 6vw;
  height: 6vw;
}

.case-detail .props .btns .num {
  color: #595757;
  font-size: 3.6vw;
}

.case-detail .props .read {
  margin-left: auto;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 3.2vw;
  color: #595757;
  opacity: 0.7;
}

.case-detail .description {
  margin: 0 10.6667vw;
  padding: 4vw 0 3.2vw;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 2.6667vw;
  color: #000000;
  line-height: 4.8vw;
  border-bottom: 1px solid #AAAAAA;
}

.case-detail .list {
  padding: 4vw 10.6667vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.case-detail .list .item {
  display: flex;
  align-items: center;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 2.4vw;
  color: #777777;
}

.case-detail .list .item .icon-check1 {
  width: 2.6667vw;
  height: 2.6667vw;
  margin-right: 1.3333vw;
}