$select-prefix-cls:  "#{$css-prefix}select";
$select-item-prefix-cls:  "#{$css-prefix}select-item";
$select-group-prefix-cls:  "#{$css-prefix}select-group";


.#{$select-prefix-cls} {
  input {
    @include selectionStyle;
  }
  .#{$select-item-prefix-cls} {
    padding: 6px 8px;

    &-selected {
      color: $text-color;
      font-weight: bold;
      background-color: #f7f7f7;
    }
  }

  &-visible {
    .#{$select-prefix-cls}-selection {
      @include active();
      border-color: $default-hover-focus-color;
    }
  }


  .#{$css-prefix}tag {
    background: $select-tag-background !important;
    border: 1px solid #d9d9d9 !important;
    margin: 3px 2px;
    &>.#{$css-prefix}icon {
      //   position: absolute;
      right: 4px;
      font-size: 12px;
      color: #999;
    }
    // span{
    //     line-height: 22px;
    // }
  }

  &-disabled {
    .#{$css-prefix}tag {
      &>.#{$css-prefix}tag-text {
        color: #bbb;
      }
      &>.#{$css-prefix}icon {
        color: #bbb;
      }
    }
  }
}
//多选
.#{$select-prefix-cls}-multiple .#{$select-item-prefix-cls} {
  &-selected {
    color: $text-color;
    font-weight: normal;
    background: $select-multiple-selected-item-background;
  }

  &-focus,
  &-selected:hover {
    color: $text-color;//$selected-color;
    font-weight: normal;
    background: $background-color-select-hover;
  }
}

.h-select-arrow {//用于覆盖@mixin inner-arrow()
  margin-top: -6px;
}