@import './_mixin.styl'
@import './_transition.styl'

.tn-actionDialog
  z-index 9999
  position fixed
  top 0
  left 0
  right 0
  bottom 0
  &__mask
    z-index -1
    position absolute
    top 0
    left 0
    right 0
    bottom 0
    background rgba(0, 0, 0, .3)
  &__wrap
    z-index 1
    position absolute
    bottom 0
    left 0
    right 0
    background #fff
    &-hd
      box-sizing border-box
      height 51px
      display flex
      align-items center
      padding 0 15px
      position relative
      border-1px(bottom)
  // -hd
  &__wrap-hd
    &__cancel
      min-width 50px
      height 50px
      line-height 50px
      font-size 16px
      color #4A5A78
    &__title
      display flex
      flex 1
      height 50px
      // line-height 50px
      text-align center
      margin 0 20px
      font-size 16px
      font-weight bold
      text-align center
      overflow hidden
      text-overflow ellipsis
      white-space nowrap
      flex-direction column
      line-height 18px
      color #2b3852
      justify-content: center;
      strong, span
        overflow hidden
        width 100%
        text-overflow ellipsis
      span 
        padding-top 5px
        color #ACB7Ce
        font-size 12px
        font-weight normal
    &__confirm
      min-width 50px
      height 50px
      line-height 50px
      text-align right
      font-size 16px
      color #0082FF
  // -bd
  &__wrap-bd
    -webkit-overflow-scrolling touch
    box-sizing border-box
    overflow-y scroll
    // padding 0 15px
    // max-height 350px