.pub-priview-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  z-index: 101;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.pub-priview-wrap .pub-close-icon {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  font-size: 0.4rem;
  color: #c4c4c4;
}
.pub-priview-wrap .pub-priview-swiper-wrapper {
  height: 80%;
}
.pub-priview-wrap .pub-priview-swiper-wrapper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pub-priview-wrap .pub-priview-swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
}
.pub-priview-wrap .pub-priview-swiper-wrapper .swiper-slide video {
  display: block;
  width: 100%;
}
.pub-priview-wrap .preview-total {
  position: absolute;
  bottom: 0.3rem;
  right: 0.3rem;
  color: #fff;
  font-size: 0.24rem;
}