@import '../../components/MyComponent/main.styl'
$color-main = #5BD5FF

#app
  .orange-count
    font-size .16rem
    background-clip text
    -webkit-background-clip text
    -webkit-text-fill-color transparent
    background-image linear-gradient(to bottom, #FFD1B2, #FF8635)
  .ant-progress-circle
    .ant-progress-text
      color #fff
      font-size 0.14rem
      font-weight bold
      font-family $font-barlow
  .ant-select
    z-index 99
    font-size .08rem
    color #fff
    min-width .6rem
    .ant-select-selector
      background rgba(70,83,97,.4)
      box-shadow inset 0 .01rem .02rem 0 rgba(204,204,204,.2)
      border-radius .02rem
      border none
      height .2rem
      padding 0 .06rem
      .ant-select-selection-item
        line-height .2rem
    .ant-select-arrow
      color #fff
      font-size .08rem
      right .05rem
      width auto
      height auto
      margin-top -0.04rem
.ant-select-dropdown
  color $color-main
  background rgba(0,0,0,0.4)
  border-radius 0
  font-size .08rem
  z-index 99999
  .ant-select-item
    color #fff
    font-size .08rem
    line-height .12rem
    &:hover
    &.ant-select-item-option-active
      background transparent
      color $color-main
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled)
    color $color-main
    background rgba(0,0,0,0.4)
    font-size .08rem
    font-weight bold