.qk-popup-mask {
  position: fixed;
  z-index: 998;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}
.qk-popup {
  position: fixed;
  z-index: 999;
  transition: all 0.3s ease;
  width: inherit;
  margin: inherit;
}
.qk-popup.top {
  top: 0px;
  width: 100%;
}
.qk-popup.bottom {
  bottom: 0px;
  width: 100%;
}
.qk-popup.left {
  left: 0px;
  height: 100%;
}
.qk-popup.right {
  right: 0px;
  height: 100%;
}