<div class="footer">
  <div class="linkbar">
    <div class="container clearfix">
      <h4 class="slogan pull-left">欢迎拨打 12348 法律咨询热线！</h4>
      <a href="#" class="backtop pull-right"><i class="iconfont icon-backtop"></i></a>
    </div>
  </div>
  <div class="container">
    <div class="quicknav">
      <div class="columns">
        <div class="column is-4">
        </div>
        <div class="column is-2">
          <dl class="quicknav-item">
            <dt>信息公开</dt>
            <dd><a href="#">最新公开信息</a></dd>
            ...
          </dl>
        </div>
        ...
      </div>
    </div>
    <div class="columns">
      <div class="column">
        <div class="select is-fullwidth">
          <select onChange="window.open(this.value)">
            <option value="javascript:void();">本市司法行政网站</option>
            <option value="http://www.ahsft.gov.cn" target="_blank">Guest</option>
          </select>
        </div>
      </div>
      ...
    </div>
    <div class="copyright">
      <div class="columns">
        <div class="column is-7">
          <div class="info">
            <p>版权所有: 上海市司法行政网 徐汇区建国西路648号<span class="li-bull"></span>电话: 021-24029009</p>
            <p>推荐使用chrome、Firefox等现代浏览器以获取更好浏览体验<span class="li-bull"></span>沪ICP备05000169号-3</p>
          </div>
        </div>
        <div class="column is-5">
          <div class="auth">
            <a href="#" class="auth-item"><img src="images/jiucuo.png"></a>
            ...
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- 亮色背景 -->
<div class="footer is-lightness">
  ...
</div>