/*---CI-024---*/

.ci-024 .recommend-card {
    background-color: #fff;
    border-radius: 3px;
    /*box-shadow: 1px 2px 20px rgba(35, 19, 18, 0.05);*/
}

.ci-024 h2 {
    margin-bottom: 25px;
}

.ci-024 .recommend-card .recommend-card-detail {
    padding-top: 25px;
    padding-bottom: 25px;
}

    .ci-024 .recommend-card .recommend-card-detail .recommend-card-detail-description .description {
        line-height: 34px;
    }

    .ci-024 .recommend-card .recommend-card-detail .recommend-card-detail-description > .btn {
        margin-top: 0;
        position: absolute;
        bottom: 24px;
    }

.ci-024 .article-more {
    position: absolute;
    bottom: 15px;
}

.ci-024 .recommend-card-image img {
    width: 100%;
    display: block;
}

.ci-024 .swiper-pagination {
    position: relative;
    margin-top: 40px;
    top: 0px;
}

    .ci-024 .swiper-pagination .swiper-pagination-bullet {
        margin: 5px 7px;
        background: #d6d6d6;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
        width: 13px;
        height: 13px;
        margin-left: 12px !important;
        margin-right: 12px !important;
        background: transparent;
        border: 2px solid #8f8f8f;
        opacity: 1;
        cursor: pointer;
    }

        .ci-024 .swiper-pagination .swiper-pagination-bullet:hover {
            background: #ffd400;
            border: 2px solid #ffd400;
        }

    .ci-024 .swiper-pagination .swiper-pagination-bullet-active {
        background: #ffd400;
        border: 2px solid #ffd400;
    }

@media screen and (max-width: 767px) {
    .ci-024 .container--content .card-info .image {
        overflow: hidden;
        height: 110px;
    }

        .ci-024 .container--content .card-info .image picture img {
            width: auto;
            height: 110px;
        }
}

/*---CI-024---*/