:root { --tncms-mobile-nav-height: 68px; --tncms-mobile-nav-blue: #246bfd; }
.tncms-mobile-nav { display: none; position: fixed !important; z-index: 1030 !important; right: 0; bottom: 0; left: 0; height: var(--tncms-mobile-nav-height); padding-bottom: env(safe-area-inset-bottom); background: rgba(255, 255, 255, .96); box-shadow: 0 -4px 18px rgba(20, 52, 110, .1); backdrop-filter: blur(14px); }
.tncms-mobile-nav a { display: flex; width: 20%; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #929bad; text-decoration: none; font-size: 10px; line-height: 1; }
.tncms-mobile-nav a i { font-size: 21px; }
.tncms-mobile-nav a.is-active { color: var(--tncms-mobile-nav-blue); }
.tncms-mobile-nav .tncms-mobile-nav-consult { color: #929bad; }
.tncms-mobile-nav-consult i { display: grid; width: 48px; height: 48px; place-items: center; margin-top: -25px; border: 5px solid #fff; border-radius: 50%; background: linear-gradient(145deg, #4c8cff, #1551d0); box-shadow: 0 5px 12px rgba(36, 107, 253, .3); color: #fff; font-size: 22px; }
.tncms-mobile-nav-consult span { font-weight: 500; }
.tncms-mobile-nav .tncms-mobile-nav-consult.is-active { color: var(--tncms-mobile-nav-blue); }
.tncms-mobile-nav .tncms-mobile-nav-consult.is-active span { font-weight: 700; }
@media screen and (max-width:767.98px) {
  .tncms-mobile-nav { display: flex !important; }
  body { padding-bottom: var(--tncms-mobile-nav-height); }
}
/*Bootstrap 咨询弹窗打开时让出最上层，避免底部导航遮挡弹窗内容。*/
.modal-open .tncms-mobile-nav { opacity: 0; visibility: hidden; pointer-events: none; }