@charset "utf-8";
/* ============================================================
 * mobile.css —— 前台移动端适配（方案A，2026-09-20）
 *
 * 设计原则
 *   1. 零侵入：本文件不改 style2.css / cen.css 的任何字节，
 *      全部靠「后加载 + 同特异性」覆盖。出问题只需摘掉引用即可回退。
 *   2. 断点只用两个：768px（手机+竖屏平板）、480px（窄屏微调）。
 *      原 style2.css 只有一个 538px 断点，540~1024px 是空档。
 *   3. 流程图不再用 1140x220 的大 PNG（缩到手机屏只剩 30%，
 *      文字不可读），改为 HTML + CSS：PC 横排、手机竖排，
 *      文字在任何屏宽下都保持 13px 可读字号。
 *
 * 引入位置：Master.Master 的 </head> 前（所有页面样式表之后）
 * ============================================================ */

/* ============================================================
 * 一、流程图组件（PC 端横排）
 * 结构：.fc > .fc-trunk(主干4节点) + .fc-fork(分叉) + .fc-branches(2支线)
 * ============================================================ */
.fc{display:flex;align-items:center;justify-content:center;padding:22px 0}
.fc-trunk,.fc-branch{display:flex;align-items:center}
.fc-branches{display:flex;flex-direction:column;row-gap:26px}
.fc-n{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;white-space:nowrap}
.fc-n i{display:block;width:48px;height:48px;border-radius:50%;background-color:#fff2f2;background-repeat:no-repeat;background-position:center;background-size:24px 24px}
.fc-n span{margin-top:6px;font-size:13px;line-height:1.4;color:#333}
.fc-a{flex:0 0 auto;width:34px;height:14px;margin:0 10px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 14' fill='none' stroke='%23f78585' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3l4 4-4 4'/%3E%3Cpath d='M14 3l4 4-4 4'/%3E%3Cpath d='M23 3l4 4-4 4'/%3E%3C/svg%3E") center/contain no-repeat}
.fc-l{flex:0 0 auto;width:22px;margin:0 10px;border-top:1.6px solid #f78585}
.fc-fork{flex:0 0 auto;position:relative;width:46px;margin-left:10px;align-self:stretch}
.fc-fork:before{content:"";position:absolute;left:0;top:50%;width:50%;border-top:1.6px solid #f78585}
.fc-fork:after{content:"";position:absolute;left:50%;top:25%;bottom:25%;border-left:1.6px solid #f78585}
.fc-branch{position:relative}
.fc-branch:before{content:"";position:absolute;right:100%;top:50%;width:23px;border-top:1.6px solid #f78585}

/* ---- 流程图图标（24x24 线性图标，主色 #f78585，与原 PNG 取色一致） ---- */
.fc-i-docpen i{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f78585' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6H6.4a1.6 1.6 0 0 0-1.6 1.6v13.6a1.6 1.6 0 0 0 1.6 1.6H12'/%3E%3Cpath d='M17.7 4.6a1.7 1.7 0 0 1 2.4 2.4l-6.2 6.2-3.1.7.7-3.1z'/%3E%3C/svg%3E")}
.fc-i-person i{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f78585' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.9' r='3.6'/%3E%3Cpath d='M5.4 20.2c0-3.6 3-6.2 6.6-6.2s6.6 2.6 6.6 6.2'/%3E%3C/svg%3E")}
.fc-i-docline i{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f78585' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 3.6h7.3L18 8.1v11.1a1.6 1.6 0 0 1-1.6 1.6H6.2a1.6 1.6 0 0 1-1.6-1.6V5.2a1.6 1.6 0 0 1 1.6-1.6z'/%3E%3Cpath d='M13.2 3.6v4.6h4.5'/%3E%3Cpath d='M7.7 12.2h6.4M7.7 15.6h6.4'/%3E%3C/svg%3E")}
.fc-i-monitor i{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f78585' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.2' y='4.6' width='17.6' height='11.6' rx='1.6'/%3E%3Cpath d='M8.6 20.4h6.8M12 16.2v4.2'/%3E%3C/svg%3E")}
.fc-i-hands i{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f78585' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.8' cy='8.2' r='2.7'/%3E%3Ccircle cx='16.2' cy='8.2' r='2.7'/%3E%3Cpath d='M3 19.2c0-2.7 2.1-4.5 4.8-4.5 1.1 0 2.1.4 2.9 1'/%3E%3Cpath d='M21 19.2c0-2.7-2.1-4.5-4.8-4.5-1.1 0-2.1.4-2.9 1'/%3E%3Cpath d='M10.7 16.8h2.6'/%3E%3C/svg%3E")}
.fc-i-doccheck i{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f78585' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 3.6h7.3L18 8.1v11.1a1.6 1.6 0 0 1-1.6 1.6H6.2a1.6 1.6 0 0 1-1.6-1.6V5.2a1.6 1.6 0 0 1 1.6-1.6z'/%3E%3Cpath d='M13.2 3.6v4.6h4.5'/%3E%3Cpath d='M8.6 14.3l2.4 2.4 4.4-4.9'/%3E%3C/svg%3E")}
.fc-i-doc i{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f78585' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 3.6h7.3L18 8.1v11.1a1.6 1.6 0 0 1-1.6 1.6H6.2a1.6 1.6 0 0 1-1.6-1.6V5.2a1.6 1.6 0 0 1 1.6-1.6z'/%3E%3Cpath d='M13.2 3.6v4.6h4.5'/%3E%3Cpath d='M7.7 12.2h6.4M7.7 15.6h4.2'/%3E%3C/svg%3E")}
.fc-i-docx i{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f78585' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.2 3.6h7.3L18 8.1v11.1a1.6 1.6 0 0 1-1.6 1.6H6.2a1.6 1.6 0 0 1-1.6-1.6V5.2a1.6 1.6 0 0 1 1.6-1.6z'/%3E%3Cpath d='M13.2 3.6v4.6h4.5'/%3E%3Cpath d='M9.3 12.6l5.4 5.4M14.7 12.6l-5.4 5.4'/%3E%3C/svg%3E")}

/* ---- 折叠容器：PC 端恒展开，按钮隐藏（移动端规则在 2.5 段接管） ---- */
.fc-cb{display:none}
.fc-toggle{display:none}
.fc-collapse{display:block}

/* ============================================================
 * 二、移动端（≤768px）
 * ============================================================ */
@media screen and (max-width:768px){

	/* ---------- 2.1 全局：解除固定宽度 ---------- */
	html,body{min-width:0;width:100%;overflow-x:hidden}
	body{background:#f4f4f4}
	img{max-width:100%}
	.layout{width:auto;max-width:100%;padding-left:10px;padding-right:10px}
	.layout-bg{width:auto;padding:10px;margin-bottom:10px}
	.topicImgContainer{width:auto;margin:8px 10px 0}

	/* ---------- 2.2 页头 ---------- */
	.headernew-wrap{min-width:0;width:100%}
	.headernew-wrap .header-top{height:auto;line-height:30px;padding:4px 0}
	.headernew-wrap .header-top .layout{width:auto;padding:0 10px}
	.headernew-wrap .header-top .htop-lef{float:none;display:block;font-size:12px}
	.topRight{float:none;position:relative;margin:0;display:flex;align-items:center;justify-content:flex-end}
	.addtav,.addtav:hover{float:none;margin-left:0;margin-right:18px;font-size:13px;line-height:30px}
	#toggle-search{float:none;font-size:13px;line-height:30px;background-image:none}
	.top-button{font-size:13px;line-height:30px}
	#search-form{top:100%;right:0;left:0;width:auto;margin-top:0}
	#search-form.open{margin-top:6px;max-height:46px}
	#search-form fieldset{margin:0}
	#search-form input{height:44px}
	#search-form input.keyword{padding:0 68px 0 12px}
	#search-form input.SiteSearch{width:64px}
	.headernew-wrap .header-nav{height:auto;background:#c1272d}
	.headernew-wrap .header-nav .layout{width:auto;min-width:0;height:auto;background-image:none;padding:0}
	.header-nav .logo{padding:10px 10px 0;text-align:center}
	.header-nav .logo a{width:auto;max-width:100%;height:auto;background:none}
	.header-nav .logo a .logo-cn{font-size:28px}
	.header-nav .logo a .logo-en{font-size:13px;margin-top:0}
	.header-nav .logo.only-cn{padding-top:6px}
	.header-nav .nav{float:none;padding:8px 0 6px;overflow-x:auto;-webkit-overflow-scrolling:touch}
	.header-nav .nav ul{width:-webkit-max-content;width:max-content;overflow:visible;padding:0 6px}
	.header-nav .nav ul:after{display:none}
	.header-nav .nav li{float:none;flex:0 0 auto;display:inline-block;height:34px;line-height:34px}
	.header-nav .nav li a{width:auto;padding:0 14px;font-size:15px}

	/* ---------- 2.3 首页：轮播 + 法院列表 ---------- */
	.sytpxw{float:none;width:100%;height:auto;margin-bottom:12px}
	.sytpxw .pic img{width:100%;height:auto}
	.sytpxw .txt li{width:auto;left:0;right:0}
	.banner-court .courts-list{float:none;width:100%;height:auto;padding-bottom:16px}
	.banner-court .courts-list h3{padding-left:12px}
	.banner-court .courts-list .province-case{padding-top:14px}
	.banner-court .courts-list .province-case .num-case-city span{width:32px;height:58px;line-height:58px;font-size:28px;margin:0 2px;background-size:100% 100%}
	.banner-court .courts-list .province-case .sub-btn-n{display:block;width:auto;height:44px;line-height:44px;font-size:17px;margin:22px 16px 0}
	/* 联系方式（原图片，现为后台可维护文字）：窄屏收敛字号与内边距，保证不折行溢出 */
	.main_jbdh{padding-top:24px;padding-left:10px;padding-right:10px}
	.main_jbdh span{display:block;font-size:14px;line-height:1.9}
	.banner-court .courts-list .province-case .num-org{padding-left:16px}
	.banner-court .courts-list .province-case .num-org span{width:100%;margin-bottom:10px}
	.banner-court .courts-list .search-place input{width:100%;margin-left:0;box-sizing:border-box}
	.banner-court .courts-list .search-place a{right:16px}

	/* ---------- 2.4 首页：四个统计卡 ---------- */
	.court-statistics{width:auto;height:auto;padding-top:0}
	.court-statistics ul{display:flex;flex-wrap:wrap;width:100%}
	.court-statistics li{float:none;width:calc(50% - 6px);height:auto;min-height:132px;margin:40px 6px 0 0;padding-bottom:12px;box-sizing:border-box}
	.court-statistics li.on{width:calc(50% - 6px);height:auto;margin:40px 6px 0 0}
	.court-statistics li.last{margin-right:6px}
	.court-statistics li .present-icon{left:50%;top:-30px;transform:translateX(-50%)}
	.court-statistics li .present-icon img{max-width:56px;height:auto}
	.court-statistics li .num{padding-top:34px}
	.court-statistics li .num em{font-size:26px}
	.court-statistics li .name span{display:block;width:auto;height:auto;line-height:1.5;font-size:15px;padding:6px 4px}

	/* ---------- 2.5 首页：模块标题与流程图 ---------- */
	.module-box{margin-top:14px}
	.module-box .box-title{height:auto;min-height:40px;line-height:40px;padding-left:12px}
	.module-box .box-title h4{float:none;margin-left:0;font-size:15px;display:inline-block}
	.module-box .box-title .more{font-size:13px}
	.business-flow .progress-wrap{padding:6px 0}
	.fc{flex-direction:column;align-items:center;padding:16px 0}
	.fc-trunk,.fc-branch{flex-direction:column;align-items:center}
	.fc-branches{width:100%;row-gap:10px}
	.fc-branch{width:100%;background:#fffafa;border:1px solid #ffe9e9;border-radius:8px;padding:12px 0;box-sizing:border-box}
	.fc-branch:before{display:none}
	.fc-fork{display:none}
	.fc-a{width:0;height:20px;margin:8px 0;border-left:1.6px solid #f78585;background:none;position:relative}
	.fc-a:after{content:"";position:absolute;left:-4.5px;bottom:0;width:6px;height:6px;border-right:1.6px solid #f78585;border-bottom:1.6px solid #f78585;transform:rotate(45deg)}
	.fc-l{width:0;height:20px;margin:8px 0;border-top:0;border-left:1.6px solid #f78585}
	.fc-n i{width:44px;height:44px;background-size:22px 22px}
	/* 移动端默认收起，纯 CSS 折叠（不依赖 JS） */
	.fc-collapse{display:none}
	.fc-cb:checked~.fc-collapse{display:block}
	.fc-toggle{display:block;width:100%;max-width:230px;height:42px;line-height:42px;margin:12px auto 6px;background:#e4393c;color:#fff;border-radius:5px;font-size:15px;text-align:center;cursor:pointer}
	.fc-toggle:active{background:#c1272d}


	/* ---------- 2.6 首页：双栏指南 ---------- */
	.courtmediate-wrap{display:block}
	.courtmediate-wrap .mediate-guide{width:auto!important;float:none!important;height:auto;margin-bottom:12px;padding-bottom:10px}
	.mediate-guide .guide-list,.guide-list-more{padding:6px 0}
	.mediate-guide .guide-list li,.guide-list-more li{padding-left:20px;background-position:8px 15px}
	.mediate-guide .guide-list li a,.guide-list-more li a{width:auto;max-width:100%}
	.guide-list-more li span{width:auto;margin-right:10px}

	/* ---------- 2.7 页脚 ---------- */
	.footer-new{min-width:0;width:100%;margin-top:14px}
	.footer-new .footer-menu-new{height:auto;background:none;background-color:#f5f5f5;border-bottom:0;padding:8px 0}
	.footer-new .footer-menu-new ul{margin:0;padding:0 6px;display:flex;flex-wrap:wrap;justify-content:center}
	.footer-new .footer-menu-new ul li{float:none;width:calc(33.333% - 12px);height:auto;margin:0 6px 12px;padding:10px 0;box-sizing:border-box}
	.footer-new .footer-menu-new ul li a{font-size:12px}
	.footer-new .footer-menu-new ul li img{max-width:60px;height:auto}
	.footer-new .footer-menu-new ul li a p{padding-top:4px;font-size:12px}
	.footer-new .footer-info{padding-top:10px;padding-bottom:16px}
	.foot_main{width:auto;height:auto;padding:10px 10px 0}
	.foot_left{width:100%;float:none;padding:0 0 10px;font-size:13px;line-height:26px}
	.foot_right{width:100%;float:none;margin-top:10px}
	.foot_right img{width:110px;height:110px}
	/* 2026-09-29 移动端页脚断行修复：
	   页脚正文来自后台富文本（Articles ColumnID=35），里面用 &nbsp; 排版。
	   &nbsp; 是不可断空格 ⇒ 浏览器被迫在「豫ICP备|2023037820号」这种中文-数字
	   交界处硬断，备案号/电话被剖成两行，看着像"没适配手机"。
	   keep-all 把断点收回空白处；break-word 兜底防超长串溢出。 */
	.foot-copyRight{font-size:13px!important;margin-top:8px;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}
	.foot-copyRight p{font-size:13px!important;line-height:1.8}
	.foot-copyRight a{white-space:nowrap}
	/* ★ 手机端「每句一行」：服务端已把段与段之间的分隔空白包成 <span class="fls">
	   （见 Master.Master.cs 的 WrapFooterItems）。
	   PC 端没有 .fls 这条规则 ⇒ 它仍是 inline span，渲染与改造前逐字一致；
	   这里让它变成「零高度块级」——块级会强制前后断行，
	   零高度+零字号则不占空间 ⇒ 既换行、又不会多出一个空行。
	   后台新增条目自动生效，无需改代码。 */
	.foot-copyRight .fls{display:block;height:0;line-height:0;font-size:0;overflow:hidden}
	.foot_left>a{white-space:nowrap}

	/* ---------- 2.8 搜索结果页（Search.aspx 内联固定宽度） ---------- */
	.conli{margin-left:0;width:auto}
	.cxym_tite{width:auto}
	a.List1{width:auto;max-width:100%;white-space:normal}
	.key_word{float:none;width:auto;max-width:100%;margin-left:0;box-sizing:border-box}
	.gjz{margin-left:0}
	.sub_title{padding-left:12px}

	/* ---------- 2.9 案件列表 / 详情（cen 系列兜底） ---------- */
	.content-all{padding:0 6px;box-sizing:border-box}
	.conli .decenter{overflow-x:auto}
	/* .rollio 是第三级页面的左栏（栏目导航）。style2 基础规则里的 .content{width:1060px}
	   命中了这里的 .content / .content2..9，把导航撑到 1060px、链接撑到 1008px。
	   目前被 .ngh{overflow:hidden} 裁掉才没露馅，但右侧装饰图（.notice 的 right top 背景）
	   与整条红条都被切掉了。这里收回到容器宽度。 */
	.rollio{width:100%;margin-right:0}
	.rollio [class^="content"]{width:auto}

	/* ---------- 2.10 登录页（2026-10-11 移动端重排） ----------
	   桌面版登录页是「浮动 + 负 margin + 绝对微调」拼出来的：
	     .kv-item1{float:left;margin-left:320px} / #yanzhengma{float:left;margin-top:-25px;top:25px}
	     .anniu1{float:left;margin-left:648px} / .form1{padding-left:280px}
	   逐条覆盖必然踩塌陷：★ float 不清掉，浮动子项不计入父容器高度 ⇒
	   实测「登录」按钮浮出白卡外、验证码图被 25px margin 顶到卡片底部。
	   所以这里不改桌面规则，只在 :768 内用 flex 把整张卡重排一遍
	   （卡片纵向排列 / 每行「标签+输入框」/ 验证码行「标签+输入框+图」/ 按钮整宽收进卡片）。 */
	.D_login .W_nologin{width:100%;height:auto;min-height:110px;background-size:100% auto}
	.W_header{width:100%;padding-top:8px;margin-bottom:10px}
	.W_header_logo{width:100%;height:auto;min-height:0;margin-left:0;background:none;text-align:center}
	/* 站名 22px + nowrap 在 390px 下宽 408px（右边 418px）⇒ 被 html,body{overflow-x:hidden}
	   兜底裁掉，「管理系统」的「统」被切。改 20px + 允许折行（站名来自 FirstData.SiteName）。 */
	.W_header_logo .sysname-login{font-size:18px;line-height:1.45;letter-spacing:1px;margin:0 12px;white-space:normal;word-break:break-all}
	.W_nologin_main,#W_login_info_clearfix1{width:auto;height:auto}
	/* 原卡片背景 denglu_bg1.png 是 1000x390 桌面版式（红丝带+金天平），缩到窄屏按 100% 100%
	   拉伸变形；表单在手机上已整宽，压在图上更花 ⇒ 换成干净白卡（PC 端保持原图）。 */
	#W_login_info_clearfix1{background:none;background-color:#fff;border-radius:12px;
		width:calc(100% - 24px);max-width:420px;margin:0 auto;
		padding:20px 16px 22px;box-sizing:border-box;box-shadow:0 4px 18px rgba(193,39,45,.10)}
	.reg_clearfix1{width:auto;padding:0}
	.form1,.form2,.form3{width:auto;padding:0;margin:0 0 14px}
	/* 验证码那行：标签+输入框+验证码图 三件排一行 */
	.form2{display:flex;align-items:center;gap:10px}
	.form2 .kv-item1{flex:0 1 auto}
	.kv-item1{float:none;display:flex;align-items:center;gap:10px;margin:0;flex:1 1 auto;min-width:0}
	.kv-label2,.kv-label3,.kv-label4{float:none;display:block;width:56px;min-width:56px;height:auto;
		line-height:1.4;margin:0;text-align:right;font-size:14px;color:#666;letter-spacing:0}
	.i-text2,.i-text3,.i-text4{float:none;flex:1 1 auto;width:auto;min-width:0;height:42px;
		box-sizing:border-box;margin:0;padding-left:38px;line-height:42px;font-size:15px;
		border-radius:8px;background-position:11px center;background-size:auto 16px}
	/* 验证码输入：去掉左侧小图标（104px 宽的框里放图标后没剩几位），数字居中更好认 */
	.i-text4{flex:0 0 auto;width:104px;padding-left:12px;background-image:none;
		text-align:center;font-size:17px;letter-spacing:2px}
	/* 验证码图：给个和输入框同高的小卡片，图本身不放大（验证码放大反而更难认） */
	#yanzhengma{float:none;display:block;position:static;top:auto;margin:0;flex:0 0 auto;
		padding:4px;border:1px solid #e2e2e2;border-radius:8px;background:#fafafa;line-height:0;cursor:pointer}
	#yanzhengma .code{display:block;width:63px;height:32px;border:0}
	/* 登录按钮：★ 必须 float:none —— 桌面版是 float:left，不清掉就会浮出白卡外（本次踩坑） */
	.anniu1{float:none;display:block;width:100%;max-width:none;height:46px;margin:6px 0 0;padding:0;
		border:0;border-radius:10px;background-image:linear-gradient(#f6ab38,#e7800c);
		color:#fff;font-size:17px;font-weight:700;line-height:46px;letter-spacing:3px;
		font-family:"Microsoft YaHei","SimHei",sans-serif;-webkit-appearance:none;appearance:none;cursor:pointer}
	.anniu1:active{background-image:linear-gradient(#e8890c,#c86a06)}
	#dibu,#dibutu{display:none}
	/* ---------- 2.12 案件详情：案件总览 / 案件列表 / 受理单位 ----------
   style2.css 的 538 块（手机专用）里有三条互相打配合的坏规则：
     .CaseTitle span            { float:left }             -> 浮动了卡片内「所有」后代 span
     .CaseTitle .CaseTable span { line-height:0 }          -> 行高 0，文字高度为零＝不可见
     .CaseTitle .CaseTable      { width:100%; margin-left:50px }
   float:left 是主凶：字段区容器因浮动子项而塌陷（实测 H=0），浮动的字段逃出卡片、
   在后续行里继续占位，把「诉前调解受理单位」标签顶到 x=230（实测值）。
   PC 端走 style.css(min-width:538px)，不含这些规则，所以问题只在手机端。
   注意：.CaseTable2 / .CaseTable3 的元素同时带 CaseTable 类，会被 .CaseTable span 波及。
   --> 本条整段以「取消 float + 恢复行高 + 容器自适应」为纲。 */
	.CaseTitle{margin-top:18px;padding-bottom:14px;border-width:1px;border-radius:8px}
	.CaseTitle>span{display:inline-block;float:none;margin:12px 0 0 12px;width:auto;min-width:0;height:auto;line-height:1.2;padding:7px 14px;font-size:13px}
	.CaseTitle2>span{width:auto;min-width:0}
	.CaseTitle .CaseTable{clear:both;width:auto;margin:12px 0 0;padding:0 14px;font-size:14px;line-height:1.9}
	.CaseTitle .CaseTable span{display:block;float:none;width:auto;background:none;text-align:left;color:#333;font-size:14px;line-height:1.9;margin:0 0 4px;padding:0;word-break:break-all}
	.CaseTitle .CaseTable span:last-child{margin-bottom:0}
	.CaseTitle .CaseTable2{clear:both;width:auto;margin:12px 8px 0;padding:12px 10px;background:#fff;border-width:1px;border-radius:6px;font-size:14px;line-height:1.9}
	.CaseTitle .CaseTable2+.CaseTable2{margin-top:10px}
	.CaseTitle .CaseTable2 span:first-child{font-size:12px;line-height:1.7;letter-spacing:0}
	.CaseTitle .CaseTable2 span:first-child{font-size:12px;line-height:1.7;letter-spacing:0}
	.CaseTitle .CaseTable2 span{display:block;float:none;width:auto;background:none;text-align:left;color:#333;font-size:14px;line-height:1.9;margin:0 0 4px;padding:0;word-break:break-all}
	.CaseTitle .CaseTable2 span.caseMoreSpan{margin-bottom:0;text-align:right}
	.CaseTitle .CaseTable2 span a.caseMore{display:inline-block;float:none;margin:0 0 0 6px;padding:0;font-size:13px}
	.CaseTitle .CaseTable3{clear:both;width:auto;margin:12px 12px 0;padding:12px 14px;background:#fff;border:1px solid #f0d5d5;border-radius:6px;color:#333;font-size:13px;line-height:1.9;text-align:justify}
	#contentbyjsc{padding-bottom:40px}
	/* ---------- 2.13 案件详情下半部分：案件进展 / 信息表单 / 调解函 ----------
	   同一个 538 块里还有一组配套的桌面尺寸规则：
	     .CaseDetailTitle span.title { float:left; width:120px; height:40px; padding:10px 20px }
	     .CaseProgress p            { margin-left:100px }     <- 手机上白缩进 100px
	     .CaseProgress span         { width:100px }           <- 固定 100px 芯片，「调解阶段」被拆成多行
	     .CaseProgressForm span     { margin:10px 10px 10px 20px; display:inline-block }
	   注意 .CaseDetail 有 clear:both，所以标题标签的 float 不会造成塌陷（实测标题容器 H 正常），
	   但 float + margin-top:-15px 的「悬浮标签」在窄屏上不如直接做卡片内 chip。 */
	.CaseDetailTitle{margin-top:18px;padding-bottom:14px;border-width:1px;border-radius:8px}
	.CaseDetailTitle>span.title{display:inline-block;float:none;margin:12px 0 0 12px;width:auto;min-width:0;height:auto;line-height:1.2;padding:7px 14px;font-size:13px}
	.CaseDetail{clear:both;width:auto;margin:12px 10px 0;padding:12px 10px 14px}
	.CaseProgressTitle{display:block;margin:10px 0 6px;padding:4px 0 4px 8px;font-size:13px}
	.CaseProgressTitleContainer{width:auto}
	.CaseProgressTitle2{display:inline-block;margin:0 0 8px;padding:6px 12px;font-size:13px}
	.CaseProgress p{margin:6px 0;margin-left:0;line-height:2.2;font-size:13px}
	.CaseProgress span{display:inline-block;width:auto;min-width:0;margin:2px 1px;padding:2px 9px;font-size:12px;border-radius:9px;line-height:1.6}
	.CaseProgress span.disable{display:inline-block;width:auto;min-width:0;margin:2px 1px;padding:2px 9px;font-size:12px;border-radius:9px}
	.CaseProgressForm span{display:block;margin:2px 0;margin-left:0;font-size:13px;line-height:1.9}
	.CaseProgressForm span b{font-size:14px}
	/* 调解函 iframe 的行内样式写死 height:900px（比手机视口还高，会形成双重滚动），
	   行内样式优先级高于样式表，必须 !important 才压得住 */
	.CaseDetail iframe{height:70vh!important;min-height:400px}
	/* ---------- 2.11 案件查询表单 ----------
	   style2.css 的 538 块把容器写死成 .rule-Form{width:560px} / .el-button2{width:348px}，
	   而该块作用域是 max-width:538px —— 任何手机屏都必然溢出。
	   这里全部改成按容器比例自适应。 */
	.a-bg{margin-left:0;width:100%}
	.a-bg .rule-Form{width:92%;max-width:400px;height:auto;padding:16px 0 12px;box-sizing:border-box}
	.a-bg .title{font-size:18px;padding:14px 0 10px}
	.a-bg .caseTips{margin-right:0;padding-left:0;padding-right:0;text-align:center;font-size:12px;line-height:1.9;padding-bottom:8px}

	.a-bg .caseTips b{padding:1px 4px;margin:0 1px;font-size:12px;white-space:nowrap}
	.a-bg .el-form-item{margin-bottom:12px}
	.a-bg .el-form-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}
	.a-bg .el-input1{width:auto;max-width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1}
	.a-bg .el-input2{width:104px;height:36px}
	.a-bg .el-button1{width:76px;font-size:13px}
	.a-bg .el-button2{width:100%;max-width:320px}
	.el-form-item__label{font-size:13px;padding-right:8px;white-space:nowrap}
	.el-form-item--medium .el-form-item__content,.el-form-item--medium .el-form-item__label{line-height:36px}
	.el-form-item__content{line-height:36px}
}

/* ============================================================
 * 三、窄屏微调（≤480px）
 * ============================================================ */
@media screen and (max-width:480px){
	.court-statistics li,.court-statistics li.on{width:calc(50% - 6px)}
	.court-statistics li .num em{font-size:24px}
	.court-statistics li .name span{font-size:14px}
	.footer-new .footer-menu-new ul li{width:calc(50% - 12px)}
	.fc-n span{font-size:12px}
	.header-nav .nav li a{padding:0 12px;font-size:14px}
	.sytpxw .txt li a{font-size:13px}
}