<style type="text/css">
  /*page*/
  .pagin{position:relative;margin-top:10px;padding:0 12px;}
  .pagin .blue{color:#056dae;font-style:normal;}
  .pagin .paginList{position:absolute;right:12px;top:0;}
  .pagin .paginList .paginItem{float:left;}
  .pagin .paginList .paginItem a{float:left;width:31px;height:28px;border:1px solid #DDD; text-align:center;line-height:30px;border-left:none;color:#3399d5;}
  .pagin .paginList .paginItem:first-child a{border-left:1px solid #DDD;}
  .pagin .paginList .paginItem:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px;}
  .pagin .paginList .paginItem:last-child a{border-bottom-right-radius:5px;border-top-right-radius:5px;}
  .pagin .paginList .paginItem.current,.pagin .paginList .paginItem.current a{background:#f5f5f5; cursor:default;color:#737373;}
  .pagin .paginList .paginItem:hover{background:#f5f5f5;}
  .pagin .paginList .paginItem.more,.pagin .paginList .paginItem.more a:hover{ cursor:default;}
  .pagin .paginList .paginItem.more:hover{background:#FFF;}
  .pagin .paginList .paginItem.more a{color:#737373;}
  .pagepre{background:url(/citong/client/controls/page/pre.gif) no-repeat center center; width:31px; height:28px;}
  .pagenxt{background:url(/citong/client/controls/page/next.gif) no-repeat center center; width:31px; height:28px;}
  .pagepre_no{background:url(/citong/client/controls/page/pre_no.gif) no-repeat center center; width:31px; height:28px;}
  .pagenxt_no{background:url(/citong/client/controls/page/next_no.gif) no-repeat center center; width:31px; height:28px;}
</style>

<div class="pagin">
  <div class="message">
    共<i class="blue">
      {{totalNum}}
    </i>条记录，当前显示第&nbsp;<i class="blue">{{page}}&nbsp;</i>页
  </div>
  <ul class="paginList">
    <li class="paginItem">
      <a href="{{urlPrePage}}">
        <span style="display: block" class='{{urlPrePageClass}}'></span>
      </a>
    </li>
    {{#each pagePre}}
    <li class="paginItem">
      <a href="javascript:control_page_to({{ID}})">{{ID}}</a>
    </li>
    {{/each}}
    <li class="paginItem current">
      <a href="javascript:;">{{page}}</a>
    </li>
    {{#each pageNext}}
    <li class="paginItem">
      <a href="javascript:control_page_to({{Page}})">{{ID}}</a>
    </li>
    {{/each}}
    <li class="paginItem">
      <a href="{{urlNextPage}}">
        <span style="display: block" class='{{urlNextPageClass}}'></span>
      </a>
    </li>
  </ul>
</div>
