/* 共用视频蒙层 */
.common-video-mask {
  position: fixed;
  z-index: 677;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  padding-top: 10vh;
  cursor: zoom-out;
  display: none;
}
.common-video-mask .mask-wrap .close {
  text-align: right;
  cursor: pointer;
  user-select: none;
  width: fit-content;
  margin-left: auto;
}
.common-video-mask .mask-wrap .close .hover {
  display: none;
}
.common-video-mask .mask-wrap .close:hover .default {
  display: none;
}
.common-video-mask .mask-wrap .close:hover .hover {
  display: inline-block;
}
.common-video-mask .mask-wrap .video {
  display: flex;
  justify-content: center;
  margin-top: max(0.65rem, 35px);
  cursor: pointer;
}
.common-video-mask .mask-wrap .video video {
  display: block;
  max-height: 70vh;
  max-width: 1200px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}