撑高 20px 溢出 .boutique-top 的 50px 框、压乱下方列表第一条。 列表容器改用独立类名 .xc-side-news，标题恢复 50px 不再溢出。 */ .xc-side-news { padding: 10px 14px; } .xc-side-news ul { list-style: none; margin: 0; padding: 0; } .xc-side-news li { border-bottom: 1px dashed #eee; padding: 8px 0; } .xc-side-news li:last-child { border-bottom: 0; } .xc-side-news li a { color: #333; font-size: 13px; line-height: 1.6; text-decoration: none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xc-side-news li a:hover { color: #e4393c; } /* 版块标题双
是浮动元素：border-box 保证将来加 padding 也不会撑破 50px 高度溢出到内容区 */ .boutique-top p { box-sizing: border-box; } /* ---------- 详情页补充 ---------- */ /* 2026-10-24 v16 兼容：flex+gap 改浮动（IE11 不支持 flex gap 会贴死；float+margin 全引擎一致） */ .xc-course-grid { list-style: none; margin: 0; padding: 0; display: block; } .xc-course-grid::after { content: ''; display: block; clear: both; } .xc-course-grid li { float: left; width: 176px; margin: 0 14px 14px 0; } .xc-course-grid li a { text-decoration: none; display: block; } .xc-course-grid img { width: 176px; height: 118px; object-fit: cover; display: block; border-radius: 4px; } .xc-course-grid .t { color: #333; font-size: 13px; margin: 6px 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xc-course-grid .p { color: #e4393c; font-size: 14px; font-weight: 700; margin: 0; } .xc-contact-list { list-style: none; margin: 0; padding: 10px 4px; } .xc-contact-list li { line-height: 32px; color: #666; font-size: 14px; border-bottom: 1px dashed #eee; } .xc-contact-list li:last-child { border-bottom: 0; } .xc-contact-list b { color: #333; font-weight: normal; } /* 2026-10-24 课程详情内容区美化：tab 导航、正文排版、信息栏卡片化 */ .school_left #state .state-nav ul { display: flex; border-bottom: 2px solid #f0f0f0; height: 48px; margin-bottom: 0; } .school_left #state .state-nav ul li { width: auto; flex: 0 0 auto; padding: 0 22px; margin-bottom: 0; height: 46px; line-height: 46px; border-bottom: 2px solid transparent; margin-bottom: -2px; } .school_left #state .state-nav ul li a { font-size: 16px; color: #666; transition: color .15s; } .school_left #state .state-nav ul li:hover a { color: #eb3d31; } .school_left #state .state-nav ul .active { border-bottom-color: #eb3d31; } .school_left #state .state-nav ul .active a { color: #eb3d31; font-weight: 700; } .school_left #state .state-tab { padding: 16px 4px 4px; font-size: 14px; line-height: 28px; color: #444; } .school_left #state .state-tab p { margin: 0 0 12px; text-indent: 2em; text-align: justify; } .school_left #state .state-tab p:last-child { margin-bottom: 0; } .school_left #state .state-tab b { color: #eb3d31; } /* 资料区信息列表：两列、标签弱化、数值突出，行底细分隔 */ .school_left .det-xm .qita { margin: 4px 0 0; } .school_left .det-xm .qita li { line-height: 34px; border-bottom: 1px dashed #f0f0f0; color: #999; } .school_left .det-xm .qita li span { color: #333; font-weight: 600; } .school_left .det-xm .qita li i { color: #e4393c; font-style: normal; } .school_left .det-xm .qita li:nth-child(2n+1) { padding-right: 24px; } .school_left .det-xm .qita li:nth-child(2n) { padding-left: 24px; border-left: 1px dashed #f0f0f0; } .xc-recipe-cover { text-align: center; margin: 14px 0; } .xc-recipe-cover img { max-width: 560px; width: 100%; border-radius: 6px; } .xc-recipe-summary { background: #faf7f2; border: 1px solid #f0e6d8; border-radius: 4px; padding: 10px 14px; color: #666; line-height: 26px; } .xc-recipe-h { font-size: 18px; color: #333; margin: 22px 0 10px; padding-left: 10px; border-left: 4px solid #e4393c; } /* 2026-10-24 所需食材分组行（主料/辅料/调料）：原 33.33% 窄列致「调料」长内容折行拥挤， 改为整行「标签徽章 + 内容」，长内容单行放得下、折行也对齐整齐 */ .xc-recipe-ings { list-style: none; padding: 6px 16px; margin: 0; display: block; background: #faf7f2; border: 1px solid #f0e6d8; border-radius: 4px; } .xc-recipe-ings li { display: flex; align-items: flex-start; line-height: 30px; color: #555; font-size: 14px; border-bottom: 1px dashed #eadfd0; } .xc-recipe-ings li:last-child { border-bottom: none; } .xc-ing-tag { flex: none; min-width: 40px; text-align: center; margin: 6px 12px 0 0; padding: 0 6px; line-height: 18px; font-style: normal; font-size: 12px; color: #fff; background: #e4393c; border-radius: 3px; } .xc-ing-txt { flex: 1; min-width: 0; padding-bottom: 2px; } .xc-recipe-steps { padding-left: 0; margin: 0; list-style: none; } .xc-recipe-steps li { line-height: 28px; color: #444; font-size: 14px; margin-bottom: 12px; } .xc-recipe-steps li b { display: inline-block; background: #e4393c; color: #fff; font-size: 12px; padding: 1px 8px; border-radius: 10px; margin-right: 8px; } .xc-recipe-tips { background: #fffaf0; border: 1px dashed #f0d8a8; border-radius: 4px; padding: 10px 14px; color: #8a6d3b; line-height: 26px; } /* 2026-10-24 相关菜谱推荐：标题统一为 .boutique-top（与其他栏目一致），列表由原型整行占位（li 210px/img 320px） 改一行 3 列网格；标题移到图下方（图面黑条白字在 248px 小图上可读性差，与课程详情同类推荐版式统一）。 注意原型 .boutique-img/.boutique-name/.boutique-content ul li 的固定宽高与绝对定位，须在作用域内逐属性覆盖 */ .xc-rel-recipes .boutique-top { width: 100%; } .xc-rel-recipes .boutique-content ul { display: block; margin: 0; padding: 0; list-style: none; } .xc-rel-recipes .boutique-content ul li { float: left; width: 32%; margin: 18px 0 0 2%; height: auto; padding: 0; cursor: default; } .xc-rel-recipes .boutique-content ul li:nth-child(3n+1) { margin-left: 0; clear: left; } .xc-rel-recipes .boutique-img { position: relative; width: 100%; height: auto; margin: 0; overflow: hidden; border-radius: 4px; font-size: 0; line-height: 0; } .xc-rel-recipes .boutique-img a { display: block; } .xc-rel-recipes .boutique-img img { width: 100%; height: 150px; object-fit: cover; display: block; transition: all .8s; } .xc-rel-recipes .boutique-img img:hover { opacity: .7; transform: scale(1.1); } .xc-rel-recipes .boutique-name { position: static; margin: 8px 0 0; padding: 0; height: auto; background: none; font-size: 14px; line-height: 1.4; font-weight: 600; color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; white-space: normal; } .xc-rel-recipes .boutique-name a { color: #333; text-decoration: none; } .xc-rel-recipes .boutique-name a:hover { color: #db4339; } .xc-rel-recipes .xc-rel-meta { margin: 4px 0 0; font-size: 12px; line-height: 18px; color: #999; } @media (max-width: 768px) { .xc-rel-recipes .boutique-content ul li { width: 48.8%; margin-left: 2.4%; } .xc-rel-recipes .boutique-content ul li:nth-child(3n+1) { margin-left: 2.4%; clear: none; } .xc-rel-recipes .boutique-content ul li:nth-child(odd) { margin-left: 0; clear: left; } .xc-rel-recipes .boutique-img img { height: 110px; } } /* 2026-10-24 菜谱列表右栏「最新新闻」（原「热门菜谱」位置改为新闻列表；菜谱详情右栏同款复用） */ .xc-side-news { padding: 10px 12px; background: #fff; border: 1px solid #eee; } .xc-side-news ul { list-style: none; margin: 0; padding: 0; } .xc-side-news li { display: flex; align-items: center; line-height: 34px; font-size: 13px; border-bottom: 1px dotted #f0f0f0; } .xc-side-news li:last-child { border-bottom: none; } .xc-side-news li i { flex: none; width: 16px; height: 16px; line-height: 16px; text-align: center; font-style: normal; font-size: 11px; color: #fff; background: #bbb; border-radius: 2px; margin-right: 8px; } .xc-side-news li i.hot { background: #db4339; } .xc-side-news li a { flex: 1; min-width: 0; color: #555; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xc-side-news li a:hover { color: #eb3d31; } .xc-side-news li span { flex: none; margin-left: 8px; font-size: 12px; color: #999; } /* 2026-10-24 列表/楼层图片统一 cover 裁切：封面源图比例不一（1.18~1.82），原型固定宽高且无 object-fit （默认 fill）会把食物图拉伸变形——菜谱列表/课程列表(含学校列表)/全国+城市首页楼层/首页加盟模块/推荐项目 */ .case-lists ul li h4 img { object-fit: cover; } .mainsrp-img img { object-fit: cover; } .list_2 .clr_img img { object-fit: cover; } #pxkw_info .pxkw_wrap img { object-fit: cover; } .einli2 li img { object-fit: cover; } .recommend-img img { object-fit: cover; } /* 2026-10-24 菜谱列表两按钮改一行：文字列仅 150px 放不下 112+90（「查看做法」被挤到第二行、内容溢出卡片 19px）； 按钮容器左移 40px 借图片右侧空间、flex 定宽 202px 恰好并排（210~412px，卡片内容右缘 413px 内） */ .case-lists ul li div .x-sworks-item-list-mk-btn { display: flex; width: 202px; margin-left: -40px; } .case-lists ul li div .x-sworks-item-list-mk-btn a { float: none; flex: none; } .case-lists ul li div .x-sworks-item-list-mk-btn a.x-sworks-item-list-mk-btn-left { margin-left: 0; } /* 2026-10-24 课程/学校列表卡片间距：原型 border-top:none 共享边框、0 间距糊成一片； 改独立卡片 + 12px 间距，列表层次更清晰 */ .mainsrp_li { border: 1px solid #e6e6e6; margin-bottom: 12px; } /* 2026-10-24 跨浏览器兼容（360 兼容内核/IE）： ① 原型 .school_school 用 flex + gap:30px，IE11 等不支持 flex gap 会致左右栏贴死—— 改 margin-right 实现同款间距（全引擎一致）；grid 布局全部改为浮动百分比（见下方各列表规则）， 老内核忽略 grid 声明会整列掉行成「一行一条」； ② head.ejs 的 X-UA-Compatible 已加 chrome=1，360 浏览器会优先走极速内核 */ .school_school { gap: 0; } .school_left { margin-right: 30px; } /* 2026-10-24 列表双列兼容方案（360/IE 兼容内核不支持 CSS grid，grid 会被忽略致整列掉行成「一行一条」）： 菜谱列表 + 餐饮加盟列表统一改**浮动百分比双列**（IE6+ 全引擎支持），卡片随容器伸缩； ≥1240px 桌面观感与原型一致（415px 卡片、图文左右排），1101~1239px 列表宽跟随视口 + 内部弹性， ≤1100px 卡片转图上文下结构，任何宽度/内核都稳定一行 2 条。 ⚠️ 盒模型雷坑：li 自带 border/padding，width 百分比默认 content-box 会算出 「48.8%+padding/border」实际占 51%+，两列名义 100% 实际 105% → 第二列被挤下去（v16 实测掉行）。 故必须 box-sizing:border-box，并留 0.4% 余量（48.6%+2.4%=99.6%）防老引擎取整溢出 */ .case-lists ul { width: auto; display: block; margin-left: 0; } .case-lists ul li { float: left; width: 48.6%; margin: 10px 0 0 2.4%; height: auto; min-height: 191px; box-sizing: border-box; } .case-lists ul li:nth-child(odd) { margin-left: 0; clear: left; } /* 视口 <1240px：整页原型固定 1200px 会横向溢出致第二列不可见，列表宽跟随视口（保底 440px） */ @media (max-width: 1239px) { .case-lists ul { width: max(calc(100vw - 430px), 440px); } .case-lists ul li h4 { width: 165px; } .case-lists ul li h4 img { width: 180px; height: 136px; } .case-lists ul li div { width: auto; margin-left: 16px; } .case-lists ul li div p { width: auto; } .case-lists ul li div .x-sworks-item-list-mk-btn { width: auto; margin-left: 0; flex-wrap: wrap; row-gap: 6px; } /* IE11 不支持 flex row-gap：换行时用 margin-bottom 等价补距 */ .case-lists ul li div .x-sworks-item-list-mk-btn a { margin-right: 8px; margin-bottom: 6px; } } @media (max-width: 1100px) { .case-lists ul li h4 { float: none; width: 100%; padding: 12px 12px 0; } .case-lists ul li h4 img { width: 100%; height: 130px; } .case-lists ul li div { float: none; width: auto; margin: 0; padding: 0 12px 12px; } .case-lists ul li div .x-sworks-item-list-mk-btn { width: auto; margin-left: 0; } } /* 餐饮加盟列表：原型 ul 固定 870px 刚好并排 2 个 435px 卡片（393+10*2+1*2+20）， 引擎差异/缩放/窄窗都会让第二列掉行；改浮动百分比双列 + 同样的响应式断点。 盒模型同上：li 有 padding:10px + border，必须 box-sizing:border-box + 48.6% 余量 */ .xm-main { float: none; width: auto; } .xm-list { width: auto; margin-left: 0; } .xm-list li { float: left; width: 48.6%; margin: 20px 0 0 2.4%; height: auto; min-height: 180px; box-sizing: border-box; } .xm-list li:nth-child(odd) { margin-left: 0; clear: left; } @media (max-width: 1239px) { .xm-list { width: max(calc(100vw - 430px), 440px); } .xm-list .top .r { float: none; width: auto; margin-left: 182px; } .xm-list .bot span { width: auto; float: none; } } @media (max-width: 1100px) { .xm-list .top { height: auto; padding-bottom: 10px; } .xm-list .top img { float: none; width: 100%; height: 130px; margin: 0 0 8px; } .xm-list .top .r { float: none; width: auto; margin-left: 0; } } .xc-news-tags { margin-top: 20px; } .mt10 { margin-top: 10px !important; } /* datum 主图默认隐藏的覆盖：首图显示 */ .reveal img.on { display: block !important; } /* ---------- 新闻详情留资表单（对齐原型 jm_news_article.htm：背景横幅 + 黄字大标题 + 三横排输入 + 黄色按钮） ---------- */ .details-form.pcdetail-form { width: 100%; height: 200px; padding: 0; background: #a5a5a5; border: 0; border-radius: 0; overflow: visible; position: relative; } .details-form.pcdetail-form .form-box { width: 100%; height: 100%; padding: 0; border: 0; background: #a5a5a5; } .details-form.pcdetail-form .form-header { width: 100%; height: 100%; padding: 0; border: 0; background: #a5a5a5; position: relative; overflow: hidden; } .details-form.pcdetail-form .form-header img { display: block; width: 100%; height: 200px; position: absolute; left: 0; bottom: 0; opacity: 1; object-fit: cover; } /* 背景图为浅灰抽象底图，加一层左深右浅的渐变遮罩保证黄/白文字可读 */ .details-form.pcdetail-form .form-header-mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .42) 55%, rgba(0, 0, 0, .10) 100%); } .details-form.pcdetail-form .form-position { position: absolute; left: 0; } .details-form.pcdetail-form .form-position.pH2 { width: auto; height: 30px; margin: 0 0 0 32px; top: 21px; font-size: 30px; line-height: 30px; text-align: left; color: #ffff00; } .details-form.pcdetail-form .form-position.pH3 { width: auto; margin: 0 0 0 32px; top: 56px; font-size: 16px; line-height: 22px; text-align: left; color: #fff; } .details-form.pcdetail-form .detail-forms { position: absolute; bottom: 40px; left: 32px; } .details-form.pcdetail-form .detail-forms .form-tips { margin: 0 0 2px; font-size: 14px; line-height: 20px; text-align: left; color: #fff; } .details-form.pcdetail-form .detail-forms .details-group { height: 40px; margin: 10px 60px 0 0; } .details-form.pcdetail-form .detail-forms .details-group .common-form { width: 100%; min-width: 0; margin: 0; } .details-form.pcdetail-form .detail-forms .common-input { width: 100%; height: 40px; padding: 0 10px; font-size: 14px; line-height: 40px; color: #333; border: 1px solid #fff; border-radius: 2px; background: #fff; float: none; } .details-form.pcdetail-form .detail-forms .details-form-button { width: 96px; min-width: 96px; height: 40px; margin: 10px 0 0 60px; display: inline-block; float: left; font-size: 16px; line-height: 40px; text-align: center; color: #fff; border: 0; border-radius: 2px; background: #ffcc00; cursor: pointer; } .details-form.pcdetail-form .detail-forms .details-form-button:hover { background: #f5c400; } /* ---------- 注册/找回密码页：清除浮动 + 内容居中收窄 ---------- */ .passbody::after { content: ''; display: block; clear: both; } #regleft { margin-bottom: 40px; } /* ---------- 全站头部下拉与城市切换修复 ---------- */ .fn-hide { display: none !important; } /* #LogoNav 提升到高于首页各楼层（部分楼层 z-index 高达 1000）， 确保「切换城市」悬浮框不被导航栏/banner/楼层遮住 */ #LogoNav { position: relative; z-index: 2000; } #sNav { position: relative; z-index: 55; } .topWebs { position: relative; margin-left: 12px; margin-top: 10px; } .topWebWrap { position: relative; float: left; } .topWebList { position: static !important; overflow: visible !important; } .topWebList .webMoredown { z-index: 999 !important; } .webMoredown ul li a.xc-city-cur { color: #db4339; font-weight: 700; } /* ---------- 切换城市弹框：热门 + 五个字母标签 + 简称/拼音搜索 ---------- */ .topWebList .webMoredown { position: absolute !important; top: 100% !important; left: 0 !important; z-index: 9999 !important; width: 468px; padding: 0; max-height: 72vh !important; overflow-x: hidden !important; overflow-y: auto !important; } .xc-citypick { font-size: 13px; } .xc-cp-search { padding: 10px 12px 8px; } .xc-cp-search input { width: 100%; height: 32px; box-sizing: border-box; border: 1px solid #e0e0e0; border-radius: 3px; padding: 0 10px; font-size: 13px; color: #333; outline: none; background: #fafafa; } .xc-cp-search input:focus { border-color: #db4339; background: #fff; } .xc-cp-tabs { padding: 0 8px; border-bottom: 1px solid #eee; white-space: nowrap; overflow-x: auto; } .xc-cp-tab { display: inline-block; padding: 7px 8px; color: #666; cursor: pointer; border-bottom: 2px solid transparent; line-height: 1.2; } .xc-cp-tab:hover { color: #db4339; } .xc-cp-tab.cur { color: #db4339; font-weight: 700; border-bottom-color: #db4339; } .xc-cp-body { padding: 10px 12px 12px; } .xc-cp-pane a { display: inline-block; min-width: 68px; margin: 0 8px 6px 0; padding: 4px 8px; border: 1px solid #f0f0f0; border-radius: 3px; background: #fafafa; color: #333; text-decoration: none; line-height: 1.4; } .xc-cp-pane a:hover { border-color: #db4339; color: #db4339; background: #fff; } .xc-cp-pane a .s { display: inline-block; margin-left: 4px; font-size: 11px; color: #999; } .xc-cp-pane a:hover .s { color: #db4339; } .xc-cp-pane a.xc-city-cur { border-color: #db4339; color: #db4339; font-weight: 700; background: #fff5f4; } .xc-cp-pane a.xc-cp-nat { min-width: 0; font-weight: 700; } .xc-cp-empty { padding: 18px 0; text-align: center; color: #999; } .xc-cp-foot { padding: 8px 12px; border-top: 1px solid #eee; text-align: right; background: #fafafa; } .xc-cp-foot a { color: #666; text-decoration: none; font-size: 12px; } .xc-cp-foot a:hover { color: #db4339; } .xc-logo { display: flex; align-items: center; text-decoration: none; } /* IE11 不支持 flex gap：LOGO 图标与文字间用 margin 等价补距 */ .xc-logo .xc-logo-ico { margin-right: 12px; } .xc-logo-ico { width: 44px; height: 44px; margin-right: 8px; } .xc-logo-txt b { display: block; font-size: 24px; color: #db4339; line-height: 1.2; letter-spacing: 1px; } .xc-logo-txt i { display: block; font-style: normal; font-size: 12px; color: #999; letter-spacing: 3px; } /* ---------- 右侧悬浮（找项目 + TOP，原型 .fixrightbox，定位沿用原型 CSS） ---------- */ .fixrightbox .selectbox a, .fixrightbox .gotop p { text-decoration: none; } .fixrightbox .gotop:hover { filter: brightness(0.92); } /* ---------- banner 左右切换箭头（原型 .prevNext 结构；iconfont 字体缺失，用内联 SVG 箭头兜底） ---------- */ .lunBox-big .prev .iconfont, .lunBox-big .next .iconfont { display: block; width: 30px; height: 68px; margin: 0 !important; font-size: 0 !important; line-height: 0; color: transparent; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: 14px 26px; } .lunBox-big .prev .iconfont:before, .lunBox-big .next .iconfont:before { content: none !important; } .lunBox-big .prev .iconfont { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E"); } .lunBox-big .next .iconfont { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E"); } .lunBox-big .prev, .lunBox-big .next { cursor: pointer; } /* ---------- 看点·热点版块细节修正 ---------- */ /* 菜谱大全 jbbjDl：dt/dd 均浮动，原型未清除导致条目重叠 */ .lryCont01 .jbbjDl { overflow: hidden; } .lryCont01 .kj_xl { overflow: hidden; } .lryCont01 .ylcy_box { overflow: hidden; } /* 加盟新闻 3 张小图卡右侧标题：单行显示，超出省略号（原型缺 nowrap/ellipsis 导致长标题换两行） */ .lryCont01 .ylcy_box dd span, .lryCont01 .ylcy_box dd span a, .lryCont01 .ylcy_box dd span strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ---------- 左侧楼层导航（分站首页 .floor-nav，样式取自原型 main.css） ---------- */ .floor-nav { display: none; height: auto; width: 50px; text-align: center; position: fixed; top: 50%; margin-top: -200px; right: 50%; margin-right: 610px; color: #fff; z-index: 11; } .floor-nav.show { display: block; } .floor-nav .scroll-nav { display: inline-block; background-color: rgba(0,0,0,0.4); width: 30px; height: 30px; text-align: center; font-size: 12px; line-height: 16px; padding: 5px 5px 5px 5px; cursor: pointer; border-top: 1px solid #fff; color: #fff; } .floor-nav .scroll-nav.active { color: #fff; background: #db4339; font-weight: bold; } .floor-nav .scroll-nav:hover { background: #c81623; } @media screen and (max-width: 1260px) { .floor-nav { right: auto; left: 4px; margin-right: 0; } } /* ---------- 头部三区统一：搜索区 / 电话区 绝对定位（全国站=分站=子页 位置一致） ---------- */ #topnav { position: relative; } .sec-wrap, .topSearch { position: absolute !important; left: 340px !important; top: 26px !important; width: 580px !important; margin: 0 !important; float: none !important; overflow: visible !important; } /* 子页 tab 行（项目/课程/机构）上浮，与首页 .inner-ull 一致，保证输入框三页同一水平线 */ .topSearch .sea1 { position: absolute; top: -30px; left: 0; width: 580px; height: 24px; } /* ---------- 搜索框 tab 行三页统一（以培训学校等子页 .sSea11/.sSea12 为基准） ---------- 首页/分站原用 .sec-tab（固定 49px 宽 + margin-top:6px，底部紧贴输入框 0 间隙）， 子页用 .sSea11/.sSea12（auto 宽 + 无 margin，底部距输入框 6px）→ 切换页面时搜索区会跳动。 此处把首页/分站也统一为子页基准：tab 底部距输入框 6px、宽度自适应。 */ .inner-ull { position: absolute; top: -30px; left: 0; height: 24px; font-size: 12px; } .inner-ull .sec-tab { width: 49px; margin-top: 0; padding: 0 10px; color: #999; } .inner-ull .sec-tab-active { color: #fff; background-image: linear-gradient(to bottom, #ff8b33 0%, #ed2f2e 100%); } .search-frame { width: 580px !important; } /* ---------- 2026-10-24 头部搜索框全站统一（首页=子页同款） ---------- 子页头部改用与首页完全相同的 .sec-wrap>.search-frame>form.search-wrap 结构； 以下规则复刻首页 index.css/common_qg.css 的表单边框与输入框尺寸（site.css 末加载， 对首页是同值覆盖无变化，对子页则是把 sub/header.css 的 478px 带边框输入框改为同款）； 按钮改绝对定位（float 时 504+78=582>580 会掉行），落点与首页一致 left:502px */ .search-frame { height: 38px; } .search-wrap { width: 500px; height: 34px; border: 2px solid #00a2e9; border-image: linear-gradient(to right, #ff8b33, #ed2f2e) 1 10; } .search-wrap .inner-inp { font-size: 14px; height: 32px; width: 320px; float: left; margin: 0 0 0 1px; border: none; outline: none; color: #999; box-sizing: border-box; padding: 0 10px; } .search-frame .inner-sub { position: absolute; left: 502px; top: 0; float: none; } .topSearch .sea2, .topSearch .sea3 { width: 580px; } .sec-img { position: absolute !important; right: 0 !important; top: 18px !important; margin: 0 !important; float: none !important; } /* ---------- 2026-10-24 头部三问题修复 ---------- ① 登录态「我的中心（积分 N）」分行/错乱：.topLogin 固定 111px 使文字换行溢出 35px 顶栏 （实测文字渲染高 54px）→ 登录态 auto 宽 + 右 padding 给下拉箭头留位； ② 右上角下拉「显示不完整」：#LogoNav z-index:2000 会盖住 .lMoredown（z 12）， 下拉第 2 行起被 LOGO 区白底遮住 → 整条 #top 提到 2001，让顶栏下拉浮于 LOGO 区之上 */ #topbar .topLogin-user { width: auto; } /* 登录态「我的中心（积分 N）」：padding-left 30px 给左侧 16×18 用户图标（left:7px，占 7~23px）留位，防文字遮图标 */ #topbar .topLogin-user > a.lMore { width: auto; min-width: 111px; padding: 0 26px 0 30px; background-position: calc(100% - 12px) 15px; } #top { position: relative; z-index: 2001; } /* 切换城市下拉：不超出视口，超出时可滚动（列表 36 城，原 overflow:hidden 会裁切） */ .webMoredown { max-height: 62vh; overflow-x: hidden; overflow-y: auto; } .sNavRight .nav li a { position: relative; } /* HOT/NEW 角标：完全落在 #sNav 内（#sNav z-index 低于 #LogoNav， 向上溢出会被 LOGO 区盖住），故取消上下浮动动画并下移到导航条内 */ .sNavRight .nav-hot, .sNavRight .nav-new { position: absolute; top: 6px; right: -24px; margin: 0 !important; vertical-align: top; animation: none !important; } /* ---------- 全国城市分站页 /city ---------- */ .xc-city-hero { background: linear-gradient(135deg, #db4339 0%, #ff8b33 100%); color: #fff; padding: 42px 0 38px; } .xc-city-hero h1 { font-size: 34px; margin: 0 0 10px; letter-spacing: 2px; } .xc-city-hero p { font-size: 14px; opacity: .92; margin: 0; } .xc-city-page { padding: 18px 0 40px; } .xc-city-crumb { font-size: 12px; color: #999; padding: 8px 0 14px; } .xc-city-crumb a { color: #666; } .xc-city-crumb a:hover { color: #db4339; } .xc-city-sec { margin-bottom: 34px; } .xc-city-hd { border-bottom: 2px solid #db4339; padding-bottom: 8px; margin-bottom: 16px; position: relative; } .xc-city-hd h2 { display: inline-block; font-size: 20px; color: #333; margin: 0; } .xc-city-hd h2::before { content: ''; display: inline-block; width: 4px; height: 18px; background: #db4339; margin-right: 8px; vertical-align: -2px; } .xc-city-hd-sub { font-size: 12px; color: #bbb; margin-left: 10px; letter-spacing: 1px; } .xc-city-anchor { position: absolute; right: 0; bottom: 8px; } .xc-city-anchor a { display: inline-block; min-width: 22px; text-align: center; font-size: 12px; color: #666; margin-left: 4px; padding: 2px 4px; border: 1px solid #eee; border-radius: 2px; background: #fafafa; } .xc-city-anchor a:hover { color: #fff; background: #db4339; border-color: #db4339; } /* 2026-10-24 v16 兼容：grid 改浮动 4 列（IE/360 兼容内核忽略 grid 会整列堆叠）； 卡片有 padding+border，box-sizing:border-box；23.5%+1.8%×3=99.4% 留取整余量 */ .xc-city-grid { display: block; } .xc-city-grid::after { content: ''; display: block; clear: both; } .xc-city-grid > .xc-city-card { float: left; width: 23.5%; margin: 0 1.8% 14px 0; box-sizing: border-box; } .xc-city-grid > .xc-city-card:nth-child(4n) { margin-right: 0; } .xc-city-card { display: block; border: 1px solid #eee; border-radius: 6px; padding: 14px 16px; text-decoration: none; color: #333; background: #fff; transition: border-color .15s, box-shadow .15s; } .xc-city-card:hover { border-color: #db4339; box-shadow: 0 4px 14px rgba(219, 67, 57, .1); } .xc-city-card .nm { font-size: 18px; font-weight: 700; } .xc-city-card .st { display: inline-block; font-size: 11px; color: #999; border: 1px solid #eee; border-radius: 2px; padding: 0 4px; margin-left: 6px; vertical-align: 2px; } .xc-city-card .pv { display: block; font-size: 12px; color: #999; margin-top: 4px; } .xc-city-card .go { display: block; font-size: 12px; color: #db4339; margin-top: 8px; } .xc-city-card.on { border-color: #db4339; background: #fff7f6; } .xc-city-card.on .nm { color: #db4339; } .xc-letter-row { display: flex; border-bottom: 1px dashed #eee; padding: 12px 0; } .xc-letter-badge { flex: 0 0 44px; height: 44px; line-height: 44px; text-align: center; background: #f5f5f5; border-radius: 6px; font-size: 20px; font-weight: 700; color: #db4339; margin-right: 16px; } .xc-letter-cities { flex: 1; } .xc-city-chip { display: inline-block; min-width: 92px; margin: 0 10px 8px 0; padding: 6px 10px; border: 1px solid #f0f0f0; border-radius: 4px; background: #fafafa; font-size: 14px; color: #333; text-decoration: none; } .xc-city-chip i { font-style: normal; font-size: 11px; color: #999; margin-left: 5px; } .xc-city-chip:hover { border-color: #db4339; color: #db4339; background: #fff; } .xc-city-chip:hover i { color: #db4339; } .xc-city-chip.on { border-color: #db4339; color: #db4339; font-weight: 700; background: #fff5f4; } @media screen and (max-width: 1260px) { /* v16：3 列断点同步改浮动（31.8%+2%×2=99.4%），并复位 4n 右边距 */ .xc-city-grid > .xc-city-card { width: 31.8%; margin: 0 2% 14px 0; } .xc-city-grid > .xc-city-card:nth-child(4n) { margin-right: 2%; } .xc-city-grid > .xc-city-card:nth-child(3n) { margin-right: 0; } } /* ---------- 积分置顶推广卡（学校/课程/品牌详情页右栏） ---------- */ .xc-promo-card { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 16px 18px 18px; margin-bottom: 20px; } .xc-promo-title { font-size: 17px; font-weight: 700; color: #221815; display: flex; align-items: center; margin-bottom: 12px; } .xc-promo-title em { font-style: normal; font-size: 12px; color: #999; font-weight: 400; margin-left: 4px; } .xc-promo-dot { width: 8px; height: 8px; border-radius: 50%; background: #db4339; margin-right: 8px; } .xc-promo-status { font-size: 13px; color: #666; background: #fafafa; border-radius: 6px; padding: 9px 12px; margin-bottom: 10px; line-height: 1.6; } .xc-promo-status b { color: #221815; } .xc-promo-status.on { background: #fff5f4; } .xc-promo-status.on b { color: #db4339; } .xc-promo-price { font-size: 20px; font-weight: 700; color: #db4339; margin-bottom: 12px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; } /* IE11 不支持 flex gap */ .xc-promo-price > * { margin-right: 8px; } .xc-promo-price span { font-size: 12px; font-weight: 400; color: #999; } .xc-promo-price.off { font-size: 13px; color: #999; font-weight: 400; } .xc-promo-row { display: flex; align-items: center; margin-bottom: 10px; } .xc-promo-label { font-size: 13px; color: #666; width: 64px; flex: 0 0 64px; } .xc-promo-qty { width: 76px; height: 34px; border: 1px solid #ddd; border-radius: 4px; padding: 0 8px; font-size: 14px; text-align: center; margin-right: 8px; } .xc-promo-qty:focus { border-color: #db4339; outline: none; } .xc-promo-unit { font-size: 13px; color: #333; } .xc-promo-total { font-size: 18px; color: #db4339; margin-right: 8px; } .xc-promo-balance { font-size: 12px; color: #999; } .xc-promo-balance b { color: #333; } .xc-promo-btn { display: block; width: 100%; height: 40px; border: none; border-radius: 4px; background: linear-gradient(90deg, #e5420f, #db4339); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; text-align: center; line-height: 40px; } .xc-promo-btn:hover { opacity: 0.92; } .xc-promo-btn:disabled { background: #bbb; cursor: default; } .xc-promo-btn.ghost { background: #fff; color: #db4339; border: 1px solid #db4339; } .xc-promo-msg { font-size: 12px; color: #999; margin-top: 8px; min-height: 18px; line-height: 1.5; } .xc-promo-msg.ok { color: #2e9e4f; } .xc-promo-msg.err { color: #e5420f; } .xc-promo-link { display: inline-block; font-size: 12px; color: #999; margin-top: 6px; text-decoration: none; } .xc-promo-link:hover { color: #db4339; } /* ---------- 用户中心 ---------- */ .xc-uc-banner { background: linear-gradient(120deg, #2b1b16 0%, #5a2a20 55%, #7e3a2a 100%) !important; height: 160px; } .xc-uc-cards { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; } /* IE11 不支持 flex gap：卡片间用 margin 等价补距 */ .xc-uc-cards > * { margin: 0 16px 16px 0; } .xc-uc-card { flex: 1 1 220px; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 16px 18px; } .xc-uc-card-label { font-size: 13px; color: #999; margin-bottom: 6px; } .xc-uc-card-value { font-size: 30px; font-weight: 700; color: #db4339; line-height: 1.2; } .xc-uc-card-value.sm { font-size: 16px; color: #221815; line-height: 1.7; } .xc-uc-card-tip { font-size: 12px; color: #999; margin-top: 8px; line-height: 1.6; } .xc-uc-sec { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 16px 18px; margin-bottom: 20px; } .xc-uc-sec h5 { font-size: 16px; font-weight: 700; color: #221815; margin: 0 0 14px; padding-left: 9px; border-left: 3px solid #db4339; } .xc-uc-table-wrap { overflow-x: auto; } .xc-uc-table { width: 100%; border-collapse: collapse; font-size: 13px; } .xc-uc-table th { background: #fafafa; color: #666; font-weight: 400; text-align: left; padding: 9px 10px; border-bottom: 1px solid #eee; white-space: nowrap; } .xc-uc-table td { padding: 10px; border-bottom: 1px solid #f5f5f5; color: #333; white-space: nowrap; } .xc-uc-table tr:hover td { background: #fffaf9; } .xc-uc-table .nm { max-width: 220px; overflow: hidden; text-overflow: ellipsis; } .xc-uc-table .nm a { color: #333; text-decoration: none; } .xc-uc-table .nm a:hover { color: #db4339; } .xc-uc-table .pts { color: #e5420f; font-weight: 700; } .xc-uc-table .pts.plus { color: #2e9e4f; } .xc-uc-table .rmk { max-width: 320px; overflow: hidden; text-overflow: ellipsis; color: #666; } .xc-uc-tag { display: inline-block; padding: 2px 10px; border-radius: 10px; background: #f0f0f0; color: #999; font-size: 12px; } .xc-uc-tag.on { background: #fff0ee; color: #db4339; } .xc-form-row label { display: block; font-size: 13px; color: #666; margin-bottom: 5px; } .xc-us-btn { display: inline-block; padding: 8px 18px; border: 1px solid #dddee3; background: #fff; color: #333; border-radius: 4px; cursor: pointer; font-size: 14px; margin-right: 8px; } .xc-us-btn:hover { border-color: #db4339; color: #db4339; } .xc-us-btn-primary { background: #db4339; border-color: #db4339; color: #fff; } .xc-us-btn-primary:hover { background: #c33026; border-color: #c33026; color: #fff; } .xc-us-linkbtn.xc-del { background: #999; } .xc-us-linkbtn.xc-del:hover { background: #777; } .xc-uc-empty { color: #999; font-size: 13px; padding: 12px 0; line-height: 1.7; } .xc-us-tip { color: #999; font-size: 12px; margin-top: 8px; line-height: 1.7; } .xc-lead-masked { color: #c00; font-weight: 600; letter-spacing: 1px; } .xc-bind-search { display: flex; gap: 10px; align-items: center; margin-bottom: 14px; } .xc-bind-search input { flex: 1; height: 38px; padding: 0 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; } .xc-bind-results { list-style: none; margin: 0; padding: 0; } .xc-bind-results li { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f2f2f2; } .xc-bind-results .xb-name { font-weight: 600; color: #333; flex: 1; } .xc-bind-results .xb-tag { font-size: 12px; color: #2e9e4f; } .xc-bind-results .xb-tag.off { color: #999; } .xc-uc-empty { color: #999; font-size: 13px; padding: 18px 0; line-height: 1.8; } /* ============================================================ * 看点·热点（jm_qg_index.htm 版式）：三栏等高对齐 + 菜谱条目补白 * ============================================================ */ .mt10.bigDiv .cont1L, .mt10.bigDiv .cont1M, .mt10.bigDiv .cont1R { min-height: 646px; } /* 菜谱大全：原模板 dd 只有标题，图片右侧大片留白；按原型补「做法信息 + 浏览 + 查看做法」 */ .lryCont01 .cont1M .jbbjDl { margin-top: 7px; } /* 5 条菜谱与左/右栏等高（646px） */ .lryCont01 .jbbjDl dd .rc-meta { display: block; color: #888; font-size: 12px; line-height: 20px; overflow: hidden; } .lryCont01 .jbbjDl dd .rc-more { display: inline-block; line-height: 22px; font-size: 12px; } .lryCont01 .jbbjDl dd p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 最新发布：改为 1 条图后，图文块右侧不再有空方块 */ .lryCont01 .txlr_box { clear: both; } .lryCont01 .txlr_box > li { margin-bottom: 12px; } /* ============================================================ * 页脚「热门城市」：默认少量重点城市 + 「更多」展开全部 * 选择器需盖过 index_qg.css 的 .hot_city_son a（否则 hover 会变成红底红字看不清） * ============================================================ */ .hot_city_son a.hc-more, .hot_city_son a.hc-more:visited { display: inline-block; margin-left: 8px; padding: 4px 14px; border-radius: 14px; background: #db4339; color: #fff; font-size: 13px; font-weight: 700; line-height: 19px; vertical-align: middle; cursor: pointer; text-decoration: none; box-shadow: 0 1px 3px rgba(219, 67, 57, 0.35); transition: background .2s; } .hot_city_son a.hc-more:hover { background: #bf2a20; color: #fff; } .hc-more .hc-arrow { font-style: normal; margin-left: 3px; font-size: 11px; } .hc-all { padding-top: 6px; margin-top: 8px; border-top: 1px dashed #dfdfdf; } /* 城市文字：原型色 #595757 偏浅，加深并放宽行距；补齐 padding-right 使子页城市链接与首页一致（首页原本由 index_qg.css 带 17px） */ .hot_city_son a { color: #333; font-size: 14px; line-height: 28px; padding-right: 17px; } .hot_city_son a:hover { color: #db4339; } /* 热门城市容器布局：原在 index_qg.css，下沉到全局 site.css，保证其他页面(footer_sub)与全国首页样式一致 */ .overhide2 { overflow: hidden; position: relative; } .hot_city { background: #f0f0f0; } .hot_city_son { width: 1200px; margin: 0 auto; padding-top: 14px; padding-bottom: 34px; text-align: left; } .hot_city h3 { border-bottom: 1px solid #dddddd; padding-top: 27px; text-align: left; width: 1200px; margin: 0 auto; font-size: 24px; color: #221815; padding-bottom: 11px; font: 18px/25px "Impact"; } /* ============================================================ * 友情链接申请页 * ============================================================ */ .xc-fl-tip { background: #fff8f6; border: 1px solid #ffe3dc; color: #8a5145; border-radius: 6px; padding: 13px 16px; font-size: 13px; line-height: 1.9; margin-bottom: 18px; } .xc-fl-tip b { color: #db4339; } .xc-fl-tip ol { margin: 5px 0 0 18px; padding: 0; } .xc-fl-tip li { list-style: decimal; } .xc-fl-msg { border-radius: 6px; padding: 11px 14px; font-size: 13px; margin-bottom: 16px; line-height: 1.7; } .xc-fl-msg.ok { background: #eefaf0; border: 1px solid #cdeed4; color: #1f7a3c; } .xc-fl-msg.err { background: #fff2f0; border: 1px solid #ffd6cf; color: #c02a1a; } .xc-fl-check { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; color: #444; line-height: 1.7; margin: 2px 0 16px; cursor: pointer; } .xc-fl-check input { width: 16px; height: 16px; margin-top: 2px; margin-right: 8px; flex: none; accent-color: #db4339; } .xc-fl-check b { color: #db4339; } .xc-fl-site { background: #fafbfc; border: 1px dashed #dfe4ea; border-radius: 6px; padding: 11px 12px; font-size: 13px; color: #555; line-height: 1.9; } .xc-fl-site b { color: #221815; } .xc-fl-site .u { display: flex; gap: 6px; margin-top: 4px; } /* IE11 不支持 flex gap：输入框与按钮间用 margin 等价补距 */ .xc-fl-site input { flex: 1; min-width: 0; height: 32px; border: 1px solid #dfe4ea; border-radius: 4px; padding: 0 8px; font-size: 12px; color: #333; background: #fff; margin-right: 6px; } .xc-fl-site button { flex: none; height: 32px; padding: 0 12px; border: 0; border-radius: 4px; background: #db4339; color: #fff; font-size: 12px; cursor: pointer; } .xc-fl-site button:hover { background: #c53328; } /* 原型遗留「出头」兜底：内容 width 未含 padding，超出父级 8~18px，统一按 border-box 收口 */ .lryCont01 .cont1_L { box-sizing: border-box; } .lryPic1 span { box-sizing: border-box; width: 330px; } .lryCont01 .txlrDiv1 ul li { box-sizing: border-box; width: 408px; } /* 看点·热点：热点新闻 / 最新发布 / 猜你喜欢 / 创业指南 列表右侧补日期 + 标题过长省略号 */ .lryCont01 .ylj li, .lryCont01 .txlrDiv1 ul li, .lryCont01 .botmDiv1 ul li { display: flex; align-items: center; line-height: 32px; } .lryCont01 .ylj li .hs-li-t, .lryCont01 .txlrDiv1 ul li .hs-li-t, .lryCont01 .botmDiv1 ul li .hs-li-t { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lryCont01 .hs-date { flex: 0 0 auto; margin-left: 10px; color: #999; font-size: 12px; white-space: nowrap; } /* 新闻列表页（行业动态/创业指南等分类列表）：原型 p{float:right} 在长标题下会被 overflow:hidden 裁掉； 改 flex 一行对齐——标题省略号截断占满、发布日期稳定右对齐 */ .list726_ul ul li { display: flex; align-items: center; } .list726_ul ul li h3 { float: none; flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list726_ul ul li p { float: none; flex: 0 0 auto; margin-left: 14px; } /* 精选课程卡片：原型按钮宽 32px 会把「立即报名」挤成两行，改为单行按钮 */ .list_2 .clr_part_name { width: 128px; } .list_2 .clr_part_more a { width: 58px; box-sizing: border-box; padding: 5px 0; white-space: nowrap; letter-spacing: 0; } /* 城市站首页「2026热门专业项目」：原型 float 布局内层余量仅 ~4px，长课名会把右侧「点击报名」挤到下一行； 改 flex 一行对齐——课名占满、按钮始终贴右，不再分行 */ .cour_list_right .clr_part { display: flex; align-items: center; } .cour_list_right .clr_part_name { float: none; flex: 1 1 auto; min-width: 0; } .cour_list_right .clr_part_more { float: none; flex: 0 0 auto; margin-left: 8px; } /* 「点击报名」改为两行、每行两字（点击/报名），按钮变窄，课名区更宽，「报名人数」不再被挤掉 */ .cour_list_right .clr_part_more a { width: 38px; box-sizing: border-box; padding: 4px 2px; white-space: normal; text-align: center; line-height: 18px; } /* 六栏目热门课程：每行一条（长课名省略号截断），六列等距对齐 */ .newfooter .conten > div > a { display: block; width: 100%; font-size: 13px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 城市分站首页：热门专业滚动（jm_index.htm Swiper 垂直无缝轮播，单列；标签为静态展示） */ .x_recruit .x_ret_nav li { flex: 1; } .x_recruit .x_ret_swper .swiper-slide { height: auto; float: none; } .x_recruit .mojar_list li { flex: none; } .x_recruit .mojar_list li:first-child { flex: 1 1 auto; min-width: 0; justify-content: flex-start; padding-left: 16px; } .x_recruit .mojar_list li:first-child a { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .x_recruit .mojar_list li:nth-child(2) { width: 200px; } .x_recruit .mojar_list li:nth-child(3) { width: 250px; } .x_recruit .mojar_list li a:hover { color: #d6251e; } /* 城市分站首页：分类楼层「推荐项目」右侧栏（jm_index.htm .freint boutique 手风琴：hover 显示课程图） */ .freint .frint_box2 { background: #fff; border: 1px solid #e8e8e8; border-radius: 4px; overflow: hidden; flex: 1; display: flex; flex-direction: column; } .freint .frtitle { display: flex; align-items: center; justify-content: space-between; height: 46px; padding: 0 14px; border-bottom: 1px solid #eee; background: #fafafa; overflow: visible; } .freint .frtitle .fswint2 { list-style: none; margin: 0; padding: 0; float: none; overflow: visible; } .freint .frtitle .fswint2 li { float: none; line-height: 46px; } .freint .frtitle .fswint2 li a { font-size: 17px; font-weight: 600; color: #333; } .freint .frtitle .moreing { float: none; font-size: 13px; color: #888; line-height: 46px; margin: 0; padding: 0; } .freint .frtitle .moreing:hover { color: #db4339; } .freint .list_cont { padding: 2px 0 6px; overflow: visible; } .freint .swtbox2 { overflow: visible; } .freint .list_4 { margin: 0; overflow: visible; } .freint .boutique-content { margin: 0; } .freint .boutique-content dl { margin: 0; font-size: 14px; color: #666; } .freint .boutique-content dt { display: flex; align-items: center; height: 38px; padding: 0 14px; cursor: pointer; } .freint .boutique-content dt i { flex: none; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; border-radius: 3px; font-style: normal; font-size: 12px; margin-right: 8px; } .freint .boutique-content dt .xc-bq-name { flex: 1; min-width: 0; font-size: 14px; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .freint .boutique-content dt .xc-bq-name:hover { color: #db4339; } .freint .boutique-content dt .xc-bq-qq { flex: none; margin: 0 6px; line-height: 1; } .freint .boutique-content dt .xc-bq-qq img { width: 15px; height: 15px; display: block; } .freint .boutique-content dt .xc-bq-xj { flex: none; font-size: 12px; color: #999; } .freint .boutique-content .active dt .xc-bq-name { color: #db4339; font-weight: 600; } .freint .boutique-content dd { display: none; margin: 0; } .freint .boutique-content .active dd { display: block; } .freint .boutique-bigbox { display: flex; align-items: flex-start; padding: 8px 14px 10px; } .freint .boutique-imgbox { flex: none; } .freint .boutique-imgbox img { width: 112px; height: 88px; object-fit: cover; border-radius: 3px; display: block; } .freint .boutique-textbox { flex: 1; min-width: 0; margin-left: 12px; } .freint .boutique-textbox p { margin: 0 0 10px; font-size: 13px; color: #666; } .freint .boutique-textbox p span { color: #db4339; font-weight: bold; font-size: 16px; } .freint .boutique-textbox .jm_zixun { display: inline-block; width: 88px; height: 28px; line-height: 28px; background: #db4339; color: #fff; font-size: 13px; text-align: center; border-radius: 4px; border: 1px solid #db4339; cursor: pointer; text-decoration: none; } .freint .boutique-textbox .jm_zixun:hover { background: #fff; color: #db4339; } .freint .hr2 { height: 1px; border-top: 1px dashed #f0f0f0; margin: 0 14px; } /* ===== 横幅与分类楼层统一纯白背景（对齐原型 body #FFF）===== 原型 main.css：.bfimg / .containg 均为 #f8f8f8，且仅 .floor1~.floor5 覆白， floor6~floor8（川菜·中餐 / 饮品·奶茶 / 西点·烘焙）与 6 个横幅条带残留浅灰 → 此处统一覆白 */ .bfimg { background: #fff; } .containg { background: #fff; } /* ===== 楼层三栏等高：早点大图(adcont1) / 6 课程(list_2) / 推荐项目(freint) ===== */ .containg .w1200.overhide { display: flex; justify-content: space-between; align-items: stretch; } .containg .fleint { float: none; display: flex; flex-direction: column; width: 860px; } .containg .freint { float: none; display: flex; flex-direction: column; width: 320px; } /* 统一标题条高度，令 cainbox 与 list_cont 顶/底对齐 */ .containg .fleint .currtitle { height: 51px; margin-bottom: 0; } .freint .frtitle { height: 51px; } /* 内容区填满标题以下剩余高度 */ .containg .fleint .cainbox { flex: 1; display: flex; align-items: stretch; } .freint .list_cont { flex: 1; } /* 左图 + 6 课并排、等高；左图 object-fit 铺满 */ .containg .adcont1 { float: none; margin-top: 0; margin-right: 20px; height: auto; flex: none; width: 260px; } .containg .adcont1 a { display: block; width: 100%; height: 100%; } .containg .adcont1 img { width: 100%; height: 100%; object-fit: cover; display: block; } .containg .list_2 { float: none; flex: 1; width: auto; } /* ===== v17 首页多列课程列表·全浏览器兼容（360 兼容内核/缩放取整会挤掉行末列成「分行」）===== 原型全是「固定像素精确拟合」：行末列零容错，360 兼容内核/125% 缩放/高清屏取整时整列掉行 （5 列变 4+1、4 列变 3+1、3 列变 2+1——即用户反馈的「分行」）。统一改**百分比浮动 + box-sizing + 留余量**： ① 全国首页精选课程：ul 1230 + li 246px pitch（194 内容+10×2 padding+1×2 border+30 margin）， 5×246=1230 零余量 → 17.8%+2.5%×4=99%（卡片 214px/栏距 30px 与原型一致）； ② 城市首页优质课程：ul 1220 + li 305px pitch（253+15×2+1×2+20），4×305=1220 零余量 → 23.3%+2%×3=99.2%；内部 pxkw 255px 定宽改弹性（否则溢出卡片被裁）； ③ 城市首页分类楼层：li 200px pitch（180+20），3×200=600 零余量 → 31.3%+2.75%×2=99.4%； ④ 全国首页餐饮加盟：li 203px pitch，6×203=1218 仅 2px 余量（预防性） → 15.2%+1.6%×5=99.2%（卡片 182px/栏距 19px 与原型一致）。 作用域均用页面特有祖先限定，互不影响：.w1200>.list_2（全国精选）/ .fine-left-bottomR ul#pxkw_info（城市优质） / .containg .cainbox .list_2（城市楼层）/ .eincont2 .einli2（全国加盟）； 新闻详情右栏同名 #pxkw_info 咨询卡不在这些作用域内，保持 255px 定宽不动 */ .w1200 > .list_2 ul { width: auto; margin-left: 0; } .w1200 > .list_2 > ul > li { float: left; width: 17.8%; margin: 20px 2.5% 0 0; box-sizing: border-box; } .w1200 > .list_2 > ul > li:nth-child(5n) { margin-right: 0; } .w1200 > .list_2 > ul > li:nth-child(5n+1) { clear: left; } .w1200 > .list_2 .clr_img img { width: 100%; height: 141px; } .fine-left-bottomR ul#pxkw_info { width: auto; margin-left: 0; } .fine-left-bottomR ul#pxkw_info > li { float: left; width: 23.3%; margin: 0 2% 10px 0; box-sizing: border-box; } .fine-left-bottomR ul#pxkw_info > li:nth-child(4n) { margin-right: 0; } .fine-left-bottomR ul#pxkw_info > li:nth-child(4n+1) { clear: left; } .fine-left-bottomR .pxkw_wrap { width: 100%; } .fine-left-bottomR .pxkw_wrap img { width: 100%; height: 160px; } .fine-left-bottomR .pxkw_wrap div { width: 100%; } .containg .cainbox .list_2 > ul > li { float: left; width: 31.3%; margin: 0 2.75% 20px 0; box-sizing: border-box; } .containg .cainbox .list_2 > ul > li:nth-child(3n) { margin-right: 0; } .containg .cainbox .list_2 > ul > li:nth-child(3n+1) { clear: left; } .containg .cainbox .list_2 .clr_img img { width: 100%; height: 129px; } .eincont2 .einli2 { width: auto; margin-left: 0; } .eincont2 .einli2 li { float: left; width: 15.2%; margin: 20px 1.6% 0 0; box-sizing: border-box; } .eincont2 .einli2 li:nth-child(6n) { margin-right: 0; } .eincont2 .einli2 li:nth-child(6n+1) { clear: left; } /* ===== v18 入驻优势/帮选课两页·全浏览器兼容（360 兼容内核/缩放取整会挤掉行末列成「分行」）===== 与 v16/v17 同根因：原型多列全是「固定像素精确拟合」，行末列零容错。 ① /rzys「入驻 5 大理由」.enter-reason dd：186px 边框盒 + 65px 栏距， 5×188+4×65=1200 精确拟合 → 15.5%+5.4%×4=99.1%（卡 186px/栏距 65px 与原型一致）； ② /bxk banner「全程跟进」.point-list ul li：206px 内容盒 + padding 93 + border 1 = 300 盒， 4×300=1200 精确拟合 → 24.8%×4=99.2%（内容区 204px≈原型 206px，左 padding 80px 图标位不变）； ③ /bxk 痛点图 .ccl_cases ul li：285px+20px pitch，ul 1220 负边距，4×305=1220 精确拟合 → 23.6%+1.6%×3=99.2%（卡 283px/栏距 19px 与原型一致；图 285×310 改 width:100%;height:auto 保比例，覆盖层 p 改 100%×100% + top:85.5% 维持 hover 上移动画）； ④ /bxk 痛点文字 .list-ul li：285px+20px pitch，ul 负边距 -20，4×305=1220 精确拟合 → 同 ③ 百分比； ⑤ /bxk 选课优势 .xc-bxk-adv-list li：230px+40px pitch，容器 1040，4×230+3×40=1040 精确拟合 → 21.9%+3.8%×3=99.0%（卡 228px/栏距 39.5px 与原型一致）； ⑥ /bxk 选课流程 .xc-bxk-step-list li：220px+53px pitch，容器 1040，4×220+3×53=1039 仅 1px 余量 → 21.9%+3.8%×3=99.0%；栏距由 53px 变 39.5px，步骤箭头 right:-47px 同步改 -30px 保持居中。 有余量的模块不动：.eabout-list（261px+25px，约 56px 余量）、.we-load2 ul（平台数据，ul 1322 定宽 但 4 个 li 总宽仅 1163，余量 159px）；flex 无 gap 的 .xc-bxk-grid/.xc-bxk-trust 按 v16 结论不丢行不动 */ .enter-reason dd { float: left; width: 15.5%; margin: 0 5.4% 0 0; box-sizing: border-box; height: auto; min-height: 242px; } .enter-reason dd:nth-child(5n) { margin-right: 0; } .enter-reason dd:nth-child(5n+1) { margin-left: 0; clear: left; } .point-list { display: block; width: 100%; margin: 0; } .point-list ul { margin: 0; padding: 0; overflow: hidden; } .point-list ul li { float: left; width: 24.8%; margin: 0; padding: 0 13px 20px 80px; box-sizing: border-box; height: auto; min-height: 40px; border-right: solid 1px #e6e6e6; position: relative; } .ccl_cases { width: auto; margin-left: 0; } .ccl_cases ul li { float: left; width: 23.6%; margin: 0 1.6% 0 0; box-sizing: border-box; height: auto; min-height: 310px; } .ccl_cases ul li:nth-child(4n) { margin-right: 0; } .ccl_cases ul li:nth-child(4n+1) { margin-left: 0; clear: left; } .ccl_cases a img { width: 100%; height: auto; } .ccl_cases ul li p { width: 100%; height: 100%; top: 85.5%; } .list-ul { margin-left: 0; } .list-ul li { float: left; width: 23.6%; margin: 0 1.6% 0 0; box-sizing: border-box; } .list-ul li:nth-child(4n) { margin-right: 0; } .list-ul li:nth-child(4n+1) { margin-left: 0; clear: left; } /* 注意：.xc-bxk-adv-list/.xc-bxk-step-list 的百分比化规则必须放在本文件后方原定义之后， 否则同特异性下原 width:230px 会反插，且原 margin-left 会穿透 margin 简写导致掉行（v18 实测教训） */ /* ===== 新闻详情页·分享区（对标原型 .article-tabs > .bdshare-box，因无 bdshare 精灵图改用文字按钮） ===== */ .article-tabs { overflow: hidden; } .article-tabs .bdshare-box { float: right; } .xc-share-label { float: left; margin-right: 8px; color: #999; font-size: 12px; line-height: 26px; } .xc-share-btn { float: left; margin-left: 6px; padding: 0 10px; height: 26px; line-height: 26px; border: 1px solid #e6e6e6; border-radius: 2px; color: #666; font-size: 13px; background: #fff; } .xc-share-btn:hover { color: #fff; background: #db4339; border-color: #db4339; } /* 相关阅读列表（原型 .left-list）：图左文右 */ .left-list .item-info-box h3 { font-size: 16px; font-weight: 600; } .left-list .item-info-box .jingyan { display: inline-block; margin-right: 6px; padding: 0 4px; background: #db4339; color: #fff; font-size: 12px; border-radius: 2px; } /* ===== 新闻栏目页（news_plus）版块等高：右栏只放 1 张图后比左栏矮，用 min-height 拉齐 ===== 注意：.lryCont01/.cont1_L/.cont1R 也被首页 hotspot.ejs 复用（那边 .mt10.bigDiv 已是 646px）， 故用 .nwplus-blk 限定只作用于新闻栏目页 ===== */ .nwplus-blk .cont1_L, .nwplus-blk .cont1R { min-height: 386px; } /* ===== 新闻栏目页面板内文规则（第 23 轮）===== ① 头条图文详情限 2 行（.np-d2），与右栏「标题+内容」等高对齐； ② 菜谱大全面板右栏 3 个图文条目（原型 jm_news_plus.htm 菜谱大全版式）===== */ .nwplus-blk .txlr_box3 dd .np-d2, .nwplus-blk .w360 .nrP .np-d2, .nwplus-blk .cont1M .jbbjDl dd .np-d2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 22px; height: 44px; font-size: 14px; color: #999; } /* 头条图文块与右栏「标题+内容」(lNrP 底 993) 底边对齐：min-height 138 + padding 4 + border 1 = 143 → 头底边 993 与 lNrP 齐，三头部同底后各列 6 条列表 gap 一致即 0 差 */ .nwplus-blk .txlr_box3 dl { min-height: 138px; } .nwplus-blk .w360 > .nrP { min-height: 96px; } /* 菜谱右栏 3 条目与左栏「头条图文 + 6 条列表」整体等高（min-height 97 + margin-top 6，实测底边 1703 与 d13/rD12 齐） */ .nwplus-blk .cont1M .jbbjDl { overflow: hidden; } .nwplus-blk .cont1M .jbbjDl dd .np-d2 { height: 40px; line-height: 20px; } /* ===== 第 24 轮：右面板图文卡与左栏头条块同高（min-height 130 → 含 padding/border 实测 143）， 使右栏 6 条列表底边与左栏两列 6 条列表底边齐平（1181=1181，原差 23px）===== */ .nwplus-blk .txlr_box2 dl { min-height: 138px; } /* 头条块/图文卡与 6 条列表间距压缩（padding 8→4、margin 5→2、ul padding 3→1，左右同步不影响对齐； 视觉间距 14px → ~6px，消除头条与 6 条列表间过空的观感，三栏底边仍 0 差齐平） */ .nwplus-blk .txlr_box3 dl, .nwplus-blk .txlr_box2 dl { padding-bottom: 4px; } .nwplus-blk .txlrDiv13, .nwplus-blk .txlrDiv12 { margin-top: 2px; } .nwplus-blk .txlrDiv13 ul, .nwplus-blk .txlrDiv12 ul { padding-top: 1px; } /* 菜谱 trio 末条微补 2px，使 cont1M 底边与左栏 w280 齐平（min-height 97 + margin-top 6，实测底边 1703 与 d13/rD12 齐） */ .nwplus-blk .cont1M .jbbjDl { min-height: 97px; margin-top: 6px; } /* .ylj 原 padding-top:8px 高于 txlrDiv13 ul 的 3px，致 w360 列 6 条列表比 w280 列高 5px → 统一为 2px */ .nwplus-blk .ylj { padding-top: 2px; } /* ===== 第 24 轮：速递区（.qzzs）标题填充右侧空白 ===== 原型 h3 锁 287px 是给左侧 img 留位，本模板无图 → 标题行右侧约 268px 空白； 放行全宽 555px，标题可显示字数翻倍（~20→~39 字），过长省略号；摘要仍 2 行，li 总高 91px 不变 */ .qzzs li h3 { width: 555px; } /* ===== 页脚「六栏目热门课程导航」：原在 common_qg.css（仅首页加载），下沉到全局 site.css， 保证子页面页脚（footer_sub）与全国首页底部构成一致 ===== */ .newfooter { background: #fff; margin-top: 20px; margin-bottom: 10px; } .newfooter .conten { width: 1200px; margin: 0 auto; overflow: hidden; padding: 20px 0; } .newfooter .ft1, .newfooter .ft2, .newfooter .ft3, .newfooter .ft4, .newfooter .ft5, .newfooter .ft6 { width: 200px; padding-right: 0px; float: left; line-height: 36px; } .newfooter .conten h3 { font-weight: bold; } .newfooter .conten a { color: #999; display: inline-block; font-size: 14px; margin-right: 0px; } .newfooter .conten a:hover { color: #db4339; } .newfooter .conten h3 a { font-size: 16px; color: #666; } /* ===== 新闻详情页右栏「精选课程」jbbjDl：清除上一区块残留浮动（首条 dt 被挤到右侧致图文重叠） ===== */ .school_right .boutique .jbbjDl { clear: both; overflow: hidden; } .school_right .boutique .jbbjDl dd { overflow: hidden; max-height: 110px; } .school_right .boutique .jbbjDl dd p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* ---------- 帮选课页（/bxk）：选课优势/选课流程（对齐 jm_bxk.htm 原型）+ 表单 + FAQ ---------- */ .xc-bxk-adv { width: 1200px; margin: 44px auto 0; padding: 36px 0 44px; background: #2b2b33 url('/jm_img/sub/bxk_bg.jpg') no-repeat center top; background-size: cover; border-radius: 8px; overflow: hidden; } .xc-bxk-adv-title, .xc-bxk-step-title { text-align: center; margin-bottom: 34px; } .xc-bxk-adv-title h4, .xc-bxk-step-title h4 { display: inline-block; margin: 0; font-size: 26px; line-height: 34px; color: #333; padding: 0 18px; } .xc-bxk-adv-title h4 { color: #fff; } .xc-bxk-adv-title h4::after, .xc-bxk-step-title h4::after { content: ''; display: block; width: 44px; height: 4px; border-radius: 2px; background: #e4393c; margin: 10px auto 0; } .xc-bxk-adv-list { width: 1040px; margin: 0 auto; padding: 0; list-style: none; } .xc-bxk-adv-list li { float: left; width: 230px; margin-left: 40px; text-align: center; } .xc-bxk-adv-list li:first-child { margin-left: 0; } .xc-bxk-ico { display: flex; align-items: center; justify-content: center; width: 86px; height: 86px; margin: 0 auto; } .xc-bxk-ico img, .xc-bxk-ico svg { width: 72px; height: 72px; display: block; } .xc-bxk-adv-h { margin: 16px 0 0; font-size: 19px; line-height: 26px; color: #fff; } .xc-bxk-adv-p { margin: 8px 0 0; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, .82); } .xc-bxk-step { margin: 48px auto 0; } .xc-bxk-step-list { width: 1040px; margin: 0 auto; padding: 0; list-style: none; } .xc-bxk-step-list li { position: relative; float: left; width: 220px; margin-left: 53px; text-align: center; } .xc-bxk-step-list li:first-child { margin-left: 0; } /* 步骤间红色箭头（原型 xk_jiantou.png 缺失，改 CSS 绘制） */ .xc-bxk-step-list li:not(:last-child)::after { content: ''; position: absolute; right: -47px; top: 42px; width: 20px; height: 20px; border-top: 4px solid #e4393c; border-right: 4px solid #e4393c; transform: rotate(45deg); } .xc-bxk-step-ico { display: flex; align-items: center; justify-content: center; width: 108px; height: 108px; margin: 0 auto; background: #f7f7f9; border-radius: 50%; } .xc-bxk-step-ico img { width: 64px; height: 64px; display: block; } .xc-bxk-step-list h4 { margin: 14px 0 0; font-size: 18px; line-height: 26px; color: #333; } .xc-bxk-step-list p { margin: 6px 0 0; font-size: 13px; line-height: 20px; color: #999; } /* ===== v18 选课优势/选课流程·全浏览器兼容（原 230px+40px/220px+53px pitch 对 1040 容器精确拟合， 360 兼容内核/缩放取整会挤掉行末列；必须放在上方原定义之后，同特异性后声明者赢）===== */ .xc-bxk-adv-list li { float: left; width: 21.9%; margin: 0 3.8% 0 0; box-sizing: border-box; } .xc-bxk-adv-list li:nth-child(4n) { margin-right: 0; } .xc-bxk-adv-list li:nth-child(4n+1) { margin-left: 0; clear: left; } .xc-bxk-step-list li { float: left; width: 21.9%; margin: 0 3.8% 0 0; box-sizing: border-box; } .xc-bxk-step-list li:nth-child(4n) { margin-right: 0; } .xc-bxk-step-list li:nth-child(4n+1) { margin-left: 0; clear: left; } /* 栏距 53px→39.5px，箭头随栏距居中（原型 right:-47px） */ .xc-bxk-step-list li:not(:last-child)::after { right: -30px; } /* 表单 */ .xc-bxk-form-wrap { margin-top: 50px; padding-bottom: 10px; } .xc-bxk-form { width: 780px; margin: 0 auto; background: #fff; border: 1px solid #f0e3e3; border-top: 4px solid #e4393c; border-radius: 10px; box-shadow: 0 6px 24px rgba(180, 40, 40, .08); padding: 30px 40px 26px; box-sizing: border-box; } .xc-bxk-form-head { text-align: center; margin-bottom: 22px; } .xc-bxk-form-head h2 { margin: 0; font-size: 26px; color: #333; } .xc-bxk-form-head p { margin: 8px 0 0; font-size: 14px; color: #999; } .xc-bxk-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .xc-bxk-field { width: 48%; margin-bottom: 14px; } .xc-bxk-field-full { width: 100%; } .xc-bxk-field label { display: block; margin-bottom: 6px; font-size: 13px; color: #555; } .xc-bxk-field label i { color: #e4393c; font-style: normal; margin-left: 2px; } .xc-bxk-field input, .xc-bxk-field select, .xc-bxk-field textarea { width: 100%; height: 40px; border: 1px solid #ddd; border-radius: 4px; padding: 0 12px; font-size: 14px; color: #333; box-sizing: border-box; background: #fff; } .xc-bxk-field textarea { height: auto; padding: 8px 12px; resize: vertical; font-family: inherit; } .xc-bxk-field input:focus, .xc-bxk-field select:focus, .xc-bxk-field textarea:focus { border-color: #e4393c; outline: 0; } .xc-bxk-submit { display: block; width: 100%; height: 48px; margin-top: 4px; background: #e4393c; color: #fff; border: 0; border-radius: 4px; font-size: 17px; letter-spacing: 4px; cursor: pointer; } .xc-bxk-submit:hover { background: #d23235; } .xc-bxk-trust { display: flex; justify-content: center; margin: 14px 0 0; font-size: 12px; color: #b0b0b0; } .xc-bxk-trust span { position: relative; padding: 0 14px; } .xc-bxk-trust span + span::before { content: ''; position: absolute; left: 0; top: 3px; width: 1px; height: 12px; background: #ddd; } /* FAQ */ .xc-bxk-faq { margin-top: 46px; padding-bottom: 50px; } .xc-bxk-faq-list { width: 1040px; margin: 0 auto; } .xc-bxk-faq-list dl { margin: 0 0 12px; padding: 14px 20px; background: #fafafa; border: 1px solid #f0f0f0; border-left: 3px solid #e4393c; border-radius: 4px; } .xc-bxk-faq-list dt { font-size: 15px; font-weight: bold; color: #333; } .xc-bxk-faq-list dd { margin: 6px 0 0; font-size: 13px; line-height: 22px; color: #777; } @media screen and (max-width: 1240px) { .xc-bxk-adv { width: auto; margin: 44px 12px 0; } .xc-bxk-adv-list, .xc-bxk-step-list { width: auto; padding: 0 12px; } .xc-bxk-adv-list li { width: 46%; margin: 0 2% 22px; } .xc-bxk-step-list li { width: 46%; margin: 0 2% 22px; } /* v18：抵消桌面 nth-child(4n){margin-right:0}，窄屏 2 列时第 2 列右边距恢复 2% */ .xc-bxk-adv-list li:nth-child(4n) { margin-right: 2%; } .xc-bxk-step-list li:nth-child(4n) { margin-right: 2%; } .xc-bxk-step-list li::after { display: none !important; } .xc-bxk-form { width: auto; margin: 0 12px; } .xc-bxk-field { width: 100%; } .xc-bxk-faq-list { width: auto; margin: 0 12px; } } /* 2026-10-22 修改意见：页脚声明 / 二维码文字占位 / 第三方标注 / 更新时间标签 / 表单协议提示 */ .xc-disclaimer { margin: 14px auto 0; max-width: 1200px; padding: 12px 16px; background: #f7f7f7; border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #999; font-size: 12px; line-height: 20px; } .xc-disclaimer p { margin: 0 0 6px; } .xc-disclaimer p:last-child { margin-bottom: 0; } .xc-disclaimer a { color: #c0392b; text-decoration: none; } .xc-disclaimer a:hover { text-decoration: underline; } .xc-qr-texts { display: flex; gap: 18px; } /* IE11 不支持 flex gap */ .xc-qr-texts > * { margin-right: 18px; } .xc-qr-txt { width: 50%; } .xc-qr-txt a { display: block; padding: 10px 12px; background: #fafafa; border: 1px solid #eee; border-radius: 6px; color: #555; text-decoration: none; transition: all .2s; } .xc-qr-txt a:hover { border-color: #e4393c; color: #e4393c; } .xc-qr-ic { font-size: 18px; margin-right: 6px; } .xc-qr-txt b { font-size: 14px; color: #333; } .xc-qr-txt em { display: block; font-style: normal; font-size: 12px; color: #999; margin-top: 4px; line-height: 18px; } .xc-thirdparty-bar { margin: 0 0 16px; padding: 10px 14px; background: #fff8f3; border: 1px solid #f6e2d4; border-left: 3px solid #e8945a; color: #9a6b45; font-size: 13px; line-height: 22px; border-radius: 4px; } .xc-thirdparty-note { margin: 10px 0 0; padding: 8px 12px; background: #fff8f3; border: 1px solid #f6e2d4; border-radius: 4px; color: #9a6b45; font-size: 12px; line-height: 20px; } .xc-upd { color: #aaa; font-size: 12px; } .xc-upd span { color: #888; } .xc-bxk-tip { margin: 8px 0 0; padding: 7px 10px; background: #f7f7f7; border-radius: 4px; color: #999; font-size: 12px; line-height: 18px; } .m-disclaimer { padding: 10px 12px; background: #f7f7f7; color: #999; font-size: 12px; line-height: 20px; text-align: center; } .m-disclaimer a { color: #c0392b; text-decoration: none; } @media screen and (max-width: 640px) { .xc-qr-texts { flex-direction: column; gap: 10px; } .xc-qr-txt { width: 100%; } } /* 2026-10-23 列表页分页统一改为原型 .fenye 数字分页（jm_school_list/jm_pxxm_list/jm_cyjm_list 均如此）， 原 .page 自绘样式已废弃删除；.fenye 容器 860px 比左栏 850px 宽，这里收窄防溢出 */ .school_left .fenye { width: 100%; } /* 2026-10-23 区域选择两级联动：省份/直辖市 chips + 城市面板（避免 327 城平铺拉高页面） */ .xc-area-sift .xc-area-prov { font-weight: 600; color: #333; } .xc-area-sift .xc-area-prov em { font-style: normal; font-size: 12px; color: #999; margin-left: 2px; } .xc-area-sift .xc-area-prov.cur em { color: #ffd7d3; } .xc-area-cities { clear: both; width: 100%; margin: 4px 0 0; } /* overflow:hidden：面板内城市链接是 float，激活省份面板以浮动链接结尾会致面板高度塌陷、 链接溢出面板底色（v16 修复，BFC 包含浮动） */ .xc-area-panel { line-height: 26px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 4px; padding: 4px 10px 6px; overflow: hidden; } .xc-area-panel .xc-area-tip { display: block; clear: both; color: #999; font-size: 12px; padding: 0 2px; } .xc-area-panel .xc-area-hint { color: #bbb; font-size: 12px; margin-top: 2px; } /* 2026-10-24 列表页「区域选择」城市平铺（course/brand/recipe/news 通用，dl.t）： 原型 .type-sift dd a 为 float + 自适应宽，城市名长短不一（"北京市""乌鲁木齐市"）导致折行凌乱、出现孤行。 曾改 CSS Grid 等宽 11 列，但 v16 实测：IE/360 兼容内核整体忽略 grid 声明 → 标签竖堆「一行一条」。 现改**浮动等宽 11 列**（8.5% + 左右 0.25% margin = 每片 9%，11 片 99% 留 1% 取整余量）， 整行均分、每行 11 个、两行排满 20 城；长城市名省略号 + title 悬浮可见；dd::after 清浮动撑高 */ .type-sift dl.t dd { display: block; } .type-sift dl.t dd::after { content: ''; display: block; clear: both; } /* ⚠️ 选择器必须覆盖「无 class 的 span」：全国站 dl.t 的当前城市 span 不带 .cur（_isSub=false）， grid 时代子元素会被自动 blockify 成网格项所以没暴露；改浮动后漏掉它就会 inline 与 float 混排错位 */ .type-sift dl.t dd > a, .type-sift dl.t dd > span { float: left; width: 8.5%; margin: 2px 0.25%; padding: 0 2px; box-sizing: border-box; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 2026-10-24 学校列表「区域选择」是两级结构（省份 chip + 城市面板 dl.t.xc-area-sift）： v16 兼容修正——原 auto-fill grid（minmax(82px,1fr)）同样不被老内核支持，省份 chips 改 **inline-block 自适应宽**（min-width 82px 保底、不截断「黑龙江13」），自然换行； 面板 .xc-area-cities 本就是块级 + clear:both，无需 grid-column 横跨； 面板内城市链接保持原型 chip 样式（float+padding+hover 红），用子代选择器隔离不被上面平铺规则命中 */ .type-sift dl.t.xc-area-sift dd > a { float: none; display: inline-block; width: auto; min-width: 82px; margin: 2px; padding: 0 12px; box-sizing: border-box; white-space: nowrap; } .type-sift dl.t dd .xc-area-panel a { float: left; width: auto; max-width: none; margin: 2px; padding: 0 12px; height: 24px; line-height: 24px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .type-sift dl.t dd span.cur { color: #eb3d31; font-weight: 600; height: 24px; line-height: 24px; } /* 2026-10-23 排序栏搜索框：.px-search 原先无任何样式（浏览器默认 input/button，错乱难看）。 已合并为上方「子页面补充」区块内的 flex 单行方案（含防搜索框掉行），此处不再重复定义。 */ /* 2026-10-24 餐饮加盟列表悬浮操作条：严格对标 jm_cyjm_list.htm 结构 + public_yellow.js 的 li:hover 行为。 用户反馈「悬浮位置不对」——首轮把 .hover 做成盖在项目图片上的竖排遮罩（.xm-imgwrap 方案），已废弃； 原型的 .hover 是 li 的直接子元素、排在「项目介绍(.bot)」之后：悬停整卡时 JS show(.hover)+hide(.bot)， 按钮条「取而代之」占据项目介绍的位置；同时卡片上浮 2px + 阴影（原型 .on 类）、项目名 h4 变红。 现按原型重构（.hover 已移回 li 层级），用纯 CSS :hover 复刻、无需 JS： ① li:hover>.bot{display:none} + li:hover>.hover{display:block} —— 按钮条落在项目介绍位置； ② li:hover{top:-2px;box-shadow} —— 上浮 + 投影（sub.css .xm-list li.on 同款）； ③ li:hover .top h4{color:#db3428} —— 项目名变红（sub.css li.on .top h4 同款）。 按钮规格照抄原型 sub.css：查看详情 134×32 红描边红字 / 在线咨询 134×32 红底白字（与查看详情相邻成组）/ 立即报名 70×24 红底白字靠右；在线咨询/立即报名挂 js-open-dialog 弹悬浮报名框提交 /api/lead。 项目名 h4 按原型：20px 加粗 #333 单行省略（sub.css 已有，color:#333 兜底防全局 a 颜色污染）。 封面图尺寸不一，object-fit:cover 防拉伸（原型固定 170×128 会变形）；整卡 .top 包一层 a 保持可点。 */ .xm-list li{transition:top .3s ease,box-shadow .3s ease} .xm-list li:hover{top:-2px;box-shadow:0 5px 6px rgba(0,0,0,.1);border-color:#eee} .xm-list li:hover>.bot{display:none} .xm-list li:hover>.hover{display:block} .xm-list li:hover .top h4{color:#db3428} .xm-list .top a{text-decoration:none} .xm-list .top h4{color:#333} .xm-list .top img{float:left;object-fit:cover} /* ============================================================ 2026-10-26 顶栏「用户登录/用户注册」改直链（head.ejs _siteCssV 122） - 登录合并为统一单端口 /login；注册统一进 /regist 选择类型页 - 特异性需高于 index.css / sub/header.css 的 .topLogin a.lMore（含下拉箭头背景图） ============================================================ */ .topLogin a.lMore.lMore-dir{background-image:none;color:#ff552e;font-weight:600} .topLogin a.lMore.lMore-dir:hover{color:#ed302e;text-decoration:underline} /* ============================================================ 2026-10-26 全站页脚统一（head.ejs _siteCssV 124） - 首页 / 内容页共用同一套链接列，删「手机访问」二维码块与「商务合作」列 - 原右侧二维码块(240px)移除后，链接列加宽填满 1200 容器，避免右侧留空 - 4×200 + 联系信息 350 = 1150 ≤ 1200，留 50px 余量，360 兼容内核不分行 ============================================================ */ .end1{border-top:3px solid #db4339} .end1C .end11{width:200px} .end1C .end11 span, .end1C .end11 ul, .end1C .end11 ul li{width:200px} .end1C .end11 span{color:#fff;font-weight:600} .end1C .end11 ul li{height:30px;line-height:30px} .end1C .end11 ul li a{color:#cfcfcf;transition:color .2s} .end1C .end11 ul li a:hover{color:#fff} /* 联系信息列右侧不再有二维码块，微调内边距让热线更醒目 */ .end1C .end12{padding-top:2px} .end1C .end12_bot_r h3{letter-spacing:1px}