@charset "UTF-8";
*{box-sizing:border-box}
.container{font-size:14px;color:#333;letter-spacing:1px}
.container .no-data{color:#cacaca;font-size:14px}
.container .card{border:1px solid #f1f1f1}
.container .rf-title{gap:10px;margin-bottom:25px}
.container .rf-title>i{font-size:22px;color:#2563eb;font-weight:600}
.container .rf-title>h5{font-size:22px;font-weight:600;margin:0}

/* 顶部 房间/设施  信息介绍 */
.rf-details{display:flex;gap:30px;background:linear-gradient(to bottom right,#fff,#f5f9ff)}
.rf-details .details-left{width:50%}
.rf-details .details-left .swiper-container{border-radius: 10px;}
.rf-details .details-left .swiper-item{border-radius:10px;overflow:hidden;min-height:360px;max-height:400px}
.rf-details .details-left .swiper-item img,.rf-details .details-left .swiper-item video{width:100%;height:100%}
.rf-details .details-left .swiper-item img{object-fit:cover}
.rf-details .details-left .swiper-button-arrow{width:35px;height:35px;background-image:none}
.rf-details .details-left .swiper-button-arrow::after{content:'';position:absolute;top:50%;left:55%;width:100%;height:100%;border-top:4px solid #f5f5f5}
.rf-details .details-left .swiper-button-prev{left:20px}
.rf-details .details-left .swiper-button-prev::after{border-left:4px solid #f5f5f5;transform:translate(-14px,-50%) rotate(-45deg)}
.rf-details .details-left .swiper-button-next{right:20px}
.rf-details .details-left .swiper-button-next::after{border-right:4px solid #f5f5f5;transform:translate(-24px,-50%) rotate(45deg)}
.rf-details .details-right{flex:1;gap:17px}
.rf-details .details-right .rf-r-top{padding-bottom:20px;border-bottom:1px solid #e5e7eb}
.rf-details .details-right .rf-r-top h1{font-size:36px;font-weight:700}
.rf-details .details-right .rf-r-top .rf-trname{padding:7px 15px;font-size:16px;background-image:linear-gradient(to right,#0084e0 0,#6ab0b3 100%);color:#fff;border-radius:7px;transition:transform .3s ease-in-out}
.rf-details .details-right .rf-r-top .rf-trname i{margin-right:5px}
.rf-details .details-right .rf-r-top .rf-trname:hover{transform:translateY(-3px)}
.rf-details .details-right .rf-r-intro{color:#7d90a4}
.rf-details .details-right .rf-r-list{gap:10px}
.rf-details .details-right .rf-r-list li{padding:12px;background-color:#fff;border-radius:7px;box-shadow:0 1px 6px rgba(0,0,0,.1)}
.rf-details .details-right .rf-r-list li .li-name{display:flex;align-items:center}
.rf-details .details-right .rf-r-list li .li-name>i{color:#3498db;margin-right:10px}
.rf-details .details-right .rf-r-list li .li-name>span{color:#6b7280}
.rf-details .details-right .rf-r-list li .li-desc{margin-top:5px;font-size:16px;font-weight:600;word-break:break-all}
.rf-details .details-right .rf-r-list li .li-desc .no-data{font-weight:400}
.rf-details .details-right .ydbtn{margin-top:20px;font-weight:600;letter-spacing:2px;font-size:20px;border-radius:10px;background-image:linear-gradient(to right,#ff512f 0,#f09819 51%,#ff512f 100%);transition:.5s;text-transform:uppercase;box-shadow:0 0 20px #eee;background-size:200% auto;color:#fff;padding:15px 30px;display:block;text-align:center;margin:0 auto;width:80%}
.rf-details .details-right .ydbtn:hover{background-position:right center}

/* 同专列其它 房间/设施 介绍 */
.rf-other{margin-top:30px}
.rf-other .rf-other-ul{gap:20px}
.rf-other .rf-other-ul .other-li-item{gap:15px;padding:12px;display:flex;border-radius:10px}
.rf-other .rf-other-ul .other-li-item .img{width:40%;overflow:hidden;border-radius:10px}
.rf-other .rf-other-ul .other-li-item .img img{width:100%;height:100%;object-fit:cover}
.rf-other .rf-other-ul .other-li-item .rf-name{font-size:18px;font-weight:600;margin-bottom:10px}
.rf-other .rf-other-ul .other-li-item .info-text{color:#6b7280}
.rf-other .rf-other-ul .other-li-item .info-text i{margin-right:5px}

/* 专列线路 */
.rf-line .rf-line-ul{gap:20px;padding-top:7px}
.rf-line .rf-line-ul .line-item{display:block}
.rf-line .rf-line-ul .line-item .line-img{height:220px}
.rf-line .rf-line-ul .line-item .line-img img{width:100%;height:100%;object-fit:cover}
.rf-line .rf-line-ul .line-item .line-dec{padding:15px;gap:7px;color:#6b7280}
.rf-line .rf-line-ul .line-item .line-dec .le-title{font-size:16px;font-weight:600;margin-bottom:5px;color:#333;height:44px}
.rf-line .rf-line-ul .line-item .line-dec .le-subhead i{margin-right:5px}
.rf-line .rf-line-ul .line-item .line-dec .le-price{font-size:14px;color:#ff6c00;text-align:right;margin-top:5px}
.rf-line .rf-line-ul .line-item .line-dec .le-price .num{font-size:24px}