.bg-primary {
    background-color: var(--bg-primary) !important;
}
/* ===== 滚动外壳 ===== */
.scroll-container {
    position: relative;
    width: 100%;
    height: 360px;
}

/* ===== 内容区 ===== */
.scroll-content {
    width: 100%;
    height: 100%;
    padding: 60px 60px 60px 60px;
    box-sizing: border-box;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .scroll-content::-webkit-scrollbar {
        width: 0;
        display: none;
    }

/* ===== 自定义滚动条轨道（含 10px 上下间距） ===== */
.custom-scrollbar {
    position: absolute;
    top: 0;
    right: 40px;
    width: 5px;
    height: 100%;
    padding: 30px 0; /* 上下间距 */
    box-sizing: border-box;
    pointer-events: none; /* padding 区域不拦截事件 */
    background: transparent;
}
    /* 轨道背景（只画中间） */
    .custom-scrollbar::before {
        content: '';
        position: absolute;
        top: 80px;
        bottom: 20px;
        left: 0;
        width: 100%;
        background: #623425;
        border: 1px solid #f9f4e7;
        border-radius: 5px;
    }

/* ===== 滑块 ===== */
.scroll-thumb {
    position: absolute;
    top: 80px; /* 初始位置下移 10px */
    width: 4px;
    background: #f9f4e7;
    border-radius: 4px;
    cursor: pointer;
    transition: background .2s;
}

    .scroll-thumb:hover {
        background: #f9f4e7;
    }

.nav-breadcrumb-custom {
    margin-top: 3.44rem;
    margin-bottom: 1.75rem;
}

.acalist_ {
    height: 48px;
}

.btn_ {
    background-color: var(--bs-color-events_);
    color: var(--bs-whites);
}

    .btn_:hover {
        background-color: var(--bs-color-events_);
        color: var(--bs-whites);
    }

.test {
    color: var(--bs-link-color);
    font-size: 20px;
    margin: 30px 0;
}

.list_ {
    text-align: center;
}

.search-container {
    display: flex;
    align-items: center;
    border: 1px solid rgba(var(--bs-page-link-bg-base),0.96);
    border-radius: 50px; /* 圆角 */
    padding: 5px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.search-input {
    border: none; /* 无边框 */
    outline: none; /* 无轮廓 */
    background-color: transparent; /* 输入框背景颜色 */
    padding: 5px 10px; /* 输入框内边距 */
    /*flex-grow: 1;*/ /* 输入框占据剩余空间 */
    transition: all .3s ease-in-out;
    margin-right: 5px; /* 输入框与按钮之间的间距 */
}

.listac {
    text-align: center;
    /*    background-color: #fff;*/
    border: 2px solid var(--bg-yxzx-txt-color);
    color: var(--bg-yxzx-txt-color) !important;
}

.academyimg {
    background: url('/imgs/academy/background-1.png') no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
}

#imgElement {
    margin-top: -39px;
}

.btn_primary {
    background: url('/imgs/search/reset-bg.png') no-repeat;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8C5518;
    width: 192px;
    height: 50px;
    background-size: 192px 50px;
    border: none;
}

#contentDiv {
    height: 360px;
}

.my-new-div {
    margin: 60px 40px 60px 60px;
}

.all_ {
    background: url('/imgs/public/ruinsnav.png');
    width: 100%;
    /*    height: 60px;*/
    background-size: cover;
    display: flex;
    align-items: center;
}

.msfc_ {
    width: 21rem;
    height: 25rem;
}

.bg-body-tertiary {
    background-color: var(--bs-whites) !important;
}

.color34 {
    color: var(--bs-link-color);
    font-size: 14px;
}

.form-control {
    color: var(--bs-color-nine);
    font-size: 14px;
}

.col-form-label {
    /*    height: 48px;*/
    text-align: right !important;
}

.color6 {
    color: var(--bs-color-gays);
}

@media (max-width: 800px) {
    .col-form-label {
        /*        height: 48px;*/
        text-align: left !important;
    }
}

/*@media (max-width: 850px) {
    .msfc_ {
        width: 238px;
        height: 306px;
    }
}*/



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

#pills-tab {
    white-space: nowrap;
    overflow-x: auto;
    flex-flow: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    #pills-tab::-webkit-scrollbar {
        display: none;
    }

