$selectBlock-prefix-cls:  "#{$css-prefix}select-block";
.#{$selectBlock-prefix-cls}-drop {
  position: relative;
  max-height: $selectBlock-drop-max-height;
  overflow: auto;
  // transform: translate3d(0, 0, 0);
}
.#{$selectBlock-prefix-cls}-show-bottom {
  max-height: $selectBlock-show-bottom-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: -ms-flexbox;

  .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;
  }
}

.#{$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;
  }

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

  .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;
}

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

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

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

  &-selected:hover,
  &-focus {
    color: $selected-color;
    background: $background-color-select-hover;
  }
}
.#{$selectBlock-prefix-cls}-empty {
  line-height: $selectBlock-empty-line-height;
  text-align: center;
}
.#{$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;
  }

  &:hover::after {
    color: $no-select-color;
  }
}
.#{$selectBlock-prefix-cls}-hideMult .#{$selectBlock-prefix-cls}-selected {
  &::after {
    color: $selected-color !important;
  }
}
.#{$selectBlock-prefix-cls}-disabled {
  color: $btn-disable-color;
  cursor: not-allowed;

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