@import './carousel/mixins';
@import './carousel/themes/default';

.banner-container {
  background: #fff;
  overflow: auto;

  &-carousel{
    margin: 12px;
    border-radius: 10px;
    overflow: hidden;
  }
}

.bsapp-carousel {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  &-wrap {
    font-size: 18 * @hd;
    color: @color-text-base;
    background: none;
    text-align: center;
    zoom: 1;
    width: 100%;

    &-dot {
      display: inline-block;
      zoom: 1;
      > span {
        display: block;
        width: 16 * @hd;
        height: 4 * @hd;
        margin: 0 3 * @hd;
        //border-radius: @radius-circle;
        opacity: .6;
        background:#fff;
        margin-bottom: 6px;
        .hairline('all', #fff,  8 * @hd)
      }

      &-active {
        > span {
          opacity: 1;
          background: #fff;
        }
      }
    }
  }
}