.unf-popup
  &-wrap
    position fixed
    top 0
    left @top
    height @top
    width 100%
    z-index 1000
    display flex
    justify-content center
  &-mask
    position fixed
    top 0
    left @top
    height 100%
    width @height
    background-color $modal-mask-color
    display flex
    align-items center
    justify-content center
    flex-direction column
    &-loading
      width 120px
      height @width
      background-size contain
      background-position center
      background-repeat no-repeat
      margin auto
    &-close
      margin-bottom 56px
      color #BFBFBF
      &:hover
        color #8288ab



// 动画容器
.unf-popup-animation
  &-container
    position absolute
    background-color $modal-bg
    border-radius $modal-radius
    min-width $modal-min-width
  &-height-large
    top 8vh
  &-height-middle
    top 16vh
  &-maximize
    top 0 !important

// header
.unf-popup-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:not(:first-child)
    margin-left 4px

// content
.unf-popup-content
  overflow auto
  &-height-large
    max-height calc(84vh - 140px)
    &-flex
      height calc(84vh - 140px)
  &-height-middle
    max-height calc(68vh - 140px)
    &-flex
      height calc(68vh - 140px)
  &-width-mini
    width 480px
  &-width-small
    width 560px
  &-width-middle
    width 800px
  &-width-large
    width 1040px
  &-flex
    display flex
    flex-direction column
  &-maximize
    height calc(100vh - 140px) !important
    max-height @height
    width 100vw

// footer
.unf-popup-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

@media screen and (max-height: 800px)
  .unf-popup-animation-height
    &-large
      top 2vh
    &-middle
      top 8vh
  .unf-popup-content-height
    &-large
      max-height calc(96vh - 140px)
      &-flex
        height calc(96vh - 140px)
    &-middle
      max-height calc(84vh - 140px)
      &-flex
        height calc(84vh - 140px)