/* ===================================================================== mobile-pages.css — 手机端各业务页面样式（仅样式层，不涉及业务逻辑） 生效条件：（见 mobile.css 说明） ===================================================================== */ /* ---------- 7. 线路列表页（携程风格：左图右文，价格在下） ---------- */ html.is-mobile .my-layout-body .max-w-7xl.bg-white > .max-w-7xl.bg-gray-100 > div { font-size: 15px !important; padding: 10px 12px !important; } html.is-mobile .my-tours-filter-wrap { border-bottom: 0 !important; background: #fff; } html.is-mobile .my-tours-filter > div.py-1 { padding: 2px 0 !important; border-bottom: 1px solid #f5f5f5 !important; } html.is-mobile .my-tours-filter .content { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 4px 0; } html.is-mobile .my-tours-filter .content::-webkit-scrollbar { display: none; } html.is-mobile .my-tours-filter .content > span.mx-3 { font-size: 13px !important; margin: 0 4px 0 10px !important; color: #333 !important; } html.is-mobile .my-tours-filter .ant-tag-checkable { font-size: 13px !important; padding: 2px 10px; border-radius: 14px; background: #f5f5f5; margin-right: 4px; } html.is-mobile .my-tours-filter .ant-tag-checkable-checked { background: #2577e3; } html.is-mobile .my-tours-filter div[style*="overflow: hidden"] { height: auto !important; } html.is-mobile .my-tours-filter .ant-picker-range { margin-left: 10px; max-width: calc(100% - 20px); } html.is-mobile .my-tours-sort-wrap { border-top: 0 !important; border-bottom: 0 !important; background: #fff; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } html.is-mobile .my-tours-sort-wrap::-webkit-scrollbar { display: none; } html.is-mobile .my-tours-sort .ant-radio-group { display: flex !important; white-space: nowrap; padding: 6px 8px; width: max-content; } html.is-mobile .my-tours-sort .ant-radio-button-wrapper { font-size: 12px; height: 28px; line-height: 26px; padding: 0 10px; } /* 卡片 */ html.is-mobile .my-tourcard { height: auto !important; display: flex; flex-wrap: wrap; padding: 10px !important; border: 0 !important; margin: 0 8px; background: #fff; border-radius: 10px; position: relative; } html.is-mobile .my-tourcard-img { width: 118px !important; float: none !important; flex: none; } html.is-mobile .my-tourcard-img .hover14 { width: 118px !important; height: 92px !important; float: none !important; border-radius: 6px; overflow: hidden; } html.is-mobile .my-tourcard-img .figure-searchpage { height: 92px; } html.is-mobile .my-tourcard-img .figure-searchpage img { width: 100%; height: 92px; object-fit: cover; } html.is-mobile .my-tourcard-img .hover14 > div[style*="top: 190px"] { top: auto !important; bottom: 3px; left: 4px !important; font-size: 10px !important; text-shadow: 0 0 3px #000; } html.is-mobile .my-tourcard-img .hover14 > div[style*="banner1.png"] { transform: scale(0.65); transform-origin: top left; margin: 0 !important; } html.is-mobile .my-tourcard .my-filter-content-panel-middle { width: auto !important; float: none !important; flex: 1 1 0; min-width: 0; max-height: none !important; padding-left: 10px; } html.is-mobile .my-tourcard-title { padding: 0 !important; font-size: 15px !important; line-height: 1.35; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } html.is-mobile .my-tourcard-title a { color: #222; } html.is-mobile .my-tourcard-info { padding: 4px 0 0 0 !important; font-size: 12px !important; color: #888; white-space: nowrap; } html.is-mobile .my-tourcard .my-filter-content-top-special { font-size: 11px; margin: 4px 4px 0 0 !important; padding: 0 5px; border-radius: 3px; line-height: 18px; } html.is-mobile .my-tourcard .my-filter-content-bottom-row { padding: 4px 0 0 0 !important; font-size: 12px; color: #666; } html.is-mobile .my-tourcard .my-filter-content-bottom-row ~ .my-filter-content-bottom-row { display: none; } html.is-mobile .my-tourcard-price { width: 100% !important; height: auto !important; float: none !important; border-left: 0 !important; display: flex; align-items: center; justify-content: space-between; margin-top: 8px; padding-top: 8px; border-top: 1px dashed #eee; } html.is-mobile .my-tourcard-price > div:first-child > div { margin: 0 !important; text-align: left !important; font-size: 19px !important; color: #f5222d !important; font-weight: bold; } html.is-mobile .my-tourcard-price > div:last-child a { display: inline-block; padding: 6px 16px !important; border-radius: 18px !important; font-size: 13px !important; } html.is-mobile .ant-pagination { padding: 12px 8px !important; text-align: center; } html.is-mobile .ant-pagination .ant-pagination-total-text { display: block; width: 100%; font-size: 12px; color: #888; } html.is-mobile .ant-pagination .ant-pagination-options { display: none; } /* 列表加载骨架 */ html.is-mobile .ant-skeleton-image { width: 100% !important; max-width: 100%; } html.is-mobile div[style*="width: 980px"] { width: 100% !important; } /* ---------- 8. 线路详情页 ---------- */ html.is-mobile .my-tour-top { min-width: 0 !important; max-width: 100% !important; } html.is-mobile .my-tour-top > .flex { flex-direction: column; } html.is-mobile .my-tour-gallery { width: 100% !important; } html.is-mobile .my-banner { width: 100% !important; margin: 0 !important; } html.is-mobile .my-large_box { width: 100% !important; height: auto !important; margin-bottom: 4px; } html.is-mobile .my-large_box .ant-image { width: 100% !important; height: auto !important; display: block; } html.is-mobile .my-large_box .ant-image-img { width: 100% !important; height: 230px !important; object-fit: cover; } html.is-mobile .my-small_box { width: 100% !important; height: 54px !important; padding: 0 6px; display: flex; align-items: center; } html.is-mobile .my-small_list { width: calc(100% - 60px) !important; height: 50px !important; float: none !important; } html.is-mobile .my-btns { float: none !important; margin: 0 !important; flex: none; } html.is-mobile .my-lefts_btn { margin-right: 5px !important; } html.is-mobile .my-rights_btn { margin-left: 5px !important; } html.is-mobile .my-tour-des-right { width: 100% !important; padding: 0 0 6px 0; } html.is-mobile .my-tour-des-right > div { float: none !important; height: auto !important; white-space: normal !important; margin-left: 12px !important; margin-right: 12px !important; } html.is-mobile .my-tour-des-right > div:first-child { font-size: 17px !important; font-weight: 600; line-height: 1.4; padding-top: 10px !important; } html.is-mobile .my-tour-des-right > div.no-print[style*="height: 35px"] { font-size: 13px !important; color: #666; line-height: 1.5 !important; margin-top: 4px !important; } html.is-mobile .my-tour-des-right div[style*="float: left"][style*="#2577e3"] { font-size: 11px !important; height: 20px !important; line-height: 18px !important; margin: 0 6px 4px 0 !important; padding: 0 5px !important; } html.is-mobile .my-tour-des-right > div[style*="clear: both"].no-print > div:first-child { float: none !important; font-size: 22px !important; font-weight: bold; margin: 10px 0 6px 0 !important; } html.is-mobile .my-tour-des-right > div[style*="15px"][style*="nowrap"] { font-size: 13px !important; color: #666; } html.is-mobile .my-tour-des-right > div[style*="max-height: 135px"] { max-height: none !important; font-size: 13px !important; margin: 6px 12px !important; padding: 6px 0 !important; color: #555; } html.is-mobile .my-tour-des-right > div[style*="height: 48px"] { font-size: 13px !important; padding: 4px 0 0 0 !important; margin: 0 12px 4px 12px !important; } html.is-mobile .my-tour-tools { float: none !important; margin: 6px 12px 4px 12px !important; display: flex; flex-wrap: wrap; gap: 6px; } html.is-mobile .my-tour-tools .ant-btn { margin: 0 !important; font-size: 12px; } /* 手机端班期条 */ html.is-mobile .my-m-dates { background: #fff; padding: 8px 0 6px 0; } html.is-mobile .my-m-dates-head { display: flex; justify-content: space-between; align-items: center; padding: 0 12px 4px 12px; } html.is-mobile .my-m-dates-title { font-size: 15px; font-weight: bold; } html.is-mobile .my-m-dates-title::before { content: ""; display: inline-block; width: 4px; height: 14px; background: #2577e3; border-radius: 2px; margin-right: 6px; vertical-align: -2px; } html.is-mobile .my-m-dates-all { font-size: 13px; padding: 0; height: auto; min-height: 0; } html.is-mobile .my-m-dates-strip { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 6px 12px 6px 12px; gap: 8px; } html.is-mobile .my-m-dates-strip::-webkit-scrollbar { display: none; } html.is-mobile .my-m-date-chip { flex: none; width: 86px; border: 1px solid #e5e5e5; border-radius: 8px; padding: 6px 4px; text-align: center; position: relative; background: #fff; cursor: pointer; -webkit-tap-highlight-color: transparent; } html.is-mobile .my-m-date-chip.active { border-color: #2577e3; background: #eef4ff; box-shadow: inset 0 0 0 1px #2577e3; } html.is-mobile .my-m-date-chip.soldout { color: #bbb; background: #fafafa; cursor: default; } html.is-mobile .my-m-date-chip-date { font-size: 14px; font-weight: 600; line-height: 1.2; } html.is-mobile .my-m-date-chip-week { display: block; font-size: 10px; font-weight: normal; color: #888; } html.is-mobile .my-m-date-chip-price { margin-top: 4px; font-size: 13px; color: #f5222d; font-weight: bold; white-space: nowrap; } html.is-mobile .my-m-date-chip-price span { font-size: 10px; font-weight: normal; } html.is-mobile .my-m-date-chip.soldout .my-m-date-chip-price { color: #bbb; } html.is-mobile .my-m-date-chip-tag { position: absolute; top: -7px; right: -4px; background: #f5222d; color: #fff; font-size: 9px; line-height: 14px; padding: 0 4px; border-radius: 7px; white-space: nowrap; } /* 全部班期弹窗中的日历 */ html.is-mobile .my-m-calendar-modal .ant-modal-body { padding: 0; overflow-x: hidden; } html.is-mobile .my-m-calendar .ant-picker-calendar-header { padding: 8px 4px; } html.is-mobile .my-m-calendar .ant-picker-content th { font-size: 12px; padding: 4px 0 !important; } html.is-mobile .my-m-calendar .ant-picker-cell { padding: 2px 1px !important; } html.is-mobile .my-m-calendar .ant-picker-calendar-date { margin: 0 !important; padding: 2px 0 !important; border-top-width: 1px !important; min-height: 56px; } html.is-mobile .my-m-calendar .ant-picker-calendar-date-value { font-size: 12px; line-height: 16px; text-align: center; } html.is-mobile .my-m-calendar .ant-picker-calendar-date-content { height: 36px !important; overflow: hidden; } html.is-mobile .my-m-calendar .my-calendar, html.is-mobile .my-m-calendar .my-calendar-soldout { font-size: 11px; text-decoration: none; line-height: 1.1; padding-top: 12px; } html.is-mobile .my-m-calendar .my-calendar > div > div[style*="position: absolute"] { top: 0 !important; font-size: 9px !important; line-height: 12px; } html.is-mobile .my-m-calendar .my-calendar span[style*="font-size: 12px"] { font-size: 9px !important; } /* 锚点导航条 */ html.is-mobile .my-tour-anchor { min-width: 0 !important; max-width: 100% !important; } html.is-mobile .my-tour-anchor > div { height: 42px !important; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; border-left: 0 !important; border-right: 0 !important; } html.is-mobile .my-tour-anchor > div::-webkit-scrollbar { display: none; } html.is-mobile .my-tour-anchor ul { display: flex; font-size: 14px !important; height: 42px; width: max-content; } html.is-mobile .my-tour-anchor li { float: none !important; flex: none; margin-left: 0 !important; padding: 0 12px; line-height: 42px !important; height: 42px !important; } html.is-mobile .my-tour-anchor li[style*="float: right"] { display: none; } /* 六个内容分区 */ html.is-mobile .my-travel-detail-whole, html.is-mobile .my-travel-detail { min-width: 0 !important; max-width: 100% !important; box-shadow: none !important; border-left: 0 !important; border-right: 0 !important; } html.is-mobile .my-travel-detail.flex { flex-direction: column; } html.is-mobile .my-travel-detail > .flex-none > div { width: auto !important; margin: 8px 12px 0 12px !important; display: flex; align-items: center; gap: 8px; text-align: left !important; } html.is-mobile .my-travel-detail > .flex-none > div img { width: 28px; height: 28px; } html.is-mobile .my-travel-detail > .flex-none > div > div { font-size: 16px !important; font-weight: bold; margin-top: 0 !important; } html.is-mobile .my-travel-detail > .grow { border-left: 0 !important; margin: 6px 12px 10px 12px !important; font-size: 14px !important; overflow-x: auto; word-break: break-word; line-height: 1.6; } html.is-mobile .my-travel-detail > .grow img { max-width: 100% !important; height: auto !important; } html.is-mobile .my-travel-detail > .grow table { max-width: 100%; } html.is-mobile .my-travel-detail > .grow > div { padding: 0 !important; } /* 预订面板（TourOrder） */ html.is-mobile .my-confirmorder-modal { border-width: 2px !important; font-size: 14px !important; } html.is-mobile .my-order-topbar { padding: 10px 10px 6px 10px !important; font-size: 14px !important; gap: 4px 0; } html.is-mobile .my-order-topbar > div { margin: 2px 0 !important; } html.is-mobile .my-order-topbar span[style*="margin: 0px 0px 0px 10px"], html.is-mobile .my-order-topbar div[style*="margin: 9px 15px 0px 10px"] { margin: 6px 6px 0 0 !important; } html.is-mobile .my-order-topbar .ant-input { width: 108px !important; } html.is-mobile .my-order-topbar .ant-radio-group { margin: 0 !important; } html.is-mobile .my-order-topbar .ant-radio-button-wrapper { font-size: 12px; padding: 0 8px; } html.is-mobile .my-order-actions { position: fixed; left: 0; right: 0; bottom: calc(56px + env(safe-area-inset-bottom)); z-index: 940; background: #fff; padding: 8px 12px; margin: 0 !important; box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } html.is-mobile .my-order-actions .ant-btn { flex: 1 1 auto; margin: 0 !important; border-radius: 22px; } html.is-mobile .my-order-actions .ant-btn-lg { font-size: 16px; height: 44px; min-height: 44px; } html.is-mobile .my-layout-body:has(.my-order-actions) { padding-bottom: calc(126px + env(safe-area-inset-bottom)); } html.is-mobile .my-order-detail { flex-direction: column; padding: 10px !important; } html.is-mobile .my-order-left { width: 100% !important; overflow-x: auto; } html.is-mobile .my-order-right { width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ddd; } html.is-mobile .my-order-right .ant-btn { margin: 4px !important; } html.is-mobile .my-tour-price-table { font-size: 12px; } html.is-mobile .my-order-left .ant-input, html.is-mobile .my-order-left .ant-input-number { font-size: 13px; } /* ---------- 8b. 详情页修正 ---------- */ html.is-mobile .my-large_box { height: 230px !important; overflow: hidden !important; } html.is-mobile .my-tour-des-right, html.is-mobile .my-tour-des-right div { font-size: 13px !important; } html.is-mobile .my-tour-des-right > div:first-child { font-size: 17px !important; } html.is-mobile .my-tour-des-right > div[style*="clear: both"].no-print > div { font-size: 22px !important; color: #f5222d !important; } html.is-mobile .my-tour-des-right > div[style*="clear: both"].no-print > div span { font-size: 12px !important; font-weight: normal; } html.is-mobile .my-tour-des-right > div[style*="clear: both"]:not(.no-print) > div { float: none !important; height: auto !important; white-space: normal !important; margin: 4px 0 !important; padding: 0 !important; line-height: 1.5; } html.is-mobile .my-tour-des-right > div[style*="clear: both"]:not(.no-print) > div[style*="dashed"] { padding: 6px 0 !important; max-height: none !important; color: #555; } html.is-mobile .my-order-actions > span { flex: 1 1 auto; display: flex !important; } html.is-mobile .my-order-actions .ant-btn { width: 100%; } /* 底部操作栏：主按钮撑满，其余（经理专用）按钮缩小为次要按钮 */ html.is-mobile .my-order-actions > span:has(.ant-btn-lg), html.is-mobile .my-order-actions > .ant-btn-lg { flex: 1 1 60%; } html.is-mobile .my-order-actions .ant-btn:not(.ant-btn-lg) { flex: 0 1 auto; width: auto; font-size: 12px; height: 32px; min-height: 32px; padding: 0 10px; } html.is-mobile .ant-steps.ant-steps-vertical .ant-steps-item { padding-bottom: 0; } html.is-mobile .ant-steps.ant-steps-vertical .ant-steps-item-tail { display: none !important; } html.is-mobile .ant-steps.ant-steps-vertical .ant-steps-item-content { min-height: 32px !important; } /* 详情页右侧信息区：统一字号（覆盖后台富文本/内联样式），标题与价格单独放大 */ html.is-mobile .my-tour-des-right :is(div, span, p, b, strong, li, a, font) { font-size: 13px !important; line-height: 1.5; } html.is-mobile .my-tour-des-right > div:first-child, html.is-mobile .my-tour-des-right > div:first-child :is(span, b, strong, a) { font-size: 17px !important; line-height: 1.4; } html.is-mobile .my-tour-des-right > div[style*="clear: both"].no-print > div { font-size: 22px !important; } html.is-mobile .my-tour-des-right > div[style*="clear: both"].no-print > div span { font-size: 12px !important; } /* 价格块内：仅第一个子块（价格）放大，同块内的“出发城市/到达城市”行保持正常字号 */ html.is-mobile .my-tour-des-right > div[style*="clear: both"].no-print > div:not(:first-child) { font-size: 13px !important; color: #666 !important; font-weight: normal; margin: 0 0 6px 0 !important; white-space: normal !important; }