/* m_h5.css - 航税云全站移动端 H5 模板样式（dcos 蓝 #007FFF + 柠檬黄） */
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body { background:#f5f7fb; color:#333; font:14px/1.7 -apple-system,"PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif; }
a { color:#0A2F6C; text-decoration:none; }
img { max-width:100%; display:block; border:0; }
ul,ol { list-style:none; }
input,button,textarea { font:inherit; outline:none; border:none; }

.m-wrap { max-width:480px; margin:0 auto; min-height:100vh; }

/* ===== 顶部导航 ===== */
.m-header { position:fixed; top:0; left:0; right:0; z-index:900; background:#fff; box-shadow:0 1px 8px rgba(10,47,108,.08); }
.m-header .m-bar { max-width:480px; margin:0 auto; height:52px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; }
.m-header .m-logo { display:flex; align-items:center; gap:8px; }
.m-header .m-logo img { height:30px; width:auto; }
.m-header .m-logo span { font-size:15px; font-weight:700; color:#0A2F6C; }
.m-header .m-menu-btn { width:38px; height:38px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; background:none; cursor:pointer; }
.m-header .m-menu-btn i { display:block; width:22px; height:2px; border-radius:2px; background:#0A2F6C; transition:.3s; }
.m-header .m-menu-btn.open i:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.m-header .m-menu-btn.open i:nth-child(2) { opacity:0; }
.m-header .m-menu-btn.open i:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }

/* 抽屉导航 */
.m-mask { position:fixed; inset:0; background:rgba(10,30,70,.5); z-index:990; opacity:0; visibility:hidden; transition:.3s; }
.m-mask.show { opacity:1; visibility:visible; }
.m-drawer { position:fixed; top:0; right:-64%; width:64%; max-width:280px; height:100%; background:#fff; z-index:999; overflow-y:auto; transition:right .32s ease; box-shadow:-6px 0 24px rgba(10,47,108,.15); }
.m-drawer.show { right:0; }
.m-drawer .m-drawer-head { display:flex; align-items:center; justify-content:space-between; padding:16px 16px 12px; border-bottom:1px solid #eef2f8; }
.m-drawer .m-drawer-head b { font-size:16px; color:#0A2F6C; }
.m-drawer .m-nav li { border-bottom:1px solid #f2f5fa; }
.m-drawer .m-nav li > a { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; font-size:15px; color:#222; }
.m-drawer .m-nav li > a i { font-size:12px; color:#a0aabd; transition:.3s; }
.m-drawer .m-nav li.open > a i { transform:rotate(180deg); }
.m-drawer .m-sub { display:none; background:#f8faff; padding:4px 0; }
.m-drawer .m-nav li.open .m-sub { display:block; }
.m-drawer .m-sub a { display:block; padding:10px 16px 10px 30px; font-size:14px; color:#4a5a78; }
.m-drawer .m-drawer-foot { padding:14px 16px 20px; display:flex; gap:10px; }
.m-drawer .m-drawer-foot a { flex:1; text-align:center; padding:11px 0; border-radius:999px; font-size:14px; font-weight:600; }
.m-drawer .m-drawer-foot .m-btn-y { background:#F7E02C; color:#0A2F6C; }
.m-drawer .m-drawer-foot .m-btn-b { background:linear-gradient(135deg,#2AA6ED,#007FFF); color:#fff; }

/* ===== 通用版块 ===== */
.m-body { padding-top:52px; }
.m-section { padding:26px 14px; }
.m-sec-title { font-size:19px; font-weight:700; color:#0A2F6C; text-align:center; margin-bottom:6px; }
.m-sec-sub { font-size:13px; color:#8a94a8; text-align:center; margin-bottom:20px; line-height:1.7; }

/* ===== 卡片 ===== */
.m-card { background:#fff; border-radius:12px; padding:18px 16px; box-shadow:0 2px 10px rgba(10,47,108,.05); }
.m-card .m-ico { width:44px; height:44px; border-radius:10px; background:linear-gradient(135deg,#2AA6ED,#007FFF); color:#fff; display:flex; align-items:center; justify-content:center; font-size:19px; margin-bottom:12px; }
.m-card h3 { font-size:16px; color:#0A2F6C; margin-bottom:8px; font-weight:600; }
.m-card p { font-size:13px; color:#67718a; line-height:1.8; }

/* ===== 首页轮播 ===== */
.m-banner { position:relative; overflow:hidden; background:#e8eef7; }
.m-banner-track { display:flex; transition:transform .45s ease; }
.m-banner-slide { flex:0 0 100%; position:relative; min-width:0; }
.m-banner-slide img { width:100%; height:auto; }
.m-banner .m-ban-title { position:absolute; left:14px; right:14px; bottom:12px; color:#fff; font-size:16px; font-weight:600; text-shadow:0 1px 6px rgba(0,0,0,.4); }
.m-banner-dots { position:absolute; bottom:10px; left:0; right:0; display:flex; justify-content:center; gap:6px; }
.m-banner-dots i { display:block; width:8px; height:8px; border-radius:99px; background:rgba(255,255,255,.55); transition:all .3s; }
.m-banner-dots i.on { width:18px; background:#F7E02C; }

/* ===== 快捷入口 ===== */
.m-quick { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:16px; }
.m-quick a { background:#fff; border-radius:12px; padding:14px 4px; text-align:center; box-shadow:0 2px 8px rgba(10,47,108,.05); }
.m-quick .ic { width:40px; height:40px; margin:0 auto 8px; border-radius:50%; background:#F0F7FF; color:#007FFF; display:flex; align-items:center; justify-content:center; font-size:18px; }
.m-quick span { font-size:12.5px; color:#2a3b55; }

/* ===== 首页板块网格 ===== */
.m-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.m-grid-2b { display:grid; grid-template-columns:1fr 1fr; gap:12px; }

/* ===== 列表 ===== */
.m-list-item { display:flex; gap:12px; background:#fff; border-radius:12px; padding:12px; margin-bottom:12px; box-shadow:0 2px 8px rgba(10,47,108,.05); }
.m-list-item .thumb { flex:none; width:104px; height:76px; border-radius:8px; overflow:hidden; background:#eef2f8; }
.m-list-item .thumb img { width:100%; height:100%; object-fit:cover; }
.m-list-item .info { flex:1; min-width:0; display:flex; flex-direction:column; justify-content:space-between; }
.m-list-item .info h3 { font-size:14.5px; color:#222; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.m-list-item .info .meta { font-size:12px; color:#a0aabd; }

/* ===== 分页 ===== */
.m-pager { display:flex; justify-content:center; align-items:center; gap:14px; padding:10px 0 4px; }
.m-pager a, .m-pager span { font-size:14px; color:#007FFF; }

/* ===== 详情页 ===== */
.m-detail { background:#fff; border-radius:12px; padding:20px 16px; margin:14px; }
.m-detail h1 { font-size:20px; color:#0A2F6C; line-height:1.5; margin-bottom:12px; }
.m-detail .m-dmeta { font-size:12px; color:#a0aabd; padding-bottom:14px; border-bottom:1px solid #eef2f8; margin-bottom:14px; }
.m-detail .m-content { font-size:15px; color:#444; line-height:1.9; }
.m-detail .m-content img { margin:10px 0; border-radius:8px; }
.m-detail .m-content p { margin-bottom:12px; }
.m-detail .m-content h1,.m-detail .m-content h2,.m-detail .m-content h3 { color:#0A2F6C; margin:16px 0 10px; font-size:17px; }
.m-detail .m-content table { width:100%; border-collapse:collapse; margin:10px 0; }
.m-detail .m-content td,.m-detail .m-content th { border:1px solid #dde5f2; padding:8px; font-size:13px; }
.m-detail .m-content a { color:#007FFF; }

/* 上下篇 */
.m-prenext { margin:0 14px; }
.m-prenext a { display:block; background:#fff; border-radius:10px; padding:12px 14px; margin-bottom:10px; font-size:13.5px; color:#4a5a78; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ===== 单页 ===== */
.m-page-title { background:linear-gradient(135deg,#065FD4,#2AA6ED); color:#fff; text-align:center; padding:34px 16px 30px; }
.m-page-title h1 { font-size:21px; margin-bottom:6px; }
.m-page-title p { font-size:13px; color:rgba(255,255,255,.85); line-height:1.7; }
.m-page-content { padding:18px 16px; font-size:14.5px; color:#444; line-height:1.95; }
.m-page-content img { border-radius:10px; margin:10px 0; }
.m-page-content h1,.m-page-content h2,.m-page-content h3 { color:#0A2F6C; margin:16px 0 10px; }
.m-page-content p { margin-bottom:12px; }
.m-page-content table { width:100%; border-collapse:collapse; margin:10px 0; }
.m-page-content td,.m-page-content th { border:1px solid #dde5f2; padding:8px; font-size:13px; }

/* ===== 搜索 ===== */
.m-search { padding:14px; display:flex; gap:10px; }
.m-search input { flex:1; height:42px; border-radius:999px; background:#fff; padding:0 18px; font-size:14px; box-shadow:0 2px 8px rgba(10,47,108,.06); }
.m-search button { width:74px; height:42px; border-radius:999px; background:linear-gradient(135deg,#2AA6ED,#007FFF); color:#fff; font-size:14px; font-weight:600; cursor:pointer; }

/* ===== 留言表单 ===== */
.m-form { padding:14px 14px 30px; }
.m-form .m-form-item { background:#fff; border-radius:12px; padding:14px; margin-bottom:12px; }
.m-form .m-form-item label { display:block; font-size:13px; color:#67718a; margin-bottom:8px; }
.m-form .m-form-item input,.m-form .m-form-item textarea { width:100%; background:#f5f7fb; border-radius:8px; padding:11px 12px; font-size:14px; color:#333; }
.m-form .m-form-item textarea { height:100px; resize:none; }
.m-form .m-submit { width:100%; height:46px; border-radius:999px; background:linear-gradient(135deg,#2AA6ED,#007FFF); color:#fff; font-size:16px; font-weight:600; cursor:pointer; box-shadow:0 6px 16px rgba(0,127,255,.3); }

/* ===== 底部 ===== */
.m-footer { background:#0A2F6C; color:#c7d4e8; padding:26px 16px 30px; margin-top:10px; }
.m-footer h4 { font-size:15px; color:#fff; margin-bottom:12px; }
.m-footer p { font-size:13px; line-height:2; }
.m-footer a { color:#c7d4e8; }
.m-footer .m-copy { margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); font-size:12px; color:#8fa2c4; line-height:1.9; }

/* ===== 固定底部 CTA（首页） ===== */
.m-footbar { position:fixed; bottom:0; left:0; right:0; z-index:880; background:#fff; box-shadow:0 -2px 12px rgba(10,47,108,.12); display:flex; }
.m-footbar a { flex:1; text-align:center; padding:13px 0; font-size:15px; font-weight:700; }
.m-footbar .f-tel { color:#0A2F6C; }
.m-footbar .f-try { background:#F7E02C; color:#0A2F6C; }
.m-footbar .f-kf { background:linear-gradient(135deg,#2AA6ED,#007FFF); color:#fff; }
.m-footbar + .m-footer, .m-footbar + * { margin-bottom:0; }
.m-has-footbar { padding-bottom:56px; }

/* ===== 返回顶部 ===== */
.m-gotop { position:fixed; right:14px; bottom:76px; z-index:850; width:40px; height:40px; border-radius:50%; background:#fff; color:#007FFF; box-shadow:0 4px 14px rgba(10,47,108,.18); display:flex; align-items:center; justify-content:center; font-size:16px; cursor:pointer; opacity:0; visibility:hidden; transition:.3s; }
.m-gotop.show { opacity:1; visibility:visible; }