.#{$list-prefix-cls} {
  max-height: $pre-scrollable-max-height;
  overflow-y: auto;
  min-width:100%;
  display: block;
  // position: absolute;
  // top: auto;
  // left: 0;
  // z-index: $zindex-dropdown;
  // float: left;
  padding: $lsit-padding-y 0;
  margin: 0;
  font-size: $font-size-sm;
  color: $body-color;
  text-align: left;
  list-style: none;
  background-color: $lsit-bg;
  background-clip: padding-box;
  border: $lsit-border-width solid $lsit-border-color;
  @include border-radius($border-radius);
  @include box-shadow($list-box-shadow);

  &__options {
    padding: 0;
    margin: 0;

    // 分组
    .#{$list-prefix-cls}__group-title {
      display: block;
      width: 100%;
      padding: $list-item-padding-y*.5 $list-item-padding-x;
      clear: both;
      font-size: $list-group-item-title-font-size;
      font-weight: $font-weight-normal;
      color: $list-group-item-title-color;
      white-space: nowrap;
    }

    ul {
      padding-left: 0;
      margin: 0;
      list-style: none;
      .#{$list-prefix-cls}__item {
        padding-right: $list-item-padding-x*1.75;
        padding-left: $list-item-padding-x*1.75;
      }
    }
  }
  
  &--stripe {
    .#{$list-prefix-cls}__item:nth-of-type(odd) {
      background-color: $gray-light-4;
    }
  }

  &__item {
    display: block;
    width: 100%;
    min-width: $list-item-min-width;
    padding: $list-item-padding-y $list-item-padding-x;
    clear: both;
    font-weight: $font-weight-normal;
    color: $list-item-color;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
    cursor: pointer;
    min-height: $list-item-height;

    @include hover-focus {
      color: $list-item-hover-color;
      text-decoration: none;
      background-color: $list-hover-bg;
    }

    //focus
    //响应‘↑’ ‘↓’ 键
    &--focus {
      color: $list-item-hover-color;
      text-decoration: none;
      background-color: $list-hover-bg;
    }

    &--checked-multiple {
      color: $list-item-hover-color;
      background-color: $list-item-checked-bg;
      text-decoration: none;
      font-weight: bold;
      ::after {
        content: '\f8bb';
        color: $brand-primary;
        position: absolute;
        right: 8px;
        font-family: "AI Design Icons"
      }
    }

    @include checked-active {
      color: $list-item-hover-color;
      background-color: $list-item-checked-bg;
      text-decoration: none;
      font-weight: bold;
    }

    @include status-disabled {
      color: $list-item-disabled-color;
      background-color: transparent;
    }
  }
}