.referral_ {
    background-image: var(--bg-image-url7);
}

.nv-more,
.navlists-custom {
    width: 23.5rem;
    height: 4rem;
    text-align: center;
    font-size: 24px;
    color: var(--bs-link-color);
}

.breadcrumb .text-body-tertiary {
    color: #333 !important;
}

.contentvideo {
    /*    background: url('/imgs/video/border.png') no-repeat;*/
    background: var(--bs-page-link-bg);
    width: 100%;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}


.carousel-control-next-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.saietcontainer {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}


.academy_bg {
    /*    background-image: var(--bg-image-url8);*/
    background-size: cover;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.fontsize18 {
    font-size: 18px;
    color: var(--bs-link-color);
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    content: url('/imgs/remains/grays.png');
}

.nv-more {
    border: 0 !important;
/*    background-color: var(--bs-color-events_7);*/
}



.navlists-custom:hover {
    color: #ECD4A6 !important;
}

.bs-link {
    font-weight: medium !important;
}

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

.text-body-secondary:hover {
    /*    color: var(--bs-color-events_a) !important;*/
}

.list-img-body.active {
    border: 1px solid var(--bg-video-list-body-border-color) !important;
}
.bs-link.active {
    color: var(--bs-nav-link-color) !important;
}

.nine_ {
    color: var(--bs-color-nine);
}

.bs-link:hover {
    /*    color: var(--bs-color-events_a);*/
}

.nav-link.active,
.active {
    font-weight: medium !important;
    border: none !important;
    color: var(--bs-color-events_a) !important;
}



    .active:hover {
        color: var(--bs-color-events_a) !important;
    }



.clear-active-custom {
    /*    color: var(--bs-link-color) !important;*/
    color: #8C5518 !important;
    background: #FFFFFF;
}

/* 分类 */
.btn_primary {
    background: url('/imgs/video/background-border.png')no-repeat;
    width: 102px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 102px 40px;
    color: #fff;
    font-size: 16px;
    border: none;
}

.assets-sort-custom {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3.75rem 0;
}

.sort-module {
    width: 87.5rem;
}

.card-footer,
.card-header {
    border: 0 !important;
    background-color: #FFFFFF;
    padding: 2.25rem 2.75rem !important;
}

    .card-header img {
        width: 16rem;
    }

    .card-footer p {
        width: 100%;
        text-align: right;
        margin: 0 !important;
    }

.card {
    border: 0 !important;
}


.card-body-list-top img {
    width: 12.5rem; /* height: 9.4rem; */
    border-radius: 5px 0px 0px 5px;
}

.card-body-list-top {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

.card-body-list-top-content {
    flex: 1;
    background-color: #F7F7F7;
    border-radius: 0px 5px 5px 0px;
    padding-left: 1.5rem;
    padding-right: 1rem;
}

.card-date {
    text-align: right;
    color: var(--bs-color-gays);
    font-weight: regular;
}

.card-body-list-body {
    display: flex;
    flex-direction: column;
    height: 11.88rem;
}

.card-body-list-first {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    text-decoration: none;
}

.card-body-list-line {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: .63rem 0;
    border-style: none none dashed none;
    border-bottom: .1rem dashed #D7D7D7;
}

    .card-body-list-line a {
        text-decoration: none;
        color: var(--bs-link-color) !important;
        font-size: 1rem;
        flex: 1;
    }

    .card-body-list-line:hover * {
        color: var(--bs-public) !important;
    }

    .card-body-list-line p {
        margin: 0 !important;
        color: var(--bs-color-gays);
        font-size: 1rem;
    }

.video-box {
    --min-col-width: 250px;
    --gap-size: 4.25%;
    column-gap: var(--gap-size);
    row-gap: clamp(20px, 3.8vw, 60px);
}
@media (min-width: 900px) {
    .video-box {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* 中等屏幕显示2列 */
@media (max-width: 899px) and (min-width: 600px) {
    .video-box {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* 小屏幕堆叠为1列 */
@media (max-width: 599px) {
    .video-box {
        grid-template-columns: 1fr;
    }
}
/* 定义小于等于991.98px的样式 */
@media (max-width: 991.98px) {
    .documentary-video {
        width: 100%;
    }



    .navlists-custom-pc-h5 {
        width: 100%;
    }
    .pl4_6{
        padding:0;
    }
}

/* 定义某一区间: 大于991.98px 的样式*/
@media (min-width: 991.98px) {
    .documentary-video {
        height: 100%
    }

    
}
@media (min-width: 1200px) {
    .assets-page-top {
/*        margin: 3rem 0;*/
        max-height: 500px;
/*        align-items: flex-start;
        justify-content: flex-end;*/
    }
}
/*@media (max-width: 599px) {
    .assets-page-top {
        width: 100%;*/
        /*        flex-direction: column;*/
    /*}
}*/