.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;
}
.prev{
    width: 0.4rem;
        height: 0.76rem;
        background: url('https://webimgs.bthhotels.com/web/20250915/sxh/lblw.png') no-repeat;
        background-size: 100% 100%;
}
.next {
    width: 0.4rem;
    height: 0.76rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/lbr.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart1 {
    position: relative;
    width: 7.5rem;
    height: 13.34rem;
    background: url('https://webimgs.bthhotels.com/20260112/banner_sxh.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart2 {
    position: relative;
    width: 7.5rem;
    height: 17.9rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sxh2.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart3 {
    position: relative;
    width: 7.5rem;
    height: 13.7rem;
    background: url('https://webimgs.bthhotels.com/20251205/sxh31.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart4 {
    position: relative;
    width: 7.5rem;
    height: 9.3rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sxh4.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart5 {
    position: relative;
    width: 7.5rem;
    height: 13.42rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sxh5.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart6 {
    position: relative;
    width: 7.5rem;
    height: 19.74rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sxh6.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart7 {
    position: relative;
    width: 7.5rem;
    height: 10.58rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sxh7.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart8 {
    position: relative;
    width: 7.5rem;
    height: 18.08rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sxh8.png') no-repeat;
    background-size: 100% 100%;
}
.sxhpart9 {
    position: relative;
    width: 7.5rem;
    height: 7.18rem;
    background: url('https://webimgs.bthhotels.com/20251205/sxhapp.png') no-repeat;
    background-size: 100% 100%;
}
 .container {
     width: 100%;
     max-width: 400px;
     margin: 0 auto;
 }

 .carousel-title {
     text-align: center;
     margin-bottom: 20px;
     color: #2c3e50;
     font-size: 24px;
     font-weight: 600;
 }
.lbbox{
    width: 7.5rem;
    padding-top: 0.2rem;
    height: 8.92rem;
    background-color: #fff;position: relative;
}
 .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;
 }

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

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

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

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

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

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

 .indicator.active {
     background: #A50034;
     /* transform: scale(1.2); */
 }

 .nav-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     /* width: 40px;
     height: 40px;
     border-radius: 50%; */
     /* background: rgba(255, 255, 255, 0.8); */
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     z-index: 10;
     /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
     /* transition: all 0.3s ease; */
     border: none;
     outline: none;
 }

 /* .nav-btn:hover {
     background: rgba(255, 255, 255, 1);
     transform: translateY(-50%) scale(1.05);
 }

 .nav-btn:active {
     transform: translateY(-50%) scale(0.95);
 } */

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

 .nav-btn.next {
     right: 0.3rem;
 }

 .nav-btn svg {
     width: 24px;
     height: 24px;
     fill: #3498db;
 }

 .auto-play-control {
     display: flex;
     justify-content: center;
     margin-top: 20px;
 }

 .toggle-btn {
     padding: 10px 20px;
     background: #3498db;
     color: white;
     border: none;
     border-radius: 30px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 500;
     box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
     transition: all 0.3s ease;
     outline: none;
 }

 .toggle-btn:hover {
     background: #2980b9;
     transform: translateY(-2px);
     box-shadow: 0 6px 15px rgba(52, 152, 219, 0.4);
 }

 .toggle-btn:active {
     transform: translateY(0);
     box-shadow: 0 2px 5px rgba(52, 152, 219, 0.3);
 }

 .toggle-btn.pause {
     background: #e74c3c;
 }

 .toggle-btn.pause:hover {
     background: #c0392b;
     box-shadow: 0 6px 15px rgba(231, 76, 60, 0.4);
 }
.partbox{
width: 6.1rem;
    height: 6.7rem;
    position: absolute;
    bottom: 0.2rem;
    overflow-x: auto;
    padding: 0 0.7rem;
    white-space: nowrap;
        scrollbar-width: none;
            -ms-overflow-style: none;
}
.partbox1{
    display: inline-block;
    width: 5.9rem;
        height: 6.44rem;
        background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sy1.png') no-repeat;
        background-size: 100% 100%;
}
.partbox2 {
    display: inline-block;
    width: 5.9rem;
    height: 6.44rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sy2.png') no-repeat;
    background-size: 100% 100%;
}
.partbox3 {
    display: inline-block;
    width: 5.9rem;
    height: 6.44rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sy3.png') no-repeat;
    background-size: 100% 100%;
}

.partbox11 {
    display: inline-block;
    width: 5.88rem;
    height: 6.4rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sh1.png') no-repeat;
    background-size: 100% 100%;
}

.partbox12 {
    display: inline-block;
    width: 5.88rem;
    height: 6.4rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sh2.png') no-repeat;
    background-size: 100% 100%;
}

.partbox13 {
    display: inline-block;
    width: 5.88rem;
    height: 6.4rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sh3.png') no-repeat;
    background-size: 100% 100%;
}
.partbox15 {
    display: inline-block;
    width: 5.88rem;
    height: 6.4rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sh5.png') no-repeat;
    background-size: 100% 100%;
}
.partbox14 {
    display: inline-block;
    width: 5.88rem;
    height: 6.4rem;
    background: url('https://webimgs.bthhotels.com/web/20250915/sxh/sh4.png') no-repeat;
    background-size: 100% 100%;
}
.bottom {
    position: relative;
    width: 7.5rem;
    height: 10.4rem;
    background: url(https://webimgs.bthhotels.com/web/20250915/bottom.png) no-repeat;
    background-size: 100% 100%;
}
.brandwallsxh {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 7.5rem;
    height: 6rem;
}

.brands1sxh {
    margin-top: 2.6rem;
    float: left;
    width: 7.5rem;
    height: 0.95rem;
    display: flex;
    justify-content: center;
}

.brands2sxh {
    margin-top: 0.1rem;
    float: left;
    width: 7.5rem;
    height: 0.95rem;
    display: flex;
    justify-content: center;
}



.brandsxh {
    width: 1.38rem;
    height: 0.95rem;
}