﻿/*清明公祭*/
.top-img-box {
    width: 90%;
    /*    aspect-ratio: 531/353;*/
}

.qmgj-right-title {
    color: var(--bs-content-color);
}

.qmgj-card-box {
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
}

    .qmgj-card-box > a {
        display: block;
        width: 100%;
        min-width: 0;
    }

.qmgj-card-item {
    min-width: 0;
    cursor: pointer;
}

.qmgj-card-content {
    color: var(--bs-text-color-gray);
    min-height: 0;
    flex: 1;
    text-align: justify;
}

.qmgj-card-title {
    color: var(--bs-content-color);
    transition: all 0.3s ease-in-out;
}

.bi-arrow-up-right {
    transition: all 0.3s ease-in-out;
}
/*清明公祭*/
/*重阳民祭*/
.cymj-left-box {
    background: var(--bs-nav-link-active-color);
    border-radius: 12px;
    color: var(--bs-saietpublid);
}

.cymj-right-box {
    background-color: rgba(var(--bs-nav-link-active-color-rgb),0.8);
    border-radius: 12px;
    background-image: url('/imgs/chenling/cymj/right-bg.png');
    background-size: cover;
    color: var(--bs-saietpublid);
}

.cymj-right-txt {
    border-bottom: 2px solid var(--bs-saietpublid);
    color: var(--bs-saietpublid) !important;
}

.notShowScroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .notShowScroll::-webkit-scrollbar {
        display: none;
    }

.cymj-list-box {
    --min-col-width: 250px;
    gap: clamp(16px, 6.7vw, 64px);
}

@media (min-width: 900px) {
    .cymj-list-box {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* 中等屏幕显示2列 */
@media (max-width: 899px) and (min-width: 600px) {
    .cymj-list-box {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* 小屏幕堆叠为1列 */
@media (max-width: 599px) {
    .cymj-list-box {
        grid-template-columns: 1fr;
    }
}
/*重阳民祭*/
.p36-58 {
    padding: 36px 58px;
}
/*历代祭祀*/
.ldjs-left-box {
    width: 43.9%;
    /*    aspect-ratio:615/732;*/
}

.ldjs-right-title,
.ldjs-right-items .bi-arrow-up-right {
    transition: all 0.3s ease-in-out;
}

.ldjs-right-items {
    border-bottom: 1px solid #A87D4E;
    cursor: pointer;
    color: var(--bs-selete-title-color);
}

    .ldjs-right-items:hover {
        color: var(--bs-page-link-bg);
    }

        .ldjs-right-items:hover .bi-arrow-up-right {
            transform: rotate(45deg);
        }

.qmgj-card-title:hover {
    color: var(--bs-page-link-bg);
}

    .qmgj-card-title:hover .bi-arrow-up-right {
        transform: rotate(45deg);
    }

.ldjs-right-title {
    min-width: 0;
    flex: 1;
}

.ldjs-right-items .bi-arrow-up-right {
    font-size: 1.5rem;
    color: #986A36;
    margin-left: 1rem;
}
/*祭文*/
.jw-center-box {
    background: var(--bs-page-link-bg);
}

#jw-box {
    color: var(--bs-saietpublid);
}

.jw-date-box {
    width: fit-content;
    position: relative;
    transition: none;
    white-space: nowrap;
    left: auto;
    right: auto;
}
/*偶数*/
#jw-box > .w-50:nth-child(even) {
    margin-left: auto;
    text-align: left;
}

#jw-box > .w-50:nth-child(odd) {
    margin-left: 0;
    text-align: right;
}

#jw-box > .w-50:nth-child(even) .jw-point {
    left: -1px;
    right: auto;
}

#jw-box > .w-50:nth-child(odd) .jw-point {
    right: -1px;
    left: auto;
}

/*#jw-box > .w-50:nth-child(even) .jw-date-box {
    right: auto;
}

#jw-box > .w-50:nth-child(odd) .jw-date-box {
    left: auto;
}*/

.jw-point {
    width: 2px;
    aspect-ratio: 1/1;
}

:root {
    --jw-line-length: 60px;
    --jw-line-thickness: 2px;
    --jw-dot-size: 8px;
}

.jw-point::before {
    content: "";
    position: absolute;
    width: var(--jw-dot-size);
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: var(--bs-saietpublid);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 把圆心对齐到 .jw-point 中心 */
    pointer-events: none;
    z-index: 3;
}
/* 公共伪元素，绘制水平线 */
.jw-point::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: var(--jw-line-thickness);
    background: var(--bs-saietpublid);
    pointer-events: none;
    width: var(--jw-line-length);
    left: auto;
    right: auto;
}

