.image-list {
  position: absolute;
  border: none;
  overflow: hidden;

  .entrance-con {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .swiper-container {
    height: 100%!important;
    .swiper-slide {
      transform: translate3d(0, 0, 0);
      position: relative;
      overflow: hidden;

      .slide-con {
        position: relative;
        img {
          object-fit: contain;
          width: 100%;
          height: 100%;
        }
      }
    }
  
    .swiper-button-prev {
      background-image: none;
      left: 20px;
      &::after {
        display: none;
      }
      .cms2iconfont {
        font-size: 28px;
      }
    }
  
    .swiper-button-next {
      background-image: none;
      right: 20px;
      &::after {
        display: none;
      }

      .cms2iconfont {
        font-size: 28px;
      }
    }
  
    .swiper-scrollbar {
      height: 3px;
      width: 70%;
      left: 50%;
      transform: translateX(-50%);
      ::v-deep .swiper-scrollbar-drag {
        background-color: #1890FF;
      }
    }
  }

  .image-warp {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;

    &.image-type3 {
      overflow-x: scroll;
    }
    .image-item {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0;
      transition: transform 0.5s;
      flex-shrink: 0;
      position: relative;
      overflow: hidden;
      img {
        width: auto;
        height: auto;
        width: 100%;
        height: 100%;
      }

      .contain {
        object-fit: contain;
      }

      &:first-child {
        padding-left: 0 !important;
      }

      &:last-child {
        padding-right: 0 !important;
      }
    }

    .hot-spot {
      position: absolute;
      width: 100%;
      height: 100%;
    }
  }
}