/*��ҵ�Ļ�*/
.my{
position: fixed;
right: 1.5rem;
top: 0.7rem;
    width: 0.56rem;
    height: 0.56rem;
    background: url('https://webimgs.bthhotels.com/20260112/my.png') no-repeat;
    background-size: 100% 100%;
}
.mune{
position: fixed;
    right: 0.5rem;
    top: 0.73rem;
        width: 0.5rem;
        height: 0.5rem;
    background: url('https://webimgs.bthhotels.com/20260112/menu.png') no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}
.culture_banner {
    position: relative;
    width: 7.5rem;
    height: 8.4rem;
    background: url('https://webimgs.bthhotels.com/20260112/banner_qywh.png') no-repeat;
    background-size: 100% 100%;
}
.culture_info {
    width: 7.5rem;
    height: 18.14rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/culture/core_img.jpg') no-repeat;
    background-size: 100% 100%;
}
/*ͼƬ�ֲ�*/
.lbbox {
    width: 7.5rem;
    padding: 0.8rem 0 0 0;
    height: 8.92rem;
    background-color: #fff;
    position: relative;
}

.lbbox .carousel-container {
        margin-left: 0.2rem;
        width: 7.1rem;
        height: 8rem;
        overflow: hidden;
        border-radius: 0.05rem;
        /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); */
        background: #fff;
    }

.lbbox .carousel {
        display: flex;
        height: 100%;
        transition: transform 0.5s ease;
    }

.lbbox .slide {
        flex: 0 0 100%;
        height: 100%;
        position: relative;
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        color: white;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    }

.lbbox .slide-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 8px;
    }

.lbbox .slide-desc {
        font-size: 14px;
        opacity: 0.9;
    }

.lbbox .indicators {
        position: absolute;
        bottom: 0.4rem;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        gap: 0.3rem;
    }

.lbbox .indicator {
        width: 0.2rem;
        height: 0.2rem;
        border-radius: 50%;
        background: #D8D8D8;
        cursor: pointer;
        transition: all 0.3s ease;
    }

.lbbox .indicator.active {
        background: #A50034;
    }

.lbbox .nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 10;
        border: none;
        outline: none;
    }

.lbbox .nav-btn.prev {
        left: 0.3rem;
    }

.lbbox .nav-btn.next {
        right: 0.3rem;
    }
.lbbox .prev {
        width: 0.4rem;
        height: 0.76rem;
        background: url('https://webimgs.bthhotels.com/web/20250915/sxh/lblw.png') no-repeat;
        background-size: 100% 100%;
    }

.lbbox .next {
        width: 0.4rem;
        height: 0.76rem;
        background: url('https://webimgs.bthhotels.com/web/20250915/sxh/lbr.png') no-repeat;
        background-size: 100% 100%;
    }
/*ͼƬ�ֲ�����*/


/*���¼ǿ�ʼ*/
.memoirBox {
    width: 7.5rem;
    height: 10rem;
    background-color: #fff;
    position: relative;
}

    .memoirBox .carousel-container {
        width: 7.5rem;
        height: 10rem;
        overflow: hidden;
        border-radius: 0.05rem;
        /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); */
        background: #fff;
    }

    .memoirBox .carousel {
        display: flex;
        height: 100%;
        transition: transform 0.5s ease;
    }

    .memoirBox .slide {
        flex: 0 0 100%;
        height: 100%;
        position: relative;
        background-size: cover;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        color: white;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    }

    .memoirBox .slide-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .memoirBox .slide-desc {
        font-size: 14px;
        opacity: 0.9;
    }

    .memoirBox .indicators {
        position: absolute;
        bottom: 0.4rem;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        gap: 0.3rem;
    }

    .memoirBox .indicator {
        width: 0.2rem;
        height: 0.2rem;
        border-radius: 50%;
        background: #D8D8D8;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .memoirBox .indicator.active {
            background: #A50034;
        }

    .memoirBox .nav-btn {
        position: absolute;
        bottom:0.8rem;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 10;
        border: none;
        outline: none;
    }

        .memoirBox .nav-btn.prev {
            left: 50%;
            margin-left:-0.8rem;
            
        }

        .memoirBox .nav-btn.next {
            right: 50%;
            margin-right: -0.8rem;
        }

    .memoirBox .prev {
        width: 0.4rem;
        height: 0.4rem;
        background: url('https://webimgs.bthhotels.com/web/20250915/culture/ArrowLeft.png') no-repeat;
        background-size: 100% 100%;

    }

    .memoirBox .next {
        width: 0.4rem;
        height: 0.4rem;
        background: url('https://webimgs.bthhotels.com/web/20250915/culture/ArrowRight.png') no-repeat;
        background-size: 100% 100%;
    }
/*���¼ǽ���*/