page {
  background-color: #f7f6f7;
}
.page {
  .page1 {
    height: 869rpx;
  }
  .page2 {
    position: relative;
    height: 630rpx;
    .mg-video {
      position: absolute;
      top: 290rpx;
      right: 60rpx;
      width: 600rpx;
      height: 288rpx;
    }
  }
  .page3 {
    position: relative;
    height: 782rpx;
    .cidp-mask {
      position: absolute;
      top: 174rpx;
      right: 30rpx;
      z-index: 1;
      width: 74rpx;
      height: 304rpx;
    }
    .cidp-list {
      position: absolute;
      top: 184rpx;
      right: 30rpx;
      width: 632rpx;
      height: 288rpx;
      overflow-x: auto;
      overflow-y: hidden;
      display: flex;
      gap: 16rpx;
      .cidp-item {
        flex-shrink: 0;
        width: 216rpx;
        height: 288rpx;
      }
    }
  }
  .page4 {
    height: 302rpx;
  }
  .page5 {
    height: 306rpx;
  }
  .page6 {
    display: block;
    width: 100%;
    height: 574rpx;
  }
}

#video {
  width: 0;
  height: 0;
}