/* 轮播图样式调整 ******* start ******** */
.page .topics_cont_out > .carousel {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* 轮播小圆点，改成长条状 */
.page .carousel > .carousel-indicators {
    bottom: 0;
    left: 0;
    z-index: 9;
    border-radius: 0 0 2px 2px;
    margin-left: 0;
    padding: 0 16px 11px;
    width: 100%;
    text-align: left;
}
.page .carousel > .carousel-indicators > li {
    margin: 0;
    border-radius: 2px;
    width: 24px;
    height: 4px;
    background: #fff;
    opacity: 0.3;
}
.page .carousel > .carousel-indicators > li + li {
    margin-left: 8px;
}
.page .carousel > .carousel-indicators > li.active {
    opacity: 1;
}
/* 轮播内容区，图片样式调整 */
.page .carousel > .carousel-inner,
.page .carousel-inner > .item > a,
.page .carousel-inner > .item > a > .bk_img {
    padding-bottom: 46.667%;
    height: 0;
}
.page .carousel-inner > .item > a {
    display: block;
    background: url(../../images/blog/empty_img.png?v=1) center no-repeat;
}
/* 轮播内容区，标题样式调整 */
.page .carousel-inner > .item > .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px 16px 32px;
    width: 100%;
    text-align: left;
    background: rgba(0,0,0,.5);
}
.page .carousel-inner > .item > .carousel-caption h3 {
    margin: 0;
    line-height: 36px;
    font-weight: 500;
    color: #fff;
}
/* 轮播导航 */
.page .carousel-control {
    width: auto;
}
.page .carousel-control > .glyphicon-chevron-left,
.page .carousel-control > .glyphicon-chevron-right {
    margin-top: -36px;
    width: 32px;
    height: 72px;
    line-height: 72px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
}
.page .carousel-control > .glyphicon-chevron-left {
    margin-left: 16px;
}
.page .carousel-control > .glyphicon-chevron-right {
    margin-right: 16px;
}
/* 轮播图样式调整 ******* end ******** */

.page .topics_cont_out > .topics_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
}
.page .topics_list > .topic_item_out {
    margin-left: 24px;
    width: calc((100% - 48px) / 3);
}
.page .topics_list > .topic_item_out:nth-child(n + 4) {
    margin-top: 32px;
}
.page .topics_list > .topic_item_out:nth-child(3n + 1) {
    margin-left: 0;
}

/* 移动端适配 */
@media screen and (max-width: 800px) {
    .page .topics_cont_out {
        padding: 0 10px;
    }
    .page .topics_list > .topic_item_out {
        margin-left: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    .page .topics_list > .topic_item_out + .topic_item_out {
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }
}