@charset "utf-8";
/* ============================================================
   移动端公共修复样式  2026-10-21
   1) rem 基准：模板用 rem 布局（indexx.css / reset.css），但全站没有设置 html 字号，
      浏览器按默认 16px 解析，导致 1.2rem=19px、.hd 高度 4.45rem=71px 等全部走形。
   2) 菜单开关：原模板 .slideMenu 只有 display:none，全站没有任何 JS 绑定 .navbtn 的点击，
      右上角按钮点了没反应。这里补状态类 .nav-open。
   3) 内页缺失 indexx.css，头部/页脚无布局，已在各页面 head 补引用。
   回滚方式：删除本文件及页面中的引用即可。
   ============================================================ */

html {
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
}

/* 菜单按钮可点 */
.hd .navbtn {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.hd .navbtn img {
	display: block;
}

/* 菜单显隐：.nav-open 可能加在 .menu2 或 .slideMenu 上，两种都兜住 */
.menu2 .slideMenu {
	display: none;
}
.menu2.nav-open .slideMenu,
.menu2 .slideMenu.nav-open {
	display: block;
}

/* 打开时的遮罩 */
.nav-mask {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .45);
	z-index: 78;
	-webkit-tap-highlight-color: transparent;
}
.nav-mask.on {
	display: block;
}

/* 菜单本体：贴住头部下沿、限高可滚动，避免导航项多时超出屏幕 */
.menu2.nav-open .slideMenu,
.menu2 .slideMenu.nav-open {
	max-height: 78vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .18);
}
.menu2.nav-open .slideMenu > img,
.menu2 .slideMenu.nav-open > img {
	display: block;
	width: 100%;
}

/* 底部固定导航挡住页面底部内容的老问题：给 body 补底部留白 */
body {
	padding-bottom: 5rem;
}

/* 小屏头部挤压 */
@media (max-width: 360px) {
	.hd .text {
		width: 50%;
	}
	.hd .text a {
		font-size: 1.1rem;
	}
}