.h5-sortbar { display:flex; align-items:center; background:#fff; border-bottom:1px solid #eef2f7; position:sticky; top:0; z-index:30; }
.h5-sortbar a,
.h5-sortbar button { flex:1; height:44px; line-height:44px; text-align:center; font-size:14px; color:#333; background:none; border:0; padding:0; }
.h5-sortbar a.on,
.h5-sortbar button.on { color:#4e6ef2; font-weight:600; }
.h5-sortbar-area button { color:#4e6ef2; }

.h5-filter-mask,
.h5-consult-mask { position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(15,23,42,.45); z-index:10020; display:none; }
.h5-filter-sheet,
.h5-consult { position:fixed; left:0; right:0; bottom:0; z-index:10021; background:#fff; border-radius:16px 16px 0 0; display:none; max-height:78vh; overflow:auto; box-sizing:border-box; }
.h5-filter-mask.on,
.h5-filter-sheet.on,
.h5-consult-mask.on,
.h5-consult.on { display:block; }
.h5-filter-head,
.h5-consult-head { display:flex; align-items:center; justify-content:space-between; height:48px; padding:0 16px; border-bottom:1px solid #eef2f7; position:sticky; top:0; background:#fff; }
.h5-filter-head strong,
.h5-consult-head strong { font-size:16px; color:#1f2937; }
.h5-filter-head button,
.h5-consult-head button { width:44px; height:44px; border:0; background:none; font-size:22px; color:#98a2b3; }
.h5-filter-body { padding:8px 16px 24px; }
.h5-filter-body p { margin:12px 0 8px; font-size:13px; color:#667085; }
.h5-filter-tags { display:flex; flex-wrap:wrap; gap:8px; }
.h5-filter-tags a { display:inline-flex; align-items:center; min-height:36px; padding:0 12px; border-radius:8px; background:#f4f7fb; color:#344054; font-size:13px; }
.h5-filter-tags a.on { background:#e8eeff; color:#4e6ef2; }

.h5-consult { padding-bottom:16px; }
.h5-consult form { padding:12px 16px 0; }
.h5-consult input[type="text"] { display:block; width:100%; height:44px; margin-top:10px; padding:0 12px; border:1px solid #d9e2ef; border-radius:8px; box-sizing:border-box; font-size:15px; background:#fff; }
.h5-consult button[type="submit"] { width:100%; height:44px; margin-top:14px; border:0; border-radius:22px; background:#4e6ef2; color:#fff; font-size:16px; }
.h5-consult-tips { min-height:18px; margin-top:8px; font-size:12px; color:#d14343; }
.h5-consult-notes { margin:12px 16px 0; padding:0; list-style:none; }
.h5-consult-notes li { position:relative; padding:6px 0 6px 14px; font-size:13px; color:#667085; line-height:20px; }
.h5-consult-notes li:before { content:""; position:absolute; left:0; top:13px; width:6px; height:6px; border-radius:50%; background:#4e6ef2; }

.h5-search-tabs { display:flex; background:#fff; border-bottom:1px solid #eef2f7; }
.h5-search-tabs a { flex:1; height:44px; line-height:44px; text-align:center; color:#344054; font-size:14px; }
.h5-search-tabs a.on { color:#4e6ef2; font-weight:600; box-shadow:inset 0 -2px 0 #4e6ef2; }

.h5-card-actions { display:flex; gap:8px; padding:0 12px 12px; }
.h5-card-actions a { flex:1; height:36px; line-height:36px; text-align:center; border-radius:8px; font-size:13px; }
.h5-card-consult { background:#4e6ef2; color:#fff; }

.PageSellList1 .h5-sell-meta { display:flex; align-items:center; gap:6px; margin-top:4px; font-size:12px; color:#667085; }
.PageSellList1 .h5-sell-meta b { color:#4e6ef2; font-weight:600; }

.ex_footer_menu ul li { width:20%; }

.h5-my-shortcuts { display:flex; background:#fff; margin:10px 12px; border-radius:12px; overflow:hidden; }
.h5-my-shortcuts a { flex:1; min-height:72px; display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:13px; color:#1f2937; }
.h5-my-shortcuts i { font-size:22px; color:#4e6ef2; line-height:1; margin-bottom:6px; }

.SellShowDetail .SellEmpty,
.h5-empty { padding:24px 12px; text-align:center; color:#98a2b3; font-size:13px; }
.PageSellTab ul { display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.PageSellTab li { flex:0 0 auto; }
.SellStaff ul { display:flex; flex-wrap:wrap; gap:8px; padding:0 12px 12px; }
.SellStaff li { width:calc(50% - 4px); background:#fff; border-radius:8px; }
.SellStaff a { display:flex; gap:8px; padding:8px; }
.SellStaff .image { width:48px; height:48px; border-radius:50%; overflow:hidden; flex-shrink:0; }
.SellStaff .image img { width:100%; height:100%; object-fit:cover; }
.SellStaff h3 { font-size:14px; margin:0; }
.SellStaff em,
.SellStaff p { display:block; font-size:12px; color:#667085; font-style:normal; }
.FeeRefund { margin: 8px 12px 0; font-size: 12px; line-height: 18px; color: #c2410c; }
.FeeMeta { display:flex; flex-wrap:wrap; gap:6px; margin:8px 12px 0; }
.FeeMeta em { display:inline-flex; align-items:center; height:24px; padding:0 8px; border-radius:4px; background:#fff4e8; color:#c2410c; font-size:12px; font-style:normal; }
.course-chips { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0; }
.course-chips em { display:inline-block; padding:2px 8px; border-radius:4px; background:#eef3ff; color:#4e6ef2; font-size:12px; font-style:normal; }
.course-thumbs { display:flex; gap:6px; overflow-x:auto; padding:8px 0; }
.course-thumbs img { width:56px; height:56px; object-fit:cover; border-radius:6px; border:1px solid transparent; }
.course-thumbs img.on { border-color:#4e6ef2; }
.SellMap iframe { width:100%; height:200px; border:0; background:#f4f7fb; }
.indexBanner img,
.indexBanner .slide img { width:100%; height:100%; object-fit:contain; object-position:center; display:block; background:#f5f6f9; }
.indexHotCity a { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; text-align:center; padding:0 .04rem; box-sizing:border-box; }

/* 长文先收起，展开后可再收起 */
.js-h5-expand.is-fold { position:relative; overflow:hidden; }
.js-h5-expand.is-fold:after { content:""; position:absolute; left:0; right:0; bottom:0; height:96px; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 78%); }
.content.js-h5-expand.is-fold:after { background:linear-gradient(180deg, rgba(245,246,249,0) 0%, #f5f6f9 78%); }
.h5-expand-bar { position:relative; z-index:2; margin-top:-52px; padding:16px 0 4px; text-align:center; }
.h5-expand-bar.is-open { margin-top:0; padding:8px 0 4px; }
.h5-expand-btn { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:0 8px; color:#4e6ef2; font-size:15px; line-height:22px; }
.h5-expand-btn em { margin-left:4px; font-style:normal; font-size:12px; }

.h5-card-actions .js-compare { border:1px solid #4e6ef2; color:#4e6ef2; background:#fff; }
.h5-card-actions .js-compare.on { background:#eef3ff; }
.CompareBtn { display:inline-block; margin-left:8px; padding:0 10px; height:28px; line-height:28px; border:1px solid #4e6ef2; border-radius:6px; color:#4e6ef2; font-size:12px; }
.CompareBtn.on { background:#eef3ff; }

.CompareBar { display:none; position:fixed; left:.16rem; right:.16rem; bottom:1.16rem; z-index:6055; }
.CompareBarInner { background:#fff; border-radius:.16rem; box-shadow:0 4px 16px rgba(15,23,42,.14); padding:.16rem; }
.CompareBarTabs { display:flex; gap:.12rem; margin-bottom:.12rem; }
.CompareBarTabs a { flex:1; text-align:center; line-height:.56rem; border-radius:.08rem; background:#f5f6f9; color:#667085; font-size:.24rem; }
.CompareBarTabs a.on { background:#eef3ff; color:#4e6ef2; }
.CompareBarList { display:flex; gap:.12rem; margin:0; padding:0; list-style:none; }
.CompareBarSlot { flex:1; height:1.1rem; border:1px dashed #d0d5dd; border-radius:.1rem; position:relative; overflow:hidden; background:#f8fafc; }
.CompareBarSlot a { display:block; padding:.1rem; color:#344054; font-size:.22rem; }
.CompareBarSlot img { display:none; }
.CompareBarSlot em { font-style:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.CompareBarSlot.is-empty { display:flex; align-items:center; justify-content:center; color:#c5cdd6; }
.CompareBarSlot .js-compare-del { position:absolute; right:2px; top:0; color:#98a2b3; }
.CompareBarAct { display:flex; align-items:center; gap:.16rem; margin-top:.12rem; }
.CompareBarGo { flex:1; height:.64rem; line-height:.64rem; text-align:center; background:#4e6ef2; color:#fff; border-radius:.1rem; }
.CompareBarGo.is-off { background:#d0d5dd; pointer-events:none; }
.CompareBarClear, .CompareBarClose { color:#667085; font-size:.24rem; font-style:normal; }

.ReplyTag { color:#4e6ef2; font-size:.22rem; }
.ComparePage { padding:.2rem; }
.CompareHint, .CompareEmpty { padding:.3rem; background:#fff; border-radius:.16rem; color:#667085; text-align:center; margin-bottom:.2rem; }
.CompareShare { margin:0 0 .2rem; padding:.24rem; background:#fff; border-radius:.16rem; }
.CompareShare p { margin:0 0 .16rem; color:#344054; font-size:.24rem; text-align:left; }
.CompareShareBox { display:flex; gap:.12rem; }
.CompareShareBox input { flex:1; min-width:0; height:.64rem; padding:0 .16rem; border:1px solid #d0d5dd; border-radius:.08rem; color:#1f2937; background:#fff; font-size:.22rem; }
.CompareShareBox button, a.CompareShareTake { height:.64rem; padding:0 .2rem; border:0; border-radius:.08rem; background:#4e6ef2; color:#fff; font-size:.24rem; }
a.CompareShareTake { display:inline-block; line-height:.64rem; margin:0 0 .16rem; }
.CompareTableWrap { overflow-x:auto; background:#fff; border-radius:.16rem; }
.CompareTable { border-collapse:collapse; min-width:640px; }
.CompareTable th, .CompareTable td { border:1px solid #eef2f7; padding:.2rem .16rem; vertical-align:top; text-align:center; font-size:.24rem; }
.CompareTable th { width:1.4rem; background:#f8fafc; color:#667085; font-weight:400; position:sticky; left:0; z-index:1; }
.CompareTable td { min-width:2.4rem; }
.CompareTable td.is-best { background:#f4f8ff; }
.CompareTable td em { display:inline-block; margin-left:4px; padding:0 6px; background:#4e6ef2; color:#fff; border-radius:4px; font-style:normal; font-size:.2rem; }
.CompareCard img { width:1.2rem; height:1.2rem; object-fit:cover; border-radius:.1rem; }
.CompareCard strong { display:block; margin-top:.1rem; }
.CompareRemove { display:block; margin-top:.1rem; color:#98a2b3; }
.ComparePrice { color:#ee2e2c; }
.CompareGo, .CompareAsk { display:inline-block; min-width:1.2rem; line-height:.56rem; margin:0 4px; border-radius:.08rem; border:1px solid #4e6ef2; color:#4e6ef2; }
.CompareAsk { background:#4e6ef2; color:#fff; }

.DimScore { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 0; }
.DimScore span { display:inline-flex; align-items:center; padding:2px 8px; background:#f4f7fb; border-radius:4px; color:#667085; font-size:12px; }
.DimScore b { margin-left:4px; font-weight:600; color:#ff8400; }

.MatchPage { padding:.24rem; }
.MatchHead { background:#fff; border-radius:.16rem; padding:.28rem; margin-bottom:.2rem; }
.MatchHead h1 { font-size:.36rem; margin:0 0 .12rem; }
.MatchHead p { margin:0; color:#667085; font-size:.24rem; }
.MatchHead em { display:inline-block; margin:0 .08rem .08rem 0; padding:.04rem .12rem; background:#eef3ff; color:#4e6ef2; border-radius:.2rem; font-style:normal; }
.MatchRedo { display:inline-block; margin-top:.12rem; color:#4e6ef2; font-size:.26rem; }
.MatchQuiz { background:#fff; border-radius:.16rem; padding:.28rem; }
.MatchStep.is-hide { display:none; }
.MatchProg { color:#98a2b3; font-size:.24rem; margin-bottom:.12rem; }
.MatchQuiz h2 { font-size:.34rem; margin:0 0 .12rem; }
.MatchHint { color:#667085; font-size:.24rem; margin:0 0 .2rem; }
.MatchOpts { display:flex; flex-direction:column; gap:.16rem; }
.MatchOpt { height:.88rem; border:1px solid #e5e8f1; border-radius:.12rem; background:#fff; color:#344054; font-size:.3rem; }
.MatchOpt.on { border-color:#4e6ef2; color:#4e6ef2; background:#eef3ff; }
.MatchBack { margin-top:.2rem; border:0; background:none; color:#667085; font-size:.26rem; }
.MatchSec { margin-top:.2rem; }
.MatchSec h2 { font-size:.3rem; margin:0 0 .12rem; padding:0 .04rem; color:#1f2937; }
.MatchList { display:flex; flex-direction:column; gap:.16rem; }
.MatchCard { display:flex; gap:.16rem; background:#fff; border-radius:.16rem; padding:.16rem; color:#1f2937; }
.MatchCard .image img { width:1.8rem; height:1.2rem; object-fit:cover; border-radius:.1rem; background:#f5f6f9; }
.MatchCard strong { display:block; font-size:.28rem; }
.MatchCard p { margin:.08rem 0; color:#4e6ef2; font-size:.22rem; }
.MatchCard span { color:#ee2e2c; font-size:.28rem; }
.MatchCard em { display:block; color:#667085; font-size:.22rem; font-style:normal; }
.MatchOrg span { color:#344054; }
.MatchEmpty { padding:.4rem; text-align:center; color:#667085; background:#fff; border-radius:.16rem; }
.MatchClue { background:#fff; border-radius:.16rem; padding:.28rem; margin-top:.2rem; }
.MatchClue strong { display:block; font-size:.32rem; margin-bottom:.16rem; }
.MatchClue input { display:block; width:100%; height:.8rem; margin-top:.12rem; padding:0 .16rem; border:1px solid #d9e2ef; border-radius:.12rem; box-sizing:border-box; }
.MatchClue button { width:100%; height:.8rem; margin-top:.2rem; border:0; border-radius:.4rem; background:#4e6ef2; color:#fff; font-size:.3rem; }
.ComplaintPage { margin:12px; padding:16px; background:#fff; border-radius:12px; }
.ComplaintPage h1 { font-size:18px; margin:0 0 8px; }
.ComplaintPage p { color:#667085; font-size:13px; }
.ComplaintPage input, .ComplaintPage select, .ComplaintPage textarea { width:100%; box-sizing:border-box; margin:6px 0 12px; border:1px solid #d9e2ef; border-radius:8px; padding:10px; }
.ComplaintPage button { width:100%; height:44px; border:0; border-radius:22px; background:#ee2e2c; color:#fff; font-size:16px; }
.HomeComplaint { color:#98a2b3; font-size:12px; }