.fontsize_ {
    font-size: 16px;
    font-weight: 700;
}

.color_ {
    color: var(--bs-link-color);
}

.color_size {
    font-size: 50px;
    color: var(--bs-color-events_a);
}

.lefttop {
    min-width: 3px;
    height: 180px;
    background: #8C5518;
    opacity: 0; /* 初始透明度为 0，完全透明 */
    transition: opacity 0.3s ease; /* 添加透明度过渡效果 */
}

.list_content:hover .text-muted_ {
    color: #8C5518 !important;
}

.contenta {
    display: flex;
}

.relatedtitle {
    padding-left: 40px;
    border-left: #EEEEEE 1px solid;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333333;
}

.lefttop_ {
    min-width: 3px;
    height: 80px;
    background: #8C5518;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.relatedlist:hover .lefttop_ {
    min-width: 3px;
    height: 80px;
    background: #8C5518;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.relatedlist:hover .relatedtitle {
    color: #8C5518;
}


.relatedlist {
    display: flex;
    background-color: #fff;
    align-items: center;
    position: relative;
    z-index: 2;
    margin: 5px 0;
}

.lefttop {
    min-width: 3px;
    height: 180px;
    background: #8C5518;
    opacity: 0; /* 初始透明度为 0，完全透明 */
    transition: opacity 0.3s ease; /* 添加透明度过渡效果 */
}

.list_content:hover .lefttop {
    min-width: 3px;
    height: 180px;
    background: #8C5518;
    opacity: 1; /* 悬停时透明度变为 1，完全不透明 */
    transition: opacity 0.3s ease; /* 确保透明度过渡效果一致 */
}

.list_content {
    background: var(--bs-whites) !important;
    margin: 10px 0;
    /*    padding: 10px;*/
}

.ellipsis-container {
    width: 100%; /* 或者设置一个固定的宽度 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 限制显示三行 */
    line-clamp: 3; /* 标准属性，但尚未广泛支持 */
    line-height: 1.5em; /* 设置行高 */
    max-height: 4.5em; /* 3行的最大高度，3行 * 1.5行高 = 4.5em */
}

.nav_list {
    /*    background-image: var(--bg-image-url5);*/
    background-color: #F9F4E7;
    background-size: cover;
    width: 100%;
    box-sizing: border-box;
}

.header_list_ {
    /*    background-image: var(--bg-image-url6);*/
    background: url('/imgs/chenlinglist/background-2.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #8C5518;
    /*    position: relative;
    top: -2px;*/
}

.header_list {
    position: relative;
}

.tab_2 {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid var(--bs-color-events_7);
}

    .tab_2:hover {
        background-color: var(--bs-color-events_7);
    }


.listhover_ {
    /*    background-color: var(--bs-whites);*/
    overflow: hidden;
    font-size: 20px;
    color: #8C5518;
}

    .listhover_:hover .text-muted {
        color: #8C5518 !important;
    }

    .listhover_:hover .text-body {
        color: #8C5518 !important;
    }


.video_jizu {
    height: 234px;
}

.lists_ {
    display: flex;
    flex-direction: column;
    /*    align-items: center;*/
    background-color: var(--bs-whites);
    border-radius: 5px;
    padding: 15px;
    overflow: hidden;
}

.list_ {
    display: flex;
    flex-direction: column;
    /*    align-items: center;*/
    /*    background-color: var(--bs-whites);*/
    border-radius: 5px;
    padding: 15px;
    overflow: hidden;
}

.imgs_ {
    width: 100%;
    height: 280px;
}

.events_7:hover {
    background-color: var(--bs-color-events_7);
}

@media (max-width: 800px) {
    .color_size {
        font-size: 30px;
        color: var(--bs-color-events_a);
    }

        .color_size img {
            width: 56px !important;
            height: 28px !important;
            background-size: cover !important;
        }
}

@media (max-width: 1285px) {
    .video_jizu {
        height: 216px;
    }
}

@media (max-width: 1200px) {
    .video_jizu {
        height: 320px;
    }
}

@media (max-width: 1100px) {
    .video_jizu {
        height: 280px;
    }
}

@media (max-width: 1032px) {
    .video_jizu {
        height: 271px;
    }
}

@media (max-width: 924px) {
    .video_jizu {
        height: 251px;
    }
}

@media (max-width: 880px) {
    .video_jizu {
        height: 231px;
    }
}

@media (max-width: 800px) {
    .video_jizu {
        height: 100%;
    }

    .text-truncate-multiline3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2; /* 控制显示为三行 */
    }
}

@media (max-width: 767.98px) {
    .contenta {
        display: flex;
        flex-direction: column; /* 改为垂直布局 */
    }
}

@media (max-width: 500px) {
    .video_jizu {
        height: 100%;
    }
}