.components.buildingDetailBanner {
  width: 100%;
  height: 100%;
  background: #eee;
  position: relative;
  overflow: hidden;
  > .CutPoint {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 100px;
    z-index: 10;
    overflow: hidden;
    &.Three {
      >view {
        width: 240px;
      }
    }
    &.Two {
      >view {
        width: 160px;
      }
    }
    > view {
      display: block;
      font-size: 0;
      white-space: nowrap;
      border-radius: 48px;
      border: 2px solid #1a3b83;
      background: rgba(255, 255, 255, 0.7);
      width: 80px;
      margin: 0 auto;
      > text {
        display: inline-block;
        vertical-align: middle;
        font-size: 24px;
        color: #353535;
        line-height: 48px;
        width: 80px;
        text-align: center;
        position: relative;
        z-index: 1;
        border-radius: 48px;
        &.active {
          background: #1a3b83;
          color: #fff;
          z-index: 2;
        }
      }
    }
  }
  > .Vr,
  > .Video,
  > .Picture {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  >.Video {
    height: 71.5vw;
  }
  > .Picture {
    > swiper {
      width: 100%;
      height: 100%;
      .swiper-item {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        > image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
