@yimou6/common-ui 1.12.3 → 1.12.4

package/lib/components/tzj-player/src/easyPlayer.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useSlots,\n  watch,\n} from \"vue\";\nimport ErrorPage from \"./errorPage.vue\";\nimport { TzjPlayerProps, uuid } from \"./tzj-player\";\n\ndefineOptions({\n  name: \"EasyPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst emits = defineEmits([\n  \"timeout\",\n  \"error\",\n  \"play\",\n  \"pause\",\n  \"mute\",\n  \"videoInfo\",\n]);\nconst slots = useSlots();\nconst customBar = computed(() => slots.customBar);\n\nlet player: any = null;\nconst id = uuid();\nconst playerRef = shallowRef<HTMLDivElement>();\nconst playSuccess = ref(true);\nconst playUrl = ref(\"\");\nconst isFullscreen = ref(false);\nconst videoInfo = ref<any>(null);\nconst realFullscreen = ref(false);\nconst eventHandlers = ref<Map<string, Function>>(new Map());\n// 用于追踪等待 EasyPlayerPro 加载的轮询定时器，防止组件卸载后泄漏\nlet waitTimer: ReturnType<typeof setInterval> | null = null;\n// 用于定时重启播放器的定时器，防止播放器卡死\nconst restartTimer = ref<ReturnType<typeof setInterval> | null>(null);\n// 用于定时暂停播放器的定时器（pauseMode=3时，每60分钟触发一次暂停）\nconst pauseCycleTimer = ref<ReturnType<typeof setInterval> | null>(null);\n// 标记组件是否已卸载，防止卸载后的异步操作继续执行\nlet isUnmounted = false;\nonMounted(() => {\n  initPlayer(props.url || \"\");\n});\n\nwatch(\n  () => props.url,\n  (newUrl: string) => {\n    initPlayer(newUrl || \"\");\n  },\n);\n\nonBeforeUnmount(() => {\n  isUnmounted = true;\n  // 清除等待 EasyPlayerPro 加载的轮询定时器，防止卸载后继续创建播放器\n  if (waitTimer !== null) {\n    clearInterval(waitTimer);\n    waitTimer = null;\n  }\n  // 清除定时暂停的定时器\n  if (pauseCycleTimer.value !== null) {\n    clearInterval(pauseCycleTimer.value);\n    pauseCycleTimer.value = null;\n  }\n  if (props.debug) {\n    console.log(\"组件卸载\");\n  }\n  playUrl.value = \"\";\n  destroy();\n});\n\nconst play = (url?: string) => {\n  if (url) {\n    initPlayer(url);\n  } else {\n    if (player) {\n      player.play(playUrl.value);\n      // pauseMode=3 时，继续播放后重新开始60分钟计时\n      if (props.pauseMode === 3) {\n        if (pauseCycleTimer.value !== null) {\n          clearInterval(pauseCycleTimer.value);\n        }\n        pauseCycleTimer.value = setInterval(\n          () => {\n            if (!isUnmounted && player) {\n              player.pause?.();\n              if (props.debug) {\n                console.log(\"pauseMode: 每60分钟定时暂停\");\n              }\n            }\n          },\n          1000 * 60 * 60,\n        );\n      }\n    } else {\n      destroy();\n    }\n  }\n};\n\nconst playerPause = () => {\n  if (props.debug) {\n    console.log(\"暂停\");\n  }\n  player?.pause?.();\n};\n\nconst playerScreenShot = () => {\n  if (props.debug) {\n    console.log(\"截图\");\n  }\n  player?.screenshot?.(\n    `${props.areaName}_${new Date().getTime()}`,\n    \"png\",\n    0.5,\n    \"download\",\n  );\n};\n\nconst playerFullscreen = (fullscreen: boolean) => {\n  realFullscreen.value = fullscreen;\n  if (props.debug) {\n    console.log(\"全屏\");\n  }\n  // 自定义全屏逻辑\n  if (typeof document !== \"undefined\") {\n    if (!fullscreen) {\n      document.exitFullscreen?.();\n    } else {\n      playerRef.value?.requestFullscreen?.();\n    }\n    // 先同步销毁，再延迟重建，避免异步销毁时组件已卸载导致实例泄漏\n    destroy();\n    setTimeout(() => {\n      if (!isUnmounted) {\n        initPlayer(playUrl.value);\n      }\n    }, 200);\n  }\n  isFullscreen.value = !fullscreen;\n};\ndefineExpose({\n  play,\n  destroy,\n  getPlayer: () => player,\n  pause: playerPause,\n  screenshot: playerScreenShot,\n  fullscreen: playerFullscreen,\n  isMute: () => {\n    return player?.isMute?.();\n  },\n  setMute: (mute: number) => {\n    player?.setMute?.(mute);\n  },\n});\n\n/**\n * 格式化URL，确保使用完整的URL\n * @param url - 原始URL\n * @returns 格式化后的URL\n */\nconst formatUrl = (url: string): string => {\n  if (!url) return \"\";\n\n  // 如果已经是完整URL，直接返回\n  if (\n    url.startsWith(\"http://\") ||\n    url.startsWith(\"https://\") ||\n    url.startsWith(\"ws://\")\n  ) {\n    return url;\n  }\n\n  // 检查是否在浏览器环境中，避免SSR环境下的location访问错误\n  if (typeof window !== \"undefined\" && window.location) {\n    // 如果是相对路径，添加当前域名\n    return `${window.location.origin}${url.startsWith(\"/\") ? \"\" : \"/\"}${url}`;\n  }\n\n  // SSR 环境下返回相对路径\n  return url;\n};\n\nasync function initPlayer(url: string) {\n  if (props.debug) {\n    console.log(\"初始化播放器\", url);\n  }\n  // 清除上一次可能残留的轮询定时器\n  if (waitTimer !== null) {\n    clearInterval(waitTimer);\n    waitTimer = null;\n  }\n  removePlayerDom();\n  if (url) {\n    playUrl.value = formatUrl(url);\n    if (props.debug) {\n      console.log(\"格式化后的url\", playUrl.value);\n    }\n    if (typeof window !== \"undefined\" && window?.EasyPlayerPro) {\n      createPlayer();\n    } else if (typeof window !== \"undefined\") {\n      waitTimer = setInterval(() => {\n        if (window?.EasyPlayerPro) {\n          clearInterval(waitTimer!);\n          waitTimer = null;\n          // 组件已卸载则不再创建播放器\n          if (!isUnmounted) {\n            createPlayer();\n          }\n        }\n      }, 100);\n    }\n  }\n}\n\n/**\n * 移除播放器DOM\n */\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n\n/**\n * 创建播放器DOM\n */\nfunction createPlayerDom() {\n  removePlayerDom();\n  if (typeof document !== \"undefined\") {\n    nextTick(() => {\n      const dom = document.createElement(\"div\");\n      const { width, height } = playerRef.value!.getBoundingClientRect();\n      dom.id = id;\n      if (realFullscreen.value) {\n        dom.style.width = `100vw`;\n        dom.style.height =\n          props.areaName || props.deviceSerial ? `calc(100vh - 32px)` : `100vh`;\n      } else {\n        dom.style.width = `${width}px`;\n        dom.style.height =\n          props.areaName || props.deviceSerial\n            ? `${height - 32}px`\n            : `${height}px`;\n      }\n      playerRef.value?.appendChild(dom);\n    });\n  }\n}\n\nasync function createPlayer() {\n  if (props.debug) {\n    console.log(\"创建播放器\");\n  }\n  videoInfo.value = null;\n  createPlayerDom();\n  await nextTick();\n  // 每30秒重启一次播放器，防止播放器卡死\n  if (restartTimer.value !== null) {\n    clearInterval(restartTimer.value);\n    restartTimer.value = null;\n  }\n  restartTimer.value = setInterval(\n    () => {\n      destroy(false);\n      setTimeout(() => {\n        startPlayer();\n      }, 1000 * 20);\n    },\n    1000 * 60 * 60,\n  );\n  startPlayer();\n}\n\nasync function startPlayer() {\n  try {\n    if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n      player = new window.EasyPlayerPro(document.getElementById(id), {\n        isLive: true, // 是否直播\n        hasAudio: false, // 是否解析音频\n        bufferTime: 0, // 直播监控缓存时长设为0，减少内存堆积\n        stretch: true, // 加视频拉伸\n        isMute: true,\n        MSE: false,\n        WCS: false,\n        WASM: true,\n        debug: false,\n        // operateBtns: {\n        //   performance: false,\n        // },\n        autoCleanupSourceBuffer: true, //(对 SourceBuffer 进行自动清理)\n        // H.265 直播监控场景：后向缓冲区保留时长设为0，避免长时间占用大量内存\n        // 原值60秒会导致H.265高码率视频内存持续增长\n        autoCleanupMinBackwardDuration: 0,\n      });\n    }\n    if (player) {\n      player.play(playUrl.value);\n\n      // 根据 pauseMode 处理暂停逻辑\n      // pauseMode=2 或 3 时，初始默认暂停\n      if (props.pauseMode === 2 || props.pauseMode === 3) {\n        // 短暂延迟后暂停，确保播放器已开始播放再暂停\n        setTimeout(() => {\n          if (!isUnmounted && player) {\n            player.pause?.();\n            if (props.debug) {\n              console.log(\"pauseMode: 初始默认暂停\");\n            }\n          }\n        }, 500);\n      }\n\n      // pauseMode=3 时，每60分钟触发一次暂停\n      if (props.pauseMode === 3) {\n        if (pauseCycleTimer.value !== null) {\n          clearInterval(pauseCycleTimer.value);\n        }\n        pauseCycleTimer.value = setInterval(\n          () => {\n            if (!isUnmounted && player) {\n              player.pause?.();\n              if (props.debug) {\n                console.log(\"pauseMode: 每60分钟定时暂停\");\n              }\n            }\n          },\n          1000 * 60 * 60,\n        );\n      }\n\n      const timeoutHandler = () => {\n        props.debug && console.log(\"加载超时\");\n        emits(\"timeout\");\n        playSuccess.value = false;\n        destroy();\n        initPlayer(playUrl.value);\n      };\n\n      const errorHandler = () => {\n        props.debug && console.log(\"播放异常\");\n        emits(\"error\");\n        playSuccess.value = false;\n        destroy();\n      };\n\n      const playHandler = () => {\n        playSuccess.value = true;\n        props.debug && console.log(\"播放\");\n        emits(\"play\");\n      };\n\n      const pauseHandler = () => {\n        props.debug && console.log(\"暂停\");\n        emits(\"pause\");\n      };\n\n      const videoInfoHandler = (info: any) => {\n        props.debug && console.log(\"视频信息\", info);\n        videoInfo.value = info;\n        emits(\"videoInfo\", info);\n      };\n\n      const muteHandler = (mute: false) => {\n        props.debug && console.log(\"静音\");\n        emits(\"mute\", mute);\n      };\n\n      player.on(\"timeout\", timeoutHandler);\n      player.on(\"error\", errorHandler);\n      player.on(\"play\", playHandler);\n      player.on(\"pause\", pauseHandler);\n      player.on(\"videoInfo\", videoInfoHandler);\n      player.on(\"mute\", muteHandler);\n\n      eventHandlers.value.set(\"timeout\", timeoutHandler);\n      eventHandlers.value.set(\"error\", errorHandler);\n      eventHandlers.value.set(\"play\", playHandler);\n      eventHandlers.value.set(\"pause\", pauseHandler);\n      eventHandlers.value.set(\"videoInfo\", videoInfoHandler);\n      eventHandlers.value.set(\"mute\", muteHandler);\n    }\n  } catch (error) {\n    console.error(\"创建播放器失败:\", error);\n    setTimeout(() => {\n      startPlayer();\n    }, 1000);\n  }\n}\n\nfunction destroy(flag = true) {\n  console.log(\"destroy\");\n  if (player) {\n    eventHandlers.value.forEach((handler, eventName) => {\n      player.off(eventName, handler);\n    });\n    eventHandlers.value.clear();\n    try {\n      player.destroy();\n    } catch (e) {\n      // EasyPlayerPro 内部 PressureObserver.destroy 时可能抛出 AbortError，忽略即可\n      if (props.debug) {\n        console.warn(\"EasyPlayerPro destroy 异常:\", e);\n      }\n    }\n    player = null;\n  }\n\n  if (flag) {\n    // 清除定时重启播放器的定时器\n    if (restartTimer.value !== null) {\n      clearInterval(restartTimer.value);\n      restartTimer.value = null;\n    }\n    // 清除定时暂停的定时器\n    if (pauseCycleTimer.value !== null) {\n      clearInterval(pauseCycleTimer.value);\n      pauseCycleTimer.value = null;\n    }\n    removePlayerDom();\n  }\n}\n</script>\n\n<template>\n  <div\n    ref=\"playerRef\"\n    class=\"i-tzj-easyPlayer\"\n    :class=\"customBar ? 'i-tzj-easyPlayer--custom' : ''\"\n  >\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName || deviceSerial\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName || deviceSerial }}</span>\n    </div>\n    <ErrorPage\n      v-if=\"!playSuccess\"\n      :video-name=\"areaName || deviceSerial\"\n      message=\"无信号\"\n    />\n    <ErrorPage\n      v-if=\"!playUrl\"\n      :video-name=\"areaName || deviceSerial\"\n      message=\"无播放地址\"\n    />\n\n    <!-- 播放器底部操作栏 -->\n    <slot name=\"customBar\" />\n  </div>\n</template>\n"],"names":["useSlots","computed","uuid","shallowRef","ref","onMounted","watch","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_createCommentVNode","areaName","deviceSerial","_openBlock","_createElementVNode","_toDisplayString","_createBlock","ErrorPage","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"easyPlayer.vue2.js","sources":["../../../../../../../packages/components/tzj-player/src/easyPlayer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useSlots,\n  watch,\n} from \"vue\";\nimport ErrorPage from \"./errorPage.vue\";\nimport { TzjPlayerProps, uuid } from \"./tzj-player\";\n\ndefineOptions({\n  name: \"EasyPlayer\",\n});\n\nconst props = defineProps(TzjPlayerProps);\nconst emits = defineEmits([\n  \"timeout\",\n  \"error\",\n  \"play\",\n  \"pause\",\n  \"mute\",\n  \"videoInfo\",\n]);\nconst slots = useSlots();\nconst customBar = computed(() => slots.customBar);\n\nlet player: any = null;\nconst id = uuid();\nconst playerRef = shallowRef<HTMLDivElement>();\nconst playSuccess = ref(true);\nconst playUrl = ref(\"\");\nconst isFullscreen = ref(false);\nconst videoInfo = ref<any>(null);\nconst realFullscreen = ref(false);\nconst eventHandlers = ref<Map<string, Function>>(new Map());\n// 用于追踪等待 EasyPlayerPro 加载的轮询定时器，防止组件卸载后泄漏\nlet waitTimer: ReturnType<typeof setInterval> | null = null;\n// 用于定时重启播放器的定时器，防止播放器卡死\nconst restartTimer = ref<ReturnType<typeof setInterval> | null>(null);\n// 用于定时暂停播放器的定时器（pauseMode=3时，每60分钟触发一次暂停）\nconst pauseCycleTimer = ref<ReturnType<typeof setInterval> | null>(null);\n// 标记组件是否已卸载，防止卸载后的异步操作继续执行\nlet isUnmounted = false;\nonMounted(() => {\n  initPlayer(props.url || \"\");\n});\n\nwatch(\n  () => props.url,\n  (newUrl: string) => {\n    initPlayer(newUrl || \"\");\n  },\n);\n\nonBeforeUnmount(() => {\n  isUnmounted = true;\n  // 清除等待 EasyPlayerPro 加载的轮询定时器，防止卸载后继续创建播放器\n  if (waitTimer !== null) {\n    clearInterval(waitTimer);\n    waitTimer = null;\n  }\n  // 清除定时暂停的定时器\n  if (pauseCycleTimer.value !== null) {\n    clearInterval(pauseCycleTimer.value);\n    pauseCycleTimer.value = null;\n  }\n  if (props.debug) {\n    console.log(\"组件卸载\");\n  }\n  playUrl.value = \"\";\n  destroy();\n});\n\nconst play = (url?: string) => {\n  if (url) {\n    initPlayer(url);\n  } else {\n    if (player) {\n      player.play(playUrl.value);\n      // pauseMode=3 时，继续播放后重新开始60分钟计时\n      if (props.pauseMode === 3) {\n        if (pauseCycleTimer.value !== null) {\n          clearInterval(pauseCycleTimer.value);\n        }\n        pauseCycleTimer.value = setInterval(\n          () => {\n            if (!isUnmounted && player) {\n              player.pause?.();\n              if (props.debug) {\n                console.log(\"pauseMode: 每60分钟定时暂停\");\n              }\n            }\n          },\n          1000 * 60 * 60,\n        );\n      }\n    } else {\n      destroy();\n    }\n  }\n};\n\nconst playerPause = () => {\n  if (props.debug) {\n    console.log(\"暂停\");\n  }\n  player?.pause?.();\n};\n\nconst playerScreenShot = () => {\n  if (props.debug) {\n    console.log(\"截图\");\n  }\n  player?.screenshot?.(\n    `${props.areaName}_${new Date().getTime()}`,\n    \"png\",\n    0.5,\n    \"download\",\n  );\n};\n\nconst playerFullscreen = (fullscreen: boolean) => {\n  realFullscreen.value = fullscreen;\n  if (props.debug) {\n    console.log(\"全屏\");\n  }\n  // 自定义全屏逻辑\n  if (typeof document !== \"undefined\") {\n    if (!fullscreen) {\n      document.exitFullscreen?.();\n    } else {\n      playerRef.value?.requestFullscreen?.();\n    }\n    // 先同步销毁，再延迟重建，避免异步销毁时组件已卸载导致实例泄漏\n    destroy();\n    setTimeout(() => {\n      if (!isUnmounted) {\n        initPlayer(playUrl.value);\n      }\n    }, 200);\n  }\n  isFullscreen.value = !fullscreen;\n};\ndefineExpose({\n  play,\n  destroy,\n  getPlayer: () => player,\n  pause: playerPause,\n  screenshot: playerScreenShot,\n  fullscreen: playerFullscreen,\n  isMute: () => {\n    return player?.isMute?.();\n  },\n  setMute: (mute: number) => {\n    player?.setMute?.(mute);\n  },\n});\n\n/**\n * 格式化URL，确保使用完整的URL\n * @param url - 原始URL\n * @returns 格式化后的URL\n */\nconst formatUrl = (url: string): string => {\n  if (!url) return \"\";\n\n  // 如果已经是完整URL，直接返回\n  if (\n    url.startsWith(\"http://\") ||\n    url.startsWith(\"https://\") ||\n    url.startsWith(\"ws://\")\n  ) {\n    return url;\n  }\n\n  // 检查是否在浏览器环境中，避免SSR环境下的location访问错误\n  if (typeof window !== \"undefined\" && window.location) {\n    // 如果是相对路径，添加当前域名\n    return `${window.location.origin}${url.startsWith(\"/\") ? \"\" : \"/\"}${url}`;\n  }\n\n  // SSR 环境下返回相对路径\n  return url;\n};\n\nasync function initPlayer(url: string) {\n  if (props.debug) {\n    console.log(\"初始化播放器\", url);\n  }\n  // 清除上一次可能残留的轮询定时器\n  if (waitTimer !== null) {\n    clearInterval(waitTimer);\n    waitTimer = null;\n  }\n  removePlayerDom();\n  if (url) {\n    playUrl.value = formatUrl(url);\n    if (props.debug) {\n      console.log(\"格式化后的url\", playUrl.value);\n    }\n    if (typeof window !== \"undefined\" && window?.EasyPlayerPro) {\n      createPlayer();\n    } else if (typeof window !== \"undefined\") {\n      waitTimer = setInterval(() => {\n        if (window?.EasyPlayerPro) {\n          clearInterval(waitTimer!);\n          waitTimer = null;\n          // 组件已卸载则不再创建播放器\n          if (!isUnmounted) {\n            createPlayer();\n          }\n        }\n      }, 100);\n    }\n  }\n}\n\n/**\n * 移除播放器DOM\n */\nfunction removePlayerDom() {\n  if (typeof document !== \"undefined\") {\n    const dom = document.getElementById(id);\n    dom && dom.remove();\n  }\n}\n\n/**\n * 创建播放器DOM\n */\nfunction createPlayerDom() {\n  removePlayerDom();\n  if (typeof document !== \"undefined\") {\n    nextTick(() => {\n      const dom = document.createElement(\"div\");\n      const { width, height } = playerRef.value!.getBoundingClientRect();\n      dom.id = id;\n      if (realFullscreen.value) {\n        dom.style.width = `100vw`;\n        dom.style.height =\n          props.areaName || props.deviceSerial ? `calc(100vh - 32px)` : `100vh`;\n      } else {\n        dom.style.width = `${width}px`;\n        dom.style.height =\n          props.areaName || props.deviceSerial\n            ? `${height - 32}px`\n            : `${height}px`;\n      }\n      playerRef.value?.appendChild(dom);\n    });\n  }\n}\n\nasync function createPlayer() {\n  if (props.debug) {\n    console.log(\"创建播放器\");\n  }\n  videoInfo.value = null;\n  createPlayerDom();\n  await nextTick();\n  // 每30秒重启一次播放器，防止播放器卡死\n  if (restartTimer.value !== null) {\n    clearInterval(restartTimer.value);\n    restartTimer.value = null;\n  }\n  restartTimer.value = setInterval(\n    () => {\n      destroy(false);\n      setTimeout(() => {\n        startPlayer();\n      }, 1000 * 20);\n    },\n    1000 * 60 * 60,\n  );\n  startPlayer();\n}\n\nasync function startPlayer() {\n  try {\n    if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n      player = new window.EasyPlayerPro(document.getElementById(id), {\n        isLive: true, // 是否直播\n        hasAudio: true, // 是否解析音频\n        bufferTime: 0, // 直播监控缓存时长设为0，减少内存堆积\n        stretch: true, // 加视频拉伸\n        MSE: false,\n        WCS: false,\n        WASM: true,\n        debug: false,\n        // operateBtns: {\n        //   performance: false,\n        // },\n        autoCleanupSourceBuffer: true, //(对 SourceBuffer 进行自动清理)\n        // H.265 直播监控场景：后向缓冲区保留时长设为0，避免长时间占用大量内存\n        // 原值60秒会导致H.265高码率视频内存持续增长\n        autoCleanupMinBackwardDuration: 0,\n      });\n    }\n    if (player) {\n      player.play(playUrl.value);\n\n      // 根据 pauseMode 处理暂停逻辑\n      // pauseMode=2 或 3 时，初始默认暂停\n      if (props.pauseMode === 2 || props.pauseMode === 3) {\n        // 短暂延迟后暂停，确保播放器已开始播放再暂停\n        setTimeout(() => {\n          if (!isUnmounted && player) {\n            player.pause?.();\n            if (props.debug) {\n              console.log(\"pauseMode: 初始默认暂停\");\n            }\n          }\n        }, 500);\n      }\n\n      // pauseMode=3 时，每60分钟触发一次暂停\n      if (props.pauseMode === 3) {\n        if (pauseCycleTimer.value !== null) {\n          clearInterval(pauseCycleTimer.value);\n        }\n        pauseCycleTimer.value = setInterval(\n          () => {\n            if (!isUnmounted && player) {\n              player.pause?.();\n              if (props.debug) {\n                console.log(\"pauseMode: 每60分钟定时暂停\");\n              }\n            }\n          },\n          1000 * 60 * 60,\n        );\n      }\n\n      const timeoutHandler = () => {\n        props.debug && console.log(\"加载超时\");\n        emits(\"timeout\");\n        playSuccess.value = false;\n        destroy();\n        initPlayer(playUrl.value);\n      };\n\n      const errorHandler = () => {\n        props.debug && console.log(\"播放异常\");\n        emits(\"error\");\n        playSuccess.value = false;\n        destroy();\n      };\n\n      const playHandler = () => {\n        playSuccess.value = true;\n        props.debug && console.log(\"播放\");\n        emits(\"play\");\n      };\n\n      const pauseHandler = () => {\n        props.debug && console.log(\"暂停\");\n        emits(\"pause\");\n      };\n\n      const videoInfoHandler = (info: any) => {\n        props.debug && console.log(\"视频信息\", info);\n        videoInfo.value = info;\n        emits(\"videoInfo\", info);\n      };\n\n      const muteHandler = (mute: false) => {\n        props.debug && console.log(\"静音\");\n        emits(\"mute\", mute);\n      };\n\n      player.on(\"timeout\", timeoutHandler);\n      player.on(\"error\", errorHandler);\n      player.on(\"play\", playHandler);\n      player.on(\"pause\", pauseHandler);\n      player.on(\"videoInfo\", videoInfoHandler);\n      player.on(\"mute\", muteHandler);\n\n      eventHandlers.value.set(\"timeout\", timeoutHandler);\n      eventHandlers.value.set(\"error\", errorHandler);\n      eventHandlers.value.set(\"play\", playHandler);\n      eventHandlers.value.set(\"pause\", pauseHandler);\n      eventHandlers.value.set(\"videoInfo\", videoInfoHandler);\n      eventHandlers.value.set(\"mute\", muteHandler);\n    }\n  } catch (error) {\n    console.error(\"创建播放器失败:\", error);\n    setTimeout(() => {\n      startPlayer();\n    }, 1000);\n  }\n}\n\nfunction destroy(flag = true) {\n  if (player) {\n    eventHandlers.value.forEach((handler, eventName) => {\n      player.off(eventName, handler);\n    });\n    eventHandlers.value.clear();\n    player.destroy();\n    player = null;\n  }\n\n  if (flag) {\n    // 清除定时重启播放器的定时器\n    if (restartTimer.value !== null) {\n      clearInterval(restartTimer.value);\n      restartTimer.value = null;\n    }\n    // 清除定时暂停的定时器\n    if (pauseCycleTimer.value !== null) {\n      clearInterval(pauseCycleTimer.value);\n      pauseCycleTimer.value = null;\n    }\n    removePlayerDom();\n  }\n}\n</script>\n\n<template>\n  <div\n    ref=\"playerRef\"\n    class=\"i-tzj-easyPlayer\"\n    :class=\"customBar ? 'i-tzj-easyPlayer--custom' : ''\"\n  >\n    <!-- 播放器顶部显示区域(设备)名称 -->\n    <div v-if=\"areaName || deviceSerial\" class=\"i-tzj-easyPlayer__top\">\n      <i class=\"iconfont icon-shexiangtou4\" />\n      <span>{{ areaName || deviceSerial }}</span>\n    </div>\n    <ErrorPage\n      v-if=\"!playSuccess\"\n      :video-name=\"areaName || deviceSerial\"\n      message=\"无信号\"\n    />\n    <ErrorPage\n      v-if=\"!playUrl\"\n      :video-name=\"areaName || deviceSerial\"\n      message=\"无播放地址\"\n    />\n\n    <!-- 播放器底部操作栏 -->\n    <slot name=\"customBar\" />\n  </div>\n</template>\n"],"names":["useSlots","computed","uuid","shallowRef","ref","onMounted","watch","onBeforeUnmount","nextTick","_createElementBlock","_normalizeClass","_createCommentVNode","areaName","deviceSerial","_openBlock","_createElementVNode","_toDisplayString","_createBlock","ErrorPage","_renderSlot"],"mappings":"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"}

