/* ================================================================ 第一部分: 通用布局样式以下样式在多个页面中完全一致, 统一定义一次 ================================================================ */ /* --- body 与 header --- */ body { background: url(../picture/ldxxbg.png) center center no-repeat; background-size: cover; } header { padding-bottom: 0; } header .menu{ margin-top: 0.35rem !important; } header .container .search input { height: 0.31rem !important; } /* --- .wrapper --- */ .wrapper { width: 1400px; } /* --- .sl_main 主容器 --- */ .sl_main { width: 1400px; } /* --- .sl_main_l 左侧栏 --- */ .sl_main_l { width: 25%; background: #F2F6FF; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); overflow: hidden; margin-right: 20px; display: flex; flex-direction: column; justify-content: space-between; } /* --- .sl_xx 栏目标题 --- */ .sl_xx h4 { padding-left: 0; border-bottom: none; background: url(../image/listtitlebg.png) center center no-repeat; background-size: cover; height: auto; text-align: center; } .sl_xx h4 a { color: #fff; font-family: MicrosoftYaHei, MicrosoftYaHei; font-weight: bold; font-size: 22px; line-height: 70px; font-style: normal; } .sl_xx a { color: #fff; padding: 18px; text-align: center; font-family: MicrosoftYaHei, MicrosoftYaHei; font-weight: bold; font-size: 22px; line-height: 70px; font-style: normal; } /* --- .sl_ul1 左侧栏目列表 --- */ .sl_ul1 { padding: 10px 0; margin: 0; list-style: none; } .sl_ul1 li { padding: 10px 20px; cursor: pointer; transition: all 0.3s; background-color: transparent; background: none; border: none; height: auto; margin: auto; line-height: normal; } .sl_ul1 li:hover a { color: #AD0204; } .sl_ul1 a { width: 100%; height: 100%; padding: 0; font-family: MicrosoftYaHei; font-size: 22px; color: #333333; line-height: 65px; text-align: center; font-style: normal; } /* --- .sl_main_r 右侧内容区 --- */ .sl_main_r { width: 72%; } /* --- .zf_adr 面包屑 --- */ .zf_adr { height: auto; background-color: #F2F6FF; } .zf_adr span, .zf_adr a { font-size: 16px; } /* --- .sl_zfwj 右侧文档列表 --- */ .sl_zfwj h4 { border-bottom: 1px solid #F2F6FF; } .sl_zfwj h4 > a { background-color: transparent; font-family: MicrosoftYaHei, MicrosoftYaHei; font-weight: bold; font-size: 20px; color: #3A4890; line-height: 26px; text-align: left; font-style: normal; border-left: 5px solid #144794; padding-left: 10px; margin-bottom: 20px; } .sl_zfwj ul span, .sl_zfwj ul a { font-size: 16px; } /* --- 共享: 调查征集/信箱/问卷相关 --- */ .dczj-xl h2 { background-color: #F2F6FF; } #dczj_htmlContent iframe { width: 100%; } .page_survey .g_container .g_content { padding-top: 0; } .g_survey .survey_wrap, .page_stat_recycle .survey_wrap { max-width: 1400px; } .layui-table tbody tr:hover { background-color: #F2F6FF; } /* ================================================================ 第二部分: 页面样式差异覆盖针对特定页面进行差异化处理, 避免影响其他页面 ================================================================ */ /* --- 民意征集概览 / 问卷调查详情: .sl_main 宽度覆盖 --- 这两个页面的 .sl_main 同时带有 .xl 类, 利用此特征区分 */ .xl.sl_main { width: auto; max-width: 1400px; } /* --- 新版信箱回复: .sl_main 宽度/边距覆盖 --- 需在上添加 class="page-mailbox-reply" */ body.page-mailbox-reply header .container .search input { height: 0.11rem !important; } body.page-mailbox-reply .sl_main { width: auto; margin: 25px auto; max-width: 1400px; } /* --- 新版信箱回复: header菜单背景透明 --- */ body.page-mailbox-reply .menu a { background: transparent !important; } body.page-mailbox-reply .menu a:hover { background-color: transparent !important; } body.page-mailbox-reply header .menu ul li a { background: transparent !important; } /* --- 新版在线访谈详情: body 背景渐变覆盖 --- 需在上添加 class="page-interview" */ body.page-interview header .container .search input { height: 0.11rem !important; } body.page-interview { background-image: linear-gradient(#edf6ff, #fff); } /* --- 新版在线访谈详情: .sl_main 宽度覆盖 --- */ body.page-interview .sl_main { width: auto; max-width: 1400px; } /* --- 文化遗产保护: 全局重置与 body 样式 --- 需在上添加 class="page-heritage" */ body.page-heritage { background: none; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; color: #333; } body.page-heritage * { /* margin: 0; padding: 0; */ box-sizing: border-box; } body.page-heritage a { text-decoration: none; color: inherit; } body.page-heritage footer{ margin-top: 0; } /* --- 新版问卷调查详情: #dczj_htmlContent 高度/背景 --- 需在上添加 class="page-survey" (民意征集也有 #dczj_htmlContent 但不需要这些样式) */ body.page-survey header .container .search input { height: 0.11rem !important; } body.page-survey #dczj_htmlContent { height: 700px; background-color: #F2F6FF; } body.page-survey #dczj_htmlContent iframe { display: block; height: 100%; margin: 0 auto; } /* --- 新版民意征集概览: 专属颜色 --- 需在上添加 class="page-opinion" */ body.page-opinion header .container .search input { height: 0.11rem !important; } body.page-opinion .dczj-xl h2 span { color: #cb1d15; } body.page-opinion .xl h4 { color: #cb1d15; } body.page-opinion .dlan a, body.page-opinion .dlan input { background-color: #cf0300; } /* ================================================================ 第三部分: 各页面专属样式 (类名唯一, 无冲突) ================================================================ */ /* ================================================================ 3.1 新版网站地图 (新版网站地图.html) ================================================================ */ .xxgk h4 { border-bottom: 1px solid #F2F6FF; } .xxgk h4 > a { background-color: transparent; font-family: MicrosoftYaHei, MicrosoftYaHei; font-weight: bold; font-size: 20px; color: #3A4890; line-height: 26px; text-align: left; font-style: normal; border-left: 5px solid #144794; padding-left: 10px; margin-bottom: 20px; } .xxgk ul span, .xxgk ul a { font-size: 16px; } .xxgk_col h5 { background: none; position: relative; } .xxgk_col h5::before { content: ''; position: absolute; top: 29%; left: 1%; width: 4px; height: 16px; background: #144794; } .xxgk_col ul li { background: none; position: relative; } .xxgk_col ul li::before { content: ''; position: absolute; top: 46%; left: 4.5%; width: 3px; height: 3px; background: #144794; } /* ================================================================ 3.2 新版信箱回复 (新版信箱回复.html) ================================================================ */ .layui-elem-field { position: relative; margin: 15px; } .layui-table th { background-color: #f7f7f7; text-align: center; } /* 注意: .layui-table tbody tr:hover 有两处定义, 信箱回复原始值为 floralwhite, 通用共享值为 #F2F6FF, 此处保留信箱回复的 floralwhite (同优先级, 后定义覆盖) */ .layui-table tbody tr:hover { background-color: floralwhite; } .ewb-footer span { color: #fff !important; } /* ================================================================ 3.3 新版民意征集概览 (新版民意征集概览.html) ================================================================ */ .dczj-tab table { width: 100%; } /* ================================================================ 3.4 新版政民互动通用概览 (新版政民互动通用概览.html) ================================================================ */ .go { border: solid 1px #cb1d15; background-color: #cb1d15; color: #fff; } ul.comlist5 li span { clear: both; } ul.comlist5 li a strong.str2, .Fx_PageDiv2_span2 strong, .Fx_PageDiv2_span1 span { color: #144794; } .FX_PageDiv { font-size: 16px; } .sl_zfwj ul li { display: flex; flex-direction: row-reverse; justify-content: space-between; } .sl_zfwj ul li a strong { font: 16px / 36px "微软雅黑"; color: #ca4301; margin-right: 6px; } .sl_zfwj ul li a strong.str1 { color: #009815; } .sl_zfwj ul li a strong.str2 { color: #144794; } /* ================================================================ 3.5 ldshow线上 (ldshow线上.html) - 领导详情页 ================================================================ */ .main { background: url(../picture/ldxxbg.png) center center no-repeat; background-size: cover; } .main .container { width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; } .main .nav-left { width: 25%; overflow: hidden; margin-right: 40px; display: flex; flex-direction: column; } .main .nav-left .nav-title { background: url(../image/listtitlebg.png) center center no-repeat; background-size: cover; color: #fff; padding: 20px; text-align: center; font-family: MicrosoftYaHei, MicrosoftYaHei; font-weight: bold; font-size: 22px; line-height: 29px; font-style: normal; cursor: pointer; } .main .nav-left ul { padding: 10px 0; margin: 0; list-style: none; background: #F2F6FF; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .main .nav-left ul li { padding: 18px 20px; text-align: center; cursor: pointer; transition: all 0.3s; font-family: MicrosoftYaHei; font-size: 22px; color: #333333; line-height: 29px; font-style: normal; } .main .nav-left ul li:hover, .main .nav-left ul li.active a { font-family: MicrosoftYaHei, MicrosoftYaHei; font-weight: bold; font-size: 22px; color: #005aaa; } .main .content-right { width: 78%; } .main .leader-info { display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; display: none; } .main .leader-info .photo { width: 288px; height: 348px; flex-shrink: 0; border: 24px solid #F2F6FF; } .main .leader-info .photo img { width: 100%; height: 100%; object-fit: cover; } .main .leader-info .details { flex: 1; } .main .leader-info .details .name { font-size: 28px; font-weight: bold; color: #333; margin-top: 50px; margin-bottom: 20px; font-family: MicrosoftYaHei, MicrosoftYaHei; line-height: 37px; text-align: center; font-style: normal; } .main .leader-info .details .position { margin-bottom: 40px; font-family: MicrosoftYaHei; font-size: 18px; color: #333333; line-height: 24px; text-align: center; font-style: normal; } .main .leader-intro { padding: 40px; width: 1010px; background: #F8F8F8; } .main .leader-intro .section-title { font-family: MicrosoftYaHei, MicrosoftYaHei; font-weight: bold; font-size: 20px; color: #3A4890; line-height: 26px; text-align: left; font-style: normal; border-left: 5px solid #144794; padding-left: 10px; margin-bottom: 20px; } .main .leader-intro .content { width: 95%; padding-top: 40px; border-top: 1px solid #E9E9E9; font-family: MicrosoftYaHei; font-size: 20px; color: #333333; line-height: 26px; text-align: left; font-style: normal; } .main .leader-intro .content img { max-height: 400px; } /* ================================================================ 3.6 新版带左侧栏目显示第一篇细览 (新版带左侧栏目显示第一篇细览.html) 该页面 .singlelist_text 有两处定义, 合并为最终生效值 ================================================================ */ .singlelist_text { font-size: 18px; padding: 5px; line-height: 30px; text-align: justify; text-indent: 2em; } /* ================================================================ 3.7 新版通用细览 (新版通用细览.html) ================================================================ */ /* 信息公开-细览 */ .xl-tab1 { border: 8px solid #F2F6FF; padding: 14px 30px; margin: 30px 0; display: flex; flex-wrap: wrap; justify-content: space-between; } .xl-tab1 span { width: 300px; font: 16px / 30px "微软雅黑"; } .xl-tab1 strong { margin-right: 10px; } /* 解决发布页图片高度问题 */ .trs_editor_view p img { height: auto; max-width: 100%; } .xl_curpage { width: 1056px; background-color: #F2F6FF; } .xl_curpage span { font-size: 16px; } .xl_con { width: 1056px; } .xl_title { width: 94%; margin: auto; } .xl_doc span { font-size: 16px; } .fj { font-size: 16px; } .xl_text .content img, .xl_text .content iframe { max-width: 100%; } .xl_text .content p { font-family: 仿宋_GB2312; font-size: 21px; } .xl_text .content p span { font-family: 仿宋_GB2312; font-size: 21px; } .xl_text .content img { max-width: 500px; } .xl_text .content table { max-width: 100%; } /* ================================================================ 3.8 ldxx线上 (ldxx线上.html) - 领导信息列表页 ================================================================ */ .wip_ldbg { width: 100%; max-width: 1200px; margin: auto; } .wip_ldtitle { margin: 38px auto 22px; font-family: STSongti-SC, STSongti-SC; font-weight: 900; font-size: 32px; color: #AD0204; line-height: 45px; text-align: left; font-style: normal; } .wip_ldtitle span { color: #3A4890; margin-left: -5px; } .wip_ldconbg { background: url(../images/sflsbg1.jpg) no-repeat top center; background-size: cover; } .wip_ldcon2 { background: url(../images/sflsbgbor1.png) no-repeat top center; padding-bottom: 30px; } .wip_ldcon1 .wip_ldconzw { line-height: 270px; letter-spacing: 1px; } .wip_ldcon2 .wip_ldconzw { line-height: 256px; } .fushengzhang { line-height: 452px; } .wip_ldcon1 .wip_ldconryli { margin: 0px auto; width: 138px; text-align: center; } .wip_ldcon2 .wip_ldconryli { float: left; width: 128px; height: 210px; text-align: center; margin-left: 78px; margin-top: 10px; padding-bottom: 10px; } .wip_ldconzw { width: 100px; padding-left: 23px; float: left; color: #144794; font-size: 18px; } .wip_ldconry { float: right; width: 1100px; padding-top: 32px; } .wip_ldconryli a { color: #333333; font-size: 18px; } .wip_ldzp { height: 160px; border: 1px solid #c9dfff; padding: 7px; margin-bottom: 16px; } .wip_ldzp img { height: 144px; } .wip_ldconryli:hover .wip_ldzp { border: 1px solid #144794; } .wip_ldconryli:hover a { color: #144794; } .wip_ldconbg2 { background: url(../images/sflsbg2.png) no-repeat top center; padding: .224rem .2708rem .2135rem .1146rem; display: flex; flex-wrap: wrap; justify-content: center; gap: .125rem; } .wip_ldconbg2li { background: #4078be; border-radius: 5px; display: inline-block; width: 348px; line-height: 68px; margin-left: 10px; margin-bottom: 10px; text-align: center; font-size: 16px; } .wip_ldconbg2li:first-child { margin-left: 30px; } .wip_ldconbg2li a { color: #FFFFFF; } .wip_ldconbg2li:hover { background: #0f4596; } .bt-clear { clear: both; } .bt_link { color: #333; text-decoration: none; } .bt_link:hover { color: #144794; text-decoration: underline; } /* ================================================================ 3.9 文化遗产保护线上 (文化遗产保护线上.html) 所有样式限定在 body.page-heritage 下, 避免影响其他页面 ================================================================ */ /* --- 面包屑导航 --- */ body.page-heritage .breadcrumb { max-width: 1400px; margin: 0 auto; padding: 30px 20px 35px; font-size: 14px; color: #666; } body.page-heritage .breadcrumb .location-icon { color: #1e5aa8; margin-right: 5px; } body.page-heritage .breadcrumb .location-icon img { width: 18px; } body.page-heritage .breadcrumb a { color: #666; } body.page-heritage .breadcrumb a:hover { color: #1e5aa8; } body.page-heritage .breadcrumb .separator { margin: 0 8px; color: #999; } body.page-heritage .breadcrumb .current { color: #1e5aa8; } /* --- 顶部横幅区域 --- */ body.page-heritage .hero-section { max-width: 100vw; margin: auto; background: url(../image/jjbg.png) no-repeat center center; background-size: 100% 100%; } body.page-heritage .hero-container { display: flex; gap: 40px; align-items: stretch; } body.page-heritage .hero-image { flex: 1; border-radius: 4px; padding-left: 14%; overflow: hidden; } body.page-heritage .hero-image img { width: 100%; height: 100%; object-fit: cover; display: block; } body.page-heritage .intro-card { width: 38%; position: relative; } body.page-heritage .intro-card > div { width: 66.4%; } body.page-heritage .card-header { padding: 20px 25px 15px; } body.page-heritage .card-title { font-family: STSongti-SC, STSongti-SC; font-weight: 900; font-size: 24px; color: #FFFFFF; line-height: 33px; text-align: center; font-style: normal; position: relative; display: inline-block; padding: 14px 25px; background: url(../image/jjtitlebg.png) no-repeat center center; background-size: cover; } body.page-heritage .card-body { padding: 25px; } body.page-heritage .card-body p { font-family: MicrosoftYaHei; font-size: 16px; color: #333333; line-height: 32px; text-align: justify; font-style: normal; text-indent: 2em; } body.page-heritage .card-body p:last-child { margin-bottom: 0; } /* --- 通用区域标题 --- */ body.page-heritage .section-header { max-width: 1400px; margin: 0 auto 30px; padding: 0 20px; display: flex; align-items: center; justify-content: center; position: relative; } body.page-heritage .deco-line { display: block; width: 60px; height: 2px; background: #1e5aa8; position: relative; } body.page-heritage .deco-line::before { content: ''; position: absolute; left: 0; top: -4px; width: 8px; height: 8px; border: 2px solid #1e5aa8; border-radius: 50%; background: #fff; } body.page-heritage .deco-line::after { content: ''; position: absolute; right: 0; top: -4px; width: 8px; height: 8px; border: 2px solid #1e5aa8; border-radius: 50%; background: #fff; } body.page-heritage .deco-line.inner { width: 40px; margin-left: 10px; } body.page-heritage .section-title { text-align: center; margin: 0 20px; } body.page-heritage .more-link { position: absolute; right: 20px; font-family: MicrosoftYaHei; font-size: 16px; color: #999999; line-height: 21px; text-align: justify; font-style: normal; } body.page-heritage .more-link:hover { color: #1e5aa8; } /* --- 政策文件区域 --- */ body.page-heritage .policy-section { background: #E6E9F9; padding: 40px 0; position: relative; } body.page-heritage .policy-section::after { content: ''; position: absolute; right: 5%; top: 20%; width: 360px; height: 605px; background: url(../image/zcwjbg1.png) no-repeat center center; background-size: contain; pointer-events: none; } body.page-heritage .policy-section::before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 200px; height: 400px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 400'%3E%3Cpath d='M150 50 Q180 100 160 150 Q140 200 170 250 Q190 300 150 350' fill='none' stroke='%23e8e8e8' stroke-width='1'/%3E%3Cpath d='M120 80 Q150 130 130 180 Q110 230 140 280 Q160 330 120 380' fill='none' stroke='%23e8e8e8' stroke-width='1'/%3E%3C/svg%3E") no-repeat center; opacity: 0.3; pointer-events: none; } body.page-heritage .policy-list { max-width: 1400px; margin: 0 auto; padding: 0 20px; position: relative; } body.page-heritage .policy-item a { display: flex; gap: 20px; align-items: center; padding: 40px 0; border-bottom: 1px solid rgba(58, 72, 144, 0.1); transition: all 0.3s; } body.page-heritage .item-date { min-width: 80px; text-align: center; padding: 12px; background-color: #E6E9F9; transition: all 0.3s; } body.page-heritage .item-date .year { display: block; font-family: MicrosoftYaHei; font-size: 18px; color: #999999; line-height: 26px; text-align: justify; font-style: normal; margin-bottom: 5px; transition: all 0.3s; } body.page-heritage .item-date .date { display: block; font-family: MicrosoftYaHei; font-size: 22px; color: #333333; line-height: 26px; text-align: justify; font-style: normal; transition: all 0.3s; } body.page-heritage .item-content { flex: 1; } body.page-heritage .item-content .item-title { font-family: MicrosoftYaHei; font-size: 24px; color: #333333; line-height: 31px; text-align: justify; font-style: normal; margin-bottom: 20px; font-weight: 500; transition: all 0.3s; } body.page-heritage .item-content .item-desc { font-family: MicrosoftYaHei; font-size: 16px; color: #666666; line-height: 28px; text-align: justify; font-style: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; } /* 高亮状态 */ body.page-heritage .policy-item:hover .item-date { background: linear-gradient(0deg, #3A4890 0%, #AD0204 100%); border-radius: 4px; margin: -8px 0; } body.page-heritage .policy-item:hover .item-date .date { color: #fff; } body.page-heritage .policy-item:hover .item-title { background: linear-gradient(0deg, #AD0204 0%, #3A4890 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } /* --- 活动报道区域 --- */ body.page-heritage .activity-section { background: url(../image/hdbdbg.png) no-repeat bottom center; background-size: 100% 100%; padding: 40px 0 60px; position: relative; overflow: hidden; } body.page-heritage .activity-section::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to top, rgba(30, 90, 168, 0.05), transparent); } body.page-heritage .activity-grid { max-width: 1400px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; position: relative; z-index: 1; } body.page-heritage .activity-card { background: #fff; border-radius: 4px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); transition: transform 0.3s; } body.page-heritage .activity-card:hover { transform: translateY(-5px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } body.page-heritage .card-image { position: relative; height: 400px; overflow: hidden; } body.page-heritage .card-image img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; transition: transform 0.5s; } body.page-heritage .activity-card:hover .card-image img { transform: scale(1.05); } body.page-heritage .card-info { padding: 40px; display: flex; gap: 15px; align-items: flex-start; } body.page-heritage .info-date { min-width: 50px; text-align: center; margin-right: 30px; } body.page-heritage .info-date .day { display: block; font-family: STSongti-SC, STSongti-SC; font-weight: 900; font-size: 40px; color: #333333; line-height: 56px; font-weight: 400; text-align: left; font-style: normal; background: linear-gradient(0deg, #AD0204 0%, #3A4890 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body.page-heritage .info-date .month { display: block; font-family: STSongti-SC, STSongti-SC; font-weight: 900; font-size: 20px; color: #333333; line-height: 28px; font-weight: 400; text-align: right; font-style: normal; background: linear-gradient(0deg, #AD0204 0%, #3A4890 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; transform: translate(25%, -25%); } body.page-heritage .info-date .month::before { content: ''; position: absolute; left: 0; top: 0; width: 40px; height: 1px; background: #3A4890; transform: rotate(-45deg) translate(10%, 8px); } body.page-heritage .info-content .card-title { font-family: MicrosoftYaHei, MicrosoftYaHei; font-weight: bold; font-size: 24px; color: #333333; line-height: 31px; text-align: justify; font-style: normal; background: linear-gradient(0deg, #AD0204 0%, #3A4890 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 0; margin-bottom: 10px; font-weight: 600; } body.page-heritage .info-content .card-desc { font-family: MicrosoftYaHei; font-size: 16px; color: #333333; line-height: 28px; text-align: justify; font-style: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* --- 水墨装饰背景 --- */ body.page-heritage .ink-decoration { position: fixed; pointer-events: none; opacity: 0.03; z-index: 0; } /* --- 响应式: 手机端 --- */ @media (max-width: 768px) { body.page-heritage .breadcrumb { padding: 15px 15px 20px; font-size: 12px; } body.page-heritage .breadcrumb .location-icon img { width: 14px; } body.page-heritage .hero-section { background-size: cover; } body.page-heritage .hero-container { flex-direction: column; gap: 0; } body.page-heritage .hero-image { flex: none; height: 200px; } body.page-heritage .hero-image img { height: 200px; } body.page-heritage .intro-card { width: 100%; padding: 15px; } body.page-heritage .intro-card > div { width: 100%; } body.page-heritage .card-header { padding: 15px 0 10px; text-align: center; } body.page-heritage .card-title { font-size: 18px; line-height: 26px; padding: 10px 18px; } body.page-heritage .card-body { padding: 15px 0; } body.page-heritage .card-body p { font-size: 14px; line-height: 26px; } body.page-heritage .section-header { margin-bottom: 20px; padding: 0 15px; } body.page-heritage .section-title img { max-width: 180px; height: auto; } body.page-heritage .deco-line { width: 30px; } body.page-heritage .deco-line.inner { width: 20px; } body.page-heritage .deco-mountain { width: 50px; height: 25px; } body.page-heritage .more-link { font-size: 14px; right: 15px; } body.page-heritage .policy-section { padding: 25px 0; } body.page-heritage .policy-section::after, body.page-heritage .policy-section::before { display: none; } body.page-heritage .policy-list { grid-template-columns: 1fr; gap: 0; padding: 0 15px; } body.page-heritage .policy-item a { padding: 20px 0; gap: 12px; } body.page-heritage .item-date { min-width: 60px; padding: 8px; } body.page-heritage .item-date .year { font-size: 14px; line-height: 20px; } body.page-heritage .item-date .date { font-size: 18px; line-height: 22px; } body.page-heritage .item-content .item-title { font-size: 16px; line-height: 24px; margin-bottom: 10px; } body.page-heritage .item-content .item-desc { font-size: 13px; line-height: 22px; -webkit-line-clamp: 2; } body.page-heritage .activity-section { padding: 25px 0 40px; } body.page-heritage .activity-grid { grid-template-columns: 1fr; gap: 20px; padding: 0 15px; } body.page-heritage .card-image { height: 220px; } body.page-heritage .card-info { padding: 20px; gap: 10px; } body.page-heritage .info-date { min-width: 40px; margin-right: 15px; } body.page-heritage .info-date .day { font-size: 28px; line-height: 38px; } body.page-heritage .info-date .month { font-size: 16px; line-height: 22px; transform: translate(20%, -20%); } body.page-heritage .info-date .month::before { width: 30px; transform: rotate(-45deg) translate(5%, 6px); } body.page-heritage .info-content .card-title { font-size: 16px; line-height: 24px; margin-bottom: 6px; } body.page-heritage .info-content .card-desc { font-size: 13px; line-height: 22px; -webkit-line-clamp: 2; } } /* --- 响应式: 超小屏幕 --- */ @media (max-width: 375px) { body.page-heritage .card-title { font-size: 16px; padding: 8px 14px; } body.page-heritage .card-body p { font-size: 13px; line-height: 24px; } body.page-heritage .item-content .item-title { font-size: 15px; } body.page-heritage .info-content .card-title { font-size: 15px; } body.page-heritage .card-image { height: 180px; } } /* ================================================================ 3.10 新版在线访谈详情 (新版在线访谈详情.html) 该页面有两个