@charset "utf-8";

.video-mask[data-v-3713fbe4] { background-color: rgba(0, 0, 0, 0.3); bottom: 0px; height: 100%; right: 0px; }

.video-mask[data-v-3713fbe4], .video-wrapper[data-v-3713fbe4] { left: 0px; position: fixed; top: 0px; z-index: 1000; }

.video-wrapper[data-v-3713fbe4] { height: 100vh; width: 100vw; }

.video-wrapper .m-close[data-v-3713fbe4] { display: none; }

.hls-video-box[data-v-3713fbe4] { background: rgb(0, 0, 0); border-radius: 8px; position: fixed; width: 880px; z-index: 1001; }

.hls-video-box[data-v-3713fbe4], .hls-video-box .hls-video-box-icon[data-v-3713fbe4] { cursor: pointer; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.hls-video-box .hls-video-box-icon[data-v-3713fbe4] { display: flex; height: 50px; position: absolute; width: 100px; z-index: 2147483647; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; background: rgba(25, 25, 26, 0.6); border-radius: 4px; justify-content: center; }

.hls-video-box .hls-video-box-icon i[data-v-3713fbe4] { color: rgb(255, 255, 255); font-size: 20px; }

.hls-video-box .hls-video-box-icon[data-v-3713fbe4]:hover { background: rgba(25, 25, 26, 0.8); }

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

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

.hls-video-box .video-js[data-v-3713fbe4] { background: transparent; height: 495px; position: relative; width: 100%; }

.hls-video-box .video-js video[data-v-3713fbe4] { border-radius: 0px 0px 8px 8px; width: 100%; }

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

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

.hls-video-box .video-js[data-v-3713fbe4] .vjs-control-bar { border-radius: 0px 0px 8px 8px; height: 4em; }

.hls-video-box .video-js[data-v-3713fbe4] .vjs-control-bar .vjs-icon-custombutton { cursor: pointer; font-family: VideoJS; font-style: normal; font-weight: 400; }

.hls-video-box .video-js[data-v-3713fbe4] .vjs-control-bar .vjs-icon-custombutton::before { content: ""; cursor: pointer; font-size: 1.8em; line-height: 1.67; }

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

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

.hls-video-box .video-js[data-v-3713fbe4] .video-js.vjs-16-9, .hls-video-box .video-js[data-v-3713fbe4] .video-js.vjs-4-3, .hls-video-box .video-js[data-v-3713fbe4] .video-js.vjs-fluid { background-color: rgb(22, 22, 22); height: 100%; }

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

.hls-video-box .video-js[data-v-3713fbe4] .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-3713fbe4] .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip { display: none; }

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

.hls-video-box .video-js[data-v-3713fbe4] .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-3713fbe4] .vjs-slider { background: rgb(112, 112, 112); }

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

.hls-video-box .video-js[data-v-3713fbe4] .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-3713fbe4] .vjs-load-progress div { background: rgb(112, 112, 112); }

.hls-video-box .video-js[data-v-3713fbe4] .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-control-bar { background-color: rgba(0, 0, 0, 0.7); height: 40px; }

.hls-video-box .video-js[data-v-3713fbe4] .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-control-bar .vjs-button > .vjs-icon-placeholder::before { font-size: 1.8em; line-height: 40px; }

.hls-video-box .video-js[data-v-3713fbe4] .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar .vjs-control-bar .vjs-time-control { line-height: 40px; }

.hls-video-box .video-js[data-v-3713fbe4] .vjs-poster { background: none; border-radius: 0px 0px 8px 8px; }

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

.hls-video-box .iframe[data-v-3713fbe4] { background: transparent; height: 495px; position: relative; width: 100%; }

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

.hls-video-box .video-header[data-v-3713fbe4] { display: flex; height: 67px; padding: 0px 16px 0px 24px; -webkit-box-align: center; align-items: center; background: rgb(255, 255, 255); -webkit-box-pack: justify; border-bottom: 1px solid rgb(222, 224, 227); border-radius: 8px 8px 0px 0px; justify-content: space-between; }

.hls-video-box .video-header span[data-v-3713fbe4] { color: rgb(25, 25, 26); font-size: 18px; font-weight: 600; line-height: 26px; margin-right: 20px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hls-video-box .video-header i[data-v-3713fbe4] { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: rgb(112, 112, 112); font-size: 20px; height: 20px; width: 20px; }

.hls-video-box .video-header .video-header-close[data-v-3713fbe4] { border-radius: 4px; cursor: pointer; padding: 4px; }

.hls-video-box .video-header .video-header-close[data-v-3713fbe4]:hover { background: rgba(25, 25, 26, 0.04); }

.hls-video-box .video-header .video-header-close:hover i[data-v-3713fbe4] { color: rgb(25, 25, 26); }

@media (max-width: 960px) {
  .video-mask[data-v-3713fbe4] { background: rgb(0, 0, 0); }
  .hls-video-box[data-v-3713fbe4] { height: auto; }
  .hls-video-box .video-header[data-v-3713fbe4] { display: none; }
  .video-wrapper .m-close[data-v-3713fbe4] { display: flex; height: 44px; position: absolute; right: 24px; width: 44px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; cursor: pointer; justify-content: center; top: 24px; }
  .video-wrapper .m-close i[data-v-3713fbe4] { color: rgb(255, 255, 255); }
  .hls-video-box[data-v-3713fbe4] { background: inherit; width: 100%; }
  .hls-video-box .video-js[data-v-3713fbe4] { height: 56.5vw; }
}