/*轮播按钮*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:22px;
}
.swiper-pagination-bullet{
    width: 14px;
    height: 4px;
    opacity: 1;
    background: black;
    border-radius: 0;
}
.swiper-pagination-bullet-active{
    position: relative;

    /*background: rgba(255,255,255,.3);*/
    /*opacity: .3;*/
}
.swiper-pagination-bullet-active:before{
    position: absolute;
    content: '';
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: #fff;
    animation: cwidth 6s ease;
    -webkit-animation: cwidth 6s ease;
}
@keyframes cwidth {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
@-webkit-keyframes cwidth {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}