.open-scene {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 10;
}

.open-scene__wrapper {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transform-origin: 42.956% 25%;
  opacity: 1;
  transition: transform 4s ease-in, opacity 4s ease-in;
}

.open-scene__video-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  mask: url(https://oss.cjn.cn/wuhan/open-scene-mask.svg);
  /* mask-position: center -16px; */
  mask-position: center 11px;
  /* background: #eee; */
  background: url(../img/bg@2x.jpg) #f9fbfe;
  background-size: cover;
  /* 可以设置一个静态背景用于在视频没有加载时显示一个封面 */
}

.open-scene__title {
  display: block;
  width: 100%;
  padding-top: 265px;
  transform: scale(1);
  position: absolute;
  top: 0;
  left: 0;
}

.open-scene__title-img {
  display: block;
  width: 480px;
  height: 66px;
  margin: 0 auto;
  /** 关键：提高变换时图片的质量 **/
  will-change: transform;
  shape-rendering: crispEdges;
  image-rendering: pixelated;
}

.open-scene video {
  position: fixed;
  opacity: 0;
  z-index: -1;
}

.open-scene__video-canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.open-scene__video-canvas-copy {
  position: absolute;
  top: 0;
  left: 0;
}

.open-scene--open .open-scene__wrapper {
  opacity: 0;
  transform: scale(300);
  pointer-events: none;
}

.open-scene__body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 96px;
}

.open-scene--open .open-scene__video-canvas-copy {
  opacity: 0;
}