<!-- 日访问量 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日访问量排行</title>
    <link rel="stylesheet" type="text/css" href="/style/html.css" />
    <link rel="stylesheet" type="text/css" href="/style/base.css" />
    <script src="./js/jquery-1.7.2.min.js"></script>
    <script src="./js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body class="black-bg">
    <!-- 头部 Start -->
    <div class="header flex-row  flex-y-center">
        <h1>日访问量排行</h1>
    </div>
    <!-- 头部 End -->
    <!-- 内容 Start -->
    <div class="container">
       <!-- 正文 Start -->
       <div class="content m-t-20">
          <img class="x-line" style="top:60px" src="img/bg-line.png" alt="">
          <div class="content-list flex-col">
            <div class="content-list-left flex-col w100">
              <div class="tab-title flex-row">
                <h4 class="current">市政府工作部门日访问量</h4>
                <h4 class="c-l-right">县（市）区政府日访问量</h4>
              </div>       
              <div class="tab_con">
              <div class="content-list-body m-t-10 height-72 dis-none no-bg" style="width: auto; display: block;">
                <div class="bd">
                  <ul class="infoList">
                    <li><div class="paihang">1</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">2</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">3</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">4</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">5</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">6</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">7</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">8</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">9</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">10</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">11</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">12</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                  </ul>
                </div>
              </div>
              <div class="content-list-body m-t-10 height-72 dis-none no-bg" style="width: auto;">
                <div class="bd">
                  <ul class="infoList">
                    <li><div class="paihang">1</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">2</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">3</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">4</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">5</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">6</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">7</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">8</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">9</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">10</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">11</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                    <li><div class="paihang">12</div><div class="gov-name">蛟河市人民政府</div><div class="click-num">76542</div></li>
                  </ul>
                </div>
              </div>
              </div>
            </div>
          </div>
       </div>
       <!-- 正文 End -->
    </div>
    <!-- 内容End -->
    <script>
      $(".tab-title h4").click(function () {
        // 获得点击li的索引号
          var index = $(this).index();
          // 给当前选中的tab加上current类名，其他兄弟的类名去掉
          $(this).addClass("current").siblings().removeClass("current");
          // 第index位的div显示，其他div隐藏
          $(".tab_con .dis-none").eq(index).show().siblings().hide();
      });
  </script>
</body>
</html>