@import './_mixin.styl'

.tn-pushBar-box
  // border-top 1px solid #EBEBEB
  // border-bottom 1px solid #EBEBEB
  &__caption
    padding 20px 0 10px 15px
    background-color #f6f6f9
    color #7383a2
    font-size 14px
  &__hint
    padding 7px 0 5px 15px
    background-color #f6f6f9
    color #7383a2
    font-size 12px
  &:last-child
    .tn-pushBar-item 
      border-bottom none
.tn-pushBar
  box-sizing border-box
  position relative
  display flex
  align-items center
  margin 9px 0 0 0
  padding-left 15px
  // &--hasBorder
  //   border-1px(bottom, #EBEBEB, 6px)
  &__noneBorder
    border none
  &--disabled
    opacity 0.4
  &:first-child
    margin-top 0
  &__switch{
    position relative
    left 8px
  }
  &__radio{
    display flex
    position relative
    left 8px
    width 22px
    height 22px
    margin-right 8px
    border 1px solid #0082ff
    box-sizing: border-box;
    border-radius 100%
    align-items center
    justify-content center
    &.active{
      background-color #0082ff
    }
  }
  
  &__mid
    flex 1
    margin-right 12px
    &-title
      color #2b3852
      font-size 15px
    &-subtitle
      margin-top 3px
      color #999FAA
      font-size 13px
  &__desc
    min-width 80px
    text-align right
    margin 0 4px 0 6px
    color #97a4be
    font-size 13px
.tn-pushBar-item
  display: flex;
  width 100%
  height 56px
  padding-right 15px
  border-bottom 1px solid #EBEBEB
  box-sizing border-box
  align-items: center;