.tab-pane a:hover {
    /*   */
    /*    padding: 10px;*/
}

/*.yxzx {
    background-color: red;
}*/
/*.yxzx :hover {
    background-color: var(--bs-color-events_7);
}

    .yxzx :hover .bofang {
        background-color: transparent;
    }*/
.tab-pane a {
    /*    border-bottom: var(--bs-color-events_7) solid 1px !important;*/
}



.breadcrumb p,
.breadcrumb-item {
    color: var(--bs-color-gays);
    font-size: 14px;
    font-weight: medium;
}

    .breadcrumb-item a {
        text-decoration: none;
        color: var(--bs-color-gays);
    }

.exploration-container-custom {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.profile-content-custom {
    margin: 3.75rem 0;
}

.profile-left-custom {
    padding: 1.25rem;
}

.navlists-custom {
    width: 15.5rem !important;
    line-height: 5rem !important;
    text-align: center;
    padding: 0 !important;
    border-radius: 0 !important;
    border-bottom: 2px solid rgba(238, 238, 238, .6) !important;
    font-size: 1.13rem;
    color: var(--bs-link-color);
}

    .navlists-custom:last-child {
        border: 0 !important;
    }

    .navlists-custom:hover {
        color: var(--text-hover) !important;
    }

.bg-primary {
    background-color: var(--bg-primary) !important;
}
/* 右侧内容 */

.culturalStudiesList-style {
    padding: 0 1.25rem 0 2rem;
}

.clearImg,
.tab-content {
    /*    background: var(--bs-whites) !important;*/
    background-image: none !important;
    position: relative;
    z-index: 9;
}

.personal-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .personal-title p {
        color: var(--bs-color-g);
        font-weight: bold;
        margin: 0 !important;
    }

.vr-custom {
    width: .25rem;
    height: 1.38rem;
    background-color: var(--bs-public);
    margin-right: .44rem;
}

/* 陵园风貌 */

/* 文化研究 */


.mineJoin-custom {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 3.75rem;
    background-color: var(--bs-whites);
}

.mineJoin-line-custom {
    padding: 1.25rem 0;
    border-bottom: .063rem solid rgba(238, 238, 238, 1);
    text-decoration: none;
    color: var(--bs-link-color);
}


.mineJoinList-style {
    display: flex;
    flex-direction: column;
}

.mineJoin-header-title { /* text-align: left; */
    width: 100%;
    font-weight: bold;
}

.mineJoin-btn-bottom {
    margin: 0 !important;
    justify-content: center;
    padding: 1rem 0;
    position: fixed;
    bottom: 0;
    left: .75rem;
    background-color: var(--bs-whites);
}

.card-title {
    margin-top: .5rem;
    font-weight: bold;
    font-size: 1rem;
    color: var(--bs-link-color);
}

.card-from-title {
    margin-top: .5rem;
    margin-bottom: 0 !important;
    font-size: 1rem;
}

.card-cultural-date {
    text-align: right;
    font-size: .88rem;
    color: var(--bs-color-nine);
}




/* 定义小于等于991.98px的样式，即：0~991.98px范围内 */
@media (max-width: 991.98px) {
    .mineJoin-line-custom {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .minejoin-img {
        width: 100%;
        border-radius: .313rem;
    }

    .mineJoin-btn-bottom-pc-h5 {
        right: .75rem;
    }

    .exploration-body-container-pc-h5 {
        display: flex;
        flex-direction: column;
    }

    .exploration-left-custom-pc-h5 {
        margin: 0 !important;
        width: 100%;
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
    }
}


/* 定义某一区间: 大于991.98px的样式*/
@media (min-width: 991.98px) {

    .mineJoin-line-custom {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .minejoin-img {
        width: 13.75rem;
        height: 8.5rem;
        margin-right: 1rem;
        border-radius: .313rem;
    }

    .mineJoin-title-type {
        height: 8.5rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .mineJoin-btn-bottom-pc-h5 {
        right: 2rem;
    }

    .body-content {
        width: 87.5rem;
    }
}



.saient-card-title::before {
    content: '';
    position: absolute;
    width: 0.4rem;
    height: 1.6rem;
    background: var(--bs-primary);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}