@charset "UTF-8";
.container{background-image:linear-gradient(to bottom right,#eff6ff,#fff,#eff6ff);letter-spacing:1px}
.container .no-data{color:#c9c9c9;font-size:1.2rem}
.ts-banner .swiper-item{max-height:50%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ts-banner .swiper-item img,.ts-banner .swiper-item video{width:100%}
.ts-wrapper{padding:2rem}

/* 信息 */
.ts-information .imt-top{justify-content:space-between;margin-bottom:1rem}
.ts-information .imt-top .imt-title{font-size:2.4rem;font-weight:700;color:#333}
.ts-information .imt-top .themeName{font-size:1.2rem;padding:.4rem 1rem;border-radius:.5rem;background-image: linear-gradient(to right, #0084e0 0%, #6ab0b3 100%);color:#fff}
.ts-information .subTitle{font-size:1.4rem;color:#666}
.ts-information .imt-btm{margin-top:2rem;gap:2rem;white-space:nowrap}
.ts-information .imt-btm .dec-item{display:flex;align-items:center;gap:1rem}
.ts-information .imt-btm .dec-item>i{font-size:2.4rem;color:#4aa5de}
.ts-information .imt-btm .dec-item .item-dec>p{color:#6b7280;font-size:1.2rem;margin-bottom:.5rem}
.ts-information .imt-btm .dec-item .item-dec>b{font-size:1.6rem;color:#333}
.ts-information .imt-intro{margin-top:2rem;color:#777;letter-spacing:1px}

/* tab 切换 */
.ts-tabs{position:relative;position:sticky;top:0;left:0;width:100%;z-index:91}
.ts-tabs .t-tabs{background-color:#fff;border-radius:0 0 10px 10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.ts-tabs .t-tabs .tab-item{flex:1;padding:1.5rem;text-align:center;font-weight:600;color:#4b5563;cursor:pointer}
.ts-tabs .t-tabs .tab-item i{margin-right:3px}
.ts-tabs .t-tabs .tab-active{color:#1a6dba;border-bottom:3px solid #1a6dba;background-color:#f0f8ff}
.ts-tabs-content{padding:3rem 2rem}
.ts-tabs-content .tab-cont{display:none;animation:fadeIn .5s ease}
.ts-tabs-content .tab-cont .card{display:block}
.ts-tabs-content .tab-cont-active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}

/* 线路 */
.cont-route{gap:2rem}
.cont-route .route-item{padding:0;overflow:hidden;position:relative;border-radius:1rem;box-shadow:0 1px 10px rgba(0,0,0,.4);border:1px solid #fff}
.cont-route .route-item .route-img{height:22rem}
.cont-route .route-item .route-img img{width:100%;height:100%;object-fit:cover}
.cont-route .route-item .route-info{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.2),transparent);color:#fff;justify-content:flex-end;gap:.5rem}
.cont-route .route-item .route-price{display:flex;justify-content:flex-end}
.cont-route .route-item .route-price .price{width:max-content;border-radius:5px;display:inline-block;background-color:#ff6c00;padding:.2rem 1rem;border:1px solid #fff;font-size:1.2rem}
.cont-route .route-item .route-price .price .num{font-size:1.6rem;margin:0 1px;font-weight:600}

/* 房型 */
.cont-room{gap:2rem}
.cont-room .room-item{background-color:#fff;border:1px solid #e6e6e6}
.cont-room .room-item .room-img{height:18rem}
.cont-room .room-item .room-img img{width:100%;height:100%;object-fit:cover}
.cont-room .room-item .room-info{padding:1.8rem 1.5rem}
.cont-room .room-item .room-info .room-name{font-size:1.6rem;color:#333;margin-bottom:2rem}
.cont-room .room-item .room-info .room-desc{font-size:1.4rem;color:#6b7280;gap:1.2rem;white-space:nowrap}
.cont-room .room-item .room-info .room-desc p>span{color:#333;font-weight:500}

/* 设施 */
.cont-facility{gap:2rem}
.cont-facility .fl-item{border-radius:1rem;position:relative;border:1px solid #fff}
.cont-facility .fl-item .fl-img{height:20rem}
.cont-facility .fl-item .fl-img img{width:100%;height:100%;object-fit:cover}
.cont-facility .fl-item .fl-info{position:absolute;bottom:0;left:0;width:100%;height:50%;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.4),transparent);align-items:flex-end;color:#fff}

/* 其他 */
.cont-other{gap:2rem}
.cont-other .other-item{border-radius:1.2rem;background-color:#fff;border:1px solid #e2e8f0;padding:2rem}
.cont-other .other-item .other-title{font-size:1.6rem;font-weight:700;color:#333;margin-bottom:2rem}
.cont-other .other-item .other-desc{font-size:1.4rem;color:#6b7280;line-height:1.6}