{jv:hook name='footer_top' /}
<footer class="site-footer" id="footer">
  <div class="container">
    <div class="footer-top">
      <div class="footer-brand">
        <a class="logo logo-light" href="{jv:url}">
          <span class="logo-mark" aria-hidden="true">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7l8-4 8 4v10l-8 4-8-4V7z"/><path d="M4 7l8 4 8-4"/><path d="M12 11v10"/></svg>
          </span>
          {jv:global name='site_name' /}
        </a>
        <p class="footer-slogan">{jv:lang name='footer_slogan' /}</p>
        <div class="footer-social">
          <a href="#" aria-label="{jv:lang name='social_weibo' /}"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M9.5 9.5c1.2-.3 2.6 0 3.4 1.2.5-.8 1.6-1 2.4-.5-.4 1-1.2 1.5-2.2 1.8.6 1-.2 2.4-1.4 2.6-1.7.3-3.2-1-3.4-2.6-.2-1.3.4-2.3 1.2-2.5z"/></svg></a>
          <a href="#" aria-label="{jv:lang name='social_wechat' /}"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 11.5c-3 0-5.5 1.9-5.5 4.3 0 1.3.7 2.4 1.9 3.2l-.5 1.5 1.8-1c.7.2 1.5.4 2.3.4"/><path d="M15.5 7.5c-3.3 0-6 2.2-6 5 0 2.8 2.7 5 6 5 .8 0 1.6-.1 2.3-.4l1.8.9-.5-1.4c1.1-.8 1.9-1.9 1.9-3.1 0-2.8-2.7-5-5.5-5z"/><circle cx="8" cy="11" r=".6" fill="currentColor"/><circle cx="12" cy="11" r=".6" fill="currentColor"/></svg></a>
          <a href="#" aria-label="GitHub"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a9 9 0 00-2.8 17.5c.5.1.6-.2.6-.5v-1.7c-2.6.6-3.1-1.3-3.1-1.3-.4-1.1-1-1.4-1-1.4-.9-.6.1-.6.1-.6 1 .1 1.5 1 1.5 1 .9 1.5 2.3 1.1 2.9.8.1-.6.3-1.1.6-1.3-2.2-.3-4.5-1.1-4.5-5 0-1.1.4-2 1-2.7-.1-.3-.4-1.3.1-2.7 0 0 .8-.3 2.7 1a9.3 9.3 0 015 0c1.9-1.3 2.7-1 2.7-1 .5 1.4.2 2.4.1 2.7.6.7 1 1.6 1 2.7 0 3.9-2.3 4.7-4.5 5 .3.3.6.9.6 1.8v2.6c0 .3.1.6.6.5A9 9 0 0012 3z"/></svg></a>
          <a href="#" aria-label="{jv:lang name='social_email' /}"><svg viewBox="0 0 24 24" width="17" height="17" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></a>
        </div>
      </div>
      <div class="footer-links">
        <div class="fl-group">
          <span class="fl-label">{jv:lang name='footer_site_nav' /}</span>
          <div class="fl-list">
            <a href="{jv:url}">{jv:lang name='home' /}</a>
            <a href="{jv:url}list/39.html">{jv:lang name='footer_article_center' /}</a>
            <a href="{jv:url}list/35.html">{jv:lang name='footer_download_center' /}</a>
            <a href="{jv:url}list/31.html">{jv:lang name='footer_qa_center' /}</a>
            <a href="{jv:url}mall">{jv:lang name='mall_center' /}</a>
            <a href="{jv:url}forum">{jv:lang name='footer_forum' /}</a>
          </div>
        </div>
        <div class="fl-group">
          <span class="fl-label">{jv:lang name='footer_friendly_links' /}</span>
          <div class="fl-list fl-friends">
            {jv:flink row="20"}<a href="{jv:.link_url}" target="{jv:.target}" rel="nofollow">{jv:.name}</a>{jv:else /}<span style="color:#7a8aa8">{jv:lang name='footer_no_links' /}</span>{/jv:flink}
          </div>
        </div>
      </div>
      <div class="footer-qr">
        <div class="qr-item">
          <img src="/Template/default/mobile/skin/images/qr-jvcms.png" alt="{jv:lang name='footer_qr_site' /}">
          <span>{jv:lang name='footer_qr_site' /}</span>
        </div>
        <div class="qr-item">
          <img src="/Template/default/mobile/skin/images/qr-app.png" alt="{jv:lang name='footer_qr_app' /}">
          <span>{jv:lang name='footer_qr_app' /}</span>
        </div>
      </div>
    </div>
    <div class="footer-bottombar">
      <p>JVCMS.COM — Secure & Fast CMS. All Rights Reserved.</p>
      <div class="lang-switch footer-lang">
        <button class="lang-btn" type="button" aria-haspopup="true" aria-expanded="false" aria-label="{jv:lang name='select_language' /}">
          <img class="lang-flag" src="/Template/default/mobile/skin/images/flags/{jv:lang name='locale' /}.svg" alt="">
          <span class="lang-name">{jv:lang name='language_name' /}</span>
          <svg class="chev" viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>
        </button>
        <div class="lang-panel" role="menu" aria-label="{jv:lang name='select_language' /}">
          <div class="lang-panel-head">{jv:lang name='select_language' /}</div>
          <div class="lang-list">
          {jv:language}<a class="lang-item" href="{jv:language_url}" data-lang="{jv:code}"><img class="lang-flag" src="/Template/default/mobile/skin/images/flags/{jv:code}.svg" alt=""><span>{jv:name}</span><em>{jv:code}</em></a>{/jv:language}
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
<nav class="mobile-tabbar">
  <a href="{jv:url}" class="active">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
    <span>{jv:lang name='home' /}</span>
  </a>
  <a href="{jv:url}list/39.html">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
    <span>{jv:lang name='footer_article_center' /}</span>
  </a>
  <a href="{jv:url}mall">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
    <span>{jv:lang name='mall_center' /}</span>
  </a>
  {jv:if condition="is_logged_in"}
  <a href="{jv:url}user/center">
  {jv:else /}
  <a href="{jv:url}user/login">
  {/jv:if}
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
    <span>{jv:lang name='member_center' /}</span>
  </a>
</nav>
<script src="/Template/default/mobile/skin/js/main.js?v=3"></script>
<script>
(function(){
  var path = location.pathname.replace(/\/+$/, '');
  var tabs = document.querySelectorAll('.mobile-tabbar a');
  tabs.forEach(function(a){
    var href = a.getAttribute('href').replace(/\/+$/, '');
    if (path === href || (href && path.indexOf(href) === 0 && href.length > 1)) {
      tabs.forEach(function(t){ t.classList.remove('active'); });
      a.classList.add('active');
    }
  });
})();
</script>
{jv:hook name='body_bottom' /}
</body>
</html>