.u-popup {
  position: fixed;
  /* #ifndef APP-NVUE */
  z-index: 99;
  /* #endif */
}

.u-popup.top,
.u-popup.left,
.u-popup.right {
  /* #ifdef H5 */
  top: var(--window-top);
  /* #endif */
  /* #ifndef H5 */
  top: 0;
  /* #endif */
}

.u-popup .u-popup__content {
  /* #ifndef APP-NVUE */
  display: block;
  /* #endif */
  position: relative;
}

.u-popup .u-popup__content.left,
.u-popup .u-popup__content.right {
  /* #ifdef H5 */
  padding-top: var(--window-top);
  /* #endif */
  /* #ifndef H5 */
  padding-top: 0;
  /* #endif */
  flex: 1;
}

.u-popup .u-popup__content__close {
  position: absolute;
}

.u-popup .u-popup__content__close--hover {
  opacity: 0.4;
}

.u-popup .u-popup__content__close--top-left {
  top: 15px;
  left: 15px;
}

.u-popup .u-popup__content__close--top-right {
  top: 15px;
  right: 15px;
}

.u-popup .u-popup__content__close--bottom-left {
  bottom: 15px;
  left: 15px;
}

.u-popup .u-popup__content__close--bottom-right {
  right: 15px;
  bottom: 15px;
}

.fixforpc-z-index {
  /* #ifndef APP-NVUE */
  z-index: 999;
  /* #endif */
}

.fixforpc-top {
  top: 0;
}