#jw-box > .w-50:nth-child(odd) .jw-point::before {
    right: calc(var(--jw-line-length) - (var(--jw-dot-size) / 2));
    left: auto;
}

/* 偶数项：线向右延伸（::after 用 left:0; width: var(--jw-line-length)）
   圆球应位于最右端（left 加上 line-length），因此 left = line-length - half-dot */
#jw-box > .w-50:nth-child(even) .jw-point::before {
    left: calc(var(--jw-line-length) - (var(--jw-dot-size) / 2));
    right: auto;
}

/* 奇数项 */
#jw-box > .w-50:nth-child(odd) .jw-point::after {
    right: 0; /* 4px 对应 .jw-point 宽度 / 2 的微调，按需改 */
    /*    width: var(--jw-line-length);*/
}

/* 偶数项 */
#jw-box > .w-50:nth-child(even) .jw-point::after {
    left: 0;
    /*    width: var(--jw-line-length);*/
}

#jw-box > .w-50:nth-child(odd) .jw-content-box {
    padding-right: 60px;
}

#jw-box > .w-50:nth-child(even) .jw-content-box {
    padding-left: 60px;
}
/*时间轴*/
/* 轮播图 */
.active-slide {
    transform: scale(1) !important;
}

.fy-box {
    position: relative;
    transform: scale(0.8);
    transition: all 600ms ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .fy-box .swiper-show-img {
        width: 100%;
        aspect-ratio: 450/240;
        border-radius: 1rem;
        -webkit-user-drag: none;
        height: 100%; /* 确保图片高度撑满容器 */
        object-fit: cover; /* 关键属性：图片会覆盖整个容器，保持比例，可能被裁剪 */
        object-position: center;
    }

    .fy-box .play-img {
        width: 15%;
        aspect-ratio: 1/1;
    }

.fy-title {
    color: var(--bs-text-color-gray);
    text-align: center;
    /*    background:red;*/
    margin-top: 1rem;
}

.carousel-item {
    display: none;
}

    .carousel-item.active {
        display: block;
    }

.list_ {
    text-align: center;
}

.readMore {
    background-image: url('/imgs/search/reset-bg.png');
    background-size: 100% 100%;
    /*    padding: 10px 50px;*/
}

.text-indent-2 {
    text-indent: 2em;
}

.main-color {
    color: var(--bs-page-link-bg) !important;
    --bs-text-opacity: 1;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    min-width: 0;
}

.dot {
    left: 50%;
    transform: translateX(-50%);
    border-left: 1px dashed var(--bs-page-link-bg);
    width: 1px;
    height: 50rem;
    z-index: 0;
}

.gj:hover .gj-title {
    color: var(--bs-page-link-bg) !important;
}

.jw-item {
    padding: 14px 45px 14px 40px;
    gap: 30px;
}

    .jw-item:hover {
        color: var(--bs-page-link-bg) !important;
        border-left: 2px solid var(--bs-page-link-bg) !important;
    }

        .jw-item:hover .jw-title {
            font-weight: bold;
        }

.chenglin-card {
    position: relative;
    width: 100vw;
}

    .chenglin-card .wenyang {
        position: absolute;
        top: 0;
        right: 0;
        width: 250px;
        height: 462px;
    }

    .chenglin-card .wenyangleft {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 250px;
        height: 462px;
        transform: rotate(180deg)
    }

.jisi-card {
    /*    background-image: url('/imgs/chenling/jsbg.png');
    background-size: cover;*/
}

.jiwen-card {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('/imgs/jljzJwBg1.png');
    background-size: 100% 100%;
    overflow: visible;
}

.mj-card {
    /*    background-image: url('/imgs/jljzMjBg.png');
    background-size: cover;*/
    /*    overflow: visible;
    padding: 20px 0;*/
}

.jizu_ {
    width: 100%;
    height: 480px;
}

.font_size {
    font-size: 48px;
}

.font_size_ {
    font-size: 16px;
}

.rows_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bg-primary {
    background-color: var(--bg-primary) !important;
}

.color_size {
    /*    font-size: 50px;*/
    color: var(--bs-color-events_a);
}

.container-xxl {
    position: relative;
}

.nav_list {
    box-sizing: border-box;
}

.video_jizu {
    height: 234px;
}

.header_list {
    /*    background-image: url('/imgs/public/chening-list.png');*/
    /*    background-image: var(--bg-image-url6);*/
    background-size: cover;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.pubilcTitle {
    font-size: 20px;
    color: var(--bs-link-color);
}

.pubilcContent {
    font-size: 14px;
    color: var(--bs-color-gays);
}

.previousyears {
    background-color: var(--bs-page-link-bg);
    border-radius: 12px;
}

/*    .previousyears:hover .wsTitle {
        color: var(--bs-page-link-bg) !important;
    }

    .previousyears::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        background-color: var(--bs-page-link-bg);
        z-index: 1;
        transition: width 0.3s ease;
    }


.previousyears:hover::before {
    width: 3px; 
}*/

.test {
    width: 100%; /* 或者设置一个固定的宽度 */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 限制显示三行 */
    line-clamp: 1; /* 标准属性，但尚未广泛支持 */
    line-height: 1.5em; /* 设置行高 */
    max-height: 1.5em; /* 3行的最大高度，3行 * 1.5行高 = 4.5em */
}

.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 */
}


.gj-divider {
    height: 1px;
    margin: 20px 0;
}

.gj:first-of-type .gj-divider {
    border: 1px dashed #DEDAD5;
}

.sacrifices_back1 {
    background-image: url('/imgs/public/sacrifices-back1.png');
    background-size: cover;
}

.bot {
    position: absolute;
    right: 13%;
    top: 50%;
    transform: translateY(-50%);
}

.bot_ {
    position: absolute;
    top: 50%;
    left: 13%;
    transform: translateY(-50%);
}

.sacrifices_back2 {
    background-image: url('/imgs/public/sacrifices-back.png');
    background-size: cover;
}

.text-js {
    --bs-text-opacity: 1;
    color: var(--bs-saietpublid) !important;
}

.sacrificesimg {
    width: 187px;
    height: auto;
}

.images_ {
    height: 2.5rem;
}


@media (max-width: 1400px) {
    .jsbg {
        height: 100%;
    }
}

@media (max-width: 1285px) {
    .video_jizu {
        height: 216px;
    }
}

@media (max-width: 1200px) {
    .video_jizu {
        height: 320px;
    }

    .p36-58 {
        padding: 20px 40px;
    }
    
}
@media (min-width: 1200px) {
    .own-col-md-7 {
        flex: 0 0 auto;
        width: 53%;
        padding: 0;
    }
    .top-img-box {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .video_jizu {
        height: 280px;
    }

    .jiwen-card {
        background-size: cover !important;
    }

    #jw-box > .w-50:nth-child(odd) .jw-content-box {
        padding-right: 30px;
    }

    #jw-box > .w-50:nth-child(even) .jw-content-box {
        padding-left: 30px;
    }
}

