.lh-pagination {
  &.clearfix {
    &::after {
      clear: both;
      content: '';
      display: block;
    }
  }
  >span{
    color: @color_b1;
    list-style: none;
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
  }
  //火狐
  input[type=number] {
    -moz-appearance:textfield;
  }

  //谷歌
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .icon_try_left{
    font-size: 12px;
  }
  .icon_try_right{
    font-size: 12px;
  }
  .lh-pagination--disabled {
    font-weight: normal !important;
    color: #C0C4CC !important;
    border-color: @color_b5 !important;
    cursor: not-allowed !important;
    &:hover {
      color: #C0C4CC !important;
      border-color: @color_b5 !important;
      cursor: not-allowed !important;
    }
  }
  .lh-select-text{
    border-radius: 2px;
    height:28px;
    .lh-select-single{
      line-height:28px - 2;
      font-size: 12px;
    }
    .lh-select-placeholder{
      line-height:20px;
    }
    .dropdown-icon{
      top:( ( 28px - 12 ) / 2) - 1;
      color: #000;
    }
  }
  .lh-pagination__item,
  .lh-pagination__prev,
  .lh-pagination__next,
  .lh-pagination__item--jump-prev,
  .lh-pagination__item--jump-next {
    font-size: 13px;
    float: left;
    min-width: 28px;
    margin: 0 4px;
    padding: 0 4px;
    height: 28px;
    color: @color_b1;
    line-height: 28px - 2;
    text-align: center;
    background-color: transparent;
    transition: all .3s;
    cursor: pointer;

    &:hover {
      color: @color_theme5;
    }
  }

  .lh-pagination__item {
    &--active {
      color: @color_theme6;
      background-color: #fff;
      border: 1px solid @color_theme6;
      opacity: 1;
      border-radius: 2px;

      &:hover {
        color: @color_theme6;
        background-color: #fff;
        border: 1px solid @color_theme6;
        opacity: 1;
        border-radius: 2px;
      }
    }
  }
  .lh-pagination__prev {
    padding-right: 12px;
  }
  .lh-pagination__next {
    padding-left: 12px;
  }
  .lh-pagination__item--jump-prev,
  .lh-pagination__item--jump-next {
    border: none;
    position: relative;
    &:after {
      top:-4px;
      left:8px;
      position: absolute;
      content: '...';
      display: inline-block;
      color: @color_b1;
      font-size: 12px - 4;
      text-align: center;
      line-height: 28px;
      letter-spacing: 1px;
    }
    i {
      display: none;
    }
    &:not(.lh-pagination--disabled):hover {
      &:after {
        display: none;
      }
      i {
        display: inline-block;
        color: @color_theme6;
      }
    }
  }
  .lh-pagination__total {
    font-weight: normal;
    float: left;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    margin-right: 16px;
  }
  .layoutLeft{
    color:@color_b3
  }
  .childNum:last-child{
    margin-right: 0;

  }
  .lh-pagination__quickjump {
    font-weight: normal;
    float: left;
    margin-right: 16px;
    font-size: 12px;
    line-height: 28px;

    input {
      color: @color_b1;
      font-size: 13px;
      border-radius:2px;
      border: 1px solid @color_b5;
      background: #fff;
      line-height: 1px !important;
      display: inline-block;
      margin: 0 8px;
      width: 46px;
      vertical-align: top;
      height: 28px;
      text-align: center;
      &:hover {
        border-color: @color_theme5;
      }
      &:focus {
        border-color: @color_theme5;
      }
      &.lh-input__button{
        float: left;
        line-height: 1px !important;
        border-radius: 2px 0 0 2px;
        width: 80px;
        margin: 0;
      }
    }
    .lh-jump__button{
      cursor: pointer;
      display: inline-block;
      vertical-align: top;
      width: 60px;
      height: 28px;
      font-size: 13px;
      text-align: center;
      line-height: 28px;
      //background-color: #cccccc;
      color: #ffffff;
      background-color:white;
      border: solid 1px white;
      box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
      border-radius: 0 2px 2px 0;
      &:hover{
        background-color:@color_theme5;
        border: solid 1px @color_theme5;
      }
      &.disabled{
        cursor: not-allowed;
        background-color:#ccc;
        border-color:#ccc;
      }
    }
  }
  .lh-pagination__sizer {
    font-weight: normal;
    float: left;
    width: 100px;
    margin-right: 16px;
    text-align: center;
  }


  &--bg{
    .lh-pagination__item,
    .lh-pagination__prev,
    .lh-pagination__next {
      min-width: 28px;
      margin:0 4px;
      padding: 0 4px;
      height: 28px;
      color: @color_b1;
      line-height: 28px - 2;
      text-align: center;
      border: 1px solid rgba(112,112,112,0.251);
      border-radius: 2px;
      background-color: #fff;
      transition: all .3s;
      cursor: pointer;

      &:hover {
        color: @color_theme6;
        border-color:@color_theme6;
      }
    }
    .lh-pagination__item--jump-prev,
    .lh-pagination__item--jump-next{
      border: none;
    }
    .lh-pagination__item {
      margin:0 4px;
      + .lh-pagination__item {
        margin:0 4px;
      }
      &--active {
        font-weight: normal;
        color: @color_theme6;
        border-color: @color_theme6;
        background-color: #fff;

        &:hover {
          color: @color_theme6;
          border-color: @color_theme6;
          background-color: #fff;
        }
      }
    }
    .lh-pagination__next{
      margin-right: 16px;
    }
    .lh-pagination--disabled{
      font-weight: normal !important;
      border: 1px solid rgba(112,112,112,0.251) !important;
      background-color: @color_b7 !important;
    }

  }
  &--mini {
    .lh-pagination__total,
    .lh-pagination__quickjump,
    .lh-pagination__item,
    .lh-pagination__prev,
    .lh-pagination__next {
      height: 22px;
      font-size: 12px;
      line-height: 22px;
      input {
        &:hover {
          border-color: @color_theme5;
        }
        &:focus {
          border-color: @color_theme5;
        }
      }
    }
    .lh-select.mini .lh-select-text{
      height: 22px;
      .lh-select-single{
        line-height:22px - 2;
        font-size: 12px;
      }
      .lh-select-placeholder{
        line-height:22px;
      }
      .dropdown-icon{
        top:( ( 22px - 12 ) / 2) - 1;
      }
    }
    .lh-pagination__item {
      margin:0 2px;
      + .lh-pagination__item {
        margin:0 2px;
      }
    }
    input{
      font-size: 12px;
    }
    .lh-pagination__item--active{
      font-weight: bold;
      color:@color_theme6;
      background-color: transparent;
      border: none;
    }
    .lh-pagination__item,
    .lh-pagination__prev,
    .lh-pagination__next {
      border: none;
      min-width: 22px;
      margin: 0 2px;
    }
    .lh-pagination__item--jump-prev,
    .lh-pagination__item--jump-next {
      &:after {
        font-size: 12px - 4;
        line-height: 22px - 2;
        top:-2px;
        left:5px;
      }
    }
    .lh-pagination__total {
      margin-right: 10px;
    }
    .lh-pagination__sizer {
      margin: 0 5px;
      .lh-select .lh-select__selection {
        height: 22px;
        line-height: 22px - 2;
      }
    }
    .lh-pagination__quickjump {
      .lh-input__original {
        margin: 0 4px;
        line-height: 1px !important;
        height: 22px;
        font-size: 12px;
      }
      .lh-input__button{
        float: left;
        width: 80px !important;
        line-height: 1px !important;
        height: 22px;
        background-color: #ffffff;
        border-radius: 2px 0 0 2px;
        margin: 0;
        vertical-align: top;
        border: solid 1px @color_b5;
      }
      .lh-jump__button{
        height: 22px;
        vertical-align: top;
        font-size: 12px;
        line-height: 22px;

      }
    }
    &.lh-pagination--bg{
      .lh-pagination__item,
      .lh-pagination__prev,
      .lh-pagination__next,
      .lh-pagination__item--jump-prev,
      .lh-pagination__item--jump-next {
        padding: 0 4px;
        border: 1px solid @color_b5;
        border-radius: 2px;
        background-color: #fff;
        line-height: 22px - 2;
        transition: all .3s;
        cursor: pointer;
        &:hover {
          color: @color_theme5;
          border-color:@color_theme5;
        }
      }
      .lh-pagination__item--jump-prev,
      .lh-pagination__item--jump-next{
        border:1px solid @color_b5;
      }
      .lh-pagination__item {
        &--active {
          font-weight: normal;
          border-color: @color_theme6;
        }
      }
      .lh-pagination--disabled{
        font-weight: normal !important;
        border-color: @color_b7 !important;
        background-color: @color_b7 !important;
      }
    }
  }


  .isDisabled{
    input{
      background-color: @color_b7;
      border-color: @color_b7;
      color: #C0C4CC;
      cursor: not-allowed;
      &:hover{
        background-color: @color_b7;
        border-color: @color_b7;
        color: #C0C4CC;
        cursor: not-allowed;
      }
    }

  }
}