package/lib/index.js

@@ -18,22 +18,23 @@ var index$7 = require('./components/icon-select/index.js');
 var index$8 = require('./components/image-verification/index.js');
 var index$9 = require('./components/link/index.js');
 var index$a = require('./components/live-player/index.js');
-var index$b = require('./components/page-header/index.js');
-var index$c = require('./components/radio/index.js');
+var index$b = require('./components/monitor-playback/index.js');
+var index$c = require('./components/page-header/index.js');
+var index$d = require('./components/radio/index.js');
 var search = require('./components/search/src/search.js');
-var index$d = require('./components/search/index.js');
-var index$e = require('./components/segmented/index.js');
-var index$f = require('./components/select/index.js');
-var index$g = require('./components/split-pane/index.js');
+var index$e = require('./components/search/index.js');
+var index$f = require('./components/segmented/index.js');
+var index$g = require('./components/select/index.js');
+var index$h = require('./components/split-pane/index.js');
 var table = require('./components/table/src/table.js');
-var index$h = require('./components/table/index.js');
+var index$i = require('./components/table/index.js');
 var tenantEnterprise = require('./components/tenant-enterprise/src/tenant-enterprise.js');
-var index$i = require('./components/tenant-enterprise/index.js');
-var index$j = require('./components/text-button/index.js');
+var index$j = require('./components/tenant-enterprise/index.js');
+var index$k = require('./components/text-button/index.js');
 var yunzhiyan = require('./components/tzj-player/src/yunzhiyan.js');
