.pagination-box {
  height: 30px;
  font-size: 14px;
  .pagination {
    display: table;
    height: 30px;
    float: left;
    padding-left: 0;
    .page-item {
      list-style: none;
      float: left;
      border-radius: 2px;
      margin: 0 4px;
      color: #222;
      height: 28px;
      line-height: 28px;
      .next,.prve{
       &:hover{
           color: #3C99FC;
       }
      }
      &:hover {
        a {
          &.page {
            color: #3C99FC;
//          background: #3C99FC;
//          border: 1px solid #3C99FC;
          }
        }
      }
      &.active {
        a {
          &.page {
            background: #3C99FC;
            color: #fff;
            border-color: #3C99FC;
          }
        }
      }
      a {
        display: block;
        text-decoration: none;
        color: #333;
        border-radius: 2px;
        text-align: center;
        border: 1px solid #ccc;
        background: #fff;
        &.start, &.end {
          width: 56px;
        }
        &.prve, &.next {
          color: #333;
          width: 68px;
        }
        &.page {
          padding: 0 10px;
          color: #222;
          text-align: center;
          border-radius: 2px;
          text-decoration: none
        }
      }
      &.disabled {
        a {
          cursor: not-allowed;
          color: #999;
        }
      }
      .page-display {
        position: relative;
        display: inline-block;
        width: 60px;
        cursor: pointer;
        .select-icon {
          display:inline-block;
          width:16px;
          height: 16px;
          position:absolute;
          right:3px;
          top:0;
          z-index: 99;
          &.up {
            display: block;
            width: 6px;
            height: 6px;
            position: absolute;
            right: 5px;
            bottom: 8px;
            /* background: url(../img/up.svg) no-repeat; */
            transition: transform .3s, -webkit-transform .3s;
            z-index: 99;
          }
          &.down {
            display: block;
            width: 6px;
            height: 6px;
            position: absolute;
            right: 5px;
            bottom: 8px;
            /* background: url(../img/up.svg) no-repeat; */
            z-index: 99;
            transition: transform .3s, -webkit-transform .3s;
            -webkit-transform: rotateZ(180deg);
            -moz-transform: rotateZ(180deg);
            -o-transform: rotateZ(180deg);
            -ms-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
          }
        }
        .select-num {
            font-size: 12px;
          height: 28px;
          line-height: 28px;
          position: relative;
          text-align: center;
          width: 100%;
          border-radius: 2px;
          border: 1px solid #ccc;
          color: transparent;
          text-shadow: 0 0 #333;
          cursor: pointer;
          padding-right:5px;
          box-sizing: border-box;
          &:hover{
            border: 1px solid #3c99fc;
          }
        }
        .display-select {
          position: absolute;
          top: 32px;
          left: 0;
          padding-left: 0;
          border: 1px solid #ccc;
          border-radius: 2px;
          background: #fff;
          li {
            text-align: right;
            display: block;
            width: 60px;
            padding-right: 6px;
            cursor: pointer;
            box-sizing: border-box;
            &:hover{
                color: #3C99FC;
            }
          }
        }
      }
      .jump-page {
        width: 38px;
        height: 28px;
         line-height: 28px;
         text-align: center;
        background:rgba(255,255,255,1);
        border-radius:2px;
        border:1px solid rgba(204,204,204,1);
        margin: 0 6px 0 6px;
      }
      .jump-to {
        display: inline-block;
        border: 1px solid #eee;
        width: 38px;
        height: 28px;
        line-height: 28px;
        background:rgba(255,255,255,1);
        border-radius: 2px;
        border:1px solid rgba(204,204,204,1);
        margin-left: 6px;
        cursor: text;
        cursor: pointer;
        &:hover{
           color: #3C99FC;
        }
      }
    }
    .jump-page{
       &:hover{
           color: #3C99FC;
       }
    }
  }
}
.pages-set{
    clear: both;
    margin-top: 20px;
}
.pages-set{
    clear: both;
    overflow: hidden;
    span{
        height: 32px;
        line-height: 32px;
       float: left;  
    }
    .k-input-wp{
        width: 200px;
        margin-right: 14px;
    }
}