.ht-base-page {
  display: flex;
  font-size: 12px;
  color: @text-color;
  .ivu-page-item-jump-next a,.ivu-page-item-jump-prev a {
    color: @primary-color;
  }
  .ivu-page-disabled,
  .ivu-page-disabled:hover,
  .ivu-page-disabled:focus
  {
    border-color: @border-color-base;
  }
  .ivu-page-prev a,
  .ivu-page-next a{
    color: @text-color;
  }
  .ivu-page-prev:focus a,
  .ivu-page-next:focus a{
    border-color: @border-color-base;
    color: @text-color;
  }
  .ivu-page-disabled.ivu-page-prev a,
  .ivu-page-disabled.ivu-page-next a{
    border-color: @border-color-base;
    color: @disabled-color;
  }
  .ivu-page-disabled.ivu-page-prev:hover a,
  .ivu-page-disabled.ivu-page-next:hover a{
    border-color: @border-color-base;
    color: @disabled-color;
  }
  .ivu-page-custom-text, .ivu-page-custom-text:hover{
    border-color: transparent;
  }
  .ivu-page {
    &.mini{
      .ivu-page-prev:focus a,
      .ivu-page-next:focus a{
        border-color: transparent;
      }
      .ivu-page-prev:hover a,
      .ivu-page-next:hover a{
        border-color: transparent;
      }
      .ivu-page-disabled.ivu-page-prev a,
      .ivu-page-disabled.ivu-page-next a{
        border-color: transparent;
        color: @disabled-color;
      }
      .ivu-page-disabled.ivu-page-prev:hover a,
      .ivu-page-disabled.ivu-page-next:hover a{
        border-color: transparent;
        color: @disabled-color;
      }
      .ivu-page-options-elevator input {
        background-color: transparent;
        color: @text-color;
        &:focus{
          box-shadow: @shadow-size @primary-color;
        }
      }
    }
  }

  .ivu-page-item {
    background: @white;
  }

  .ht-base-total-text {
    align-self:center;
    color: @sub-color;
    font-size: @font-size-small;
    margin-right: 16px;
  }
  .ivu-select-selection{
    border-radius: 0;
    &:hover,&-focused {
      border-color: @primary-color;
    }
  }
  .ivu-select-single{
    &.ivu-select-small{
      .ivu-select-selection{
        border-radius: 0;
      }
    }
  }
  .ivu-select-visible .ivu-select-selection {
    border-color: @primary-color;
    box-shadow: @shadow-size @primary-color
  }
  .ivu-select-selection:focus,
  .ivu-select-selection:active{
    box-shadow: @shadow-size @primary-color
  }
  //下拉
  .ivu-page-options{
    .ivu-select-item{
      &:hover{
        color: @text-color;
        background: @background-color-base;
      }
      background: @white;
    }
  }
  .ivu-page-options-elevator input{
    font-size: 12px;
    &:focus{
      box-shadow: @shadow-size @primary-color !important;
    }
    //&:hover,&:active{
    //  border-color: @info-color;
    //}
  }

  // @info-color
  .ivu-page-item-active:focus,
  .ivu-page-item-active:hover{
    border-color: @primary-color;
    color: @primary-color;
  }
  .ivu-page-item-active:focus a,
  .ivu-page-item-active:hover a{
    color: @primary-color;
  }
  .ivu-page-item-active{
    border-color: @primary-color;
  }
  .ivu-page-prev:hover,.ivu-page-next:hover{
    color: @primary-color;
  }
  .ivu-page-prev a, .ivu-page-next a {
    background-color: @white;
  }

  .ivu-page-item-jump-prev:after,
  .ivu-page-item-jump-next:after {
    color: @sub-color;
  }

  .ivu-select-selection {
    font-size: 12px;
    padding-right: 8px;
    .ivu-select-selected-value{
      padding-right: 20px;
    }
  }

  .ht-base-LiRa_down{
    font-size: 12px;
    color: @text-color;
  }

  .ivu-select .ivu-select-dropdown{
    padding: 4px 0;
    width: 80px!important;
  }
  // 下拉框字体大小设置
  .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    font-size: 12px;
  }
  // a标签字体设置
  .ivu-page-item a {
    font-family: Monospaced Number;
  }
  .ivu-select-item {
    font-size: 12px!important;
  }
  .ivu-page-simple .ivu-page-simple-pager input {
    font-size: 12px;
  }
}
