/* ============================================================================
   康泰旅行 · 酒店页换肤 v4  （主色 = logo 藏蓝 #29357f）
   适用：思途 CMS 8.0 · 站点 www.tibetkt.com · 酒店插件 /hotels/
   ----------------------------------------------------------------------------
   加载位置：/usertpl/cl_st15578_m189_header/css/  （与现有 header.css 同目录）
   引用方式：在 /usertpl/cl_st15578_m189_header/ 的头部模板里，紧接现有那行
             {COMMON::get_user_css("cl_st15578_m189_header/css/header.css")}
             后面加一行：
             {COMMON::get_user_css("cl_st15578_m189_header/css/hotel-skin.css")}

   说明：本文件要在 skin.css 之前加载，所以少数几条会被 skin.css 的橙色
        !important 盖住，已用「提高选择器优先级」的方式处理（见带 .hotel-main /
        .banner / body 前缀的那几条），不要删掉这些前缀。

   A 段 = 主色（导航条 / 搜索框 / 客服电话 / 页脚条）
          ★ 已加作用域，只在酒店频道页生效，其它页面不受影响
   B 段 = 酒店页版块（选择器只匹配酒店页）

   版本记录：
     v5（本次）全文件加作用域：A 段包 body:has(.hotel-main)、B0 包 :has(> .guarantee)
                —— 确保除酒店频道页外，全站其它页面零改动
     v4         B8 过渡区整块推翻重做 —— 由「白底居中 + 2×2 勾选卡」
                改为「藏蓝渐变通栏 + 4 列大号编号带」
     v3         B8 1:1 照抄 fjtuor 版式；B6 毛玻璃搜索面板
     v2         B0 保障条从 Banner 下方移到底部（页脚前）

   ★ B8 需要配合后台「酒店 → 栏目设置 → 酒店栏目 → 编辑 → 栏目介绍」里
     填文案才会显示（CMS 才会输出 .st-comm-introduce），
     现成文案见同目录《过渡区文案_点我复制.html》。
     不想填后台 → 另装 hotel-intro-fallback.css 兜底。
   ============================================================================ */


/* ══════════════ A 段 · 主色（橙 → logo 藏蓝） ══════════════
   ★ 作用域：每条选择器都带 body:has(.hotel-main) 前缀 ——
     只有「酒店频道页 /hotels/」会变蓝；
     首页、线路、攻略、酒店详情页、酒店列表页…… 全部保持原样，一个像素都不动。
     → 想让整站都换成藏蓝：把 body:has(.hotel-main) 全部删掉即可（查找替换）。
     → :has() 是 CSS 原生选择器（Chrome/Edge 105+、Safari 15.4+、Firefox 121+）。
       万一浏览器不支持，整条规则被忽略，页面回到原来的橙色，不会破版。 */

