@yimou6/common-ui 1.9.5 → 1.9.7

package/lib/components/live-player/src/xgPlayer.vue2.js

@@ -12,6 +12,10 @@ var preset = require('./preset.js');
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const _hoisted_1 = { class: "i-player-bg i-player-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "i-player-no__url"
+};
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "XgPlayer"
@@ -19,13 +23,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "xgPlayer",
   props: {
     url: {},
-    onLine: { type: Boolean },
-    options: {}
+    onLine: { type: Boolean }
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const playerRef = vue.shallowRef();
-    let playerInstance = null;
+    const playerInstance = vue.ref(null);
+    const videoUrl = vue.computed(() => props.url);
     vue.onMounted(() => {
       Player.I18N.extend([preset.customLang]);
       play();
@@ -34,72 +38,99 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function play() {
       destroy();
       vue.nextTick(() => {
+        console.log(videoUrl.value);
+        if (!videoUrl.value) {
+          return;
+        }
         createXgPlayer();
       });
     }
     __name(play, "play");
     function destroy() {
-      if (playerInstance) {
-        playerInstance == null ? void 0 : playerInstance.destroy();
-        playerInstance = null;
+      if (playerInstance.value) {
+        playerInstance.value.destroy();
+        playerInstance.value = null;
       }
     }
     __name(destroy, "destroy");
-    function createXgPlayer() {
+    function checkPluginSupport() {
       const plugins = [];
       const type = livePlayer.videoType(props.url);
       try {
-        if (type === "flv") {
-          if (FlvPlugin.isSupported()) {
-            plugins.push(FlvPlugin);
-          }
+        if (type === "flv" && FlvPlugin.isSupported()) {
+          plugins.push(FlvPlugin);
         } else if (type === "hls") {
           const videoElement = document.createElement("video");
           const isNativeHlsSupported = videoElement.canPlayType("application/vnd.apple.mpegurl");
           if (!isNativeHlsSupported && HlsPlugin.isSupported()) {
             plugins.push(HlsPlugin);
           }
-        } else {
-          console.warn(`Unsupported type: ${type}. Please use 'flv' or 'hls'.`);
+        } else if (type !== "flv" && type !== "hls") {
+          console.warn(`\u4E0D\u652F\u6301\u7684\u89C6\u9891\u7C7B\u578B: ${type}. \u8BF7\u4F7F\u7528 'flv' \u6216 'hls'\u3002`);
         }
       } catch (error) {
-        console.error("Error occurred while checking plugin support:", error);
+        console.error("\u68C0\u67E5\u63D2\u4EF6\u652F\u6301\u65F6\u51FA\u9519:", error);
       }
+      return plugins;
+    }
+    __name(checkPluginSupport, "checkPluginSupport");
+    function createPlayerConfig(plugins) {
       const ignores = props.onLine ? preset.onLineIgnores : preset.recordIgnores;
-      playerInstance = new Player({
+      return {
         el: playerRef.value,
         url: props.url,
         height: "100%",
         width: "100%",
-        // 是否自动播放
         autoplay: true,
-        // 是否自动静音自动播放, 如果autoplay为false，则该属性的作用为默认静音播放
         autoplayMuted: true,
-        // 是否默认初始化video，当autoplay为true时，该配置为false无效
         videoInit: true,
         plugins,
         ignores,
         marginControls: false,
         screenShot: props.onLine,
-        // 播放器初始显示语言，语言包不存在的情况下默认显示'en'语言包
         lang: "zh-cn",
         videoAttributes: {
           crossOrigin: "anonymous"
         }
-      });
-      playerInstance.getPlugin("error").useHooks("errorRetry", () => {
-        playerInstance.config.url = props.url;
-        playerInstance.resetState();
-        playerInstance.play();
+      };
+    }
+    __name(createPlayerConfig, "createPlayerConfig");
+    function createXgPlayer() {
+      const plugins = checkPluginSupport();
+      const config = createPlayerConfig(plugins);
+      playerInstance.value = new Player(config);
+      playerInstance.value.getPlugin("error").useHooks("errorRetry", () => {
+        playerInstance.value.setConfig({
+          url: props.url
+        });
+        playerInstance.value.resetState();
+        playerInstance.value.play();
         return false;
       });
+      playerInstance.value.on(Player.Events.ERROR, (error) => {
+        console.error("\u64AD\u653E\u51FA\u9519:", error);
+        playerInstance.value.unRegisterPlugin("controls");
+      });
+      playerInstance.value.on(Player.Events.CANPLAY, () => {
+        console.log("\u89C6\u9891\u7F13\u51B2\u8DB3\u591F\u6570\u636E\uFF0C\u53EF\u4EE5\u64AD\u653E");
+      });
     }
     __name(createXgPlayer, "createXgPlayer");
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode(
+        vue.createCommentVNode(" \u89C6\u9891\u5730\u5740\u4E3A\u7A7A\u7684\u63D0\u793A "),
+        !videoUrl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
+          vue.createElementVNode(
+            "div",
+            null,
+            "\u65E0\u64AD\u653E\u5730\u5740",
+            -1
+            /* HOISTED */
+          )
+        ]))) : (vue.openBlock(), vue.createElementBlock(
           "div",
           {
+            key: 1,
             ref_key: "playerRef",
             ref: playerRef,
             class: "i-player-container"
@@ -107,7 +138,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           null,
           512
           /* NEED_PATCH */
-        )
+        ))
       ]);
     };
   }

package/lib/components/live-player/src/xgPlayer.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"xgPlayer.vue2.js","sources":["../../../../../../../packages/components/live-player/src/xgPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { nextTick, onMounted, shallowRef } from 'vue';\n  import Player from 'xgplayer';\n  import FlvPlugin from 'xgplayer-flv';\n  import HlsPlugin from 'xgplayer-hls';\n  import { videoType } from './live-player';\n  import { customLang, onLineIgnores, recordIgnores } from './preset';\n\n  /**\n   * 西瓜播放器\n   */\n  defineOptions({\n    name: 'XgPlayer',\n  });\n\n  const props = defineProps<{\n    url: string;\n    onLine?: boolean;\n    options?: any;\n  }>();\n\n  const playerRef = shallowRef();\n  let playerInstance: any = null;\n\n  onMounted(() => {\n    // @ts-ignore\n    Player.I18N.extend([customLang]);\n    play();\n  });\n\n  defineExpose({ play, destroy });\n\n  function play() {\n    destroy();\n    nextTick(() => {\n      createXgPlayer();\n    });\n  }\n  function destroy() {\n    if (playerInstance) {\n      playerInstance?.destroy();\n      playerInstance = null;\n    }\n  }\n\n  /**\n   * 创建西瓜播放器实例，播放hls,flv流\n   */\n  function createXgPlayer() {\n    const plugins: any[] = [];\n    const type = videoType(props.url);\n    try {\n      if (type === 'flv') {\n        if (FlvPlugin.isSupported()) {\n          plugins.push(FlvPlugin);\n        }\n      } else if (type === 'hls') {\n        const videoElement = document.createElement('video');\n        const isNativeHlsSupported = videoElement.canPlayType('application/vnd.apple.mpegurl');\n\n        if (!isNativeHlsSupported && HlsPlugin.isSupported()) {\n          plugins.push(HlsPlugin);\n        }\n      } else {\n        console.warn(`Unsupported type: ${type}. Please use 'flv' or 'hls'.`);\n      }\n    } catch (error) {\n      console.error('Error occurred while checking plugin support:', error);\n    }\n\n    const ignores = props.onLine ? onLineIgnores : recordIgnores;\n\n    playerInstance = new Player({\n      el: playerRef.value,\n      url: props.url,\n      height: '100%',\n      width: '100%',\n      // 是否自动播放\n      autoplay: true,\n      // 是否自动静音自动播放, 如果autoplay为false，则该属性的作用为默认静音播放\n      autoplayMuted: true,\n      // 是否默认初始化video，当autoplay为true时，该配置为false无效\n      videoInit: true,\n      plugins,\n      ignores,\n      marginControls: false,\n      screenShot: props.onLine,\n      // 播放器初始显示语言，语言包不存在的情况下默认显示'en'语言包\n      lang: 'zh-cn',\n      videoAttributes: {\n        crossOrigin: 'anonymous',\n      },\n    });\n\n    playerInstance.getPlugin('error').useHooks('errorRetry', () => {\n      playerInstance.config.url = props.url;\n      playerInstance.resetState();\n      playerInstance.play();\n      return false;\n    });\n  }\n</script>\n\n<template>\n  <div class=\"i-player-bg i-player-container\">\n    <div ref=\"playerRef\" class=\"i-player-container\" />\n  </div>\n</template>\n"],"names":["shallowRef","onMounted","customLang","nextTick","videoType","onLineIgnores","recordIgnores"],"mappings":"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"}
+{"version":3,"file":"xgPlayer.vue2.js","sources":["../../../../../../../packages/components/live-player/src/xgPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, nextTick, onMounted, ref, shallowRef } from 'vue';\n  import Player, { Events } from 'xgplayer';\n  import FlvPlugin from 'xgplayer-flv';\n  import HlsPlugin from 'xgplayer-hls';\n  import { videoType } from './live-player';\n  import { customLang, onLineIgnores, recordIgnores } from './preset';\n\n  /**\n   * 西瓜播放器\n   */\n  defineOptions({\n    name: 'XgPlayer',\n  });\n\n  const props = defineProps<{\n    url: string;\n    onLine?: boolean;\n  }>();\n\n  const playerRef = shallowRef<HTMLElement>();\n  const playerInstance = ref<Player | null>(null);\n  const videoUrl = computed(() => props.url);\n\n  onMounted(() => {\n    // @ts-ignore\n    Player.I18N.extend([customLang]);\n    play();\n  });\n\n  defineExpose({ play, destroy });\n\n  function play() {\n    destroy();\n    nextTick(() => {\n      console.log(videoUrl.value);\n      // 视频地址为空，不播放\n      if (!videoUrl.value) {\n        return;\n      }\n      createXgPlayer();\n    });\n  }\n\n  function destroy() {\n    if (playerInstance.value) {\n      playerInstance.value.destroy();\n      playerInstance.value = null;\n    }\n  }\n\n  /**\n   * 检查插件支持情况\n   */\n  function checkPluginSupport() {\n    const plugins: any[] = [];\n    const type = videoType(props.url);\n\n    try {\n      if (type === 'flv' && FlvPlugin.isSupported()) {\n        plugins.push(FlvPlugin);\n      } else if (type === 'hls') {\n        const videoElement = document.createElement('video');\n        const isNativeHlsSupported = videoElement.canPlayType('application/vnd.apple.mpegurl');\n\n        if (!isNativeHlsSupported && HlsPlugin.isSupported()) {\n          plugins.push(HlsPlugin);\n        }\n      } else if (type !== 'flv' && type !== 'hls') {\n        console.warn(`不支持的视频类型: ${type}. 请使用 'flv' 或 'hls'。`);\n      }\n    } catch (error) {\n      console.error('检查插件支持时出错:', error);\n    }\n\n    return plugins;\n  }\n\n  /**\n   * 创建播放器配置\n   */\n  function createPlayerConfig(plugins: any[]) {\n    const ignores = props.onLine ? onLineIgnores : recordIgnores;\n\n    return {\n      el: playerRef.value!,\n      url: props.url,\n      height: '100%',\n      width: '100%',\n      autoplay: true,\n      autoplayMuted: true,\n      videoInit: true,\n      plugins,\n      ignores,\n      marginControls: false,\n      screenShot: props.onLine,\n      lang: 'zh-cn',\n      videoAttributes: {\n        crossOrigin: 'anonymous',\n      },\n    };\n  }\n\n  /**\n   * 创建西瓜播放器实例，播放hls,flv流\n   */\n  function createXgPlayer() {\n    const plugins = checkPluginSupport();\n    const config = createPlayerConfig(plugins);\n\n    playerInstance.value = new Player(config);\n\n    // 播放出错之后，点击\"刷新\"按钮重新播放\n    playerInstance.value.getPlugin('error').useHooks('errorRetry', () => {\n      playerInstance.value!.setConfig({\n        url: props.url,\n      });\n      // 重置状态\n      playerInstance.value!.resetState();\n      // 重新播放\n      playerInstance.value!.play();\n      return false;\n    });\n\n    playerInstance.value.on(Events.ERROR, (error: Record<string, any>) => {\n      console.error('播放出错:', error);\n      // 播放出错时，禁用控制栏插件\n      playerInstance.value!.unRegisterPlugin('controls');\n    });\n\n    // 视频缓冲足够数据，可以播放\n    playerInstance.value.on(Events.CANPLAY, () => {\n      console.log('视频缓冲足够数据，可以播放');\n    });\n  }\n</script>\n\n<template>\n  <div class=\"i-player-bg i-player-container\">\n    <!-- 视频地址为空的提示 -->\n    <div v-if=\"!videoUrl\" class=\"i-player-no__url\">\n      <div>无播放地址</div>\n    </div>\n    <div v-else ref=\"playerRef\" class=\"i-player-container\" />\n  </div>\n</template>\n"],"names":["shallowRef","ref","computed","onMounted","customLang","nextTick","videoType","onLineIgnores","recordIgnores","Events"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yimou6/common-ui",
-  "version": "1.9.5",
+  "version": "1.9.7",
   "description": "Vue3 Component Library",
   "license": "MIT",
   "author": "yimou6",

package/theme-default/i-live-player.css

@@ -1 +1 @@
-.i-player-bg{background-color:#000;display:flex;align-items:center;justify-content:center}.i-player-bg.i-player-container{width:100%;height:100%}.i-player-bg .i-player__error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#ed8b8b;overflow:hidden;white-space:break-spaces}.i-player-bg .xgplayer-error{color:#b2b3b5}.i-player-bg .xgplayer-error .xgplayer-error-refresh{color:#ed8b8b}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide,.xgplayer.xgplayer-nostart .xgplayer-controls{pointer-events:none;visibility:hidden;cursor:default;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{pointer-events:auto;visibility:visible;opacity:1}.xgplayer .xgplayer-controls{display:block;position:absolute;visibility:visible;height:48px;left:0;right:0;bottom:0;opacity:1;z-index:10;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75));transition:opacity .5s ease,visibility .5s ease}.xgplayer .xgplayer-controls.show{display:block;opacity:1;visibility:visible;pointer-events:auto}.xgplayer .xg-inner-controls{position:absolute;height:40px;bottom:0;justify-content:space-between;display:flex}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{position:relative;display:flex;flex-wrap:wrap;flex-shrink:1;height:100%;z-index:1}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;left:0;right:0;outline:0;top:-20px;padding:5px 0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{justify-content:space-around;display:flex;bottom:8px}.xgplayer .flex-controls .xg-center-grid{display:flex;flex:1;position:relative;top:0;height:100%;justify-content:space-between;align-items:center;left:0;right:0;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{bottom:0;left:0;right:0}.xgplayer .mini-controls .xg-center-grid{bottom:-28px;top:auto;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.mini-controls .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.xgplayer-inactive .controls-follow{bottom:10px}.xgplayer-fullscreen-parent{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{z-index:10;position:absolute}.xgplayer-rotate-parent{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;z-index:9999;transform-origin:top left;transform:rotate(90deg)}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;top:0;left:0;z-index:10;margin:0;padding:0;width:100%;height:100%;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer}.xgplayer *{margin:0;padding:0;border:0;vertical-align:baseline;white-space:normal;word-wrap:normal;overflow-wrap:normal}.xgplayer li,.xgplayer ul{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:9999}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;top:0;left:100%;bottom:0;right:0;width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg);z-index:9999}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{position:absolute;top:0;bottom:48px;display:block;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:0}.xgplayer[data-xgfill=contain] video{object-fit:contain}.xgplayer[data-xgfill=cover] video{object-fit:cover}.xgplayer[data-xgfill=fill] video{object-fit:fill}.xgplayer .xg-pos{left:10px;right:10px}.xgplayer .xg-margin{margin-left:16px;margin-right:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;line-height:24px;background:rgba(0,0,0,.38);border-radius:12px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-left:16px;margin-right:16px;cursor:pointer;color:rgba(255,255,255,.8);fill:#fff}.xgplayer xg-icon.xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon img,.xgplayer xg-icon svg{height:100%;display:block}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{position:absolute;z-index:10;top:0;padding:0 16px;display:flex;height:50px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;background:rgba(0,0,0,.54);border-radius:4px;font-size:12px;color:#fff;text-align:center;white-space:nowrap;opacity:.85}.xgplayer .xg-margin{left:0;right:0}.xgplayer-mobile{-webkit-tap-highlight-color:transparent}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:transparent}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar{left:6%;right:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{background-color:transparent;display:none}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{appearance:none;background:rgba(0,0,0,0);height:4px;width:4px}.xg-list-slide-scroll::-webkit-scrollbar-corner{background:0 0;display:none}.xg-list-slide-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5);border-radius:3px;display:none;width:4px}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (max-width:480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{left:10px;right:10px}}@media screen and (orientation:portrait){.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation:landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos,.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar{left:6%;right:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}to{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}to{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;width:78px;right:50%;bottom:100%;background:rgba(0,0,0,.54);border-radius:1px;transform:translate(50%);cursor:pointer;overflow:auto;height:0;opacity:.85;font-size:14px;color:rgba(255,255,255,.8)}.xgplayer .xg-options-list li{height:20px;line-height:20px;position:relative;padding:4px 0;text-align:center;color:rgba(255,255,255,.8)}.xgplayer .xg-options-list li.selected,.xgplayer .xg-options-list li:hover{color:red;opacity:1}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{width:20%;height:100%;bottom:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;box-sizing:border-box}.xgplayer .xg-options-list.xg-side-list li{flex:1;width:100%;padding:0;position:relative}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (max-width:480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}.xgplayer-mobile .xg-options-list li:hover{color:rgba(255,255,255,.8)}.xgplayer-mobile .xg-options-list li.selected{color:red}}.xgplayer xg-thumbnail{display:block}.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;left:50%;top:50%;width:100px;height:100px;justify-content:center;align-items:center;flex-direction:column;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;font-size:14px;color:#fff;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{line-height:24px;font-size:12px}.xgplayer .xgplayer-poster{display:block;opacity:1;visibility:visible;position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-size:100% auto;background-repeat:no-repeat;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{opacity:0;visibility:hidden}.xgplayer.not-allow-autoplay .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay{opacity:1;visibility:visible}.xgplayer.not-allow-autoplay .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.xgplayer-nostart .xgplayer-poster.hide{opacity:0;visibility:hidden}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:rgba(0,0,0,.38)}.xgplayer .xgplayer-start{width:70px;height:70px;position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.focus-hide,.xgplayer .xgplayer-start.hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start.interact,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{background:initial;border-radius:0}.xgplayer.xgplayer-mobile .xgplayer-start{height:50px;width:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start.show,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start{display:none}.xgplayer-enter{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:5;pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;left:50%;top:50%;height:100px;width:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{width:6%;height:13%;background-color:rgba(255,255,255,.7019607843);position:absolute;left:45%;top:45%;opacity:0;border-radius:30px;animation:fade 1s linear infinite}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-833ms}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-83.3ms}@keyframes fade{0%{opacity:1}to{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;opacity:1;transition:opacity .3s}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;background:linear-gradient(180deg,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%)}.xg-mini-layer .mask{pointer-events:none;position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.4)}.xg-mini-layer xg-mini-header{display:flex;top:0;left:0;right:40px;box-sizing:border-box;padding:10px 3px 0 8px;justify-content:space-between;color:#fff;font-size:14px;position:absolute;z-index:22}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{cursor:pointer;position:relative;display:flex;align-items:center}.xg-mini-layer xg-mini-header #disabledMini+label:before{content:"";color:#ff142b;background-color:transparent;border-radius:2px;border:solid 1px #cdcdcd;width:16px;height:16px;display:inline-block;text-align:center;vertical-align:middle;line-height:16px;margin-right:7px}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label:after{content:"";position:absolute;width:4px;height:8px;border-color:#ff142b;border-style:solid;border-width:0 2px 2px 0;transform:rotate(45deg);left:6px;top:5px}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{position:absolute;padding:4px 6px;white-space:nowrap;bottom:-30px;right:15px;border-radius:4px;background-color:rgba(0,0,0,.5411764706);display:none}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{cursor:pointer;display:block;color:#fff;width:40px;height:38px;position:absolute;right:0;top:0;text-align:center;line-height:38px}.xg-mini-layer .play-icon{cursor:pointer;height:48px;width:48px;position:absolute;background:rgba(0,0,0,.54);border-radius:24px;top:50%;left:50%;margin:-24px 0 0 -24px}.xg-mini-layer .play-icon img,.xg-mini-layer .play-icon svg{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{position:relative;outline:0;display:block}.xgplayer-miniicon .name{text-align:center;font-size:13px;line-height:20px;height:20px;color:rgba(255,255,255,.8);line-height:40px}.xgplayer-miniicon .name span{font-size:13px;width:60px;height:20px;line-height:20px;background:rgba(0,0,0,.38);border-radius:10px;display:inline-block;vertical-align:middle}.xgplayer-mini{position:fixed;width:320px;height:180px;z-index:91;box-shadow:0 4px 7px 2px rgba(0,0,0,.2)}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{background:0 0;border-radius:initial}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;height:100%;width:100%}.xgplayer xg-trigger .time-preview{display:none;position:absolute;width:200px;margin:0 auto;padding:0 20px 30px;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1px rgba(0,0,0,.54);font-size:18px;text-align:center;pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview .xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-separator{font-size:14px}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{width:96px;height:2px;margin:8px auto 0;border-radius:10px;box-sizing:content-box;background:rgba(255,255,255,.3)}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;height:32px;width:135px;top:26px;left:50%;margin-left:-78px;background:rgba(0,0,0,.3);border-radius:100px;color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;line-height:32px;height:32px;font-size:13px;text-align:center}.xgplayer xg-trigger .xg-top-note i{color:red;margin:0 5px}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.top{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;height:100%;z-index:10;top:0;left:0;width:100%;pointer-events:none;background-color:rgba(0,0,0,0)}@media (prefers-color-scheme:dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:rgba(255,255,255,.3019607843)}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}to{stroke-dashoffset:0}}xg-loading-inner{display:block;height:100%;width:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;width:70px;height:70px;overflow:hidden;position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading img,.xgplayer-loading svg{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading{display:none}.xgplayer .xgplayer-progress{display:flex;align-items:center;position:relative;min-width:10px;height:20px;left:0;right:0;top:0;outline:0;flex:1;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;height:100%;width:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;background:rgba(255,255,255,.3);transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;margin-right:2px;pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{background:#fff;position:relative}.xgplayer .inner-focus-point:after,.xgplayer .inner-focus-point:before{position:absolute;top:0;content:" ";display:block;width:2px;height:300%;top:50%;z-index:1;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point:before{left:0}.xgplayer .inner-focus-point:after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress-cache{background:rgba(255,255,255,.5)}.xgplayer .xgplayer-progress-btn{display:block;background:rgba(255,94,94,.304093);border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px rgba(255,0,0,.3843137255);width:20px;height:20px;border-radius:30px;left:0;top:50%;position:absolute;z-index:1;transform:translate(-50%,-50%);box-sizing:border-box;pointer-events:none}.xgplayer .xgplayer-progress-btn:before{content:" ";display:block;position:relative;width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:30px;background:#fff}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.064057)}.xgplayer .xgplayer-progress-btn.active:before{box-shadow:0 0 3px rgba(248,89,89,.6901960784)}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;height:100%;width:5px;top:0;background:#fff;border-radius:6px;z-index:16}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{position:absolute;left:25%;top:-40px;height:auto;line-height:30px;width:auto;transform:scale(.8) translate(-50%);background:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(0,0,0,.8);cursor:default;white-space:nowrap;display:none}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point:after,.xgplayer.xgplayer-pc .inner-focus-point:before{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before{height:6px;width:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media (prefers-color-scheme:dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:rgba(255,255,255,.3019607843)}.xgplayer .xgplayer-progress .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer .xgplayer-progress .xgplayer-progress-btn{background:rgba(255,94,94,.304093);border:.5px solid rgba(255,94,94,.056545);box-shadow:0 0 1px rgba(255,0,0,.3843137255)}.xgplayer .xgplayer-progress .xgplayer-progress-btn:before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:rgba(255,255,255,.5019607843)}}.xg-mini-progress{display:none;position:absolute;height:2px;left:0;right:0;bottom:0;pointer-events:none}.xg-mini-progress xg-mini-progress-cache,.xg-mini-progress xg-mini-progress-played{height:100%;width:0;position:absolute;top:0;left:0;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xg-mini-progress xg-mini-progress-cache{background:rgba(255,255,255,.5)}.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{position:relative;left:0;top:16px;width:34px;height:40px;display:none}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-time{pointer-events:none;min-width:40px;font-size:14px;font-family:PingFangSC-Semibold;color:#fff;text-align:center;display:inline-block;line-height:40px}.xgplayer .xgplayer-time span{display:inline-block;line-height:40px;height:40px}.xgplayer .xgplayer-time span .time-min-width{text-align:center;min-width:2ch}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:rgba(255,255,255,.5019607843)}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;width:28px;height:92px;background:rgba(0,0,0,.54);border-radius:1px;bottom:40px;outline:0}.xgplayer .xgplayer-slider:after{content:" ";display:block;height:15px;width:28px;position:absolute;bottom:-15px;left:0;z-index:20;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;left:0;right:0;bottom:100%;padding:5px 0 0;font-size:12px;background-color:rgba(0,0,0,.5411764706);color:#fff;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;background:rgba(255,255,255,.3);border-radius:100px;width:4px;height:76px;outline:0;cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;background:#fa1f41;max-height:76px}.xgplayer .xgplayer-drag:after{content:" ";display:inline-block;width:8px;height:8px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2588235294);position:absolute;border-radius:50%;left:-2px;top:-4px}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer .xgplayer-pip .xg-exit-pip,.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{position:relative;display:none;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{position:relative;display:block;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer-error{background:#000;display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;color:#fff;text-align:center;line-height:100%;justify-content:center;align-items:center}.xgplayer-error .xgplayer-error-refresh{color:#fa1f41;padding:0 3px;cursor:pointer}.xgplayer-error .xgplayer-error-text{line-height:18px;margin:auto 6px 20px;display:block}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;pointer-events:none;position:absolute;z-index:1;padding:6px 12px 5px;opacity:0;left:10px;background:rgba(0,0,0,.5);border-radius:50px;font-size:12px;line-height:17px;text-align:center;color:#fff}.xgplayer .xgplayer-prompt.show{display:block;opacity:1;z-index:10;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow:after{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(0,0,0,.5);transform:translate(-50%,100%)}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;background:#fff;border-radius:12px}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;opacity:0;pointer-events:none;position:absolute;left:50%;bottom:5px;padding-bottom:5px;transform:translate(-50%)}.xgplayer-mobile .xgplayer-spot{height:3px;min-width:3px;top:50%;opacity:1;transform:translateY(-50%)}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{opacity:1;transition:opacity .3s;visibility:visible}.xgplayer .xg-spot-info{position:absolute;left:0;bottom:100%;display:none}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.hide,.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{position:relative;bottom:-7px;margin-left:50%;display:block;width:1px;height:41px;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.54);font-size:11px;color:#fff;padding:4px 6px;border-radius:4px;text-align:center;opacity:.85;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;color:#fff;border-radius:2px 2px 0 0}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;background-color:#111010;pointer-events:none;border-radius:2px 2px 0 0}.xgplayer .xg-spot-time{position:absolute;bottom:2px;font-size:12px;line-height:16.8px;left:50%;transform:translate(-50%);pointer-events:none}.xgplayer .progress-thumbnail{margin:0 auto;display:block}.xgplayer .xg-spot-text{display:none;padding:5px 8px;background:rgba(0,0,0,.8);border-radius:0 0 2px 2px;pointer-events:none;box-sizing:border-box}.xgplayer .spot-inner-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:12px;max-height:40px}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370ff}.xgplayer .product .xg-spot-line{border-left:10px solid transparent;border-right:10px solid transparent;border-top:7px solid #3370ff;width:0;height:15px;left:-10px;background:0 0}.xgplayer .xgvideo-preview{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;transition:visibility .3s,opacity .3s;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{opacity:1;visibility:visible}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgfilter,.xgplayer-dynamic-bg xgmask{display:block;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:rgba(0,0,0,.7)}
+.i-player-bg{display:flex;align-items:center;justify-content:center;background-color:#000}.i-player-bg.i-player-container{width:100%;height:100%}.i-player-bg .i-player__error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;color:#ed8b8b;font-size:14px;white-space:break-spaces}.i-player-bg .xgplayer-error{color:#b2b3b5}.i-player-bg .xgplayer-error .xgplayer-error-refresh{color:#ed8b8b}.i-player-bg .i-player-no__url{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;color:#ed8b8b;font-size:14px;white-space:break-spaces}.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide,.xgplayer.xgplayer-nostart .xgplayer-controls{visibility:hidden;opacity:0;cursor:default;pointer-events:none}.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow{visibility:visible;opacity:1;pointer-events:auto}.xgplayer .xgplayer-controls{display:block;visibility:visible;position:absolute;z-index:10;right:0;bottom:0;left:0;height:48px;transition:opacity .5s ease,visibility .5s ease;opacity:1;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.37),rgba(0,0,0,.75),rgba(0,0,0,.75))}.xgplayer .xgplayer-controls.show{display:block;visibility:visible;opacity:1;pointer-events:auto}.xgplayer .xg-inner-controls{display:flex;position:absolute;bottom:0;justify-content:space-between;height:40px}.xgplayer .xg-left-grid,.xgplayer .xg-right-grid{display:flex;position:relative;z-index:1;flex-shrink:1;flex-wrap:wrap;height:100%}.xgplayer .xg-right-grid{flex-direction:row-reverse}.xgplayer .xg-right-grid>:first-child{margin-right:0}.xgplayer .xg-right-grid xg-icon{margin-left:0}.xgplayer .xg-left-grid>:first-child{margin-left:0}.xgplayer .xg-left-grid xg-icon{margin-right:0}.xgplayer .xg-center-grid{display:block;position:absolute;top:-20px;right:0;left:0;padding:5px 0;outline:0;text-align:center}.xgplayer .flex-controls .xg-inner-controls{display:flex;bottom:8px;justify-content:space-around}.xgplayer .flex-controls .xg-center-grid{display:flex;position:relative;top:0;right:0;left:0;flex:1;align-items:center;justify-content:space-between;height:100%;padding:0 16px}.xgplayer.xgplayer-mobile .xg-center-grid{z-index:2}.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid{padding:0 8px}.xgplayer .bottom-controls .xg-center-grid{top:20px;padding:0}.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid{bottom:10px}.xgplayer .mini-controls{background-image:none}.xgplayer .mini-controls .xg-inner-controls{right:0;bottom:0;left:0}.xgplayer .mini-controls .xg-center-grid{top:auto;bottom:-28px;padding:0}.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid{display:none}.xgplayer .controls-follow{bottom:70px;transition:bottom .3s ease}.xgplayer.flex-controls .controls-follow{bottom:45px}.xgplayer.mini-controls .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.xgplayer-inactive .controls-follow{bottom:10px}.xgplayer-fullscreen-parent{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%}.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen{position:absolute;z-index:10}.xgplayer-rotate-parent{position:fixed;z-index:9999;inset:0 0 0 100%;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:top left}.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;margin:0;padding:0;transform:rotate(0)}.xgplayer-rotate-parent .xgplayer-mobile video{z-index:-1}.xgplayer{position:relative;width:100%;height:100%;overflow:hidden;background:#000;font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.xgplayer *{margin:0;padding:0;border:0;word-wrap:normal;vertical-align:baseline;white-space:normal;overflow-wrap:normal}.xgplayer li,.xgplayer ul{list-style:none}.xgplayer .xgplayer-none{display:none}.xgplayer.xgplayer-is-fullscreen{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.xgplayer.xgplayer-is-cssfullscreen{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%}.xgplayer.xgplayer-rotate-fullscreen{position:fixed;z-index:9999;inset:0 0 0 100%;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:top left}.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video{z-index:-1}.xgplayer xg-video-container.xg-video-container{display:block;position:absolute;top:0;bottom:48px;width:100%}.xgplayer video{position:absolute;top:0;left:0;width:100%;height:100%;outline:0}.xgplayer[data-xgfill=contain] video{object-fit:contain}.xgplayer[data-xgfill=cover] video{object-fit:cover}.xgplayer[data-xgfill=fill] video{object-fit:fill}.xgplayer .xg-pos{right:10px;left:10px}.xgplayer .xg-margin{margin-right:16px;margin-left:16px}.xgplayer .xg-bottom{bottom:0}.xgplayer .btn-text{position:relative;top:50%;height:24px;font-size:13px;text-align:center}.xgplayer .btn-text span{display:inline-block;min-width:52px;height:24px;border-radius:12px;background:rgba(0,0,0,.38);line-height:24px}.xgplayer xg-icon{position:relative;box-sizing:border-box;height:40px;margin-right:16px;margin-left:16px;fill:#fff;color:rgba(255,255,255,.8);cursor:pointer}.xgplayer xg-icon.xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-tips{top:-30px;left:50%;transform:translate(-50%)}.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips{display:block}.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide{display:none}.xgplayer xg-icon .xgplayer-icon{position:relative;top:50%;transform:translateY(-50%);cursor:pointer}.xgplayer xg-icon .xg-icon-disable{cursor:not-allowed}.xgplayer xg-icon .xg-img{width:100%}.xgplayer xg-icon img,.xgplayer xg-icon svg{display:block;height:100%}.xgplayer xg-bar{display:block}.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar{display:none}.xgplayer.xgplayer-inactive .xg-top-bar{display:flex}.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide{display:none}.xgplayer .xg-top-bar{display:flex;position:absolute;z-index:10;top:0;height:50px;padding:0 16px}.xgplayer .xg-top-bar xg-icon{position:relative;top:10px;left:0;width:34px;margin-top:0}.xgplayer .xg-top-bar xg-icon:first-child{margin-left:0}.xgplayer .xg-left-bar,.xgplayer .xg-right-bar{position:absolute;z-index:9;top:50px;bottom:50px;width:50px}.xgplayer .xg-left-bar{left:0}.xgplayer .xg-right-bar{right:0}.xgplayer .xg-tips{display:none;position:absolute;padding:4px 6px;border-radius:4px;opacity:.85;background:rgba(0,0,0,.54);color:#fff;font-size:12px;text-align:center;white-space:nowrap}.xgplayer .xg-margin{right:0;left:0}.xgplayer-mobile{-webkit-tap-highlight-color:transparent}.xgplayer-mobile *{text-decoration:none;-webkit-tap-highlight-color:transparent}.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar{right:6%;left:6%}.xgplayer-mobile xg-icon:hover .xg-tips{display:none}.xg-list-slide-scroll::-webkit-scrollbar-track{display:none;background-color:transparent}.xg-list-slide-scroll:hover::-webkit-scrollbar-track{display:block}.xg-list-slide-scroll::-webkit-scrollbar{width:4px;height:4px;background:rgba(0,0,0,0);appearance:none}.xg-list-slide-scroll::-webkit-scrollbar-corner{display:none;background:0 0}.xg-list-slide-scroll::-webkit-scrollbar-thumb{display:none;width:4px;border-radius:3px;background:hsla(0,0%,100%,.5)}.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb{display:block}@media only screen and (width <= 480px){.xgplayer-mobile xg-icon{margin-right:10px;margin-left:10px}.xgplayer-mobile .xg-top-bar{right:10px;left:10px}}@media screen and (orientation:portrait){.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls{bottom:34px;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar{top:34px;top:constant(safe-area-inset-top);top:env(safe-area-inset-top)}}@media only screen and (orientation:landscape){.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos,.xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar{right:6%;left:6%}.xgplayer-mobile.xgplayer-rotate-fullscreen{left:0;width:100vw;height:100vh;transform:rotate(0)}}.xgplayer .xgplayer-screen-container{display:block;width:100%}.xgplayer .xg-options-icon{display:none;cursor:pointer}.xgplayer .xg-options-icon.show{display:block}@keyframes xg_right_options_active{0%{transform:translate(50%)}100%{transform:translate(-50%)}}@keyframes xg_right_options_hide{0%{transform:translate(-50%)}100%{transform:translate(50%)}}@keyframes xg_left_options_active{0%{transform:translate(-50%)}100%{transform:translate(50%)}}@keyframes xg_left_options_hide{0%{transform:translate(50%)}100%{transform:translate(-50%)}}.xgplayer .xg-options-list{display:none;position:absolute;z-index:5;right:50%;bottom:100%;width:78px;height:0;overflow:auto;transform:translate(50%);border-radius:1px;opacity:.85;background:rgba(0,0,0,.54);color:rgba(255,255,255,.8);font-size:14px;cursor:pointer}.xgplayer .xg-options-list li{position:relative;height:20px;padding:4px 0;color:rgba(255,255,255,.8);line-height:20px;text-align:center}.xgplayer .xg-options-list li.selected,.xgplayer .xg-options-list li:hover{opacity:1;color:red}.xgplayer .xg-options-list li:nth-child(1){position:relative;margin-top:12px}.xgplayer .xg-options-list li:last-child{position:relative;margin-bottom:12px}.xgplayer .xg-options-list:hover{opacity:1}.xgplayer .xg-options-list.active{display:block;height:auto}.xgplayer .xg-options-list.xg-side-list{display:flex;bottom:0;box-sizing:border-box;flex-direction:column;width:20%;height:100%;background:rgba(0,0,0,.9)}.xgplayer .xg-options-list.xg-side-list li{position:relative;flex:1;width:100%;padding:0}.xgplayer .xg-options-list.xg-side-list li span{display:block;position:relative;top:50%;transform:translateY(-50%);pointer-events:none}.xgplayer .xg-options-list.xg-side-list li:nth-child(1){margin-top:20px}.xgplayer .xg-options-list.xg-side-list li:last-child{margin-bottom:20px}.xgplayer .xg-options-list.xg-right-side{right:-10.5%}.xgplayer .xg-options-list.xg-right-side.active{height:100%;animation:xg_right_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-right-side.hide{height:100%;animation:xg_right_options_hide .2s ease-in forwards}.xgplayer .xg-options-list.xg-left-side{left:-10.5%;transform:translate(-50%)}.xgplayer .xg-options-list.xg-left-side.active{height:100%;animation:xg_left_options_active .2s ease-out forwards}.xgplayer .xg-options-list.xg-left-side.hide{height:100%;animation:xg_left_options_hide .2s ease-in forwards}@media only screen and (width <= 480px){.xgplayer-mobile .xg-options-icon.portrait{display:none}.xgplayer-mobile .xg-options-list li:hover{color:rgba(255,255,255,.8)}.xgplayer-mobile .xg-options-list li.selected{color:red}}.xgplayer xg-thumbnail{display:block}.xgplayer-replay{display:none}.xgplayer .xgplayer-replay{display:none;position:absolute;z-index:5;top:50%;left:50%;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-replay .xgplayer-replay-txt{display:inline-block;color:#fff;font-size:14px;line-height:34px;text-align:center}.xgplayer.xgplayer-mobile .xgplayer-replay-svg{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-replay-txt{font-size:12px;line-height:24px}.xgplayer .xgplayer-poster{display:block;visibility:visible;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease,visibility .3s ease;opacity:1;background-repeat:no-repeat;background-position:center center;background-size:100% auto;pointer-events:none}.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster{visibility:hidden;opacity:0}.xgplayer.not-allow-autoplay .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay{visibility:visible;opacity:1}.xgplayer.not-allow-autoplay .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.xgplayer-nostart .xgplayer-poster.hide{visibility:hidden;opacity:0}@keyframes playPause{0%{transform:scale(1);opacity:1}99%{transform:scale(1.3);opacity:0}100%{transform:scale(1);opacity:0}}.xgplayer xg-start-inner{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background:rgba(0,0,0,.38)}.xgplayer .xgplayer-start{position:absolute;z-index:5;top:50%;left:50%;width:70px;height:70px;transform:translate(-50%,-50%);cursor:pointer}.xgplayer .xgplayer-start svg{width:100%;height:100%}.xgplayer .xgplayer-start.focus-hide,.xgplayer .xgplayer-start.hide{display:none;pointer-events:none}.xgplayer .xgplayer-start:hover{opacity:.85}.xgplayer .xgplayer-start .xg-icon-play{display:block}.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:none}.xgplayer .xgplayer-start.interact,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause{display:block}.xgplayer .xgplayer-start.interact xg-start-inner{animation:playPause .4s .1s ease-out forwards}.xgplayer .xgplayer-start.show{display:block}.xgplayer.xgplayer-mobile xg-start-inner{border-radius:0;background:initial}.xgplayer.xgplayer-mobile .xgplayer-start{width:50px;height:50px}.xgplayer.xgplayer-mobile .xgplayer-start:hover{opacity:1}.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start.show,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start{display:none}.xgplayer-enter{display:none;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);pointer-events:none}.xgplayer-enter .show{display:block}.xgplayer-enter .xgplayer-enter-spinner{display:block;position:absolute;z-index:1;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%)}.xgplayer-enter .xgplayer-enter-spinner div{position:absolute;top:45%;left:45%;width:6%;height:13%;animation:fade 1s linear infinite;border-radius:30px;opacity:0;background-color:rgba(255,255,255,.7019607843)}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1{transform:rotate(0) translateY(-140%);animation-delay:0s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2{transform:rotate(30deg) translateY(-140%);animation-delay:-.9163s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3{transform:rotate(60deg) translateY(-140%);animation-delay:-833ms}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4{transform:rotate(90deg) translateY(-140%);animation-delay:-.7497s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5{transform:rotate(120deg) translateY(-140%);animation-delay:-.6664s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6{transform:rotate(150deg) translateY(-140%);animation-delay:-.5831s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7{transform:rotate(180deg) translateY(-140%);animation-delay:-.4998s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8{transform:rotate(210deg) translateY(-140%);animation-delay:-.4165s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9{transform:rotate(240deg) translateY(-140%);animation-delay:-.3332s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10{transform:rotate(270deg) translateY(-140%);animation-delay:-.2499s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11{transform:rotate(300deg) translateY(-140%);animation-delay:-.1666s}.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12{transform:rotate(330deg) translateY(-142%);animation-delay:-83.3ms}@keyframes fade{0%{opacity:1}100%{opacity:.25}}.xgplayer.xgplayer-is-enter .xgplayer-enter{display:block;transition:opacity .3s;opacity:1}.xgplayer.xgplayer-nostart .xgplayer-enter{display:none}.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner{width:70px;height:70px}.xg-mini-layer{display:none;position:absolute;z-index:11;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(57,57,57,.9),rgba(57,57,57,0) 50.27%)}.xg-mini-layer .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);pointer-events:none}.xg-mini-layer xg-mini-header{display:flex;position:absolute;z-index:22;top:0;right:40px;left:0;box-sizing:border-box;justify-content:space-between;padding:10px 3px 0 8px;color:#fff;font-size:14px}.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn{pointer-events:all}.xg-mini-layer xg-mini-header #disabledMini{display:none;position:relative}.xg-mini-layer xg-mini-header #disabledMini+label{display:flex;position:relative;align-items:center;cursor:pointer}.xg-mini-layer xg-mini-header #disabledMini+label::before{content:"";display:inline-block;width:16px;height:16px;margin-right:7px;border:solid 1px #cdcdcd;border-radius:2px;background-color:transparent;color:#ff142b;line-height:16px;text-align:center;vertical-align:middle}.xg-mini-layer xg-mini-header #disabledMini:checked+label{color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label::before{border-color:#ff142b}.xg-mini-layer xg-mini-header #disabledMini:checked+label::after{content:"";position:absolute;top:5px;left:6px;width:4px;height:8px;transform:rotate(45deg);border-width:0 2px 2px 0;border-style:solid;border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips{display:none;position:absolute;right:15px;bottom:-30px;padding:4px 6px;border-radius:4px;background-color:rgba(0,0,0,.5411764706);white-space:nowrap}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label::before{border-color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label{color:#ff142b}.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips{display:block}.xg-mini-layer .mini-cancel-btn{display:block;position:absolute;top:0;right:0;width:40px;height:38px;color:#fff;line-height:38px;text-align:center;cursor:pointer}.xg-mini-layer .play-icon{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:24px;background:rgba(0,0,0,.54);cursor:pointer}.xg-mini-layer .play-icon img,.xg-mini-layer .play-icon svg{width:50px;height:50px;fill:#faf7f7}.xg-mini-layer .xg-icon-play{display:none}.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play{display:block}.xg-mini-layer[data-state=pause] .xg-icon-pause{display:none}.xgplayer-miniicon{display:block;position:relative;outline:0}.xgplayer-miniicon .name{height:20px;color:rgba(255,255,255,.8);font-size:13px;line-height:40px;text-align:center}.xgplayer-miniicon .name span{display:inline-block;width:60px;height:20px;border-radius:10px;background:rgba(0,0,0,.38);font-size:13px;line-height:20px;vertical-align:middle}.xgplayer-mini{position:fixed;z-index:91;width:320px;height:180px;box-shadow:0 4px 7px 2px rgba(0,0,0,.2)}.xgplayer-mini:hover{cursor:move}.xgplayer-mini:hover .xg-mini-layer{display:block}.xgplayer-mini.xgplayer-ended .xg-mini-layer{display:none}.xgplayer-mobile .xg-mini-layer .play-icon{border-radius:initial;background:0 0}.xgplayer.xgplayer-inactive{cursor:none}.xgplayer xg-thumbnail{display:block}.xgplayer xg-trigger{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}.xgplayer xg-trigger .time-preview{display:none;position:absolute;top:50%;left:50%;width:200px;margin:0 auto;padding:0 20px 30px;transform:translate(-50%,-50%);color:#fff;font-size:18px;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.54);pointer-events:none}.xgplayer xg-trigger .time-preview span{line-height:24px}.xgplayer xg-trigger .time-preview .xg-cur{color:red}.xgplayer xg-trigger .time-preview .xg-separator{font-size:14px}.xgplayer xg-trigger .time-preview .xg-seek-show{transform:translate(-10px)}.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre{transform:rotate(180deg) translate(-5px)}.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon{display:none}.xgplayer xg-trigger .time-preview .xg-bar{box-sizing:content-box;width:96px;height:2px;margin:8px auto 0;border-radius:10px;background:rgba(255,255,255,.3)}.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar{width:0;height:100%;background-color:red}.xgplayer xg-trigger .time-preview .xg-bar.hide{display:none}.xgplayer xg-trigger .mobile-thumbnail{position:relative;left:50%;transform:translate(-50%)}.xgplayer xg-trigger .xg-top-note{position:absolute;top:26px;left:50%;width:135px;height:32px;margin-left:-78px;border-radius:100px;background:rgba(0,0,0,.3);color:#fff}.xgplayer xg-trigger .xg-top-note span{display:block;height:32px;font-size:13px;line-height:32px;text-align:center}.xgplayer xg-trigger .xg-top-note i{margin:0 5px;color:red}.xgplayer xg-trigger .xg-playbackrate{display:none}.xgplayer xg-trigger[data-xg-action=seeking] .time-preview{display:block}.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate{display:block}.xgplayer .gradient{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6));pointer-events:none}.xgplayer .gradient.top{background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)}.xgplayer .gradient.bottom{background-image:linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.36) 83%,rgba(0,0,0,.6))}.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls{background-image:initial}.xgplayer-mobile.xgplayer-playing .gradient{display:block}.xgplayer-mobile.xgplayer-inactive .gradient{background-image:initial}.xgplayer-mobile .xgmask{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);pointer-events:none}@media (prefers-color-scheme:dark){.xgplayer-mobile xg-trigger .time-preview{color:#fff}.xgplayer-mobile xg-trigger .time-preview span.xg-cur{color:red}.xgplayer-mobile xg-trigger .time-preview .xg-bar{background-color:rgba(255,255,255,.3019607843)}.xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar{background-color:red}}@keyframes loadingRotate{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}@keyframes loadingDashOffset{0%{stroke-dashoffset:236}100%{stroke-dashoffset:0}}xg-loading-inner{display:block;width:100%;height:100%;transform-origin:center;animation:loadingRotate 1s .1s linear infinite}.xgplayer-loading{display:none;position:absolute;z-index:10;top:50%;left:50%;width:70px;height:70px;overflow:hidden;transform:translate(-50%,-50%);pointer-events:none}.xgplayer-loading img,.xgplayer-loading svg{width:100%;height:100%}.xgplayer-mobile .xgplayer-loading{width:50px;height:50px}.xgplayer-isloading .xgplayer-loading{display:block}.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-error .xgplayer-loading,.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading{display:none}.xgplayer .xgplayer-progress{display:flex;position:relative;top:0;right:0;left:0;flex:1;align-items:center;min-width:10px;height:20px;outline:0;cursor:pointer}.xgplayer .xgplayer-progress-outer{position:relative;width:100%;height:2px;border-radius:3px;cursor:pointer}.xgplayer .progress-list{display:flex;width:100%;height:100%;border-radius:inherit}.xgplayer .xgplayer-progress-inner{position:relative;flex:1;height:100%;margin-right:2px;transition:height .2s ease-in,opacity .2s ease-out;border-radius:inherit;background:rgba(255,255,255,.3);pointer-events:none}.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer .inner-focus-point{position:relative;background:#fff}.xgplayer .inner-focus-point::after,.xgplayer .inner-focus-point::before{content:" ";display:block;position:absolute;z-index:1;top:0;top:50%;width:2px;height:300%;transform:translateY(-50%);border-radius:3px;background:#fff}.xgplayer .inner-focus-point::before{left:0}.xgplayer .inner-focus-point::after{right:0}.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played{display:block;position:absolute;top:0;left:0;width:0;height:100%;border-radius:inherit}.xgplayer .xgplayer-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress-cache{background:rgba(255,255,255,.5)}.xgplayer .xgplayer-progress-btn{display:block;position:absolute;z-index:1;top:50%;left:0;box-sizing:border-box;width:20px;height:20px;transform:translate(-50%,-50%);border:.5px solid rgba(255,94,94,.0565);border-radius:30px;background:rgba(255,94,94,.304);box-shadow:0 0 1px rgba(255,0,0,.3843137255);pointer-events:none}.xgplayer .xgplayer-progress-btn::before{content:" ";display:block;position:relative;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:30px;background:#fff}.xgplayer .xgplayer-progress-btn.active{border:4px solid rgba(255,94,94,.0641)}.xgplayer .xgplayer-progress-btn.active::before{box-shadow:0 0 3px rgba(248,89,89,.6901960784)}.xgplayer .xgplayer-progress-dot{display:inline-block;position:absolute;z-index:16;top:0;width:5px;height:100%;border-radius:6px;background:#fff}.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip{display:none;position:absolute;top:-40px;left:25%;width:auto;height:auto;transform:scale(.8) translate(-50%);border:1px solid rgba(0,0,0,.8);border-radius:6px;background:rgba(0,0,0,.3);line-height:30px;white-space:nowrap;cursor:default}.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip{display:block}.xgplayer .flex-controls .xgplayer-progress{transform:translateY(0)}.xgplayer.xgplayer-pc .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(0)}.xgplayer.xgplayer-pc .xgplayer-progress-outer{height:3px}.xgplayer.xgplayer-pc .xgplayer-progress-inner{margin-right:4px}.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child{margin-right:0}.xgplayer.xgplayer-pc .inner-focus-point::after,.xgplayer.xgplayer-pc .inner-focus-point::before{width:3px}.xgplayer.xgplayer-pc .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer{height:6px;margin-bottom:3px;transition:height .3s ease,margin-bottom .3s ease}.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn{transform:translate(-50%,-50%) scale(1)}.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::after,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point::before{width:6px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer{top:9px}.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn::before{width:6px;height:6px}.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer{height:4px}@media (prefers-color-scheme:dark){.xgplayer .xgplayer-progress .xgplayer-progress-inner{background-color:rgba(255,255,255,.3019607843)}.xgplayer .xgplayer-progress .inner-focus-highlight{background:rgba(255,255,255,.8)}.xgplayer .xgplayer-progress .xgplayer-progress-btn{border:.5px solid rgba(255,94,94,.0565);background:rgba(255,94,94,.304);box-shadow:0 0 1px rgba(255,0,0,.3843137255)}.xgplayer .xgplayer-progress .xgplayer-progress-btn::before{background-color:#fff}.xgplayer .xgplayer-progress .xgplayer-progress-played{background-color:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xgplayer .xgplayer-progress .xgplayer-progress-cache{background-color:rgba(255,255,255,.5019607843)}}.xg-mini-progress{display:none;position:absolute;right:0;bottom:0;left:0;height:2px;pointer-events:none}.xg-mini-progress xg-mini-progress-cache,.xg-mini-progress xg-mini-progress-played{position:absolute;top:0;left:0;width:0;height:100%;border-radius:inherit}.xg-mini-progress xg-mini-progress-played{background:linear-gradient(-90deg,#fa1f41 0,#e31106 100%)}.xg-mini-progress xg-mini-progress-cache{background:rgba(255,255,255,.5)}.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress{display:block}.xgplayer .xgplayer-play .xg-icon-play{display:none}.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play{display:block}.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause{display:none}.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen{display:block}.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen{display:none}.xgplayer .xg-top-bar .xgplayer-back{display:none;position:relative;top:16px;left:0;width:34px;height:40px}.xgplayer .xg-top-bar .xgplayer-back.show{display:block}.xgplayer .xgplayer-time{display:inline-block;min-width:40px;color:#fff;font-family:PingFangSC-Semibold;font-size:14px;line-height:40px;text-align:center;pointer-events:none}.xgplayer .xgplayer-time span{display:inline-block;height:40px;line-height:40px}.xgplayer .xgplayer-time span .time-min-width{min-width:2ch;text-align:center}.xgplayer .xgplayer-time span .time-min-width:first-child{text-align:right}.xgplayer .xgplayer-time span .time-min-width:last-child{text-align:left}.xgplayer .xgplayer-time .time-duration{color:rgba(255,255,255,.5019607843)}.xgplayer .xgplayer-time .time-live-tag{display:none}.xgplayer .xgplayer-time.xg-time-left{margin-left:0}.xgplayer .xgplayer-time.xg-time-right{margin-right:0}.xgplayer.xgplayer-mobile .xgplayer-time{min-width:30px;font-size:12px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left{margin-right:8px}.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right{margin-left:8px}.xgplayer .xgplayer-volume.slide-show .xgplayer-slider{display:block}.xgplayer .xgplayer-slider{display:none;position:absolute;bottom:40px;width:28px;height:92px;border-radius:1px;outline:0;background:rgba(0,0,0,.54)}.xgplayer .xgplayer-slider::after{content:" ";display:block;position:absolute;z-index:20;bottom:-15px;left:0;width:28px;height:15px;cursor:initial}.xgplayer .xgplayer-value-label{position:absolute;right:0;bottom:100%;left:0;padding:5px 0 0;background-color:rgba(0,0,0,.5411764706);color:#fff;font-size:12px;text-align:center}.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag{display:block;position:absolute;bottom:6px;left:12px;width:4px;height:76px;border-radius:100px;outline:0;background:rgba(255,255,255,.3);cursor:pointer}.xgplayer .xgplayer-drag{bottom:0;left:0;max-height:76px;background:#fa1f41}.xgplayer .xgplayer-drag::after{content:" ";display:inline-block;position:absolute;top:-4px;left:-2px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2588235294)}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume{display:block}.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume{display:none}.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small{display:block}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute{display:none}.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute{display:block}.xgplayer .xgplayer-pip .xg-exit-pip,.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider{display:none}.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip{display:block}.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip{display:none}.xgplayer .xgplayer-playnext{display:none;position:relative;cursor:pointer}.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext{display:block}.xgplayer .xgplayer-playnext:hover{opacity:.85}.xgplayer .xgplayer-playnext:hover .xgplayer-tips{display:block}.lang-is-en .xgplayer-playnext .xgplayer-tips{margin-left:-25px}.lang-is-jp .xgplayer-playnext .xgplayer-tips{margin-left:-38px}.xgplayer .xgplayer-download{display:block;position:relative;cursor:pointer}.lang-is-en .xgplayer-download .xgplayer-tips{margin-left:-32px}.lang-is-jp .xgplayer-download .xgplayer-tips{margin-left:-40px}.xgplayer .xgplayer-shot{display:none}.xgplayer-definition{display:none;cursor:pointer}.xgplayer .xgplayer-playbackrate{display:none;cursor:default}.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull{display:block}.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull{display:none}.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull{display:block}.xgplayer-error{display:none;position:absolute;z-index:6;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background:#000;color:#fff;line-height:100%;text-align:center}.xgplayer-error .xgplayer-error-refresh{padding:0 3px;color:#fa1f41;cursor:pointer}.xgplayer-error .xgplayer-error-text{display:block;margin:auto 6px 20px;line-height:18px}.xgplayer-is-error .xgplayer-error{display:flex}.xgplayer .xgplayer-prompt{display:block;position:absolute;z-index:1;left:10px;padding:6px 12px 5px;border-radius:50px;opacity:0;background:rgba(0,0,0,.5);color:#fff;font-size:12px;line-height:17px;text-align:center;pointer-events:none}.xgplayer .xgplayer-prompt.show{display:block;z-index:10;opacity:1;pointer-events:initial}.xgplayer .xgplayer-prompt.arrow{transform:translate(-50%)}.xgplayer .xgplayer-prompt.arrow::after{content:"";display:block;position:absolute;bottom:0;left:50%;width:0;height:0;transform:translate(-50%,100%);border-top:8px solid rgba(0,0,0,.5);border-right:6px solid transparent;border-left:6px solid transparent}.xgplayer .xgplayer-prompt .highlight{display:inline-block;margin-left:6px;color:red;cursor:pointer}.xgplayer.xgplayer-is-error .xgplayer-prompt.show{display:none;opacity:1}.xgplayer .xgplayer-spot{position:absolute;top:0;left:0;height:100%;border-radius:12px;background:#fff}.xgplayer .xgplayer-spot.mini{min-width:6px;transform:translate(-50%)}.xgplayer .xgplayer-spot.active .xgplayer-spot-pop{display:block;opacity:1;pointer-events:initial}.xgplayer .xgplayer-spot-pop{display:block;position:absolute;bottom:5px;left:50%;padding-bottom:5px;transform:translate(-50%);opacity:0;pointer-events:none}.xgplayer-mobile .xgplayer-spot{top:50%;min-width:3px;height:3px;transform:translateY(-50%);opacity:1}.xgplayer-mobile .xgplayer-spot.mini{min-width:3px;transform:translate(-50%,-50%)}.xgplayer .xgplayer-progress.active .xgplayer-spot{visibility:visible;transition:opacity .3s;opacity:1}.xgplayer .xg-spot-info{display:none;position:absolute;bottom:100%;left:0}.xgplayer .xg-spot-info.short-line .xg-spot-line{height:6px}.xgplayer .xg-spot-info.short-line .xg-spot-content{bottom:-4px}.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail{display:none}.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point{display:block}.xgplayer .xg-spot-info.hide,.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point{display:none}.xgplayer .xgplayer-progress.active .xg-spot-info{display:block}.xgplayer .xgplayer-progress.active .xg-spot-info.hide{display:none}.xgplayer .xg-spot-line{display:block;position:relative;bottom:-7px;width:1px;height:41px;margin-left:50%;background-color:#fff;pointer-events:none}.xgplayer .xgplayer-progress-point{display:none;position:relative;bottom:-4px;left:50%;padding:4px 6px;transform:translate(-50%);border-radius:4px;opacity:.85;background:rgba(0,0,0,.54);color:#fff;font-size:11px;text-align:center;white-space:nowrap}.xgplayer .xg-spot-content{position:relative;bottom:-7px;border-radius:2px 2px 0 0;color:#fff}.xgplayer .xg-spot-ext-text{position:relative;bottom:-7px}.xgplayer .xg-spot-thumbnail{position:relative;border-radius:2px 2px 0 0;background-color:#111010;pointer-events:none}.xgplayer .xg-spot-time{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:12px;line-height:16.8px;pointer-events:none}.xgplayer .progress-thumbnail{display:block;margin:0 auto}.xgplayer .xg-spot-text{display:none;box-sizing:border-box;padding:5px 8px;border-radius:0 0 2px 2px;background:rgba(0,0,0,.8);pointer-events:none}.xgplayer .spot-inner-text{display:-webkit-box;max-height:40px;overflow:hidden;font-size:12px;line-height:20px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.xgplayer .xg-spot-content.show-text .xg-spot-text{display:block}.xgplayer .product .xg-spot-text{background:#3370ff}.xgplayer .product .xg-spot-line{left:-10px;width:0;height:15px;border-top:7px solid #3370ff;border-right:10px solid transparent;border-left:10px solid transparent;background:0 0}.xgplayer .xgvideo-preview{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;transition:visibility .3s,opacity .3s;opacity:0;background-color:#000}.xgplayer .xgvideo-preview .xgvideo-thumbnail{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:0}.xgplayer .xgvideo-preview.show{visibility:visible;opacity:1}.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgfilter,.xgplayer-dynamic-bg xgmask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.xgplayer-dynamic-bg canvas{transform:translateZ(0)}.xgplayer-dynamic-bg xgmask{background:rgba(0,0,0,.7)}