.tn-dialog-box
  display flex
  position fixed
  top 0
  left 0
  z-index 10000
  width 100%
  height 100%
  background-color rgba(0, 0, 0, .3)
  justify-content center
  align-items center
  flex-direction column

  .tn-icon__wrap
    position relative
    z-index 2
    margin-top 30px
    flex-direction column
    color #fff
    font-size 20px
    animation tn-show-dialog 0.5s
  // pointer-events none // 去除所有事件，只有浮层效果
.tn-dialog
  box-sizing border-box
  max-width 80%
  min-height 100px
  line-height 20px
  padding 10px 20px
  // transform translate(-50%, 0)
  text-align center
  z-index 10000
  font-size 15px
  color #7383A2
  border-radius 10px
  background #fff
  animation tn-show-dialog 0.5s
  box-shadow: 0 2px 8px 0 #7383A2;

  // width: 243px;
  // height: 157px;
  &__mask
    position fixed
    margin 0
    top 0
    right 0
    bottom 0
    left 0
    z-index 1

  


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

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