/* 此参数在共享时程序设置，ShareView.vue */
:root {
  --psv-navigator-bottom: 0px;
}

/* 解决导航过多时用菜单展示标题字为黑色的问题 */
.psv-panel-menu-title{
  color: rgba(255, 255, 255, 0.7) !important;
}

/* 通过css修改psv导航栏的位置，解决全屏手机下面被遮住的问题 */
.psv-navbar {
  bottom: calc( -40px - var(--psv-navigator-bottom) ) !important;
}
.psv-navbar--open {
  bottom: var(--psv-navigator-bottom) !important;
}
.psv--has-navbar .psv-panel {
  height: calc(100% - 40px - var(--psv-navigator-bottom) ) !important;
}

.psv-navigator-viewer-bg-blank {
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  background-image:
    linear-gradient(45deg, #eee 25%, transparent 0, transparent 75%, #eee 0, #eee),
    linear-gradient(45deg, #eee 25%, #fff 0, #fff 75%, #eee 0, #eee);
}
.psv-navigator-viewer-full{
  width: 100%;
  height: 100%;
}
.psv-navigator-viewer-relative{
  position: relative;
}
.psv-navigator-viewer-cover{
  position: absolute;
  z-index: 91;
  pointer-events: none;
}
.psv-navigator-viewer-tooltip-red{
  color: #eeeeee;
  background-color: red;
}
.psv-navigator-viewer-tooltip-blue{
  color: #eeeeee;
  background-color: blue;
}
.psv-navigator-viewer-tooltip-white{
  color: #333333;
  background-color: #eeeeee;
}
.psv-navigator-viewer-animate-fadein{
  animation-duration: 1000ms !important;
  animation-fill-mode: both;
  animation-name: psv-navigator-viewer-animate-fadein;
}
.psv-navigator-viewer-animate-zoomin{
  animation-duration: 600ms !important;
  animation-fill-mode: both;
  animation-name: psv-navigator-viewer-animate-zoomin;
}
.psv-navigator-viewer-animate-flash{
  animation-duration: 1s !important;
  animation-fill-mode: both;
  animation-iteration-count: infinite !important;
  animation-name: psv-navigator-viewer-animate-flash;
}
@keyframes psv-navigator-viewer-animate-fadein {
  from {
    opacity: 0.3 !important;
  }
  to {
    opacity: 1 !important;
  }
}
@keyframes psv-navigator-viewer-animate-zoomin {
  from {
    opacity: 0.3;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes psv-navigator-viewer-animate-flash {
  from,50%,to {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
}

.psv-navigator-panel-title{
  font-size: 1.1em;
  color: inherit;
  margin-bottom: 10px;
}

/* 修改js-cloudimage-360-view的图标为自定义设计 */
.cloudimage-360-magnifier-icon {
  background: url(https://www.dvtop.cn/vr-designer/resource/360view/search.svg) 50% 50% / cover no-repeat;
}
.cloudimage-360-close-fullscreen-icon {
  background: url(https://www.dvtop.cn/vr-designer/resource/360view/close.svg) 50% 50% / cover no-repeat;
}
.cloudimage-360-view-360-icon {
  background: url(https://www.dvtop.cn/vr-designer/resource/360view/guide.svg) 50% 50% / cover no-repeat;
}