.#{$carousel-prefix-cls} {
  position: relative;
  width: 100%;
  overflow: hidden;

  &.line {
    padding-bottom: 0.3rem;

    .carousel__indicators {
      bottom: 0;

      li {
        width: 1rem;
        height: 0.03rem;
        margin-right: 0.1rem;
        border-radius: 0.02rem;
        background-color: #D8D8D8;

        &.active {
          background-color: #32AAFF;
        }
      }
    }
  }

  &__inner {
    position: relative;
    height: 100%;
    overflow: hidden;
    touch-action: none;
    -webkit-overflow-scrolling: touch;
  }

  &__item {
    position: absolute;
    top: 0;
    width: 100%;
    // height: 100%;
    transform: translateX(-100%);

    img {
      display: block;
      width: 100%;
      height: 100%;
    }

    &--active {
      transform: none;
    }
  }

  &__indicators {
    position: absolute;
    right: 0;
    bottom: $carousel-indicators-margin-y;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    list-style: none;

    li {
      position: relative;
      width: $carousel-indicators-size;
      height: $carousel-indicators-size;
      margin-right: $carousel-indicators-margin-x;
      cursor: pointer;
      background-color: rgba($white, .5);
      border-radius: 50%;

      &.active {
        background-color: $white;
      }
    }
  }
}

.van-swipe {
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none
}

.van-swipe__track {
  height: 100%
}

.van-swipe__indicators {
  position: absolute;
  bottom: 0.14rem;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.van-swipe__indicators--vertical {
  top: 50%;
  bottom: auto;
  left: 0.14rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
  margin-bottom: 0.12rem
}

.van-swipe__indicator {
  width: 0.16rem;
  height: 0.16rem;
  background-color: #ebedf0;
  border-radius: 100%;
  opacity: .3;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

.van-swipe__indicator:not(:last-child) {
  margin-right: 0.16rem
}

.van-swipe__indicator--active {
  background-color: #1989fa;
  opacity: 1
}

.van-swipe-item {
  float: left;
  height: 100%
}