.x-select {
  --el-select-border-color-hover:var(--color-blue-6);
  --el-select-input-font-size:12px;
  --el-select-disabled-border:var( --border-color);
  .el-input__inner {
    text-overflow: ellipsis;
  }
  
  .el-select__tags .el-tag {
    background-color: var(--color-grey-1);
    font-size: 10px;
    padding: 0 4px;
  }
}

.el-select--small{
  line-height: 28px;
}

.x-select--mini{
  line-height: 24px;
  .el-input{
    height: 24px;
    line-height:22px;
    .el-input__inner{
      height: 24px;
      line-height: 24px;
      padding:  0 8px;
    }
  }
  .el-input--suffix {
    .el-input__inner{
      padding-right: 31px;
    }
  }
}
// 下拉项的hover色
.x-select-dropdown__item{
  height: 32px;
  line-height: 32px;
}
.x-select-dropdown__item:hover {
  background-color: var(--color-blue-1);
}
.x-select-dropdown__item.selected {
  color: var(--color-blue-6);
}
//  下拉框 弹出层 样式初始化
.x-select--custom__popper{
  .el-select-dropdown__wrap{
    max-height: 360px;
    .el-select-dropdown__list{
      margin: unset !important;
      padding: unset !important;
    }
  }
  .x-select-more-options{
    padding: unset;
    height: unset;
    line-height: unset;
    .x-select-more__input{
      width: 100%;
      padding: 8px;
      box-sizing: border-box;
    }
  }
  .x-select-more-options.is-disabled{
    cursor: unset;
  }
}

.x-select__empty{
  --el-empty-description-margin-top:12px;
  --el-empty-image-width:120px;
  --el-empty-padding:40px 16px;
  .el-empty__image{
    opacity: 0.4;
  }
}
// 开启多选 但是只有一个的时候
.multiple-tag-width{
  .el-select__tags{
    >span{
      width: 100%;
      >span{
        max-width: 100%;
        .el-tag__content{
          max-width: calc(100% - 20px);
          .el-select__tags-text{
            max-width: unset !important;
            width: 100%;
            text-overflow: ellipsis;
            display: inline-block;
            overflow-x: hidden;
            vertical-align: bottom;
          }
        }
      }    
    }
  }
}
// 开启多选 有多个
.multiple-tag-width-more{
  .el-select__tags{
    >span{
      width: 100%;
      >.el-tag:first-of-type{
        max-width: calc(100% - 60px);
        .el-tag__content{
          max-width: calc(100% - 20px);
          .el-select__tags-text {
            max-width: unset !important;
            width: 100%;
            text-overflow: ellipsis;
            display: inline-block;
            overflow-x: hidden;
            vertical-align: bottom;
          }
        }
      }
    }
  }
}
.x-select--more{
  min-width: 162px;
}