/* /mobile/*.html 底部导航
   2026-09-28 第二轮：与主站底部导航（template/720mo/library/footer.lbi）统一规格。
   改前：每个 tab 是一张「图标 + 文字」一体的背景图（65x74，background-size:auto 100%），
         栏高 60px、图标实际只有 25px、文字是图片里烧死的，两个底栏大小对不上。
   改后：图标改用与主站同一套 /static/images/wap/icon-footer-*.png，文字是真实文本，
         选中色统一 #2d7cfc。
   第十五批：图标 28 → 24px、文字 12px → 10px / 行高 18px，
         整条高度对齐主站那套（两边都是 45px），中间徽章仍是 42px。
         两边规格要一起改，改完记得对齐另一边。 */
#footer {
  width: 100%;
  background: #fff;
  border-top: 1px solid #dcdcdc;
  padding-top: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1000;
  text-align: center;
  font-size: 12px;
}
#footer a {
  display: block;
  float: left;
  width: 25%;
  text-decoration: none;
}
#footer a img {
  display: inline-block;
  height: 24px;
  width: auto;
  vertical-align: top;
}
#footer a .ic-on {
  display: none;
}
#footer a.active .ic-off {
  display: none;
}
#footer a.active .ic-on {
  display: inline-block;
}
#footer a p {
  /* 第十五批：与主站底栏改成同一规格 —— 10px / 行高 18px、无外边距。
     高度核对：1(border) + 2(padding-top) + 24(图标盒) + 18(文字行) = 45px，
     与主站那套（42px 徽章 + 2 + 1 撑到 45px）完全一致。
     ⚠ line-height 必须写死：这页是 bootstrap（1.428），主站是 amazeui（1.6），
       不写死两边会差 2px。 */
  margin: 0;
  font-size: 10px;
  line-height: 18px;
  color: #333;
}
#footer a.active p {
  color: #55b0ff;
}

/* 2026-09-30 第五十六批：微信内置浏览器点底栏会闪出一圈橙黄色方框 ——
   那是浏览器给获得焦点的链接画的轮廓（微信 X5 内核默认橙黄色）+ 点按高亮底色。
   底栏用不到键盘焦点提示，关掉；只针对底栏，不动其它链接。 */
#footer a,
#footer a:focus,
#footer a:active,
#footer a:visited,
#footer a img,
#footer *:focus {
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}