@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}


/* 信息 */
.tr-top{display:flex;gap:30px;margin-bottom:30px}
.tr-top .tr-top-l{border-radius:10px;overflow:hidden;width:50%}
.tr-top .tr-top-l img{width:100%;height:100%;object-fit:cover}
.tr-top .tr-top-r{flex:1}
.tr-top .tr-top-r>h1{font-size:28px;font-weight:700;margin-bottom:10px}
.tr-top .tr-top-r .themeName{padding:5px 10px;color:#fff;background-image:linear-gradient(to right,#0084e0 0,#6ab0b3 100%);border-radius:5px;display:inline-block}
.tr-top .tr-top-r .subTitle{font-size:14px;color:#5b6575;margin:10px 0}
.tr-top .tr-top-r .intro{margin:10px 0;color:#7d90a4;line-height:22px}
.tr-top .tr-top-r .intro i{color:#eab308;margin-right:5px}
.tr-top .tr-top-r .ttr-dec{gap:20px;margin-top:20px}
.tr-top .tr-top-r .ttr-dec li{display:flex;align-items:center;gap:10px}
.tr-top .tr-top-r .ttr-dec .li-l{background-color:#dbeafe;border-radius:12px;width:48px;height:48px}
.tr-top .tr-top-r .ttr-dec .li-l i{color:#5183f0;font-size:24px}
.tr-top .tr-top-r .ttr-dec .li-r{display:flex;flex-direction:column;height:100%;justify-content:space-around}
.tr-top .tr-top-r .ttr-dec .li-r>p{color:#6b7280}
.tr-top .tr-top-r .ttr-dec .li-r>b{color:#333;font-size:18px}


/* 底部公共样式 */
.tr-dwn{display:flex;gap:20px}
.tr-dwn .tr-content-l{flex:1}
.tr-dwn .tr-content-l .card{padding:20px 0}
.tr-dwn .tr-content-l .tcl-title{font-size:22px;font-weight:700;margin-bottom:10px;color:#2c3e50;padding:10px 20px;background-image:linear-gradient(to right,#eff6ff,#fff)}
.tr-dwn .tr-content-l .tcl-title>i{font-size:22px;margin-right:10px;color:#6993c4}
.tr-dwn .tr-content-l .com-cont{padding:10px 20px}
.tr-dwn .tr-content-r{width:30%}
.tr-dwn .tr-content-r .tcr-title{font-size:20px;font-weight:700;margin-bottom:10px;color:#2c3e50;padding-bottom:10px;border-bottom:1px solid #ddd}
.tr-dwn .tr-content-r .tcr-title>i{font-size:20px;margin-right:10px;color:#555}

/* 视频 */
.train-video .video-cont{border-radius:10px;overflow:hidden}
.train-video video{min-height:440px}

/* 路线 */
.train-line .line-cont{max-height:550px;overflow-y:auto}
.train-line .line-cont .line-list{gap:15px}
.train-line .line-cont .line-list>a{display:flex;gap:10px;padding:15px;border:1px solid #ecf4ff}
.train-line .line-cont .line-list .line-img{width:150px;height:120px;border-radius:10px;overflow:hidden}
.train-line .line-cont .line-list .line-img img{width:100%;height:100%;object-fit:cover}
.train-line .line-cont .line-list .line-dec{flex:1;gap:7px}
.train-line .line-cont .line-list .line-dec .line-name{font-size:20px;font-weight:700}
.train-line .line-cont .line-list .line-dec .line-desc{font-size:14px;color:#6b7280}
.train-line .line-cont .line-list .line-dec .line-sellingPoint{gap:10px}
.train-line .line-cont .line-list .line-dec .line-sellingPoint>li{border:1px solid #64badc;color:#0085b9;padding:3px 7px;border-radius:5px}
.train-line .line-cont .line-list .line-dec .line-date{font-size:14px;color:#b8b8b8}
.train-line .line-cont .line-list .line-dec .line-date>p{color:#555}
.train-line .line-cont .line-list .line-price{width:120px;text-align:right}
.train-line .line-cont .line-list .line-price .line-price-num{font-size:14px;color:#ff6c00}
.train-line .line-cont .line-list .line-price .line-price-num .num{font-size:24px}
.train-line .line-cont .line-list .line-price>p{display:inline-block;padding:5px 10px;background:#ff7b53;color:#fff;border-radius:5px;margin-top:20px}

/* 房间及设施 */
.rf-com-list{gap:20px}
.rf-com-list>a{margin-bottom:0;height:200px;position:relative}
.rf-com-list>a img{width:100%;height:100%;object-fit:cover}
.rf-com-list>a .rf-com-info{position:absolute;bottom:0;left:0;width:100%;height:30%;padding-bottom:10px;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.4),transparent);align-items:flex-end;color:#fff}

/* 服务、活动、报名条件 */
.sac-com-cont .sac-html{line-height:25px;color:#666}

/* 同主题其它专列 和 推荐专列 公共样式*/
.theme-ohterTrains-com{gap:15px}
.theme-ohterTrains-com .list-item{height:120px;padding:15px;display:flex;gap:15px}
.theme-ohterTrains-com .list-item img{width:100px;height:100px;border-radius:10px;object-fit:cover}
.theme-ohterTrains-com .list-item .li-r{font-size:12px;color:#acacac}
.theme-ohterTrains-com .list-item .li-r .li-name{font-size:15px;font-weight:700;margin-bottom:7px;color:#333}
.theme-ohterTrains-com .list-item .li-r .li-fristDate{margin-top:7px;color:#666}