.#{$pagination-prefix-cls} {
  display: inline-flex;
  // 1-2: Disable browser default list styles
  padding-left: 0; // 1
  font-size: $pagination-font-size;
  list-style: none; // 2

  // item
  &__item {
    display: inline-block; // Remove list-style and block-level defaults
    font-size: inherit;
    vertical-align: middle;

    //link
    &-link {
      position: relative;
      float: left; // Collapse white-space
      min-width: $pagination-width;
      height: $pagination-height;
      padding: 0 2px; // 保证页码大时左右两边有留白
      margin-right: $pagination-space;
      font-size: inherit;
      line-height: $pagination-height - $pagination-border-width * 2;
      color: $pagination-color;
      text-align: center;
      cursor: pointer;
      background-color: $pagination-bg;
      border: $pagination-border-width solid $pagination-border-color;
      @include border-radius();
      @include hover {
        color: $pagination-hover-color;
        text-decoration: none;
        background-color: $pagination-hover-bg;
        border-color: $pagination-hover-border;
      }
    }

    // previous
    &--previous &-link {
      &::after{
        display: block;
        font-size: $pagination-icon-font-size;
        content: "\F293";
        @extend %aid-icon;
      }
    }

    // next
    &--next &-link {
      margin-right: 0;
      &::after{
        display: block;
        font-size: $pagination-icon-font-size;
        content: "\F294";
        @extend %aid-icon;
      }
    }

    // jump
    &--jump &-link {
      &::after{
        @extend %aid-icon;
        font-size: 1.3em;
        content: "\F358";
      }
      &-next {
        &::after{
          @extend %aid-icon;
          font-size: 1.3em;
          content: "\F290";
        }
      }
      &-prev{
        &::after{
          @extend %aid-icon;
          font-size: 1.3em;
          content: "\F28F";
        }
      }
    }
    // active
    &--active &-link {
      z-index: 2;
      color: $pagination-active-color;
      background-color: $pagination-active-bg;
      border-color: $pagination-active-border;
      @include active-primary() {
        @include hover-focus {
          color: $white;
        }
      }
    }

    // disabled
    @include status-disabled {
      .#{$pagination-prefix-cls}__item-link {
        color: $pagination-disabled-color;
        cursor: $cursor-disabled; // While `pointer-events: none` removes the cursor in modern browsers, we provide a disabled cursor as a fallback.
        background-color: $pagination-disabled-bg;
        border-color: $pagination-disabled-border;
      }
    }
  }

  // options
  &__options {
    position: relative;
    display: inline-block;
    margin-left: $pagination-space * 2;

    // size-changer
    &-size-changer {
      position: relative;
      display: inline-block;
      margin-right: $pagination-space;
      font-size: inherit;
    }

    &-size-select {
      height: $pagination-height;
      font-size: inherit;
      line-height: $pagination-height - $pagination-border-width * 2;
      background-color: $white;
      span {
        font-size: inherit;
      }
      i {
        font-size: $pagination-icon-font-size;
      }
    }

    // quick-jumper
    &-quick-jumper {
      display: inline-block;
      font-size: inherit;
      input{
        display: inline-block;
        width: $pagination-input-width;
        height: $pagination-height;
        margin: 0 $pagination-space;
        font-size: inherit;
        line-height: $pagination-height - $pagination-border-width * 2;
        text-align: center;
        vertical-align: middle;
      }
    }
  }

  //
  // Sizing
  //

  &--lg {
    @include pagination-size($pagination-height-lg, $pagination-width-lg, $pagination-icon-font-size-lg,$pagination-space-lg,$pagination-font-size-lg);
  }
  &--sm {
    @include pagination-size($pagination-height-sm, $pagination-width-sm, $pagination-icon-font-size-sm,$pagination-space-sm,$pagination-font-size-sm);
  }

  //
  // no border
  //

  &--border-0 .#{$pagination-prefix-cls}__item-link {
    margin-right: 0;
    border-color: transparent;
  }
}