/* 顶部条 */
body:has(.hotel-main) .header-content{background:#f4f5fa !important}
body:has(.hotel-main) .header-content .dh a:hover{color:#29357f !important}

/* 搜索框：border-right:0 不能省，它是输入框和按钮拼成一体的关键 */
body:has(.hotel-main) .s_txt{border:2px solid #29357f !important;border-right:0 !important}
body:has(.hotel-main) .s_btn{background:url("../images/search_ico.png") center no-repeat #29357f !important}
body:has(.hotel-main) .s_btn:hover{background-color:#1f2a66 !important}
body:has(.hotel-main) .searcg_hot a:hover{color:#29357f !important}

/* 客服电话 */
body:has(.hotel-main) .h_phone_num p{color:#29357f !important}

/* 主导航条 */
body:has(.hotel-main) .nav{background:linear-gradient(90deg,#29357f 0%,#2b3f96 60%,#33489f 100%) !important}
body:has(.hotel-main) .menu .global_tit{background:#1f2a66 !important}
body:has(.hotel-main) .menu .main_nav_list a{color:#fff !important}
body:has(.hotel-main) .menu .main_nav_list a:hover,
body:has(.hotel-main) .menu .main_nav_list a.active{background:rgba(255,255,255,.16) !important;color:#fff !important}
body:has(.hotel-main) .menu .global_list:hover .tit_bt{border:1px solid #29357f !important;border-right:1px solid #fff !important}
body:has(.hotel-main) .menu .global_list h3 a:hover,
body:has(.hotel-main) .menu .global_list span a:hover{color:#29357f !important}
body:has(.hotel-main) .menu .global_list .itme{border:1px solid #29357f !important}
body:has(.hotel-main) .menu .global_list .itme dl dt a{color:#29357f !important}

/* 页脚主色条（skin.css 里也有同名规则，故加前缀压过它） */
body:has(.hotel-main) .st-brand{background:#29357f !important}
body:has(.hotel-main) .foot-nav,
body:has(.hotel-main) .st-foot-nav{background:#29357f}


/* ══════════════ B 段 · 酒店页版块 ══════════════ */

/* ---- B0 保障条：从 Banner 下方移到底部（页脚之前） ----
   原理：页面里 .fl100 这个容器正好只有 3 个子块 —— .banner / .guarantee / .hotel-main，
        三者是兄弟。把容器改成纵向 flex，再用 order 调换前后顺序，
        就能「只改样式、不动模板结构」地把保障条挪到底部。
   顺序：banner(1) → hotel-main(2) → guarantee(3)
   想改回去 → 把本段的 order 三行删掉即可。 */
/* ★ 作用域：加 :has(> .guarantee) 条件 ——
   只有「直接子元素里含保障条」的页面才会变 flex，也就是只有酒店频道页 /hotels/。
   酒店详情页 /hotels/show_*.html 也有 .fl100（里面装的是面包屑，结构不同），
   但它的 .fl100 里没有保障条 → 这几条一条都不生效，详情页保持原样。 */
.fl100:has(> .guarantee){display:flex !important;flex-direction:column !important}
.fl100:has(> .guarantee) > .banner{order:1;flex:0 0 auto}
.fl100:has(> .guarantee) > .hotel-main{order:2;flex:1 0 auto}
.fl100:has(> .guarantee) > .guarantee{order:3;flex:0 0 auto}

/* 保障条挪走后，面包屑会贴上 Banner，补一段上间距 */
.fl100:has(> .guarantee) > .hotel-main{padding-top:34px !important}
/* 底部的保障条加一条分隔细线，跟页脚区分开 */
.fl100:has(> .guarantee) > .guarantee{border-top:1px solid #e8eaf2}

/* ---- B1 面包屑 ---- */
.hotel-main .subnav a:hover{color:#29357f !important}
.hotel-main .subnav .present{color:#29357f !important;font-weight:600}

/* ---- B2 区块标题：左对齐 + 竖条 + 英文副题 ---- */
.hotel-title{
  margin-bottom:26px !important;
  padding-left:16px;
  font-size:26px !important;
  font-weight:700 !important;
  color:#1a2240 !important;
  text-align:left !important;
  line-height:1.25;
  position:relative;
  letter-spacing:1px;
}
.hotel-title:before{
  content:"";
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:5px;height:26px;border-radius:3px;
  background:linear-gradient(180deg,#2f9fdc,#29357f);
}
.hotel-title:after{
  content:"";display:block;margin-top:7px;
  font-size:11px;font-weight:400;letter-spacing:2.6px;
  color:#a7adc4;text-transform:uppercase;
}
.recommend .hotel-title:after{content:"HOTEL BRANDS"}
.hotHotel .hotel-title:after{content:"POPULAR HOTELS"}

/* ---- B3 保障条 ---- */
.guarantee{background:#f5f6fa !important;height:100px !important;padding-top:28px !important}
.guarantee .h4{color:#1a2240 !important}
.guarantee .t{color:#8b90a4 !important}

/* ---- B4 酒店品牌：4 张品牌色卡 + 1 张「更多品牌」 ---- */
.recommend{margin-bottom:64px !important}
.recommend-list{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:22px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
/* ul 带 clearfix，它的 :before 会变成空的网格单元、把 5 列挤歪，必须去掉 */
.recommend-list:before{display:none !important;content:none !important}

.recommend-list li,
.recommend-list li:last-child{
  float:none !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  aspect-ratio:230/300;
  border-radius:14px !important;
  overflow:hidden !important;
  position:relative !important;
  background:#eef0fa !important;
  box-shadow:0 8px 22px rgba(41,53,127,.16);
  transition:transform .28s ease,box-shadow .28s ease;
}
.recommend-list li:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(41,53,127,.28)}
.recommend-list li a{display:block;width:100%;height:100%;position:relative;text-decoration:none}

/* ⚠ 4 家品牌目前后台用的是同一张 logo 图，直接显示 = 4 个重复的大 logo。
   所以先用品牌色卡片占位。以后在后台给各品牌换上官方 Logo 后，
   删掉下面这一行即可恢复显示图片。 */
.recommend-list li img{display:none !important}

.recommend-list li:nth-child(1){background:linear-gradient(160deg,#2f9fdc,#29357f) !important}
.recommend-list li:nth-child(2){background:linear-gradient(160deg,#3d4fa8,#1f2a66) !important}
.recommend-list li:nth-child(3){background:linear-gradient(160deg,#5a72d8,#2b3a8f) !important}
.recommend-list li:nth-child(4){background:linear-gradient(160deg,#2f7fb8,#16396e) !important}

/* 品牌名：竖排居中（沿用原来的竖排设计，去掉 width:1em 的挤压） */
.recommend-list .text{
  position:absolute !important;
  left:50% !important;top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:auto !important;
  writing-mode:vertical-rl;
  letter-spacing:.34em;
  line-height:1.05 !important;
  font-size:22px !important;
  font-weight:700 !important;
  color:#fff !important;
  text-shadow:0 2px 10px rgba(9,16,48,.35) !important;
}
.recommend-list li a:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(120% 80% at 18% 0%,rgba(255,255,255,.30),transparent 62%);
}
.recommend-list li a:after{display:none !important}

/* 第 5 格：更多品牌（clearfix 的 :after 带 height:0，必须重置） */
.recommend-list:after{
  content:"更多品牌\A +";
  white-space:pre;
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:230/300;
  height:auto !important;
  clear:none !important;
  overflow:visible !important;
  border:1px dashed #c3c8e0;border-radius:14px;
  background:#fbfbfe;
  color:#8a90ab;font-size:15px;letter-spacing:2px;
  transition:.28s ease;
}
.recommend-list:hover:after{border-color:#29357f;color:#29357f}

/* ---- B5 热门酒店 ---- */
.hotHotel{position:relative}
.hotHotel .hotel-title{margin-bottom:24px !important}

/* 城市 tab 移到标题右侧（skin.css 里 .hotHotel .hd li.on 是橙色 !important，故加 .hotel-main 前缀压过） */
.hotel-main .hotHotel .hd li.on{
  color:#29357f !important;
  border-bottom:2px solid #29357f !important;
  font-weight:700 !important;
}
.hotHotel .hd{
  position:absolute !important;
  right:0 !important;top:2px !important;
  text-align:right !important;
}
.hotHotel .hd li{
  margin:0 0 0 30px !important;
  padding-bottom:9px !important;
  border-bottom:2px solid transparent !important;
  font-size:15px !important;
  font-weight:500 !important;
  color:#6d7288 !important;
}
.hotel-main .hotHotel .hd li:hover{color:#29357f !important}
.hotHotel .bd ul{padding-top:20px !important}
.hotHotel .bd li{height:auto !important;padding-bottom:34px !important}

/* 卡片 */
.hotHotel .bd li > div{
  float:left !important;
  width:285px !important;
  margin-right:20px !important;
  padding:0 0 16px !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 4px 16px rgba(26,34,64,.08);
  overflow:hidden;
}
.hotHotel .bd li > div:hover{
  top:-8px !important;
  box-shadow:0 16px 34px rgba(26,34,64,.18) !important;
}
.hotHotel .bd li > div:nth-child(4n){margin-right:0 !important}

/* 图片：铺满 16:9，去掉原来的灰色留边 */
.hotHotel .bd .img{
  height:160px !important;
  margin-bottom:0 !important;
  border-radius:0 !important;
  background:#eef0f5 !important;
  overflow:hidden;
  position:relative;
}
.hotHotel .bd .img img{
  position:absolute !important;inset:0 !important;
  width:100% !important;height:100% !important;
  max-width:none !important;max-height:none !important;
  margin:0 !important;
  object-fit:cover;
}

/* 标题：统一两行 */
.hotHotel .bd .title{
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal !important;
  text-overflow:ellipsis;
  margin:13px 14px 9px !important;
  font-size:15px !important;
  font-weight:600 !important;
  color:#242a44 !important;
  line-height:22px !important;
  height:44px;
  overflow:hidden;
}
.hotHotel .bd .title a{color:#242a44 !important}
.hotHotel .bd li > div:hover .title a{color:#29357f !important}

/* 点评数 + 价格 */
.hotHotel .bd .pl-price{margin:0 14px !important;font-size:12px !important}
.hotHotel .bd .left{float:left !important}
.hotHotel .bd .right{float:right !important;color:#8b90a4 !important;font-size:12px !important}
.hotHotel .bd .percent{
  display:inline-block !important;
  height:24px !important;
  padding:0 9px !important;
  line-height:24px !important;
  font-size:12px !important;
  font-weight:500 !important;
  background:#eef1fb !important;
  color:#3a4694 !important;
  border-radius:6px !important;
  text-shadow:none !important;
}
.hotHotel .bd .percent a{color:#3a4694 !important;text-decoration:none}
.hotHotel .bd .num{
  font-size:22px !important;
  font-weight:700 !important;
  color:#e64545 !important;
  letter-spacing:.5px;
}
.hotHotel .bd .currency_sy{color:#e64545 !important;font-size:13px;font-style:normal}

/* 查看更多按钮（skin.css 有 .go-more:hover 橙色 !important，故加 .hotel-main 前缀） */
.hotel-main .go-more:hover{
  background:#1f2a66 !important;
  border-color:#1f2a66 !important;
  color:#fff !important;
}
.go-more{
  width:auto !important;
  height:auto !important;
  display:block !important;
  margin:6px auto 0 !important;
  padding:13px 40px !important;
  max-width:170px;
  line-height:1 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#29357f !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:500 !important;
  text-align:center;
  box-shadow:0 8px 20px rgba(41,53,127,.26) !important;
}

/* ---- B6 Banner 搜索面板：毛玻璃（照抄 fjtuor 的 BANNER-SEARCH-FROSTED） ----
   fj 原版配方，一字未改，只是它本来就是白系，无需换色 */
.banner-search{
  background:rgba(255,255,255,.42) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
  border-radius:14px !important;
  box-shadow:0 6px 24px rgba(0,0,0,.28) !important;
  border:1px solid rgba(255,255,255,.6) !important;
  overflow:hidden !important;
}
.banner-search .title{
  background:rgba(255,255,255,.34) !important;
  border-radius:14px 14px 0 0 !important;
  color:#111 !important;
}
/* 输入框保持较高不透明度，保证文字可读 */
.banner-search .input-text,
.banner-search input{
  background:rgba(255,255,255,.68) !important;
  border:1px solid rgba(255,255,255,.9) !important;
}
.banner-search .label,
.banner-search .f-item{color:#111 !important}
.banner-search .input-text:focus{border-color:#29357f !important}
.banner-search .search-btn{background:#29357f !important;border-radius:8px !important}
.banner-search .search-btn:hover{background:#1f2a66 !important}

/* 城市选择器 / 日期选择（skin.css 同名规则为橙色 !important，故加 .banner 前缀） */
.banner .city-model .city-nav a.on{color:#29357f !important;border-bottom:2px solid #29357f !important}
.banner .city-model .city-item dd a.on,
.banner .city-model .city-item dd a:hover{color:#29357f !important;background:#eef1fb !important}
.banner .banner-search .t-datepicker .t-start,
.banner .banner-search .t-datepicker .t-end,
.banner .banner-search .t-datepicker .t-end-limit,
.banner .banner-search .t-datepicker .t-hover-day-content{background:#29357f !important}

/* ---- B7 分页（列表页） ---- */
body .page-list .laypage_curr.laypage_curr{
  background:#29357f !important;border-color:#29357f !important;color:#fff !important;
}

/* ---- B8 过渡区（面包屑 ↔「酒店品牌」之间）· v4 全新版式 ----
   ★ 与上一版的差别（整块推翻重做，不是微调）：
     上一版：白底圆角卡 · 居中 —— 胶囊标签 / 居中大标题 / 两行居中落款
             / 居中引导语 / 2×2「勾选圆点」说明卡 / 虚线客服行 / 居中公司落款
     本  版：藏蓝渐变通栏卡 · 左对齐 —— 页眉行（左：标签 + 大标题；右：电话胶囊）
             / 通栏「城市带」（下划线分隔）/ 左对齐引导语
             / 4 列「大号幽灵编号 + 竖分隔线」说明带 / 客服行 / 居中公司落款
     色板：主色 #29357f，底 #2a3676 → #1b2461 渐变，点缀亮蓝 #2f9fdc
   ★ 生效前提：后台「酒店 → 栏目设置 → 酒店栏目 → 编辑 → 栏目介绍」填了内容，
     CMS 才会输出 .st-comm-introduce。现成内容见同目录《过渡区文案_点我复制.html》。
     不想填后台 → 另装 hotel-intro-fallback.css 兜底（同款藏蓝卡，简化为竖列）。 */

/* ① 外框：藏蓝渐变通栏卡 */
.hotel-main .st-comm-introduce{
  float:none !important;
  width:auto !important;
  position:relative !important;
  background:linear-gradient(135deg,#2a3676 0%,#29357f 48%,#1b2461 100%) !important;
  border:0 !important;
  border-radius:20px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  box-shadow:0 18px 44px rgba(27,36,97,.26) !important;
  margin:0 0 34px !important;
  overflow:hidden !important;
}
/* 右上角亮蓝光晕（纯装饰） */
.hotel-main .st-comm-introduce:before{
  content:"" !important;
  position:absolute !important;right:-110px;top:-140px;
  width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,159,220,.42) 0%,rgba(47,159,220,0) 66%);
  pointer-events:none !important;
}
/* 底部公司落款 */
.hotel-main .st-comm-introduce:after{
  content:"西藏康泰旅行社有限公司\00000a Tibet Kangtai Travel Service Co., Ltd. · www.tibetkt.com" !important;
  white-space:pre-line;
  position:relative;z-index:1;
  display:block;text-align:center;
  margin:20px 34px 0 !important;
  padding:15px 0 22px !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  color:rgba(255,255,255,.40) !important;
  font-size:12.5px;line-height:1.9;letter-spacing:.3px;
}

/* ② 内容容器（★ 必须透明：base.css 给这里写了 background:#f7f7f7，
      不覆盖会把藏蓝卡糊成白底，白字全部看不见） */
.hotel-main .st-comm-introduce-txt{
  position:relative !important;
  z-index:1 !important;
  max-width:none !important;
  margin:0 !important;
  background:transparent !important;
  padding:32px 34px 0 !important;
  box-sizing:border-box !important;
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC",Arial,sans-serif !important;
  font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.68);
  text-align:left !important;
}

/* ③ 页眉行：左「标签 + 大标题」，右「电话胶囊」 */
.hotel-main .st-comm-introduce-txt > h1,
.hotel-main .st-comm-introduce-txt > h2,
.hotel-main h1.ch-title{
  position:relative !important;
  border:0 !important;background:transparent !important;
  margin:0 0 8px !important;
  padding:0 230px 0 0 !important;
  font-size:27px !important;font-weight:800 !important;
  color:#fff !important;letter-spacing:.5px;line-height:1.35 !important;
  text-align:left !important;
}
/* 标题前的小标签（内联，不起新行） */
.hotel-main .st-comm-introduce-txt > h1:before,
.hotel-main .st-comm-introduce-txt > h2:before,
.hotel-main h1.ch-title:before{
  content:"HOTELS · 酒店代订" !important;
  display:inline-block !important;vertical-align:3px;
  margin:0 14px 0 0;padding:5px 12px;
  border:1px solid rgba(255,255,255,.40);border-radius:5px;
  background:rgba(255,255,255,.10);
  color:#c9d3ff !important;
  font-size:11px;font-weight:700;letter-spacing:2px;line-height:1;
}
/* 标题右侧的电话胶囊（绝对定位，不占行高） */
.hotel-main .st-comm-introduce-txt > h1:after,
.hotel-main .st-comm-introduce-txt > h2:after,
.hotel-main h1.ch-title:after{
  content:"预订咨询 0891-6829322" !important;
  position:absolute !important;right:0;top:3px;
  padding:9px 17px;
  border:1px solid rgba(255,255,255,.34);border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#fff !important;
  font-size:13px;font-weight:700;letter-spacing:.4px;line-height:1;
  white-space:nowrap;
}
/* 兜底：万一后台编辑器把 h1 降级成 p，第一段也按大标题排 */
.hotel-main .st-comm-introduce-txt > p:first-child:not(:last-of-type){
  font-size:27px !important;font-weight:800 !important;
  color:#fff !important;text-align:left !important;
}

/* ④ 城市带（第 1 段）：下划线分隔的通栏小字 */
.hotel-main .st-comm-introduce-txt > p:nth-of-type(1){
  margin:0 0 18px !important;
  padding:0 0 18px !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;
  background:none !important;border-radius:0 !important;
  color:#9fb0f5 !important;
  font-size:13.5px !important;font-weight:600 !important;
  letter-spacing:3px !important;line-height:1.6 !important;
  text-align:left !important;max-width:none !important;
}
/* ⑤ 引导语（第 2 段） */
.hotel-main .st-comm-introduce-txt > p:nth-of-type(2){
  margin:0 0 24px !important;
  padding:0 !important;border:0 !important;background:none !important;
  color:rgba(255,255,255,.85) !important;
  font-size:15.5px !important;font-weight:500 !important;
  line-height:1.8 !important;text-align:left !important;max-width:none !important;
}
.hotel-main .st-comm-introduce-txt > p:nth-of-type(2) b,
.hotel-main .st-comm-introduce-txt > p:nth-of-type(2) strong{color:#fff !important}

/* ⑥ 4 列编号说明带 */
.hotel-main .st-comm-introduce-txt ul{
  list-style:none !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  margin:0 0 22px !important;
  padding:0 !important;
  counter-reset:ktli !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.13) !important;
  border-bottom:1px solid rgba(255,255,255,.13) !important;
}
.hotel-main .st-comm-introduce-txt ul li{
  position:relative !important;
  list-style:none !important;
  background:none !important;
  border:0 !important;border-radius:0 !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:20px 22px 22px 0 !important;
  color:rgba(255,255,255,.64) !important;
  font-size:13px !important;line-height:1.72 !important;
  counter-increment:ktli !important;
}
.hotel-main .st-comm-introduce-txt ul li + li{
  border-left:1px solid rgba(255,255,255,.13) !important;
  padding-left:24px !important;
}
/* 大号幽灵编号 01 / 02 / 03 / 04 */
.hotel-main .st-comm-introduce-txt ul li:before{
  content:counter(ktli,decimal-leading-zero) !important;
  display:block !important;
  position:static !important;
  left:auto !important;top:auto !important;
  width:auto !important;height:auto !important;
  transform:none !important;
  margin:0 0 10px !important;
  background:none !important;
  color:rgba(255,255,255,.26) !important;
  font-size:28px !important;font-weight:800 !important;
  letter-spacing:1px;line-height:1 !important;
  text-align:left !important;
}
.hotel-main .st-comm-introduce-txt ul li b,
.hotel-main .st-comm-introduce-txt ul li strong{
  display:block !important;
  margin:0 0 7px !important;
  color:#fff !important;
  font-size:14.5px !important;font-weight:700 !important;letter-spacing:.5px;
}
.hotel-main .st-comm-introduce-txt ul li span{display:block !important}

/* ⑦ 客服行（最后一段） */
.hotel-main .st-comm-introduce-txt > p:last-of-type{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;background:none !important;border-radius:0 !important;
  color:rgba(255,255,255,.62) !important;
  font-size:13px !important;font-weight:400 !important;
  line-height:1.85 !important;text-align:left !important;max-width:none !important;
}
.hotel-main .st-comm-introduce-txt > p:last-of-type b,
.hotel-main .st-comm-introduce-txt > p:last-of-type strong{color:#fff !important}

/* ---- B9 移动端 ---- */
@media (max-width:768px){
  .hotel-main .st-comm-introduce{border-radius:16px !important;margin-bottom:24px !important}
  .hotel-main .st-comm-introduce-txt{padding:24px 20px 0 !important}
  .hotel-main .st-comm-introduce-txt > h1,
  .hotel-main .st-comm-introduce-txt > h2,
  .hotel-main h1.ch-title{
    font-size:21px !important;padding:0 !important;margin:0 0 10px !important;
  }
  .hotel-main .st-comm-introduce-txt > h1:before,
  .hotel-main .st-comm-introduce-txt > h2:before,
  .hotel-main h1.ch-title:before{
    display:block !important;width:-moz-fit-content !important;width:fit-content !important;
    margin:0 0 10px !important;vertical-align:0 !important;
  }
  .hotel-main .st-comm-introduce-txt > h1:after,
  .hotel-main .st-comm-introduce-txt > h2:after,
  .hotel-main h1.ch-title:after{
    position:static !important;display:inline-block !important;
    margin:12px 0 0 !important;font-size:12.5px;
  }
  .hotel-main .st-comm-introduce-txt > p:nth-of-type(1){
    font-size:12.5px !important;letter-spacing:1.5px !important;
    margin:14px 0 !important;padding:0 0 14px !important;
  }
  .hotel-main .st-comm-introduce-txt > p:nth-of-type(2){
    font-size:14.5px !important;margin-bottom:18px !important;
  }
  .hotel-main .st-comm-introduce-txt ul{grid-template-columns:1fr 1fr !important}
  .hotel-main .st-comm-introduce-txt ul li{padding:16px 16px 18px 0 !important}
  .hotel-main .st-comm-introduce-txt ul li + li{
    border-left:0 !important;padding-left:0 !important;
  }
  .hotel-main .st-comm-introduce-txt ul li:nth-child(even){
    border-left:1px solid rgba(255,255,255,.13) !important;padding-left:18px !important;
  }
  .hotel-main .st-comm-introduce-txt ul li:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.13) !important;
  }
  .hotel-main .st-comm-introduce-txt ul li:before{
    font-size:22px !important;margin-bottom:7px !important;
  }
  .hotel-main .st-comm-introduce:after{
    margin:16px 20px 0 !important;padding:13px 0 18px !important;
  }
}