-var index$k = require('./components/tzj-player/index.js');
-var index$l = require('./hooks/useBaseTable/index.js');
-var index$m = require('./hooks/useECharts/index.js');
+var index$l = require('./components/tzj-player/index.js');
+var index$m = require('./hooks/useBaseTable/index.js');
+var index$n = require('./hooks/useECharts/index.js');
 var install = require('./utils/install.js');
 var provide = require('./utils/provide.js');
 var util = require('./utils/util.js');
@@ -58,22 +59,23 @@ exports.IIconSelect = index$7.IIconSelect;
 exports.IImageVerification = index$8.IImageVerification;
 exports.ILink = index$9.ILink;
 exports.ILivePlayer = index$a.ILivePlayer;
-exports.IPageHeader = index$b.IPageHeader;
-exports.IRadio = index$c.IRadio;
+exports.IMonitorPlayback = index$b.IMonitorPlayback;
+exports.IPageHeader = index$c.IPageHeader;
+exports.IRadio = index$d.IRadio;
 exports.SearchEmits = search.SearchEmits;
 exports.SearchProps = search.SearchProps;
 exports.excludeSearchPropsKeys = search.excludeSearchPropsKeys;
-exports.ISearch = index$d.ISearch;
-exports.ISegmented = index$e.ISegmented;
-exports.ISelect = index$f.ISelect;
-exports.ISplitPane = index$g.ISplitPane;
+exports.ISearch = index$e.ISearch;
+exports.ISegmented = index$f.ISegmented;
+exports.ISelect = index$g.ISelect;
+exports.ISplitPane = index$h.ISplitPane;
 exports.TableProps = table.TableProps;
-exports.ITable = index$h.ITable;
+exports.ITable = index$i.ITable;
 exports.TenantEnterpriseEmits = tenantEnterprise.TenantEnterpriseEmits;
 exports.TenantEnterpriseProps = tenantEnterprise.TenantEnterpriseProps;
-exports.ITenantEnterprise = index$i.ITenantEnterprise;
-exports.ITextButton = index$j.ITextButton;
-exports.ITextButtonGroup = index$j.ITextButtonGroup;
+exports.ITenantEnterprise = index$j.ITenantEnterprise;
+exports.ITextButton = index$k.ITextButton;
+exports.ITextButtonGroup = index$k.ITextButtonGroup;
 exports.GetYunZhiYanCloseVoiceIntercom = yunzhiyan.GetYunZhiYanCloseVoiceIntercom;
 exports.GetYunZhiYanDeviceChannel = yunzhiyan.GetYunZhiYanDeviceChannel;
 exports.GetYunZhiYanDeviceRecordList = yunzhiyan.GetYunZhiYanDeviceRecordList;
@@ -81,9 +83,9 @@ exports.GetYunZhiYanDeviceVideoUrl = yunzhiyan.GetYunZhiYanDeviceVideoUrl;
 exports.GetYunZhiYanOpenVoiceIntercom = yunzhiyan.GetYunZhiYanOpenVoiceIntercom;
 exports.GetYunZhiYanUserPlaySecretKey = yunzhiyan.GetYunZhiYanUserPlaySecretKey;
 exports.sign = yunzhiyan.sign;
-exports.ITzjPlayer = index$k.ITzjPlayer;
-exports.useBaseTable = index$l.useBaseTable;
-exports.useECharts = index$m.useECharts;
+exports.ITzjPlayer = index$l.ITzjPlayer;
+exports.useBaseTable = index$m.useBaseTable;
+exports.useECharts = index$n.useECharts;
 exports.withInstall = install.withInstall;
 exports.withInstallDirectives = install.withInstallDirectives;
 exports.DICT_STORE = provide.DICT_STORE;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/installer.js

@@ -22,8 +22,9 @@ var index$f = require('./components/descriptions/index.js');
 var index$g = require('./components/live-player/index.js');
 var index$h = require('./components/dialog/index.js');
 var index$i = require('./components/link/index.js');
