.common-fade-inout {
  opacity: 0;
  transform: translateY(100px);
  transition: transform 1s ease, opacity 1s ease;
}
.common-slide-move {
  opacity: 0;
  transform: translate(0, 0);
  transition: transform 1s ease, opacity 1s ease;
}
.common-zoom-move {
  transform: scale(0) translate(0, 0);
  transform-origin: bottom center;
  transition: transform 1s ease;
}
.common-video-box {
  width: 100%;
  height: 160vh;
  position: relative;
}
.common-video-box .common-video-content {
  width: 100%;
  height: calc(100vh - 64px);
  position: sticky;
  top: 64px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-video-box .common-video-content .main {
  width: 100vw;
  height: 41vw;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-video-box .common-video-content video {
  width: 100%;
}
.common-video-box .common-video-content .common-video-title{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 72px;
  font-weight: 600;
  color: #FFFFFF;
  transform: translate(-50%,calc(-50% + 100px));
  opacity: 0;
  transition: all 1s ease;
  white-space: nowrap;
}
.common-video-box .common-video-content .common-video-model {
  width: 100%;
  height: calc(100% + 20px);
  position: absolute;
  top: -10px;
  left: 0;
  background-color: #ffffff;
  clip-path: polygon(0% 0%, 0% 100%, 12% 100%, 12% 12%, 88% 12%, 88% 88%, 12% 88%, 12% 100%, 100% 100%, 100% 0%);
  transition: clip-path 1.3s ease;
}