.tn-sdkShow
  position relative
  z-index 8888
.tn-sdkShow-box
  pointer-events none // 去除所有事件，只有浮层效果
  display flex
  position fixed
  top 0
  left 0
  z-index 10000
  width 100%
  height 100%
  justify-content center
  align-items center
  // pointer-events none // 去除所有事件，只有浮层效果
.tn-toast
  box-sizing border-box
  max-width 80%
  min-width 200px
  line-height 20px
  padding 10px 20px
  // transform translate(-50%, 0)
  text-align center
  z-index 10000
  font-size 15px
  color #fff
  border-radius 5px
  background rgba(0, 0, 0, 0.7)
  animation tn-show-toast 0.5s
  &&__hasType
    display flex
    min-height 120px
    padding 20px 20px
    flex-direction column
    justify-content center
  span  
    padding-top 8px
  &__mask
    pointer-events none // 去除所有事件，只有浮层效果
    position fixed
    margin 0
    top 0
    right 0
    bottom 0
    left 0
    z-index 10000

@keyframes tn-show-toast
  from
    opacity 0
  to
    opacity 1

@keyframes tn-show-toast
  from
    opacity 0
  to
    opacity 1



.tn-sdkShowAlert
  &__wrapper
    bottom 0%
    left 0%
    position fixed
    display flex
    height 350px
    border-top-left-radius 10px
    border-top-right-radius 10px
    flex-direction column
    align-items center
    width 100%
    z-index 10000
    background #fcfcfc
    box-sizing border-box
    justify-content space-between

  &__title
    height 56px
    color #2B3852
    font-size 18px
    line-height 56px
    text-align center

  &__text
    display block
    width 100%
    color #666
    padding-left 20px 
    padding-top 20px
    padding-bottom 20px
    box-sizing border-box
    font-size 14px
    line-height 26px
  &__img 
    position absolute
    top 20px
    left 20px
    width 14px
    height 14px

  &__button
    width 100%
    // margin-top 20px
    height 45px
    line-height 45px
    color #007AFF
    font-size 17px
    border-top 1px solid rgb(235, 235, 235)
  &__box
    width 100%
  &__span
    width 142px
    height 56px
    margin-bottom 30px
    border-radius 32.5px
    background-color #0082FF
    color #fff
    font-size 16px
    text-align center
    line-height 56px

  &__mask
    background rgba(0, 0, 0, 0.4)
    position fixed
    margin 0
    top 0
    right 0
    bottom 0
    left 0
    z-index 10000

.tn-sdkShow-warning
  position fixed
  top 0
  left 0
  width 100%
  padding 12px 15px 0
  box-sizing border-box
  text-align center
  &__content
    display flex
    position relative
    width 100%
    height 40px
    line-height 40px
    border-radius 20px
    background-color rgb(255 220 220)
    font-size 14px
    color #FA4F4F
    text-align left
    align-items center
    span 
      position absolute
      top 50%
      left 39px
      margin-top: -6.5px
      line-height: 16px;
    // vertical-align middle
  &__icon
    position absolute
    left 16px
    top 50%
    height 14px
    margin-top -7px
  &__androidIcon
    margin-top -7px
  &__iosIcon
    margin-top -6px
  &__arrow
    position: absolute
    right 20px
    top 50%
    height 14px
    margin-top -7px


.androidSpan
  margin-top: -5.5px !important