.#{$select-prefix-cls}__wrapper {
  border: 1px solid #979797;
  border-radius: 0.08rem;
  overflow: hidden;
  background: white;

  .#{$select-prefix-cls}__box {
    height: 0.8rem;
    padding: 0.08rem 0.2rem;
    display: flex;
    align-items: center;
  }

  .#{$select-prefix-cls}__icon {
    line-height: 0.8rem;
  }
  .#{$select-prefix-cls}__value,
  .#{$select-prefix-cls}__placeholder {
    flex: 1 auto;
  }
  .#{$select-prefix-cls}__placeholder {
    color: $gray-11;
  }

  .#{$select-prefix-cls}-option{
    transition: all 0.1s ease;
    text-align: center;
    border-top: 1px solid #979797;
    
    li{
      font-size: .3rem;
      color: $gray-9;
      line-height: 0.8rem;
    }
    li.selected{
      color: $brand-primary;
      background: rgba($brand-primary, 0.15);
    }
  }
}