.ct-carousel-group {
    position: relative;
    overflow: hidden;
    //轮播主体
    .ct-carousel-container {
        height: 300px; 
        position: relative;
        //轮播内容
        .ct-carousel__inner {
            position: relative;
            height: 100%; 
            .ct-carousel-item { 
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: inline-block;
                /* visibility: hidden; */
                z-index: 0;
                &.is-active {
                    z-index: 2; 
                    visibility: visible;
                }
                &.is-animation {
                    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
                }
            }
        }
        //轮播箭头
        .ct-carousel-arrow {
            border: none;
            outline: 0; 
            padding: 0;
            margin: 0;
            width: 40px; 
            height: 40px;
            border-radius: 3px; 
            cursor: pointer;
            opacity: 0;
            position: absolute;
            top: 50%;
            z-index: 10;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            transition: .2s;
            background-color: rgba(31,45,61,.11);
            color: #fff;
            text-align: center;
            font-size: 1em;
            font-family: inherit;
            line-height: 1.7;
            z-index: 50;
            transition: all ease-out .3s;
            -webkit-transition: all ease-out .3s;
            .icon-jiantou-zuo,.icon-jiantou-you {
                color: #fff;
                font-size: 24px;
            }
            &.ct-carousel-arrow__left {
                left: 20px;
            }
            &.ct-carousel-arrow__right {
                right: 20px;
            }
            &.is-vertical {
                transform: rotate(90deg);
                &.ct-carousel-arrow__left {
                    left: auto;
                    right: 10px;
                    top: 20px;
                }
                &.ct-carousel-arrow__right {
                    top: auto;
                    right: 10px;
                    bottom: 20px;
                }
            }
        }
        &:hover {
            .ct-carousel-arrow{
                opacity: 1;
            }
        }
        //指示器 
        .ct-carousel-indicators {
            position: absolute;
            bottom: 0;
            // left: 15%;
            // width: 70%;
            text-align: center; 
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 50;
            width: 100%;
            height: 20px;
            .ct-carousel-indicator__item {
                text-indent: -99999px;
                display: inline-block;
                width: 10px;
                height: 5px;
                border-radius: 5px;
                background-color: rgba(255,255,255,.8);
                margin-right: 5px;
                box-sizing: border-box;
                transition: all .5s ease-out;
                &.active {
                     width: 20px;
                }
            }  
            &.is-vertical {
                right: 0;
                top: 0;
                left: auto;
                line-height: 100%;
                height: 100%;
                width: 20px;
                .ct-carousel-indicator {
                    .ct-carousel-indicator__item {
                        text-indent: -99999px;
                        display: block;
                        width: 5px;
                        height: 10px;
                        border-radius: 5px;
                        background-color: rgba(255,255,255,.8);
                        margin-bottom: 5px;
                        box-sizing: border-box;
                        transition: all .5s ease-out;
                        &.active {
                            height: 20px;
                        }
                    }
                }  
            }
        }
    }
}