.page_case {
  margin-top: 98px;
}

.page_case .video_play_button {
  display: none;
}

.page_case .video_play_item {
  width: 100%;
  position: relative;
}

.page_case .video_play_item::after {
  content: "";
  display: table;
  clear: both;
}

.page_case .video_play_item:nth-child(even) .video_play_img {
  float: right;
}

.page_case .video_play_item:nth-child(even) .info {
  left: 0;
}

.page_case .video_play_item .video_play_img {
  width: 55.76%;
  float: left;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 29.53%;
}

.page_case .video_play_item .video_play_img>img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.page_case .video_play_item .info {
  position: absolute;
  right: 0;
  width: 45.68%;
  height: 69.54%;
  top: 15.22%;
  background: #ffffff;
  box-shadow: 0px 0px 84px 0px rgba(87, 59, 33, 0.13);
  padding: 3.05% 2.14% 3.5% 2.59%;
  display: flex;
  flex-direction: column;
}

.page_case .video_play_item .info:hover {
  background: #8b6745;
}

.page_case .video_play_item .info:hover .title a {
  color: #fff;
}

.page_case .video_play_item .info:hover .title a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.page_case .video_play_item .info:hover .desc {
  color: #fff;
}

.page_case .video_play_item .info .title {
  line-height: 37px;
}

.page_case .video_play_item .info .title a {
  font-weight: bold;
  font-size: 30px;
  font-family: Akzidenz-Grotesk BQ;
}

.page_case .video_play_item .info .desc {
  flex: 1;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  margin-top: 19px;
  overflow-y: auto;
  padding-right: 10px;
}

.page_case .video_play_item:not(:first-child) {
  margin-top: 43px;
}

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

  .page_case {
    margin-top: 30px;
    padding: 0;
  }

  .page_case .video_play_item .video_play_img,
  .page_case .video_play_item .info {
    width: 100%;
    position: initial;
    transform: translateY(0);
    float: unset !important;
  }

  .page_case .video_play_item .info {
    padding: 0px;
    box-shadow: none;
  }

  .page_case .video_play_item .info:hover,
  .page_case .video_play_item .info.active_go {
    background: #fff;
  }

  .page_case .video_play_item .info:hover .title a,
  .page_case .video_play_item .info.active_go .title a {
    color: #333;
  }

  .page_case .video_play_item .info:hover .title a:hover,
  .page_case .video_play_item .info.active_go .title a:hover {
    color: #333 !important;
    text-decoration: underline;
  }

  .page_case .video_play_item .info:hover .desc,
  .page_case .video_play_item .info.active_go .desc {
    color: #333;
  }

  .page_case .video_play_item .info .title {
    margin-top: 20px;
  }

  .page_case .video_play_item .info .desc {
    max-height: none;
    display: block;
  }

  .page_case .video_play_item:nth-child(even)>a {
    float: initial;
  }

  .page_case .video_play_item:not(:first-child) {
    margin-top: 30px;
  }

  .page_case .video_play_item .video_play_img {
    padding-bottom: 52%;
  }
}

@media screen and (max-width: 414px) {
  .page_case {
    padding-bottom: 30px;
  }

  .page_case .video_play_item .info .title {
    line-height: 30px;
  }

  .page_case .video_play_item .info .title a {
    font-size: 20px;
  }

  .page_case .video_play_item .info .desc {
    margin-top: 10px;
  }
}