.pop-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99;
  display: none;
}

.pop-mask.show {
  display: block;
}

.popup {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 100;
  display: none;
}

.popup.show {
  display: block;
}

.popup .close {
  position: absolute;
  transition: all 0.5s ease;
  background: url(//i0.cy.com/tlhj/main/2025/0408/images/sp.png) no-repeat 0 -69px;
  width: 110px;
  height: 111px;
  bottom: -170px;
  left: 50%;
  margin-left: -55px;

}

.popup .close:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.popup.video-pop,
.popup.video-pop-sohu {
  width: 1196px;
  height: 671px;
  background-color: #000;
}

.popup.video-pop .video-box,
.popup.video-pop-sohu .video-box {
  position: relative;
  background-color: #000;
  box-sizing: border-box;
  height: 100%;
  text-align: center;
}

.popup.video-pop .video-box::after,
.popup.video-pop-sohu .video-box::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 1210px;
  height: 680px;
  background: url(//i0.cy.com/tlhj/main/2025/0408/images/page4/video_border.png) no-repeat 50% 0/100%;
  pointer-events: none;
}

.popup.video-pop video,
.popup.video-pop-sohu video {
  /* width: 100%; */
  /* display: inline-block; */
  height: 100%;
  box-sizing: border-box;
}

@keyframes rotaC {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {

  .popup.video-pop,
  .popup.video-pop-sohu {
    height: 54vw;
    width: 98vw;
  }

  .popup.video-pop .video-box::after,
  .popup.video-pop-sohu .video-box::after {
    height: 59vw;
    width: 97vw;
    top: 54%;
  }
}












/* 自定义的样式 */

.video-pop-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99;
  display: none;
}

.video-pop-mask.show {
  display: block;
}

.video-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 100;
}

.video-popup.show {
  display: block;
}

.video-popup .close {
  position: absolute;
  transition: all 0.5s ease;
  background: url(//i0.cy.com/tlhj/main/2025/0408/images/sp.png) no-repeat 0 -69px;
  width: 110px;
  height: 111px;
  bottom: -170px;
  left: 50%;
  margin-left: -55px;
  cursor: pointer;

}

.video-popup .close:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.video-popup.video-pop,
.video-popup.video-pop-sohu {
  width: 1196px;
  height: 671px;
  background-color: #000;
}

.video-popup.video-pop .video-box,
.video-popup.video-pop-sohu .video-box {
  position: relative;
  background-color: #000;
  box-sizing: border-box;
  height: 100%;
  text-align: center;
}

.video-popup.video-pop .video-box::after,
.video-popup.video-pop-sohu .video-box::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 1210px;
  height: 680px;
  background: url(//i0.cy.com/tlhj/main/2025/0408/images/page4/video_border.png) no-repeat 50% 0/100%;
  pointer-events: none;
}

.video-popup.video-pop video,
.video-popup.video-pop-sohu video {
  /* width: 100%; */
  /* display: inline-block; */
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

@keyframes rotaC {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {

  .video-popup.video-pop,
  .video-popup.video-pop-sohu {
    height: 54vw;
    width: 98vw;
  }

  .video-popup.video-pop .video-box::after,
  .video-popup.video-pop-sohu .video-box::after {
    height: 59vw;
    width: 97vw;
    top: 54%;
  }
}