|  | .index-slide-view{
    position: relative;
    width: 710rpx;
    height: 260rpx;
    overflow: hidden;
    /* margin:-132rpx auto 0; */
    border-radius:16rpx;
    box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15);
  }
  .index-slide,
  swiper-item
  .index-slide-image {
      display: block;
      width: 710rpx;
      height: 260rpx;
      margin: 0 auto;
      border-radius:16rpx; 
      overflow: hidden;
      position: relative;
  }
  .index-slide-view .dots{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20rpx;
    display: flex;
    justify-content: center;
  }
  .index-slide-view .dots .dot{
    margin: 0 8rpx;
    width: 12rpx;
    height: 12rpx;
    background: #b6b6b7;
    border-radius: 50%;
    transition: all .6s;
  }
  .index-slide-view .dots .dot.active{
    background: #02C0FF;
    width: 30rpx;
    height: 12rpx;
    border-radius:10rpx; 
    opacity: 1;
  }
  .bannerbg{
    width: 100%;
  }
  .bannerbg image{
    display: block;
    width: 100%;
  }
 |