/* ============================================================
   子页面（列表页/详情页/搜索页/视频页）移动端适配样式
   - 参考vbj_chinese 各 css 末尾的移动端块，按本项目类名移植
   - 头尾部分沿用本项目首页的实现方式：
     顶栏（logo + 搜索图标 + 汉堡按钮）+ 右侧抽屉（header_mobile.js 注入）
   - 断点 <=800px（与首页一致），rem 基准 1rem = 100px（375 设计稿，flexible.js）
   - 本文件在 layout/header.blade.php 中置于各页面专属 CSS 之后加载，
     同优先级时可覆盖页面 CSS；PC 端（>800px）零影响
   ============================================================ */

/* PC（>800px）默认隐藏移动端注入组件（元素仅由 JS 在移动端注入，此处兜底；
   注意：mask 不能用 !important，否则移动端 .active 展开会被压制） */
.mobile-header-tools,
.mobile-nav-toggle,
.mobile-search-btn,
.mobile-nav-drawer,
.mobile-drawer-close {
    display: none !important;
}

.mobile-nav-mask {
    display: none;
}

@media screen and (max-width: 800px) {

    /* ---------- 通用 ---------- */
    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    html {
        font-size: 100px; /* flexible.js 失效兜底 */
    }

    body {
        min-width: 100% !important;
    }

    img {
        max-width: 100%;
    }

    /* 版心：PC .center 定宽 1200px */
    .center {
        width: 100% !important;
        box-sizing: border-box;
        padding-left: 0.16rem;
        padding-right: 0.16rem;
    }

    /* ---------- 头部（首页同款：顶栏 + 抽屉，工具由 header_mobile.js 注入） ---------- */
    .head {
        height: auto !important;
        padding-bottom: 0.06rem;
        background-size: cover !important;
        background-position: center !important;
    }

    .head .center {
        height: auto;
        padding: 0 0.16rem;
    }

    .head .logo-search {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 0.64rem !important;
        margin: 0 !important;
    }

    /* flex 布局下清掉 clearfix 伪元素 */
    .head .logo-search::before,
    .head .logo-search::after {
        display: none !important;
    }

    .head .logo-search .logo {
        float: none !important;
        width: 2.2rem !important;
        height: 0.24rem !important;
        margin: 0 !important;
        background-position: left center !important;
    }

    /* PC 搜索框与导航隐藏，改由抽屉承载 */
    .head .logo-search .search,
    .head .nav {
        display: none !important;
    }

    /* 顶部工具区（搜索图标 + 汉堡按钮） */
    .mobile-header-tools {
        display: flex !important;
        align-items: center !important;
    }

    .mobile-search-btn {
        display: block !important;
        width: 0.28rem;
        height: 0.28rem;
        margin-right: 0.12rem;
        background: url(//r1.visitbeijing.com.cn/images/20210525143623/648bb022f5fad4df774e1671cdb2bcbc.png) no-repeat center;
        background-size: contain;
        cursor: pointer;
    }

    /* 汉堡按钮（三条白线，展开时动画变 ✕） */
    .mobile-nav-toggle {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-around !important;
        width: 0.28rem;
        height: 0.24rem;
        cursor: pointer;
        padding: 0.02rem 0;
        z-index: 10002;
    }

    .mobile-nav-toggle span {
        display: block;
        width: 100%;
        height: 0.03rem;
        background-color: #ffffff;
        border-radius: 0.02rem;
        transition: all 0.3s ease;
    }

    .mobile-nav-toggle.open span{
        display: none;
    }

    .mobile-nav-toggle.open span:nth-child(1) {
        transform: rotate(45deg) translate(0.05rem, 0.06rem);
    }

    .mobile-nav-toggle.open span:nth-child(2) {
        opacity: 0;
    }

    .mobile-nav-toggle.open span:nth-child(3) {
        transform: rotate(-45deg) translate(0.05rem, -0.06rem);
    }

    /* 抽屉遮罩 */
    .mobile-nav-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.6);
        z-index: 9998;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .mobile-nav-mask.active {
        display: block;
        opacity: 1;
    }

    /* 抽屉侧滑栏（右侧滑入） */
    .mobile-nav-drawer {
        display: block !important;
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 3.2rem;
        height: 100vh;
        background: #ffffff;
        z-index: 100000;
        transition: right 0.3s ease;
        box-shadow: -0.04rem 0 0.2rem rgba(0, 0, 0, 0.2);
        overflow-y: auto;
        padding: 0.6rem 0.2rem 0.4rem;
        box-sizing: border-box;
    }

    .mobile-nav-drawer.active {
        right: 0;
    }

    /* 抽屉右上角关闭按钮 (✕) */
    .mobile-drawer-close {
        display: flex !important;
        position: absolute;
        top: 0.16rem;
        right: 0.16rem;
        width: 0.32rem;
        height: 0.32rem;
        font-size: 0.18rem;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        border-radius: 50%;
        background: #ae69c4;
        z-index: 10;
        transition: all 0.2s ease;
        align-items: center;
        justify-content: center;
        user-select: none;

    }

    .mobile-drawer-close:hover,
    .mobile-drawer-close:active {
        background: #8B4AA0;
        color: #ffffff;
    }

    /* 抽屉顶部搜索栏 */
    .mobile-nav-drawer .mobile-search-box {
        display: flex;
        align-items: center;
        margin-bottom: 0.2rem;
        border: 1px solid #ddd;
        border-radius: 0.2rem;
        overflow: hidden;
        padding: 0.04rem 0.12rem;
        background: #d6d3cf;
    }

    .mobile-nav-drawer .mobile-search-box input {
        border: none;
        background: transparent;
        flex: 1;
        height: 0.32rem;
        /* 375 屏下 0.16rem = 16px，避免 iOS 聚焦时自动放大页面 */
        font-size: 0.16rem;
        outline: none;
        color: #333;
    }

    /* 抽屉搜索框 placeholder 颜色：统一覆盖子页面 PC CSS 的黑色 */
    .mobile-nav-drawer .mobile-search-box input::placeholder,
    .mobile-nav-drawer .mobile-search-box input::-webkit-input-placeholder,
    .mobile-nav-drawer .mobile-search-box input::-moz-placeholder,
    .mobile-nav-drawer .mobile-search-box input:-moz-placeholder,
    .mobile-nav-drawer .mobile-search-box input:-ms-input-placeholder {
        color: #999!important;
    }

    .mobile-nav-drawer .mobile-search-box .search-go {
        width: 0.24rem;
        height: 0.24rem;
        background: url(//r1.visitbeijing.com.cn/images/20200924201927/2eda5c1782d629d8ea7a479246661930.png) no-repeat center;
        background-size: contain;
        cursor: pointer;
        flex-shrink: 0;
    }

    /* 抽屉导航列表（本站导航无子级，平铺） */
    .mobile-nav-drawer .nav-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-nav-drawer .nav-list > li {
        border-bottom: 1px solid #f0f0f0;
    }

    .mobile-nav-drawer .nav-list > li .nav-item-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.14rem 0.05rem;
        font-size: 0.16rem;
        color: #8B4AA0;
        font-weight: bold;
        text-decoration: none;
        font-family: Arial, sans-serif;
    }

    .mobile-nav-drawer .nav-list > li .nav-item-title a {
        color: #8B4AA0;
        flex: 1;
    }

    /* ---------- 页脚 ---------- */
    .foot {
        height: auto !important;
        padding: 0.24rem 0.16rem !important;
        box-sizing: border-box;
        background-size: cover !important;
        font-size: 0.12rem !important;
        line-height: 0.22rem !important;
    }

    .foot span {
        margin: 0 0.05rem;
        display: block;
    }

    /* ---------- 分页 ---------- */
    .box .page {
        margin: 0.3rem 0 !important;
        height: auto;
        font-size: 0.14rem;
        white-space: normal;
    }

    .box .page a,
    .box .page span {
        margin: 0 0.03rem 0.03rem;
        padding: 0.04rem 0.08rem !important;
        font-size: 0.14rem !important;
        min-width: 0.3rem;
    }

    .box .page .total {
        font-size: 0.13rem !important;
        line-height: 0.24rem !important;
    }

    /* ============================================================
       列表页（list_scenic.css 结构：搜索页 search.css 同构）
       ============================================================ */

    /* 页内搜索框（搜索页） */
    .box .innerSearch {
        width: 100% !important;
        height: 0.44rem !important;
        /* margin: 0.2rem auto !important; */
        border-radius: 0.44rem !important;
        text-indent: 0.2rem !important;
    }

    .box .innerSearch input {
        width: 78%;
        font-size: 0.16rem;
        line-height: 0.44rem;
    }

    .box .innerSearch span {
        top: 0.02rem;
        right: 0.1rem;
        width: 0.4rem;
        height: 0.4rem;
        background-size: 60%;
    }

    /* 筛选条：1200px 定宽（165px 标签 + 1035px 选项）→ 纵排 */
    .box .selects {
        margin-bottom: 0.1rem;
        padding-bottom: 0.1rem;
    }

    .box .selects .select {
        padding: 0.08rem 0.12rem;
    }

    .box .selects .select .clearfix {
        width: 100% !important;
    }

    .box .selects .select .clearfix .fl {
        width: 100% !important;
        text-align: left;
        font-size: 0.14rem;
        line-height: 0.3rem;
    }

    .box .selects .select .clearfix .fl span {
        margin-left: 0.1rem;
        width: auto;
        padding: 0 0.1rem;
        height: 0.3rem;
        line-height: 0.3rem;
        font-size: 0.14rem;
        box-sizing: border-box;
    }

    .box .selects .select .clearfix .fr {
        width: 100% !important;
    }

    .box .selects .select .clearfix .fr li {
        margin-left: 0;
        margin-bottom: 0.05rem;
        padding: 0 0.1rem;
        line-height: 0.3rem;
        font-size: 0.14rem;
    }

    /* 结果统计：绝对定位 → 常规流式 */
    .box .selects .result {
        position: static;
        font-size: 0.13rem;
        line-height: 0.2rem;
    }

    .box .selects .result i {
        font-size: 0.15rem;
    }

    /* 列表卡片：图 300×200 + 文 870px 双栏 → 纵排 */
    .box .list .infoBox {
        font-size: 0.14rem;
    }

    .box .list li {
        padding: 0.15rem 0;
    }

    .box .list li a.pic {
        width: 100% !important;
        height: auto !important;
        margin-right: 0 !important;
    }

    .box .list li a.pic img {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }

    .box .list li .info {
        width: 100% !important;
        height: auto !important;
        margin-top: 0.1rem;
    }

    .box .list li .info h5 {
        font-size: 0.18rem;
        line-height: 0.26rem;
        max-height: 0.52rem;
        margin-bottom: 0.05rem;
    }

    .box .list li .info p {
        width: 100% !important;
        font-size: 0.13rem;
        line-height: 0.2rem;
        max-height: 0.4rem;
    }

    .box .list li .info .inner {
        position: static;
        margin-top: 0.08rem;
    }

    .box .list li .info .inner div {
        padding-left: 0.16rem;
        font-size: 0.13rem;
        line-height: 0.2rem;
    }

    .box .list li .info .inner div:before, .box .list li .info .inner div:before{
        height: 0.2rem;
    }

    .map .mapInfo .pos_map{
        width: 100%;
    }

    .box .list li .info .inner .adress {
        margin-bottom: 0.05rem;
    }

    /* ============================================================
       详情页（scenic/food/hotel/museum/line 共用 .box .infos 结构）
       ============================================================ */

    /* 页面顶部装饰背景图（高度变化后必错位）→ 移除 */
    .box {
        background-image: none !important;
    }

    /* 头部信息 */
    .box .infos {
        margin-bottom: 0.2rem !important;
    }

    .box .infos .title {
        padding: 0.15rem 0.12rem 0 !important;
        font-size: 0.24rem !important;
        line-height: 0.34rem !important;
    }

    .box .infos .summary {
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 0.2rem;
        font-size: 0.13rem !important;
        line-height: 0.2rem !important;
        margin-top: 0.12rem;
    }

    /* 主图与角标 */
    .box .infos .pics {
        margin-top: 0.3rem !important;
        margin-bottom: 0.4rem  !important;
    }

    .box .infos .pics .pic {
        height: auto !important;
    }

    .box .infos .pics .pic img,
    .box .infos .pics .pic video {
        height: auto !important;
        aspect-ratio: 12 / 5;
    }

    .box .infos .pics .tip {
        height: 0.36rem !important;
        line-height: 0.36rem !important;
        top: -0.2rem !important;
        padding: 0 0.15rem !important;
        padding-right: 0.1rem !important;
        border-width: 0.03rem !important;
        border-radius: 0.25rem !important;
        width: 75%;
        text-align: center;
    }

    .box .infos .pics .tip span {
        font-size: 0.13rem !important;
        margin-right: 0.1rem !important;
    }

    .box .infos .pics .tip span i {
        font-size: 0.14rem !important;
    }

    .box .infos .pics .tip1 {
        height: auto !important;
        right: 0 !important;
        bottom: -0.14rem !important;
        border-radius: 0.28rem !important;
        text-align: center;
        width: 100%;
        left: 0;
        padding: 0.05rem 0;
        box-sizing: border-box;
        translate: 0 50%;
        translate: -50% 0;
        margin-left: 50%;
    }

    .box .infos .pics .tip1 span {
        font-size: 0.11rem !important;
        /* line-height: 0.28rem !important; */
    }

    /* 信息双栏：左卡（负 margin 上叠）+ 右文 720px → 纵排 */
    .box .infos .phones .fl {
        float: none !important;
        width: 100% !important;
        box-sizing: border-box;
        margin: 0.1rem 0 0.15rem !important;
        padding: 0.15rem 0.12rem !important;
    }

    .box .infos .phones .fl ul li {
        margin-bottom: 0.12rem !important;
        padding-left: 0.3rem !important;
    }

    .box .infos .phones .fl ul li p {
        font-size: 0.13rem;
        line-height: 0.24rem;
    }

    .box .infos .phones .fl ul li span {
        font-size: 0.13rem;
        line-height: 0.2rem;
    }

    .box .infos .phones .fr {
        float: none !important;
        width: 100% !important;
        padding-top: 0.05rem !important;
        margin-right: 0 !important;
    }

    .box .infos .phones .fr h4 {
        font-size: 0.16rem !important;
        line-height: 0.24rem !important;
    }

    .box .infos .phones .fr h5 {
        font-size: 0.2rem !important;
        line-height: 0.3rem !important;
        margin: 0.12rem 0 0.06rem !important;
    }

    .box .infos .phones .fr p {
        font-size: 0.14rem !important;
        line-height: 0.24rem !important;
    }

    .box .infos .phones .fr span {
        font-size: 0.13rem;
    }

    /* 票价：hover 阴影 → 移动端常显 */
    .price-txt {
        width: 100% !important;
    }

    .shadow-tip {
        display: none !important;
    }

    .price-shadow {
        display: none !important;
        position: static !important;
        width: 100% !important;
        box-sizing: border-box;
        margin-top: 0.08rem;
        padding: 0.08rem 0.12rem !important;
        border-radius: 0.06rem;
        line-height: 0.22rem !important;
        font-size: 0.13rem !important;
    }

    /* 「更多」弹窗：1120px 定宽负 margin 定心 → 92% 宽 */
    .box .infos .phones .fr .moreDesc {
        left: 4% !important;
        top: 5% !important;
        margin-left: 0 !important;
        transform: none !important;
        width: 92% !important;
        max-height: 80vh !important;
        padding: 0.3rem 0.15rem !important;
        border-width: 0.06rem !important;
        box-sizing: border-box;
    }

    .box .infos .phones .fr .moreDesc h6 {
        font-size: 0.2rem !important;
        line-height: 0.3rem !important;
    }

    .box .infos .phones .fr .moreDesc p {
        font-size: 0.14rem !important;
        line-height: 0.24rem !important;
    }

    .box .infos .phones .fr .moreDesc i {
        right: 0.1rem !important;
        top: 0.1rem !important;
        width: 0.5rem !important;
        height: 0.24rem !important;
        background-size: contain !important;
    }

    .box .theme-feature .theme{
        margin-right: 0!important;
    }

    /* 区块标题 */
    .box h5.tit {
        padding: 0.15rem 0 !important;
        font-size: 0.17rem !important;
        line-height: 0.24rem !important;
    }

    .box h5.tit a,
    .box .tour .center h5.tit a,
    .box .latest-news .center h5.tit a,
    .box .branch h5.tit a.more {
        font-size: 0.13rem !important;
        line-height: 0.24rem !important;
    }

    /* 景区图片横排：定宽 270px 浮动（首个 600px）→ 横滑 */
    .box .scenic-pictures {
        margin-top: 0.1rem !important;
    }

    .box .scenic-pictures .picUi ul {
        display: flex;
        width: auto !important;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .box .scenic-pictures .picUi ul li {
        float: none !important;
        /* flex: 0 0 2.2rem; */
        /* width: 2.2rem !important; */
        height: auto !important;
        margin-right: 0.15rem !important;
        pointer-events: none;
    }

    .box .scenic-pictures .picUi ul li img {
        height: auto !important;
        aspect-ratio: 27 / 40;
    }

    .box .scenic-pictures .picUi ul li.li1 {
        /* flex-basis: 3.4rem; */
        /* width: 3.4rem !important; */
    }

    .box .scenic-pictures .picUi ul li.li1 img {
        aspect-ratio: 3 / 2;
    }

    /* 图集弹窗：1000×750 负 margin 定心 → 全屏 */
    .box .scenic-pictures .morePic {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding-top: 0.4rem !important;
        border-width: 0.05rem !important;
        border-radius: 0 !important;
        overflow: auto !important;
    }

    .box .scenic-pictures .morePic i {
        right: 0.1rem !important;
        top: 0.08rem !important;
        width: 0.5rem !important;
        height: 0.24rem !important;
        background-size: contain !important;
    }

    .box .scenic-pictures .morePic .gallery-top {
        width: 100% !important;
        height: 4rem !important;
    }

    .box .scenic-pictures .morePic .gallery-thumbs {
        width: 100% !important;
        height: 1.2rem !important;
        padding: 0.05rem 0 !important;
    }

    .box .scenic-pictures .morePic .gallery-thumbs .swiper-slide {
        width: 1.5rem !important;
        height: 1rem !important;
    }

    .box .scenic-pictures .morePic .swiper-pagination {
        width: 0.6rem !important;
        line-height: 0.24rem;
        right: 0.1rem;
        bottom: 0.1rem;
    }

    .box .scenic-pictures .morePic .swiper-button-next.swiper-button-white,
    .box .scenic-pictures .morePic .swiper-button-prev.swiper-button-white {
        width: 0.25rem !important;
        height: 0.5rem !important;
        margin-top: -0.25rem !important;
        background-size: 0.25rem auto !important;
    }

    /* 场景横滑（.scene / .scene-swiper） */
    .box .scene {
        height: auto !important;
        padding: 0.15rem 0;
    }

    .box .scene .center {
        height: auto !important;
    }

    .box .scene .center .inner {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .box .scene .center ul li {
        height: auto !important;
        margin-right: 0.15rem !important;
    }

    .box .scene .center ul li .pic,
    .box .scene .center ul li .info {
        width: 2.2rem !important;
        height: auto !important;
    }

    .box .scene .center ul li .pic img {
        height: auto !important;
        aspect-ratio: 1 / 1;
    }

    .scene-swiper {
        max-height: none !important;
        padding: 0.15rem 0 !important;
    }

    .scene-swiper .swiper-slide {
        width: calc(100% - 0.3rem) !important;
    }

    .scene-swiper .swiper-slide .info h6 {
        font-size: 0.14rem !important;
        line-height: 0.2rem !important;
        max-height: 0.4rem !important;
    }

    .scene-swiper .swiper-slide .info p {
        font-size: 0.12rem !important;
        line-height: 0.18rem !important;
        max-height: 0.4rem !important;
    }

    .scene-swiper .swiper-button-prev,
    .scene-swiper .swiper-button-next {
        width: 0.3rem !important;
        height: 0.5rem !important;
        margin-top: -0.25rem !important;
        background-size: cover;
    }

    /* 主题特色：三栏（300/360/300 浮动）→ 纵排卡片 */
    .box .theme-feature {
        margin-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
    }

    .box .theme-feature .theme1,
    .box .theme-feature .theme2,
    .box .theme-feature .feature {
        float: none !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 0.12rem !important;
        margin-bottom: 0.15rem;
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .box .theme-feature .theme1 .pic,
    .box .theme-feature .feature .pic {
        height: auto !important;
    }

    .box .theme-feature .theme1 .pic img,
    .box .theme-feature .feature .pic img {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }

    .box .theme-feature .theme1 h6,
    .box .theme-feature .theme2 h6,
    .box .theme-feature .feature h6 {
        font-size: 0.16rem !important;
        line-height: 0.24rem !important;
        margin: 0.08rem 0 !important;
    }

    .box .theme-feature .theme1 p,
    .box .theme-feature .theme2 p,
    .box .theme-feature .feature p {
        font-size: 0.13rem !important;
        line-height: 0.2rem !important;
    }

    .box .theme-feature .theme2 div {
        margin-bottom: 0.15rem !important;
    }

    /* 周边游（.tour）/最新资讯（.latest-news）：270px 浮动卡片 → flex 2 列 */
    .box .tour,
    .box .latest-news {
        margin-top: 0.15rem !important;
        padding-bottom: 0.15rem !important;
    }

    .box .tour .center,
    .box .latest-news .center {
        overflow: visible !important;
    }

    .box .tour .center ul,
    .box .latest-news .center ul {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .box .tour .center ul li,
    .box .latest-news .center ul li {
        float: none !important;
        width: calc(50% - 0.11rem);
        margin: 0 0.11rem 0.15rem 0 !important;
    }

    .box .tour .center ul li .pic,
    .box .latest-news .center ul li .pic {
        width: 100% !important;
        height: auto !important;
    }

    .box .tour .center ul li .pic img,
    .box .latest-news .center ul li .pic img {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }

    .box .tour .center ul li p {
        font-size: 0.14rem !important;
        line-height: 0.2rem !important;
        margin-top: 0.08rem !important;
        text-align: center;
    }

    .box .tour .center ul li span.sp1,
    .box .tour .center ul li span.sp2 {
        font-size: 0.12rem !important;
        line-height: 0.2rem !important;
        float: none !important;
    }

    /* 视频资讯（.video-news）：600px 视频 + 530px 资讯双栏 → 纵排 */
    .box .video-news {
        margin-top: 0.15rem !important;
    }

    .box .video-news .video,
    .box .video-news .news {
        float: none !important;
        width: 100% !important;
    }

    .box .video-news .video .pic {
        width: 100% !important;
        height: auto !important;
    }

    .box .video-news .video .pic img {
        height: auto !important;
        aspect-ratio: 3 / 2;
    }

    .box .video-news .video p {
        width: 100% !important;
        padding: 0.1rem 0.1rem 0.1rem 0.6rem !important;
        font-size: 0.14rem !important;
        line-height: 0.2rem !important;
        box-sizing: border-box;
    }

    .box .video-news .video p:before {
        width: 0.36rem !important;
        height: 0.36rem !important;
        margin-top: -0.18rem !important;
        left: 0.12rem !important;
    }

    .box .video-news .news ul li h6 {
        font-size: 0.15rem !important;
        line-height: 0.22rem !important;
        margin-top: 0.12rem !important;
        max-height: none;
    }

    .box .video-news .news ul li p {
        font-size: 0.13rem !important;
        line-height: 0.16rem !important;
        margin: 0.06rem 0 0.12rem !important;
        /* padding-bottom: 0.1rem; */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .box .video-news.only .news {
        width: 100% !important;
    }

    .box .video-news.only .news li {
        width: 100% !important;
        margin-right: 0 !important;
        vertical-align: top;
        height: auto !important;
    }

    .box .video-news.onlyV .video {
        width: 100% !important;
    }

    .box .video-news.onlyV .video h5.tit {
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* 分店信息（美食 .branch） */
    .box .branch {
        margin-top: 0.15rem !important;
    }

    .box .branch .branchs ul li {
        padding: 0.08rem 0 !important;
    }

    .box .branch .branchs ul li .info {
        padding: 0.1rem 0.15rem 0.16rem !important;
    }

    .box .branch .branchs ul li .info h6 {
        font-size: 0.16rem !important;
        line-height: 0.24rem !important;
        margin-bottom: 0.08rem !important;
    }

    .box .branch .branchs ul li .info h6 i {
        font-size: 0.12rem !important;
    }

    .box .branch .branchs ul li .info p,
    .box .branch .branchs ul li .info p span {
        font-size: 0.12rem !important;
        line-height: 0.22rem !important;
    }

    /* 酒店：房型信息行 */
    .box .roomType {
        margin: 0 0.12rem !important;
        padding: 0.15rem 0 !important;
    }

    .box .roomType span {
        font-size: 0.13rem !important;
        line-height: 0.24rem !important;
    }

    .box .roomType span.sp1 {
        width: auto !important;
        font-size: 0.16rem !important;
    }

    .box .roomType .fr {
        width: 100% !important;
    }

    /* 地图区块 */
    .box .map .tit .sp1 {
        font-size: 0.17rem !important;
        /* line-height: 0.4rem !important; */
        padding-left: 0.2rem !important;
    }
    .box .map .tit{
        height: auto;
    }

    .box .map .tit .sp2 {
        font-size: 0.12rem !important;
        line-height: 0.24rem !important;
        max-width: 100% !important;
    }

    .box .map .tit .sp3 {
        font-size: 0.12rem !important;
        /* line-height: 0.4rem !important; */
        padding-left: 0.24rem !important;
        float: none;
    }

    .box .map .mapInfo {
        height: 100% !important;
    }

    .box .map .tit1 {
        width: 2.1rem !important;
        margin-left: -1.05rem !important;
        height: 0.4rem !important;
        line-height: 0.4rem !important;
        bottom: 0.2rem !important;
    }

    /* 视频详情页（video_detail.css：结构极简，标题/摘要/视频） */
    .box .infos .pics .pic video {
        width: 100%;
    }
}