.img-content[data-v-77532685] {
  height: 100%;
  overflow-y: auto;
}
.img-content[data-v-77532685]::-webkit-scrollbar {
  width: 0.05333rem;
}
.img-content[data-v-77532685]::-webkit-scrollbar-thumb {
  border-radius: 0.13333rem;
  background: #c1c1c1;
}
.img-content[data-v-77532685]::-webkit-scrollbar-track {
  border-radius: 0;
  background: #eeeeee;
}
.previewer-image[data-v-77532685] {
  display: block;
  width: 100%;
}
.no-image[data-v-77532685] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #909399;
  font-size: 0.26667rem;
}

.video-wrap[data-v-0d1529a5] {
  position: relative;
  height: 100%;
  width: 100%;
}
.video-wrap > .loading[data-v-0d1529a5] {
  height: 100%;
  width: 100%;
  position: absolute;
  background: #000000;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-wrap > .loading span[data-v-0d1529a5] {
  color: #c7c7c7;
  font-size: 0.24rem;
}
.video-wrap #player[data-v-0d1529a5] {
  position: absolute;
  z-index: 2;
}
.video-wrap #player[data-v-0d1529a5] .prism-button.prism-button-refresh,
.video-wrap #player[data-v-0d1529a5] .prism-button.prism-button-retry,
.video-wrap #player[data-v-0d1529a5] .prism-button.prism-button-orange {
  font-size: 0.32rem !important;
}
@media (max-width: 1024px) {
.video-wrap > .loading span[data-v-0d1529a5] {
    font-size: 0.18667rem;
}
}

.previewer-word[data-v-a322a5b8] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.previewer-word .virtual-loading[data-v-a322a5b8] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #333;
}
.previewer-word .virtual-loading .virtual-toolbar[data-v-a322a5b8] {
  width: 100%;
  background: #000;
  padding: 0.16rem;
  z-index: 1;
  overflow: hidden;
}
.previewer-word .virtual-loading .virtual-toolbar .logo[data-v-a322a5b8] {
  float: left;
  width: 100%;
  font-size: 0.32rem;
}
.previewer-word .virtual-loading .virtual-toolbar .logo img[data-v-a322a5b8] {
  max-width: 100%;
}
.previewer-word .virtual-loading .loading[data-v-a322a5b8] {
  height: calc(100% - 0.53333rem);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.previewer-word .virtual-loading .loading span[data-v-a322a5b8] {
  color: #c7c7c7;
  font-size: 0.24rem;
}
.previewer-word iframe[data-v-a322a5b8] {
  position: relative;
  z-index: 10;
}
.previewer-word .app-toolbar[data-v-a322a5b8] {
  display: none;
  width: 100%;
  height: 0.53333rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.16) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 11;
  padding: 0.13333rem 0.21333rem;
  text-align: right;
  user-select: none;
}
.previewer-word .app-toolbar .iconfont[data-v-a322a5b8] {
  color: #ffffff;
  user-select: auto;
}
@media screen and (max-width: 768px) {
.previewer-word .app-toolbar[data-v-a322a5b8] {
    display: block;
}
}

.previewer-container[data-v-f9eb160a] {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.previewer-container .tip-text[data-v-f9eb160a] {
  width: fit-content;
  font-size: 0.32rem;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #333333;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.previewer-container .watermark[data-v-f9eb160a] {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  font-size: 0.48rem;
  color: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  user-select: none;
}
.previewer-container .watermark .watermark-item[data-v-f9eb160a] {
  margin: 1.33333rem 0.48rem;
  transform: rotate(-45deg);
  display: inline-block;
}
@media screen and (max-width: 1440px) {
.previewer-container .watermark[data-v-f9eb160a] {
    font-size: 0.42667rem;
}
}
@media screen and (max-width: 1366px) {
.previewer-container .watermark[data-v-f9eb160a] {
    font-size: 0.4rem;
}
.previewer-container .watermark .watermark-item[data-v-f9eb160a] {
    margin: 1.06667rem 0.48rem;
}
}
@media screen and (max-width: 1024px) {
.previewer-container .watermark[data-v-f9eb160a] {
    font-size: 0.37333rem;
}
.previewer-container .watermark .watermark-item[data-v-f9eb160a] {
    margin: 1.06667rem 0.32rem;
}
}
@media screen and (max-width: 768px) {
.previewer-container .tip-text[data-v-f9eb160a] {
    font-size: 0.21333rem;
    height: 0.32rem;
    line-height: 0.32rem;
}
.previewer-container .watermark[data-v-f9eb160a] {
    font-size: 0.24rem;
}
.previewer-container .watermark .watermark-item[data-v-f9eb160a] {
    margin: 0.48rem 0.32rem;
}
}

.preview-popup .popup-title[data-v-169a45a8] {
  width: 100%;
  height: 1.17333rem;
  background: #f4f4f4;
  padding: 0.32rem 0.53333rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.preview-popup .popup-title .title[data-v-169a45a8] {
  font-size: 0.37333rem;
  font-weight: 600;
  line-height: 0.53333rem;
}
.preview-popup .popup-title .close[data-v-169a45a8] {
  font-size: 0.37333rem;
  color: #999999;
}
.preview-popup[data-v-169a45a8] .van-popup {
  height: 80%;
  overflow-y: inherit;
}