.banner-container {
  background: #fff;
  overflow: auto;
}
.banner-container-carousel {
  margin: 12px;
  border-radius: 10px;
  overflow: hidden;
}
.bsapp-carousel {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bsapp-carousel-wrap {
  font-size: 18px;
  color: #000;
  background: none;
  text-align: center;
  zoom: 1;
  width: 100%;
}
.bsapp-carousel-wrap-dot {
  display: inline-block;
  zoom: 1;
}
.bsapp-carousel-wrap-dot > span {
  display: block;
  width: 16px;
  height: 4px;
  margin: 0 3px;
  opacity: .6;
  background: #fff;
  margin-bottom: 6px;
  border: 1PX solid #fff;
  border-radius: 8px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  html:not([data-scale]) .bsapp-carousel-wrap-dot > span {
    position: relative;
    border: none;
  }
  html:not([data-scale]) .bsapp-carousel-wrap-dot > span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1PX solid #fff;
    border-radius: 16px;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    pointer-events: none;
  }
}
.bsapp-carousel-wrap-dot-active > span {
  opacity: 1;
  background: #fff;
}