// @import '../_utils.scss';
.#{$selectBlock-prefix-cls}-drop {
  position: relative;
  max-height: $selectBlock-drop-max-height;
  overflow: auto;
  // transform: translate3d(0, 0, 0);
  @include scrollbar;
}
.#{$selectBlock-prefix-cls}-show-bottom {
  max-height: $selectBlock-show-bottom-max-height;
}
.#{$selectBlock-prefix-cls}-show-border {
  max-height: $selectBlock-show-border-max-height;
}
.#{$selectBlock-prefix-cls}-phantom,.#{$selectBlock-prefix-cls}-content {
  position: absolute;
  left: $selectBlock-phantom-left;
  top: $selectBlock-phantom-top;
  right: $selectBlock-phantom-right;
}
.#{$selectBlock-prefix-cls}-phantom {
  z-index: -1;
}

.#{$selectBlock-prefix-cls}-item-header {
  // position: absolute;
  // top: 0;
  height: $selectBlock-item-header-height;
  padding: $selectBlock-item-header-padding;
  line-height: $selectBlock-item-header-line-height;
  white-space: nowrap;
  font-size: $font-size-small;
  background: $selectBlock-item-header-background;
  z-index: 1;
  display: flex;
  display: flexbox;
  display: -ms-flexbox;

  @include theme-background-color($__select-block-header_background-color);
  @include structure-font-size($__selectBlock-default_font-size, 0);

  .item-header {
    display: inline-block;
    flex-grow: 1;
    -moz-box-flex: 1; /* Firefox */
    -webkit-box-flex: 1; /* Safari 和 Chrome */
    box-flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    background: $selectBlock-item-header-background;

    @include theme-background-color($__select-block-header_background-color);
  }
}

.#{$selectBlock-prefix-cls}-item {
  position: relative;
  height: $selectBlock-item-height;
  line-height: $selectBlock-item-line-height;
  padding: $selectBlock-item-padding;
  white-space: nowrap;
  font-size: 0;

  div,
  p,
  i,
  b {
    font-size: $select-block-item-font-size;

    @include structure-font-size($__selectBlock-default_font-size, 0);
  }

  & > span {
    font-size: $select-block-item-font-size;
    display: block; // simpleselect,ie下出现滚动条

    @include structure-font-size($__selectBlock-default_font-size, 0);
  }

  .itemcol {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
  }

  & > span:last-child {
    padding-right: 14px;
  }
}
.#{$selectBlock-prefix-cls}-option-item:hover {
  background: $background-color-select-hover;
  cursor: pointer;

  @include theme-background-color($__select-block-option_hover_background-color);
}

.#{$selectBlock-prefix-cls}-group-item {
  padding: $selectBlock-group-item-padding;

  & > span {
    color: $selectBlock-group-item-color;

    @include theme-font-color($__select-block-group_font-color);
  }
}

.#{$selectBlock-prefix-cls} {
  &-selected {
    color: $selected-color;
    background: $selectBlock-selected-background;

    @include theme-font-color($__select-block_selected_font-color);
    @include theme-background-color($__select-block_selected_background-color);
  }

  &-selected:hover,
  &-focus {
    color: $selected-color;
    background: $background-color-select-hover;

    @include theme-font-color($__select-block_hover_font-color);
    @include theme-background-color($__select-block_hover_background-color);
  }
  &-selected:hover{
    @include theme-background-color($__select-block_selected_background-color);
  }
}

.#{$selectBlock-prefix-cls}-multiple {
  .#{$selectBlock-prefix-cls} {
    &-selected {
      @include theme-background-color($__select-block-multiple_selected_background-color);
    }
    &-focus {
      @include theme-background-color($__select-block_hover_background-color);
    }
    &-selected:hover{
      @include theme-background-color($__select-block-multiple_selected_background-color);
    }
  }
}

.#{$selectBlock-prefix-cls}-empty {
  line-height: $selectBlock-empty-line-height;
  text-align: center;
  color: $btn-disable-color;

  @include theme-font-color($__select-block_empty_font-color);
}
.#{$selectBlock-prefix-cls}-loading-placeholder {
  visibility: hidden;
  height: $selectBlock-loading-placeholder-height;
}
.#{$selectBlock-prefix-cls}-hideMult .#{$selectBlock-prefix-cls}-item {
  overflow: hidden;
  text-overflow: ellipsis;

  & > span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &::after {
    @include h-icon();
    font-size: $selectBlock-hideMult-after-font-size;
    content: "\E734";
    color: $selectBlock-hideMult-after-color;
    position: absolute;
    top: $selectBlock-hideMult-after-top;
    right: $selectBlock-hideMult-after-right;

    @include theme-font-color($__select-block-after_hideMult_font-color);
  }

  &:hover::after {
    color: $no-select-color;

    @include theme-font-color($__select-block-after_hideMult-hover_font-color);
  }
}
.#{$selectBlock-prefix-cls}-hideMult .#{$selectBlock-prefix-cls}-selected {
  @include theme-background-color($__select-block-after_hideMult-selected_background-color);

  &::after {
    color: $selected-color !important;

    @include theme-font-color($__select-block-after_hideMult-selected_font-color, $--important);
  }
}
.#{$selectBlock-prefix-cls}-disabled {
  color: $btn-disable-color;
  cursor: not-allowed;

  @include theme-font-color($__select-block-after_disabled_font-color);

  &:hover {
    background: transparent;
    cursor: not-allowed;
  }
}