.carousel{
    width: 100%;
    height: 100%;
    position: relative;
}
.carousel-navs,.carousel-pointers,.carousel-arounds{
    z-index: 20;
}
.carousel-navs{
    height: 30px;
    zoom: 1;
    position: absolute;
    left: 0;
    top: -30px;
    line-height: 30px;
    text-align: center;
    display: none;
}
.carousel-navs:after{
    content: "";
    display: block;
    clear: both;
}
.carousel-navs a{
    float: left;
    width: 100px;
    height: 100%;
    background-color: #fff;
}
.carousel-navs .active-nav{
    background-color: #f00178;
}
.carousel-items{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.carousel-item{
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.carousel-item.is-fail{
    position: static;
}
.carousel-item.active-item{
    position: static;
}
.carousel-pointers{
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    display: none;
}
.carousel-pointers a{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    margin: 4px;
}
.carousel-pointers .active-pointer{
    background-color: #f00178;
}
.carousel-arounds{
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    top: 50%;
    display: none;
}
.carousel-arounds a{
    position: absolute;
    top: 0;
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
.carousel-arounds .carousel-prev{
    left: 0;
}
.carousel-arounds .carousel-next{
    right: 0;
}
.carousel-shadow .carousel-item{
    left: 0;
    z-index: 10;
    opacity: 0;
    display: none;
}
.carousel-shadow .carousel-item.active-item{
    position: relative;
    z-index: 15;
    opacity: 1;
    display: block;
}