-var index$j = require('./components/tzj-player/index.js');
-var index$k = require('./components/date-picker/index.js');
+var index$j = require('./components/monitor-playback/index.js');
+var index$k = require('./components/tzj-player/index.js');
+var index$l = require('./components/date-picker/index.js');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
@@ -49,8 +50,9 @@ const component = [
   index$g.ILivePlayer,
   index$h.IDialog,
   index$i.ILink,
-  index$j.ITzjPlayer,
-  index$k.IDatePicker
+  index$j.IMonitorPlayback,
+  index$k.ITzjPlayer,
+  index$l.IDatePicker
 ];
 const install = /* @__PURE__ */ __name(function(app, _options) {
   component.forEach((i) => app.use(i, _options));

package/lib/installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"installer.js","sources":["../../../../packages/installer.ts"],"sourcesContent":["import type { App, Plugin } from \"vue\";\n\nimport {\n  ICheckbox,\n  IDatePicker,\n  IDescriptionItem,\n  IDescriptions,\n  IDialog,\n  IDivider,\n  IDrawer,\n  IForm,\n  IIconSelect,\n  IImageVerification,\n  ILink,\n  ILivePlayer,\n  IPageHeader,\n  IRadio,\n  ISearch,\n  ISegmented,\n  ISelect,\n  ISplitPane,\n  ITable,\n  ITenantEnterprise,\n  ITextButton,\n  ITextButtonGroup,\n  ITzjPlayer,\n} from \"./components\";\n\nconst component = [\n  IForm,\n  ISelect,\n  IRadio,\n  ICheckbox,\n  IDivider,\n  IDrawer,\n  IIconSelect,\n  IImageVerification,\n  ITextButton,\n  ITextButtonGroup,\n  IPageHeader,\n  ISearch,\n  ITable,\n  ISplitPane,\n  ITenantEnterprise,\n  ISegmented,\n  IDescriptions,\n  IDescriptionItem,\n  ILivePlayer,\n  IDialog,\n  ILink,\n  ITzjPlayer,\n  IDatePicker,\n] as Plugin[];\n\nexport const install = function (app: App, _options?: any) {\n  component.forEach((i) => app.use(i, _options));\n};\n\nexport default {\n  install,\n};\n"],"names":["IForm","ISelect","IRadio","ICheckbox","IDivider","IDrawer","IIconSelect","IImageVerification","ITextButton","ITextButtonGroup","IPageHeader","ISearch","ITable","ISplitPane","ITenantEnterprise","ISegmented","IDescriptions","IDescriptionItem","ILivePlayer","IDialog","ILink","ITzjPlayer","IDatePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,SAAY,GAAA;AAAA,EAChBA,WAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,iBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,0BAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,yBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,aAAA;AAAA,EACAC,kBAAA;AAAA,EACAC;AACF,CAAA;AAEa,MAAA,OAAA,mBAAoB,MAAA,CAAA,SAAA,GAAA,EAAU,QAAgB,EAAA;AACzD,EAAA,SAAA,CAAU,QAAQ,CAAC,CAAA,KAAM,IAAI,GAAI,CAAA,CAAA,EAAG,QAAQ,CAAC,CAAA;AAC/C,CAFuB,EAAA,SAAA;AAIvB,gBAAe;AAAA,EACb;AACF,CAAA;;;;;"}
+{"version":3,"file":"installer.js","sources":["../../../../packages/installer.ts"],"sourcesContent":["import type { App, Plugin } from \"vue\";\n\nimport {\n  ICheckbox,\n  IDatePicker,\n  IDescriptionItem,\n  IDescriptions,\n  IDialog,\n  IDivider,\n  IDrawer,\n  IForm,\n  IIconSelect,\n  IImageVerification,\n  ILink,\n  ILivePlayer,\n  IPageHeader,\n  IRadio,\n  ISearch,\n  ISegmented,\n  ISelect,\n  ISplitPane,\n  ITable,\n  ITenantEnterprise,\n  ITextButton,\n  ITextButtonGroup,\n  IMonitorPlayback,\n  ITzjPlayer,\n} from \"./components\";\n\nconst component = [\n  IForm,\n  ISelect,\n  IRadio,\n  ICheckbox,\n  IDivider,\n  IDrawer,\n  IIconSelect,\n  IImageVerification,\n  ITextButton,\n  ITextButtonGroup,\n  IPageHeader,\n  ISearch,\n  ITable,\n  ISplitPane,\n  ITenantEnterprise,\n  ISegmented,\n  IDescriptions,\n  IDescriptionItem,\n  ILivePlayer,\n  IDialog,\n  ILink,\n  IMonitorPlayback,\n  ITzjPlayer,\n  IDatePicker,\n] as Plugin[];\n\nexport const install = function (app: App, _options?: any) {\n  component.forEach((i) => app.use(i, _options));\n};\n\nexport default {\n  install,\n};\n"],"names":["IForm","ISelect","IRadio","ICheckbox","IDivider","IDrawer","IIconSelect","IImageVerification","ITextButton","ITextButtonGroup","IPageHeader","ISearch","ITable","ISplitPane","ITenantEnterprise","ISegmented","IDescriptions","IDescriptionItem","ILivePlayer","IDialog","ILink","IMonitorPlayback","ITzjPlayer","IDatePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,MAAM,SAAY,GAAA;AAAA,EAChBA,WAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,iBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,0BAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,yBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,aAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC;AACF,CAAA;AAEa,MAAA,OAAA,mBAAoB,MAAA,CAAA,SAAA,GAAA,EAAU,QAAgB,EAAA;AACzD,EAAA,SAAA,CAAU,QAAQ,CAAC,CAAA,KAAM,IAAI,GAAI,CAAA,CAAA,EAAG,QAAQ,CAAC,CAAA;AAC/C,CAFuB,EAAA,SAAA;AAIvB,gBAAe;AAAA,EACb;AACF,CAAA;;;;;"}

package/package.json

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

package/theme-default/i-monitor-playback.css

@@ -0,0 +1 @@
+.i-monitor-playback,.replay-page{display:flex;flex-direction:column;width:100%;height:100%;background:#151c28;overflow:hidden;border-radius:8px;font-family:"Space Mono",-apple-system,"Microsoft YaHei",monospace;color:#ddd;-webkit-user-select:none;user-select:none}.i-monitor-playback .player-wrap,.replay-page .player-wrap{position:relative;flex:1;height:0;width:100%;overflow:hidden;background:#000;border-radius:6px 6px 4px 4px}.i-monitor-playback .player-wrap #player,.replay-page .player-wrap #player{width:100%;height:100%;display:block;object-fit:fill;background:#000}.i-monitor-playback .player-wrap #player::-webkit-media-controls-current-time-display,.i-monitor-playback .player-wrap #player::-webkit-media-controls-time-remaining-display,.i-monitor-playback .player-wrap #player::-webkit-media-controls-time-remaining-divider,.i-monitor-playback .player-wrap #player::-webkit-media-controls-timeline,.replay-page .player-wrap #player::-webkit-media-controls-current-time-display,.replay-page .player-wrap #player::-webkit-media-controls-time-remaining-display,.replay-page .player-wrap #player::-webkit-media-controls-time-remaining-divider,.replay-page .player-wrap #player::-webkit-media-controls-timeline{display:none!important}.i-monitor-playback .player-wrap #player::-moz-range-track,.replay-page .player-wrap #player::-moz-range-track{display:none!important}.i-monitor-playback .player-wrap .video-overlay,.replay-page .player-wrap .video-overlay{position:absolute;top:8px;left:10px;z-index:5;pointer-events:none}.i-monitor-playback .player-wrap .video-overlay .timestamp,.replay-page .player-wrap .video-overlay .timestamp{font-size:16px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:1px}.i-monitor-playback .player-wrap .video-overlay .location,.replay-page .player-wrap .video-overlay .location{position:absolute;bottom:34px;left:0;font-size:18px;color:#fff;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.i-monitor-playback .player-wrap .status-bar,.replay-page .player-wrap .status-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 10px;background:linear-gradient(#222,#1a1d28);font-size:11px;color:#888}.i-monitor-playback .player-wrap .status-bar-right,.replay-page .player-wrap .status-bar-right{display:flex;gap:12px;align-items:center}.i-monitor-playback .player-wrap .status-bar-right span,.replay-page .player-wrap .status-bar-right span{cursor:pointer;opacity:.7;transition:opacity .15s}.i-monitor-playback .player-wrap .status-bar-right span:hover,.replay-page .player-wrap .status-bar-right span:hover{opacity:1}.i-monitor-playback .player-wrap .toolbar,.replay-page .player-wrap .toolbar{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;z-index:10}.i-monitor-playback .player-wrap .toolbar .btn-fullscreen,.replay-page .player-wrap .toolbar .btn-fullscreen{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font-size:16px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.i-monitor-playback .player-wrap .toolbar .btn-fullscreen:hover,.replay-page .player-wrap .toolbar .btn-fullscreen:hover{background:rgba(255,45,45,.7)}.i-monitor-playback .ruler-panel,.replay-page .ruler-panel{position:relative;width:100%;background:#111827;border-top:1px solid #252f42;border-radius:0 0 4px 4px;padding:4px 12px 8px;flex-shrink:0;overflow:hidden}.i-monitor-playback .ruler-panel .time-display,.replay-page .ruler-panel .time-display{display:flex;align-items:baseline;gap:10px;padding:2px 20px 4px 4px;text-align:center;border-bottom:1px solid #252f42;background:rgba(0,0,0,.15)}.i-monitor-playback .ruler-panel .time-display .time-big,.replay-page .ruler-panel .time-display .time-big{font-size:18px;font-weight:700;color:#e8ecf1;font-variant-numeric:tabular-nums;letter-spacing:.5px;line-height:1}.i-monitor-playback .ruler-panel .time-display .time-big .sep,.replay-page .ruler-panel .time-display .time-big .sep{color:#ff2d2d;margin:0 1px;font-weight:400;animation:blink-sep 1s step-end infinite}.i-monitor-playback .ruler-panel .time-display .time-date,.replay-page .ruler-panel .time-display .time-date{font-size:11px;color:#5a6a82;font-variant-numeric:tabular-nums;letter-spacing:.5px}.i-monitor-playback .ruler-panel .rec-track,.replay-page .ruler-panel .rec-track{position:relative;height:4px;margin:2px 0;background:rgba(46,125,255,.04)}.i-monitor-playback .ruler-panel .rec-track .rec-seg,.replay-page .ruler-panel .rec-track .rec-seg{position:absolute;top:0;height:100%;background:#3b82f6;border-radius:2px;border:1px solid #3b82f6}.i-monitor-playback .ruler-panel .ruler-area,.replay-page .ruler-panel .ruler-area{position:relative;background:#1a2030;border-bottom:1px solid #252f42;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.i-monitor-playback .ruler-panel .ruler-area .ruler-canvas,.replay-page .ruler-panel .ruler-area .ruler-canvas{display:block;width:100%;cursor:grab}.i-monitor-playback .ruler-panel .ruler-area .ruler-canvas:active,.replay-page .ruler-panel .ruler-area .ruler-canvas:active{cursor:grabbing}.i-monitor-playback .ruler-panel .ruler-area .tip,.replay-page .ruler-panel .ruler-area .tip{position:absolute;top:4px;pointer-events:none;background:rgba(15,23,36,.92);border:1px solid #252f42;border-radius:4px;padding:3px 8px;font-size:11px;color:#8899b4;white-space:nowrap;opacity:0;transition:opacity .1s;z-index:10}.i-monitor-playback .ruler-panel .ruler-area .tip.show,.replay-page .ruler-panel .ruler-area .tip.show{opacity:1}.i-monitor-playback .ruler-panel .ruler-area .zoom-tag,.replay-page .ruler-panel .ruler-area .zoom-tag{position:absolute;right:8px;bottom:4px;font-size:9px;color:#5a6a82;opacity:.5;font-variant-numeric:tabular-nums;letter-spacing:.5px;z-index:5}.i-monitor-playback .speed-bar,.replay-page .speed-bar{display:flex;align-items:center;gap:4px;padding:4px 10px 4px 0}.i-monitor-playback .speed-bar .label,.replay-page .speed-bar .label{font-size:11px;color:#666;margin-right:2px}.i-monitor-playback .speed-bar button,.replay-page .speed-bar button{padding:2px 8px;font-size:11px;border-radius:3px;background:0 0;color:#888;border:none;cursor:pointer;font-family:"Space Mono",monospace;transition:all .15s}.i-monitor-playback .speed-bar button:hover,.replay-page .speed-bar button:hover{color:#ccc;background:rgba(255,255,255,.06)}.i-monitor-playback .speed-bar button.active,.replay-page .speed-bar button.active{background:#00c07f;color:#000;font-weight:600}@keyframes blink-sep{0%,100%{opacity:1}}

package/theme-default/index.css

@@ -1 +1 @@
-.i-date-picker{--color-fill-2:#fff;--color-fill-3:#fff}.i-date-picker .arco-picker{width:100%;border:1px solid #dcdfe6}.i-date-picker .arco-picker:hover{border:1px solid #dcdfe6}.i-date-picker .arco-trigger-popup{z-index:5001!important}.i-date-picker .is-error .arco-picker{border-color:var(--el-color-danger)!important}.arco-trigger-popup{z-index:4001!important}.el-drawer.i-drawer{background:0 0;box-shadow:none}.el-drawer.i-drawer.i-drawer-over-top .el-drawer__header{margin-top:0}.el-drawer.i-drawer .el-drawer__header{margin-top:56px;padding:0;margin-bottom:0;background-color:var(--el-drawer-bg-color)}.el-drawer.i-drawer .el-drawer__body{padding:0;background-color:var(--el-drawer-bg-color)}.el-drawer.i-drawer .i-drawer-header{height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--el-border-color-darker)}.el-drawer.i-drawer .i-drawer-header .i-drawer-title{display:flex;align-items:center;justify-content:flex-start}.el-drawer.i-drawer .i-drawer-header .i-drawer-title .y-block-name{margin-right:12px}.el-drawer.i-drawer .i-drawer-body{height:calc(100% - 56px);padding:20px 10px 20px 20px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.el-drawer.i-drawer .i-drawer-body.i-drawer-no-footer{height:100%!important}.el-drawer.i-drawer .i-drawer-footer{height:56px;width:100%;border-top:1px solid var(--el-border-color-darker);display:flex;justify-content:flex-end;flex-direction:row;align-items:center;position:absolute;bottom:0;left:0;padding-right:20px}.i-drawer-header-close{cursor:pointer;display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:4px;transition:all .3s;color:var(--el-text-color-primary)}.i-drawer-header-close:hover{color:var(--el-color-white);background-color:var(--el-color-danger)}.el-form.i-form{display:grid}.el-form.i-form .el-form-item__label{font-weight:400}.el-form.i-form .el-form-item__content{align-items:center}.el-form.i-form .el-form-item{align-items:center}.el-form.i-form .el-cascader.i-form-component,.el-form.i-form .el-select.i-form-component{width:100%;min-width:200px}.el-form.i-form .arco-picker.i-form-component{width:100%;min-width:200px;border-color:var(--el-border-color);background-color:transparent}.el-form.i-form .arco-picker.i-form-component .arco-picker-suffix{width:14px}.t-icon-select-card{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border:1px solid var(--el-border-color);border-radius:4px}.t-icon-select-card span{font-size:14px;color:var(--el-text-color-regular)}.t-icon-select-card .iconfont{font-size:36px;color:var(--el-text-color-primary)}.t-icon-select__wrap{display:flex;justify-content:flex-start;align-items:flex-start;width:500px}.t-icon-select__wrap .icon-view{margin-right:6px;font-size:14px}.t-icon-select__wrap .icon-view .icon-view-box{width:84px;height:84px;border:1px solid var(--el-border-color);display:flex;align-items:center;justify-content:center}.t-icon-select__wrap .icon-view .icon-view-box .iconfont{font-size:36px}.t-icon-select__wrap .icon-view .icon-text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:6px}.t-icon-select__wrap .icon-view .icon-text label{text-align:left;font-size:12px;color:var(--el-text-color-secondary)}.t-icon-select__wrap .icon-view .icon-text span{border-bottom:1px solid var(--el-border-color);width:84px;text-align:left;height:20px;color:var(--el-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-icon-select__wrap .icon-list-wrap{width:401px;box-sizing:border-box}.t-icon-select__wrap .icon-list-wrap .icon-search{margin-bottom:4px}.t-icon-select__wrap .icon-list-wrap .icon-list{--t-icon-size:40px;display:grid;grid-template-columns:repeat(auto-fit,var(--t-icon-size));box-sizing:border-box;border-right:1px solid var(--el-border-color);border-top:1px solid var(--el-border-color)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item{height:var(--t-icon-size);display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;color:var(--el-text-color-regular);border-bottom:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item:hover{color:var(--el-text-color-primary);background-color:var(--el-color-info-light-9)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.active{color:#fff;background-color:var(--el-color-primary)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.disabled{cursor:not-allowed}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.disabled:hover{color:var(--el-text-color-regular);background-color:inherit}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item .iconfont{font-weight:500;font-size:14px}.t-icon-select__wrap .icon-list-wrap .icon-footer{margin-top:6px;display:flex;justify-content:flex-end;align-items:center}.t-img-verify{width:100%;height:100%;cursor:pointer}.i-text-button{font-size:15px;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:500;transition:all .3s;display:inline-flex;justify-content:center;align-items:center;height:23px;padding:0 4px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.i-text-button.i-text-button__disabled{cursor:not-allowed;color:var(--el-text-color-disabled)!important}.i-text-button.i-text-button__disabled:hover>.i-text-button__line{width:0}.i-text-button+.i-text-button{margin-left:2px}.i-text-button>.i-text-button__icon{margin-right:4px}.i-text-button>.i-text-button__icon .iconfont{font-size:14px}.i-text-button>.i-text-button__line{position:absolute;width:0;height:1px;bottom:0;left:50%;transform:translate(-50%,0);transition:all .3s;color:#409eff}.i-text-button:hover>.i-text-button__line{width:calc(100% - 8px)}.i-text-button-group{display:flex;align-items:center;justify-content:flex-start}.t-page-header{position:relative;display:flex;justify-content:space-between;align-items:center;height:40px}.t-page-header.t-page-header__underline{border-bottom:1px solid var(--el-border-color-darker)}.t-page-header.t-page-header__between{justify-content:space-between}.t-page-header.t-page-header__start{justify-content:flex-start}.t-page-header .t-page-name{font-size:16px;font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-weight:700;color:var(--el-text-color-primary);padding-left:12px;position:relative;text-decoration:none;margin-right:12px}.t-page-header .t-page-name::before{position:absolute;top:-1px;left:0;content:"";display:inline;width:4px;height:100%;border-radius:2px;background-color:var(--el-color-primary)}.i-search{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding-top:12px;width:100%}.i-search .i-form{display:flex!important;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:flex-start}.i-search .i-form .el-input.i-form-component{width:200px!important}.i-search .i-form .el-select.i-select.i-form-component{width:200px!important}.i-search .el-form--inline .el-form-item{margin-right:10px;margin-bottom:10px}.i-segmented{display:inline-block;background-color:var(--el-fill-color-darker);padding:.15rem .15rem;border-radius:.15rem}.i-segmented__small .i-segmented-control>.i-segmented-control__item{height:28px;line-height:28px;padding:0 6px;font-size:12px}.i-segmented__default .i-segmented-control>.i-segmented-control__item{height:32px;line-height:32px;padding:0 10px;font-size:14px}.i-segmented__large .i-segmented-control>.i-segmented-control__item{height:40px;line-height:40px;padding:0 12px;font-size:16px}.i-segmented .i-segmented-control{position:relative;display:flex}.i-segmented .i-segmented-control>.i-segmented-control__item{display:inline-flex;justify-content:center;align-items:center;outline:0;border:none;cursor:pointer;background-color:transparent;color:var(--el-text-color-regular);box-sizing:border-box;transition:all .3s ease-in-out;border-radius:.15rem;flex:1}.i-segmented .i-segmented-control>.i-segmented-control__item.active{color:#fff;z-index:2}.i-segmented .i-segmented-control>.i-segmented-control__item.active:hover{box-shadow:0 4px 6px rgba(0,0,0,.2);background-color:transparent}.i-segmented .i-segmented-control>.i-segmented-control__item.i-segmented-control__disabled{cursor:not-allowed;color:var(--el-text-color-disabled)}.i-segmented .i-segmented-control>.i-segmented-control__item.i-segmented-control__disabled:hover{box-shadow:none;background-color:transparent}.i-segmented .i-segmented-control>.i-segmented-control__item:hover{box-shadow:0 1px 6px rgba(89,89,89,.2);background-color:var(--el-fill-color-extra-light)}.i-segmented .i-segmented-control>.i-segmented-control__item .i-segmented-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.i-segmented .i-segmented-control>.indicator{position:absolute;height:100%;border-radius:.15rem;top:0;left:0;box-shadow:0 1px 6px rgba(89,89,89,.2);background-color:var(--el-color-primary);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:1}.clearfix::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.vue-splitter-container{height:100%;position:relative}.vue-splitter-container-mask{z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0}.i-splitter-pane.vertical.i-splitter-paneL{position:absolute;left:0;height:100%;padding:5px;box-sizing:border-box}.i-splitter-pane.vertical.i-splitter-paneR{position:absolute;right:0;height:100%;padding:5px 5px 5px 15px;box-sizing:border-box}.i-splitter-pane.horizontal.i-splitter-paneL{position:absolute;top:0;width:100%}.i-splitter-pane.horizontal.i-splitter-paneR{position:absolute;bottom:0;width:100%;padding-top:3px}.splitter-pane-resizer{box-sizing:border-box;background:#000;position:absolute;opacity:.8;z-index:1;background-clip:padding-box}.splitter-pane-resizer.horizontal{height:6px;width:100%;background:var(--el-bg-color-page);cursor:row-resize}.splitter-pane-resizer.horizontal:before{content:"\e702";font-family:iconfont;font-size:13px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splitter-pane-resizer.vertical{width:10px;height:100%;background-color:var(--el-bg-color-page);cursor:col-resize}.splitter-pane-resizer.vertical:before{content:"\e702";font-family:iconfont;font-size:13px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.i-table-warp{width:100%;height:100%}.i-table-warp .el-table.i-table{--el-table-header-bg-color:var(--el-bg-color-page);--el-table-row-hover-bg-color:var(--el-color-primary-light-9)}.i-table-warp .el-table.i-table .el-table__body,.i-table-warp .el-table.i-table .el-table__header{margin:0}.i-table-warp .i-table-pagination{height:50px;display:flex;justify-content:flex-end;align-items:center}.t-tenant-enterprise .t-tenant-enterprise__label{font-size:14px;color:var(--el-text-color-regular);font-weight:400;padding-right:6px}.t-tenant-enterprise .el-select .el-select__tags-text{max-width:100px!important}.t-tenant-enterprise__search{height:32px;display:flex;align-content:center;justify-content:center;padding:6px 6px 0 6px}.tenant-enterprise-popper{width:300px}.tenant-enterprise-popper .highlight{background-color:#ff0;font-weight:700}.tenant-enterprise-popper .el-tree-node.tenant-e-empty-node .el-tree-node__content .el-icon.el-tree-node__expand-icon{display:none}.el-tree.tenant-enterprise-tree.tenant-enterprise-tree__only .el-checkbox__inner{border-radius:50%;overflow:hidden}.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}.el-select .el-select__tags-text{width:100%}.i-descriptions{display:grid}.i-descriptions.i-descriptions__border{border-bottom:1px solid var(--el-border-color-light);border-right:1px solid var(--el-border-color-light)}.i-descriptions.i-descriptions__border .i-descriptions-item{border-left:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light)}.i-descriptions.i-descriptions__border .i-descriptions-item .i-descriptions-label{background-color:var(--el-fill-color-light);border-right:1px solid var(--el-border-color-light)}.i-descriptions .i-descriptions-item{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label{min-height:40px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label .iconfont{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label .i-descriptions-label__text{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-value{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__default .i-descriptions-label{height:32px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label{height:28px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label .iconfont{font-size:12px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label .i-descriptions-label__text{font-size:12px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-value{font-size:12px}.i-descriptions .i-descriptions-item .i-descriptions-label{display:inline-flex;justify-content:flex-start;align-items:center;color:var(--el-text-color-primary);height:100%;padding:0 6px;font-size:14px}.i-descriptions .i-descriptions-item .i-descriptions-label .iconfont{font-size:14px;margin-right:6px}.i-descriptions .i-descriptions-item .i-descriptions-label .i-descriptions-label__text{text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.i-descriptions .i-descriptions-item .i-descriptions-value{padding-left:10px;font-size:14px;color:var(--el-text-color-regular);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.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)}.el-message.i-notify{--el-message-text-color:var(--el-color-white)}.el-message.i-notify .el-icon.el-message__icon{color:var(--el-color-white)}.el-message.i-notify.el-message--success{--el-message-bg-color:var(--el-color-success)}.el-message.i-notify.el-message--warning{--el-message-bg-color:var(--el-color-warning)}.el-message.i-notify.el-message--error{--el-message-bg-color:var(--el-color-error)}.el-message.i-notify.el-message--info{--el-message-bg-color:var(--el-color-info)}.el-dialog.i-dialog{padding:0!important}.el-dialog.i-dialog .el-dialog__header{margin-top:0;margin-right:0;height:50px;border-bottom:1px solid var(--el-border-color-lighter);padding:0;display:inline-flex;align-items:center;width:100%;position:relative}.el-dialog.i-dialog .el-dialog__header .el-dialog__title{padding-left:20px}.el-dialog.i-dialog .el-dialog__header .el-dialog__title::before{content:"";display:inline-block;position:absolute;top:17px;left:10px;width:4px;height:18px;border-radius:2px;background-color:var(--el-color-primary)}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn{width:30px;height:30px;top:13px;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .3s;margin-right:10px}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{font-size:16px;transition:all .3s}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{background-color:transparent}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn:hover{background-color:var(--el-color-danger)}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:#fff!important}.el-dialog.i-dialog .el-dialog__body{padding:10px}.el-dialog.i-dialog.i-dialog__empty_footer .el-dialog__footer{display:none}.el-dialog.i-dialog .el-dialog__footer{border-top:1px solid var(--el-border-color-lighter)}.t-link{font-size:15px!important;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:500;transition:all .3s;text-decoration:none!important}.t-link+.t-link{margin-left:12px}.t-link .t-link-icon{padding:0 4px 0 0}.t-link .t-link-icon .iconfont{font-size:14px}.t-link.el-link.is-disabled{color:var(--el-link-disabled-text-color)!important}.i-tzj-player{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-size:14px}.i-tzj-player .i-tzj-player-content{width:100%;height:100%;background-color:#000}.i-tzj-player .i-tzj-easyPlayer,.i-tzj-player .i-tzj-xgplayer,.i-tzj-player .i-tzj-ysplayer{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.i-tzj-player .i-tzj-xgplayer{width:100%;height:100%;display:flex;flex-direction:column}.i-tzj-player .i-tzj-xgplayer__top{padding:8px 12px;background:rgba(0,0,0,.7);color:#fff;font-size:14px;display:flex;align-items:center}.i-tzj-player .i-tzj-xgplayer__browser-tip{flex:1;display:flex;align-items:center;justify-content:center;background:#000;color:#fff}.i-tzj-player .i-tzj-xgplayer__browser-tip .browser-tip-content{background:rgba(255,152,0,.1);border:1px solid #ff9800;border-radius:4px;padding:20px;text-align:center;max-width:80%;display:flex;align-items:center;font-size:14px}.i-tzj-player__error{display:flex;flex-direction:column;position:absolute;z-index:999;top:0;left:0;width:100%;height:100%;background-color:#000;color:#efefef;font-size:12px}.i-tzj-player__error_content{flex:1;height:0;display:flex;align-items:center;justify-content:center}.i-tzj-player .i-tzj-easyPlayer__top,.i-tzj-player .i-tzj-xgplayer__top{display:flex;align-items:center;justify-content:flex-start;width:100%;height:32px;background-color:rgba(43,51,63,.7);color:#fff;font-size:12px}.i-tzj-player .i-tzj-easyPlayer__top .iconfont,.i-tzj-player .i-tzj-xgplayer__top .iconfont{margin-right:4px;margin-left:10px;font-size:12px}.i-tzj-player .i-tzj-easyPlayer--custom .easyplayer-controls{display:none}.i-tzj-player .i-easy-player-bar{display:flex;position:absolute;z-index:10;bottom:0;left:0;align-items:center;justify-content:space-between;width:100%;height:40px;background-color:rgba(43,51,63,.7);-webkit-user-select:none;user-select:none}.i-tzj-player .i-easy-player-bar-item{display:inline-flex;align-items:center;justify-content:flex-start;height:100%}.i-tzj-player .i-easy-player-bar-item .i-easy-player-bottom-bar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer}.i-tzj-player .i-easy-player-bar-item .i-easy-player-bottom-bar .iconfont{color:#c7c9ce;font-size:20px}.i-tzj-player .i-easy-player-bar-item .i-easy-player-bottom-bar:hover .iconfont{color:#fff}.i-tzj-player .i-easy-player-bar-item .i-easy-player-bottom-bar+.i-easy-player-bottom-bar{margin-left:4px}.i-tzj-player__voice-default{display:flex;position:absolute;z-index:10;top:6px;right:6px;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:14px;color:#fff;font-size:12px;text-align:center}.i-tzj-player__voice-success{background-color:#67c23a}.i-tzj-player__voice-info{background-color:#909399}.i-tzj-player__voice-error{background-color:#f56c6c}
+.i-date-picker{--color-fill-2:#fff;--color-fill-3:#fff}.i-date-picker .arco-picker{width:100%;border:1px solid #dcdfe6}.i-date-picker .arco-picker:hover{border:1px solid #dcdfe6}.i-date-picker .arco-trigger-popup{z-index:5001!important}.i-date-picker .is-error .arco-picker{border-color:var(--el-color-danger)!important}.arco-trigger-popup{z-index:4001!important}.el-drawer.i-drawer{background:0 0;box-shadow:none}.el-drawer.i-drawer.i-drawer-over-top .el-drawer__header{margin-top:0}.el-drawer.i-drawer .el-drawer__header{margin-top:56px;padding:0;margin-bottom:0;background-color:var(--el-drawer-bg-color)}.el-drawer.i-drawer .el-drawer__body{padding:0;background-color:var(--el-drawer-bg-color)}.el-drawer.i-drawer .i-drawer-header{height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--el-border-color-darker)}.el-drawer.i-drawer .i-drawer-header .i-drawer-title{display:flex;align-items:center;justify-content:flex-start}.el-drawer.i-drawer .i-drawer-header .i-drawer-title .y-block-name{margin-right:12px}.el-drawer.i-drawer .i-drawer-body{height:calc(100% - 56px);padding:20px 10px 20px 20px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.el-drawer.i-drawer .i-drawer-body.i-drawer-no-footer{height:100%!important}.el-drawer.i-drawer .i-drawer-footer{height:56px;width:100%;border-top:1px solid var(--el-border-color-darker);display:flex;justify-content:flex-end;flex-direction:row;align-items:center;position:absolute;bottom:0;left:0;padding-right:20px}.i-drawer-header-close{cursor:pointer;display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:4px;transition:all .3s;color:var(--el-text-color-primary)}.i-drawer-header-close:hover{color:var(--el-color-white);background-color:var(--el-color-danger)}.el-form.i-form{display:grid}.el-form.i-form .el-form-item__label{font-weight:400}.el-form.i-form .el-form-item__content{align-items:center}.el-form.i-form .el-form-item{align-items:center}.el-form.i-form .el-cascader.i-form-component,.el-form.i-form .el-select.i-form-component{width:100%;min-width:200px}.el-form.i-form .arco-picker.i-form-component{width:100%;min-width:200px;border-color:var(--el-border-color);background-color:transparent}.el-form.i-form .arco-picker.i-form-component .arco-picker-suffix{width:14px}.t-icon-select-card{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;border:1px solid var(--el-border-color);border-radius:4px}.t-icon-select-card span{font-size:14px;color:var(--el-text-color-regular)}.t-icon-select-card .iconfont{font-size:36px;color:var(--el-text-color-primary)}.t-icon-select__wrap{display:flex;justify-content:flex-start;align-items:flex-start;width:500px}.t-icon-select__wrap .icon-view{margin-right:6px;font-size:14px}.t-icon-select__wrap .icon-view .icon-view-box{width:84px;height:84px;border:1px solid var(--el-border-color);display:flex;align-items:center;justify-content:center}.t-icon-select__wrap .icon-view .icon-view-box .iconfont{font-size:36px}.t-icon-select__wrap .icon-view .icon-text{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:6px}.t-icon-select__wrap .icon-view .icon-text label{text-align:left;font-size:12px;color:var(--el-text-color-secondary)}.t-icon-select__wrap .icon-view .icon-text span{border-bottom:1px solid var(--el-border-color);width:84px;text-align:left;height:20px;color:var(--el-text-color-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-icon-select__wrap .icon-list-wrap{width:401px;box-sizing:border-box}.t-icon-select__wrap .icon-list-wrap .icon-search{margin-bottom:4px}.t-icon-select__wrap .icon-list-wrap .icon-list{--t-icon-size:40px;display:grid;grid-template-columns:repeat(auto-fit,var(--t-icon-size));box-sizing:border-box;border-right:1px solid var(--el-border-color);border-top:1px solid var(--el-border-color)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item{height:var(--t-icon-size);display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;color:var(--el-text-color-regular);border-bottom:1px solid var(--el-border-color);border-left:1px solid var(--el-border-color)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item:hover{color:var(--el-text-color-primary);background-color:var(--el-color-info-light-9)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.active{color:#fff;background-color:var(--el-color-primary)}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.disabled{cursor:not-allowed}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item.disabled:hover{color:var(--el-text-color-regular);background-color:inherit}.t-icon-select__wrap .icon-list-wrap .icon-list .icon-list-item .iconfont{font-weight:500;font-size:14px}.t-icon-select__wrap .icon-list-wrap .icon-footer{margin-top:6px;display:flex;justify-content:flex-end;align-items:center}.t-img-verify{width:100%;height:100%;cursor:pointer}.i-text-button{font-size:15px;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:500;transition:all .3s;display:inline-flex;justify-content:center;align-items:center;height:23px;padding:0 4px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.i-text-button.i-text-button__disabled{cursor:not-allowed;color:var(--el-text-color-disabled)!important}.i-text-button.i-text-button__disabled:hover>.i-text-button__line{width:0}.i-text-button+.i-text-button{margin-left:2px}.i-text-button>.i-text-button__icon{margin-right:4px}.i-text-button>.i-text-button__icon .iconfont{font-size:14px}.i-text-button>.i-text-button__line{position:absolute;width:0;height:1px;bottom:0;left:50%;transform:translate(-50%,0);transition:all .3s;color:#409eff}.i-text-button:hover>.i-text-button__line{width:calc(100% - 8px)}.i-text-button-group{display:flex;align-items:center;justify-content:flex-start}.t-page-header{position:relative;display:flex;justify-content:space-between;align-items:center;height:40px}.t-page-header.t-page-header__underline{border-bottom:1px solid var(--el-border-color-darker)}.t-page-header.t-page-header__between{justify-content:space-between}.t-page-header.t-page-header__start{justify-content:flex-start}.t-page-header .t-page-name{font-size:16px;font-family:"PingFang SC","Helvetica Neue",Helvetica,STHeiTi,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-weight:700;color:var(--el-text-color-primary);padding-left:12px;position:relative;text-decoration:none;margin-right:12px}.t-page-header .t-page-name::before{position:absolute;top:-1px;left:0;content:"";display:inline;width:4px;height:100%;border-radius:2px;background-color:var(--el-color-primary)}.i-search{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;padding-top:12px;width:100%}.i-search .i-form{display:flex!important;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:flex-start}.i-search .i-form .el-input.i-form-component{width:200px!important}.i-search .i-form .el-select.i-select.i-form-component{width:200px!important}.i-search .el-form--inline .el-form-item{margin-right:10px;margin-bottom:10px}.i-segmented{display:inline-block;background-color:var(--el-fill-color-darker);padding:.15rem .15rem;border-radius:.15rem}.i-segmented__small .i-segmented-control>.i-segmented-control__item{height:28px;line-height:28px;padding:0 6px;font-size:12px}.i-segmented__default .i-segmented-control>.i-segmented-control__item{height:32px;line-height:32px;padding:0 10px;font-size:14px}.i-segmented__large .i-segmented-control>.i-segmented-control__item{height:40px;line-height:40px;padding:0 12px;font-size:16px}.i-segmented .i-segmented-control{position:relative;display:flex}.i-segmented .i-segmented-control>.i-segmented-control__item{display:inline-flex;justify-content:center;align-items:center;outline:0;border:none;cursor:pointer;background-color:transparent;color:var(--el-text-color-regular);box-sizing:border-box;transition:all .3s ease-in-out;border-radius:.15rem;flex:1}.i-segmented .i-segmented-control>.i-segmented-control__item.active{color:#fff;z-index:2}.i-segmented .i-segmented-control>.i-segmented-control__item.active:hover{box-shadow:0 4px 6px rgba(0,0,0,.2);background-color:transparent}.i-segmented .i-segmented-control>.i-segmented-control__item.i-segmented-control__disabled{cursor:not-allowed;color:var(--el-text-color-disabled)}.i-segmented .i-segmented-control>.i-segmented-control__item.i-segmented-control__disabled:hover{box-shadow:none;background-color:transparent}.i-segmented .i-segmented-control>.i-segmented-control__item:hover{box-shadow:0 1px 6px rgba(89,89,89,.2);background-color:var(--el-fill-color-extra-light)}.i-segmented .i-segmented-control>.i-segmented-control__item .i-segmented-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.i-segmented .i-segmented-control>.indicator{position:absolute;height:100%;border-radius:.15rem;top:0;left:0;box-shadow:0 1px 6px rgba(89,89,89,.2);background-color:var(--el-color-primary);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:1}.clearfix::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.vue-splitter-container{height:100%;position:relative}.vue-splitter-container-mask{z-index:9999;width:100%;height:100%;position:absolute;top:0;left:0}.i-splitter-pane.vertical.i-splitter-paneL{position:absolute;left:0;height:100%;padding:5px;box-sizing:border-box}.i-splitter-pane.vertical.i-splitter-paneR{position:absolute;right:0;height:100%;padding:5px 5px 5px 15px;box-sizing:border-box}.i-splitter-pane.horizontal.i-splitter-paneL{position:absolute;top:0;width:100%}.i-splitter-pane.horizontal.i-splitter-paneR{position:absolute;bottom:0;width:100%;padding-top:3px}.splitter-pane-resizer{box-sizing:border-box;background:#000;position:absolute;opacity:.8;z-index:1;background-clip:padding-box}.splitter-pane-resizer.horizontal{height:6px;width:100%;background:var(--el-bg-color-page);cursor:row-resize}.splitter-pane-resizer.horizontal:before{content:"\e702";font-family:iconfont;font-size:13px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splitter-pane-resizer.vertical{width:10px;height:100%;background-color:var(--el-bg-color-page);cursor:col-resize}.splitter-pane-resizer.vertical:before{content:"\e702";font-family:iconfont;font-size:13px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.i-table-warp{width:100%;height:100%}.i-table-warp .el-table.i-table{--el-table-header-bg-color:var(--el-bg-color-page);--el-table-row-hover-bg-color:var(--el-color-primary-light-9)}.i-table-warp .el-table.i-table .el-table__body,.i-table-warp .el-table.i-table .el-table__header{margin:0}.i-table-warp .i-table-pagination{height:50px;display:flex;justify-content:flex-end;align-items:center}.t-tenant-enterprise .t-tenant-enterprise__label{font-size:14px;color:var(--el-text-color-regular);font-weight:400;padding-right:6px}.t-tenant-enterprise .el-select .el-select__tags-text{max-width:100px!important}.t-tenant-enterprise__search{height:32px;display:flex;align-content:center;justify-content:center;padding:6px 6px 0 6px}.tenant-enterprise-popper{width:300px}.tenant-enterprise-popper .highlight{background-color:#ff0;font-weight:700}.tenant-enterprise-popper .el-tree-node.tenant-e-empty-node .el-tree-node__content .el-icon.el-tree-node__expand-icon{display:none}.el-tree.tenant-enterprise-tree.tenant-enterprise-tree__only .el-checkbox__inner{border-radius:50%;overflow:hidden}.el-tree .el-tree-node__content{position:relative}.element-tree-node-label-wrapper{flex:1;display:flex;align-items:center}.element-tree-node-label{font-size:12px}.element-tree-node-line-ver{display:block;position:absolute;top:0;left:0;height:100%;border-left:1px dashed #dcdfe6}.element-tree-node-line-ver.last-node-isLeaf-line{height:50%}.element-tree-node-line-hor{display:block;position:absolute;top:50%;left:0;height:0;border-bottom:1px dashed #dcdfe6}.element-tree-node-label-line{flex:1;border-top:1px dashed #dcdfe6;align-self:center;margin:0 10px}.el-select .el-select__tags-text{width:100%}.i-descriptions{display:grid}.i-descriptions.i-descriptions__border{border-bottom:1px solid var(--el-border-color-light);border-right:1px solid var(--el-border-color-light)}.i-descriptions.i-descriptions__border .i-descriptions-item{border-left:1px solid var(--el-border-color-light);border-top:1px solid var(--el-border-color-light)}.i-descriptions.i-descriptions__border .i-descriptions-item .i-descriptions-label{background-color:var(--el-fill-color-light);border-right:1px solid var(--el-border-color-light)}.i-descriptions .i-descriptions-item{display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label{min-height:40px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label .iconfont{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-label .i-descriptions-label__text{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__large .i-descriptions-value{font-size:15px}.i-descriptions .i-descriptions-item.i-descriptions-item__default .i-descriptions-label{height:32px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label{height:28px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label .iconfont{font-size:12px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-label .i-descriptions-label__text{font-size:12px}.i-descriptions .i-descriptions-item.i-descriptions-item__small .i-descriptions-value{font-size:12px}.i-descriptions .i-descriptions-item .i-descriptions-label{display:inline-flex;justify-content:flex-start;align-items:center;color:var(--el-text-color-primary);height:100%;padding:0 6px;font-size:14px}.i-descriptions .i-descriptions-item .i-descriptions-label .iconfont{font-size:14px;margin-right:6px}.i-descriptions .i-descriptions-item .i-descriptions-label .i-descriptions-label__text{text-overflow:ellipsis;text-wrap:nowrap;overflow:hidden}.i-descriptions .i-descriptions-item .i-descriptions-value{padding-left:10px;font-size:14px;color:var(--el-text-color-regular);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.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)}.i-monitor-playback,.replay-page{display:flex;flex-direction:column;width:100%;height:100%;background:#151c28;overflow:hidden;border-radius:8px;font-family:"Space Mono",-apple-system,"Microsoft YaHei",monospace;color:#ddd;-webkit-user-select:none;user-select:none}.i-monitor-playback .player-wrap,.replay-page .player-wrap{position:relative;flex:1;height:0;width:100%;overflow:hidden;background:#000;border-radius:6px 6px 4px 4px}.i-monitor-playback .player-wrap #player,.replay-page .player-wrap #player{width:100%;height:100%;display:block;object-fit:fill;background:#000}.i-monitor-playback .player-wrap #player::-webkit-media-controls-current-time-display,.i-monitor-playback .player-wrap #player::-webkit-media-controls-time-remaining-display,.i-monitor-playback .player-wrap #player::-webkit-media-controls-time-remaining-divider,.i-monitor-playback .player-wrap #player::-webkit-media-controls-timeline,.replay-page .player-wrap #player::-webkit-media-controls-current-time-display,.replay-page .player-wrap #player::-webkit-media-controls-time-remaining-display,.replay-page .player-wrap #player::-webkit-media-controls-time-remaining-divider,.replay-page .player-wrap #player::-webkit-media-controls-timeline{display:none!important}.i-monitor-playback .player-wrap #player::-moz-range-track,.replay-page .player-wrap #player::-moz-range-track{display:none!important}.i-monitor-playback .player-wrap .video-overlay,.replay-page .player-wrap .video-overlay{position:absolute;top:8px;left:10px;z-index:5;pointer-events:none}.i-monitor-playback .player-wrap .video-overlay .timestamp,.replay-page .player-wrap .video-overlay .timestamp{font-size:16px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:1px}.i-monitor-playback .player-wrap .video-overlay .location,.replay-page .player-wrap .video-overlay .location{position:absolute;bottom:34px;left:0;font-size:18px;color:#fff;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.9)}.i-monitor-playback .player-wrap .status-bar,.replay-page .player-wrap .status-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 10px;background:linear-gradient(#222,#1a1d28);font-size:11px;color:#888}.i-monitor-playback .player-wrap .status-bar-right,.replay-page .player-wrap .status-bar-right{display:flex;gap:12px;align-items:center}.i-monitor-playback .player-wrap .status-bar-right span,.replay-page .player-wrap .status-bar-right span{cursor:pointer;opacity:.7;transition:opacity .15s}.i-monitor-playback .player-wrap .status-bar-right span:hover,.replay-page .player-wrap .status-bar-right span:hover{opacity:1}.i-monitor-playback .player-wrap .toolbar,.replay-page .player-wrap .toolbar{position:absolute;right:10px;bottom:10px;display:flex;gap:8px;z-index:10}.i-monitor-playback .player-wrap .toolbar .btn-fullscreen,.replay-page .player-wrap .toolbar .btn-fullscreen{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font-size:16px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.i-monitor-playback .player-wrap .toolbar .btn-fullscreen:hover,.replay-page .player-wrap .toolbar .btn-fullscreen:hover{background:rgba(255,45,45,.7)}.i-monitor-playback .ruler-panel,.replay-page .ruler-panel{position:relative;width:100%;background:#111827;border-top:1px solid #252f42;border-radius:0 0 4px 4px;padding:4px 12px 8px;flex-shrink:0;overflow:hidden}.i-monitor-playback .ruler-panel .time-display,.replay-page .ruler-panel .time-display{display:flex;align-items:baseline;gap:10px;padding:2px 20px 4px 4px;text-align:center;border-bottom:1px solid #252f42;background:rgba(0,0,0,.15)}.i-monitor-playback .ruler-panel .time-display .time-big,.replay-page .ruler-panel .time-display .time-big{font-size:18px;font-weight:700;color:#e8ecf1;font-variant-numeric:tabular-nums;letter-spacing:.5px;line-height:1}.i-monitor-playback .ruler-panel .time-display .time-big .sep,.replay-page .ruler-panel .time-display .time-big .sep{color:#ff2d2d;margin:0 1px;font-weight:400;animation:blink-sep 1s step-end infinite}.i-monitor-playback .ruler-panel .time-display .time-date,.replay-page .ruler-panel .time-display .time-date{font-size:11px;color:#5a6a82;font-variant-numeric:tabular-nums;letter-spacing:.5px}.i-monitor-playback .ruler-panel .rec-track,.replay-page .ruler-panel .rec-track{position:relative;height:4px;margin:2px 0;background:rgba(46,125,255,.04)}.i-monitor-playback .ruler-panel .rec-track .rec-seg,.replay-page .ruler-panel .rec-track .rec-seg{position:absolute;top:0;height:100%;background:#3b82f6;border-radius:2px;border:1px solid #3b82f6}.i-monitor-playback .ruler-panel .ruler-area,.replay-page .ruler-panel .ruler-area{position:relative;background:#1a2030;border-bottom:1px solid #252f42;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.i-monitor-playback .ruler-panel .ruler-area .ruler-canvas,.replay-page .ruler-panel .ruler-area .ruler-canvas{display:block;width:100%;cursor:grab}.i-monitor-playback .ruler-panel .ruler-area .ruler-canvas:active,.replay-page .ruler-panel .ruler-area .ruler-canvas:active{cursor:grabbing}.i-monitor-playback .ruler-panel .ruler-area .tip,.replay-page .ruler-panel .ruler-area .tip{position:absolute;top:4px;pointer-events:none;background:rgba(15,23,36,.92);border:1px solid #252f42;border-radius:4px;padding:3px 8px;font-size:11px;color:#8899b4;white-space:nowrap;opacity:0;transition:opacity .1s;z-index:10}.i-monitor-playback .ruler-panel .ruler-area .tip.show,.replay-page .ruler-panel .ruler-area .tip.show{opacity:1}.i-monitor-playback .ruler-panel .ruler-area .zoom-tag,.replay-page .ruler-panel .ruler-area .zoom-tag{position:absolute;right:8px;bottom:4px;font-size:9px;color:#5a6a82;opacity:.5;font-variant-numeric:tabular-nums;letter-spacing:.5px;z-index:5}.i-monitor-playback .speed-bar,.replay-page .speed-bar{display:flex;align-items:center;gap:4px;padding:4px 10px 4px 0}.i-monitor-playback .speed-bar .label,.replay-page .speed-bar .label{font-size:11px;color:#666;margin-right:2px}.i-monitor-playback .speed-bar button,.replay-page .speed-bar button{padding:2px 8px;font-size:11px;border-radius:3px;background:0 0;color:#888;border:none;cursor:pointer;font-family:"Space Mono",monospace;transition:all .15s}.i-monitor-playback .speed-bar button:hover,.replay-page .speed-bar button:hover{color:#ccc;background:rgba(255,255,255,.06)}.i-monitor-playback .speed-bar button.active,.replay-page .speed-bar button.active{background:#00c07f;color:#000;font-weight:600}@keyframes blink-sep{0%,100%{opacity:1}}.el-message.i-notify{--el-message-text-color:var(--el-color-white)}.el-message.i-notify .el-icon.el-message__icon{color:var(--el-color-white)}.el-message.i-notify.el-message--success{--el-message-bg-color:var(--el-color-success)}.el-message.i-notify.el-message--warning{--el-message-bg-color:var(--el-color-warning)}.el-message.i-notify.el-message--error{--el-message-bg-color:var(--el-color-error)}.el-message.i-notify.el-message--info{--el-message-bg-color:var(--el-color-info)}.el-dialog.i-dialog{padding:0!important}.el-dialog.i-dialog .el-dialog__header{margin-top:0;margin-right:0;height:50px;border-bottom:1px solid var(--el-border-color-lighter);padding:0;display:inline-flex;align-items:center;width:100%;position:relative}.el-dialog.i-dialog .el-dialog__header .el-dialog__title{padding-left:20px}.el-dialog.i-dialog .el-dialog__header .el-dialog__title::before{content:"";display:inline-block;position:absolute;top:17px;left:10px;width:4px;height:18px;border-radius:2px;background-color:var(--el-color-primary)}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn{width:30px;height:30px;top:13px;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .3s;margin-right:10px}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{font-size:16px;transition:all .3s}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{background-color:transparent}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn:hover{background-color:var(--el-color-danger)}.el-dialog.i-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:#fff!important}.el-dialog.i-dialog .el-dialog__body{padding:10px}.el-dialog.i-dialog.i-dialog__empty_footer .el-dialog__footer{display:none}.el-dialog.i-dialog .el-dialog__footer{border-top:1px solid var(--el-border-color-lighter)}.t-link{font-size:15px!important;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-weight:500;transition:all .3s;text-decoration:none!important}.t-link+.t-link{margin-left:12px}.t-link .t-link-icon{padding:0 4px 0 0}.t-link .t-link-icon .iconfont{font-size:14px}.t-link.el-link.is-disabled{color:var(--el-link-disabled-text-color)!important}.i-tzj-player{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background-color:#000;color:#fff;font-size:14px}.i-tzj-player .i-tzj-player-content{width:100%;height:100%;background-color:#000}.i-tzj-player .i-tzj-easyPlayer,.i-tzj-player .i-tzj-xgplayer,.i-tzj-player .i-tzj-ysplayer{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.i-tzj-player .i-tzj-xgplayer{width:100%;height:100%;display:flex;flex-direction:column}.i-tzj-player .i-tzj-xgplayer__top{padding:8px 12px;background:rgba(0,0,0,.7);color:#fff;font-size:14px;display:flex;align-items:center}.i-tzj-player .i-tzj-xgplayer__browser-tip{flex:1;display:flex;align-items:center;justify-content:center;background:#000;color:#fff}.i-tzj-player .i-tzj-xgplayer__browser-tip .browser-tip-content{background:rgba(255,152,0,.1);border:1px solid #ff9800;border-radius:4px;padding:20px;text-align:center;max-width:80%;display:flex;align-items:center;font-size:14px}.i-tzj-player__error{display:flex;flex-direction:column;position:absolute;z-index:999;top:0;left:0;width:100%;height:100%;background-color:#000;color:#efefef;font-size:12px}.i-tzj-player__error_content{flex:1;height:0;display:flex;align-items:center;justify-content:center}.i-tzj-player .i-tzj-easyPlayer__top,.i-tzj-player .i-tzj-xgplayer__top{display:flex;align-items:center;justify-content:flex-start;width:100%;height:32px;background-color:rgba(43,51,63,.7);color:#fff;font-size:12px}.i-tzj-player .i-tzj-easyPlayer__top .iconfont,.i-tzj-player .i-tzj-xgplayer__top .iconfont{margin-right:4px;margin-left:10px;font-size:12px}.i-tzj-player .i-tzj-easyPlayer--custom .easyplayer-controls{display:none}.i-tzj-player .i-easy-player-bar{display:flex;position:absolute;z-index:10;bottom:0;left:0;align-items:center;justify-content:space-between;width:100%;height:40px;background-color:rgba(43,51,63,.7);-webkit-user-select:none;user-select:none}.i-tzj-player .i-easy-player-bar-item{display:inline-flex;align-items:center;justify-content:flex-start;height:100%}.i-tzj-player .i-easy-player-bar-item .i-easy-player-bottom-bar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer}.i-tzj-player .i-easy-player-bar-item .i-easy-player-bottom-bar .iconfont{color:#c7c9ce;font-size:20px}.i-tzj-player .i-easy-player-bar-item .i-easy-player-bottom-bar:hover .iconfont{color:#fff}.i-tzj-player .i-easy-player-bar-item .i-easy-player-bottom-bar+.i-easy-player-bottom-bar{margin-left:4px}.i-tzj-player__voice-default{display:flex;position:absolute;z-index:10;top:6px;right:6px;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:14px;color:#fff;font-size:12px;text-align:center}.i-tzj-player__voice-success{background-color:#67c23a}.i-tzj-player__voice-info{background-color:#909399}.i-tzj-player__voice-error{background-color:#f56c6c}