@media (max-width: 1032px) {
    .video_jizu {
        height: 271px;
    }

    .jiwen-card {
        background-size: cover !important;
    }
}

@media (max-width: 924px) {
    .video_jizu {
        height: 251px;
    }

    .jiwen-card {
        background-size: cover !important;
    }
}

@media (max-width: 880px) {
    .video_jizu {
        height: 231px;
    }

    .jiwen-card {
        background-size: cover !important;
    }
}

@media (max-width: 810px) {


    .sacrifices_back1 {
        background-image: url('/imgs/public/sacrifices-back1.png');
        background-size: cover;
        height: 150px;
        position: relative;
    }

    .bot {
        position: absolute;
        left: 5%;
        top: 50%;
        transform: translateY(-50%);
    }

    .bot_ {
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translateY(-50%);
    }

    .sacrifices_back2 {
        background-image: url('/imgs/public/sacrifices-back.png');
        background-size: cover;
        height: 150px;
        position: relative;
    }

    .font_size {
        font-size: 26px;
    }

    .font_size_ {
        font-size: 14px;
    }

    .sacrificesimg {
        width: 87px;
        height: auto;
    }

    .jiwen-card {
        background-size: cover !important;
    }
}

@media (max-width: 770px) {
    .video_jizu {
        height: 100%;
    }

    .jiwen-card {
        background-size: cover !important;
    }

    

    .qmgj-card-box {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .p36-58 {
        padding: 15px 30px;
    }

    .fy-box {
        transform: scale(1);
    }

    .ldjs-left-box {
        width: 100%;
    }

    #jw-box > .w-50:nth-child(odd) .jw-content-box {
        padding-right: 20px;
    }

    #jw-box > .w-50:nth-child(even) .jw-content-box {
        padding-left: 20px;
    }
}

@media (max-width: 510px) {
    .jizu_ {
        width: 100%;
        height: 350px;
    }

    .jiwen-card {
        background-size: cover !important;
    }
}

@media (min-width: 768px) {
    

    .own-col-md-30 {
        width: 30%;
    }
}
