﻿
.nav-breadcrumb-custom {
    margin-top: 3.44rem;
    margin-bottom: 1.75rem;
}


.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 {
    /*    background-color: var(--bs-color-events_7);*/
    /*    padding: 10px;*/
}



.tab-pane {
    padding: 10px;
}

.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;
}

.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%);
}
