@charset "utf-8";

.hls-video-box[data-v-2dc2e2f0] { height: 495px; width: 880px; }

.hls-video-box .hls-video-box-icon[data-v-2dc2e2f0] { height: 100px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100px; z-index: 1002; }

.hls-video-box .hls-video-box-show[data-v-2dc2e2f0] { opacity: 1; transition: visibility 0.1s, opacity 0.1s; visibility: visible; }

.hls-video-box .hls-video-box-hidden[data-v-2dc2e2f0] { opacity: 0; pointer-events: none; transition: visibility 1s, opacity 1s; visibility: visible; }

.hls-video-box .video-js[data-v-2dc2e2f0] { background: transparent; height: 100%; position: relative; width: 100%; }

.hls-video-box .video-js video[data-v-2dc2e2f0] { width: 100%; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-volume-vertical { background: rgba(0, 0, 0, 0.4); }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-loading-spinner { border-color: rgba(25, 25, 26, 0.8); }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-control-bar { height: 4em; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-time-control { line-height: 40px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-button > .vjs-icon-placeholder::before { line-height: 40px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-big-play-button { display: none; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-progress-control:hover .vjs-play-progress::before { background: rgb(255, 255, 255); border-radius: 11px; content: " "; display: inline-block; height: 11px; right: -5px; top: -4px; width: 11px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-progress-control .vjs-progress-holder { height: 3px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-progress-control .vjs-play-progress::before { background: rgb(255, 255, 255); border-radius: 11px; content: " "; display: inline-block; height: 11px; right: -5px; top: -4px; width: 11px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-big-play-button { background: rgba(25, 25, 26, 0.6); border: none; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0px); }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-slider { background: rgb(112, 112, 112); }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-slider .vjs-mouse-display .vjs-time-tooltip { right: -20px !important; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-slider-vertical .vjs-volume-level::before { background: rgb(255, 255, 255); border-radius: 9px; content: ""; display: inline-block; height: 9px; left: -3px; width: 9px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-load-progress div { background: rgb(112, 112, 112); }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-big-play-button .vjs-icon-placeholder::before { top: 1px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-control-bar { background-color: rgba(0, 0, 0, 0.7); height: 40px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-control-bar .vjs-button > .vjs-icon-placeholder::before { font-size: 1.8em; line-height: 40px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-control-bar .vjs-time-control { line-height: 40px; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-poster { background: none 50% center no-repeat; }

.hls-video-box .video-js[data-v-2dc2e2f0] .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip { display: none; }

.hls-video-box .video-js[data-v-2dc2e2f0]:hover .vjs-big-play-button { background: rgba(25, 25, 26, 0.8); }

.hls-video-box .vjs-waiting[data-v-2dc2e2f0] { background-image: url("https://resource.fs.com/mall/generalImg/20221013163212nubxxl.png"); background-size: cover; }

.hls-video-box .iframe[data-v-2dc2e2f0] { display: block; }

@media (max-width: 960px) {
  .hls-video-box[data-v-2dc2e2f0] { height: 56.5vw; transform: translateY(-40px); width: 100%; }
}