.unf-modal-wrap
  position fixed
  top 0
  left @top
  width 100%
  display flex
  align-items flex-start
  justify-content center
  &-visible
    height 100%
  &-no-mask
    height 0
  .unf-modal
    box-shadow $modal-box-shadow
  &-center
    align-items center
  &-maximize // 最大化
    .unf-modal
      left 0 !important
      top @left
      &-content
        width 100vw
        height calc(100vh - 140px)
.unf-modal
  position absolute
  background-color $modal-bg
  border-radius $modal-radius
  min-width $modal-min-width
  &-mask
    position fixed
    top 0
    bottom @top
    right @top
    left @top
    background-color $modal-mask-color
.unf-modal
.unf-popup-body
  &-header
    display flex
    align-items center
    justify-content space-between
    padding $modal-header-padding
    &-title
      s-ellipsis()
      s-font-title2()
      width 0
      flex auto
      color $title-color
    & > .unf-i
      margin-left 4px
  &-content
    padding $modal-content-padding
    &-text
      s-font-body()
      color $text-color
  &-footer
    border-bottom-left-radius $modal-radius
    border-bottom-right-radius $modal-radius
    background-color $modal-footer-bg
    padding $modal-footer-padding
    display flex
    align-items center
    justify-content flex-end
    & > .unf-btn
      margin-left 12px