.swiper-image-text[data-v-2cc09d81] {
  margin-bottom: 19px;
}
.cantiner[data-v-2cc09d81] {
  height: 158px;
}
.cantiner .left[data-v-2cc09d81],
.cantiner .right[data-v-2cc09d81] {
  top: 60px;
}
.cover[data-v-2cc09d81] {
  width: 280px;
  height: 158px;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.cover-img[data-v-2cc09d81] {
  width: 100%;
  height: 100%;
}
.cover:hover .cover-layer[data-v-2cc09d81] {
  display: block;
}
.cover-layer[data-v-2cc09d81] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.cover-play[data-v-2cc09d81] {
  position: absolute;
  left: 95px;
  top: 62px;
  width: 88px;
  height: 32px;
  background: #08204C;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#08204C), to(#08658E));
  background-image: linear-gradient(180deg, #08204C 0%, #08658E 100%);
  border: 1px solid #d3b186;
  font-size: 14px;
  color: #FFF1B2;
  text-align: center;
  line-height: 32px;
  border-radius: 4px;
}
.cover-play[data-v-2cc09d81]:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#08204C), to(#005073));
  background-image: linear-gradient(180deg, #08204C 0%, #005073 100%);
}