@charset "UTF-8";
/* 房间/设施视频、图片 */
.banner .swiper-item{height:210px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.banner .swiper-item img,.banner .swiper-item video{width:100%;height: 100%;}
.banner .swiper-item img{object-fit: cover;}
.container .title{display:flex;align-items:center;margin-bottom:2rem}
.container .title i{font-size:1.8rem;color:#2563eb;margin-right:1rem;font-weight:600}
.container .title h5{font-size:1.8rem}
.container .no-data{color:#c9c9c9;font-size:1.2rem}

/* 房间/设施信息 */
.room-information .room-cont{padding:3rem 2rem;background-image:linear-gradient(to bottom right,#fff,#eff6ff);box-shadow:-3px 5px 10px rgba(60,60,60,.1),3px 5px 10px rgba(60,60,60,.1)}
.room-information .room-cont .rc-top{padding-bottom:2rem;border-bottom:1px solid #e5e7eb;justify-content:space-between}
.room-information .room-cont .rc-top .rc-title{font-size:2.2rem}
.room-information .room-cont .rc-top .rc-tname{padding:.3rem 1.2rem;background-image: linear-gradient(to right, #0084e0 0%, #6ab0b3 100%);color:#fff;border-radius:.5rem;cursor: pointer;}
.room-information .room-cont .rc-top .rc-tname i{font-size:1.4rem;margin-right:.5rem}
.room-information .room-cont .rc-top .rc-tname:hover{background-size: 150% auto;transform:translateY(-3px)}
.room-information .room-cont .rc-down{padding-top:2rem;letter-spacing:1px}
.room-information .room-cont .rc-down ul{gap:1.5rem}
.room-information .room-cont .rc-down li{padding:1.2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 6px rgba(0,0,0,.1)}
.room-information .room-cont .rc-down li .facility-name{display:flex;align-items:center;margin-bottom:5px}
.room-information .room-cont .rc-down li .facility-name>span{color:#6b7280;font-size:1.2rem}
.room-information .room-cont .rc-down li .facility-name i{color:#3498db;margin-right:1rem}
.room-information .room-cont .rc-down li .facility-desc>p{font-size:1.6rem;font-weight:600;word-break:break-all}
.room-information .room-cont .rc-down .intro{margin-top:2rem;padding:1.5rem;border-radius:.5rem;background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.room-information .room-cont .rc-down .intro .title {margin-bottom: 1rem;}
.room-information .room-cont .rc-down .intro .title i{font-size:2rem;margin-right:1rem;color:#eab308}
.room-information .room-cont .rc-down .intro .title>span{font-size:1.6rem;font-weight:600}
.room-information .room-cont .rc-down .intro .desc{margin-top:1rem;color:#4b5563}
.room-information .ydroombtn{margin-top:2rem;font-weight:600;letter-spacing:2px;font-size:1.8rem;border-radius:.8rem;background-image:linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);transition: 0.5s;text-transform: uppercase;box-shadow: 0 0 20px #eee;background-size: 200% auto;}
.room-information .ydroombtn:hover{background-position: right center; color: #fff;text-decoration: none;}    
/* 其它房型/设施 */
.room-other{background:linear-gradient(to bottom right,#eff6ff,#ecfeff)}
.room-other ul{gap:2rem;font-size:1.2rem}
.room-other .room-item{gap:1rem;padding:1.2rem;display:flex;border-radius:1rem;position:relative}
.room-other .room-item .img{width:30%;overflow:hidden;border-radius:.5rem}
.room-other .room-item .img img{width:100%;height:100%;object-fit:cover}
.room-other .room-item .info{flex:1}
.room-other .room-item .info .rname{font-size:1.6rem;font-weight:600;width:calc(100% - 7rem)}
.room-other .room-item .info .info-text{margin-top:.7rem;color:#4b5563}
.room-other .room-item .roomDetail{color:#2563eb;position:absolute;top:1.5rem;right:1rem}

/* 当前列车相关路线 */
.train-line ul{gap:2rem;font-size:1.2rem}
.train-line .line-item{display:flex;gap:1rem;position:relative;border-radius:1rem;padding:1.2rem}
.train-line .line-item .line-img{overflow:hidden;position:relative;border-radius:5px;display:flex;justify-content:center;align-items:center;width:38%;min-height:12rem}
.train-line .line-item .line-img img{width:100%;height:100%;object-fit:cover}
.train-line .line-item .line-dec{gap:3px;color:#4b5563;flex:1}
.train-line .line-item .line-dec .le-title{font-weight:600;font-size:1.4rem;color:#333;margin-bottom:.7rem}
.train-line .line-item .le-date>i{color:#3292c3;vertical-align:-2px}
.train-line .line-item .le-price{margin-top:auto;color:#dc2626;text-align:right}
.train-line .line-item .le-price .num{font-size:2rem;font-weight:600;margin:0 2px}