{"version":3,"sources":["webpack://jerri-ui/src/components/videoPlayer/F:/All project/JR-UI-pub/src/components/videoPlayer/videoPlayer.scss","webpack://jerri-ui/src/components/videoPlayer/F:/All project/JR-UI-pub/src/components/videoPlayer/videoPlayer.vue"],"names":[],"mappings":"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","file":"style.css","sourcesContent":[".dplayer-icons-seed {\r\n  display: inline-block;\r\n  position: relative;\r\n\r\n  .seed-menu {\r\n    position: absolute;\r\n    display: none;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    bottom: 40px;\r\n    left: -35px;\r\n    font-size: 13px;\r\n    padding: 20px 30px;\r\n    color: #fff;\r\n\r\n    li {\r\n      padding-bottom: 20px;\r\n      text-align: center;\r\n      cursor: pointer;\r\n\r\n      &:last-child {\r\n        padding-bottom: 0;\r\n      }\r\n\r\n      &:hover {\r\n        color: #00be06;\r\n      }\r\n    }\r\n\r\n    .speed-active {\r\n      color: #00be06;\r\n    }\r\n  }\r\n\r\n  .seed-show {\r\n    display: block;\r\n  }\r\n\r\n  .seed-text {\r\n    color: #fff;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    display: inline-block;\r\n    margin-top: -1.5px;\r\n    margin-right: 10px;\r\n    vertical-align: text-top;\r\n\r\n    &:hover {\r\n      color: #00cc4c;\r\n    }\r\n  }\r\n}\r\n\r\n.dplayer-volume,\r\n.dplayer-full-in-icon {\r\n  display: none !important;\r\n}\r\n\r\n.dplayer-controller .dplayer-icons .dplayer-full {\r\n  margin-top: -1px;\r\n}\r\n\r\n.dplayer-controller .dplayer-icons {\r\n  bottom: 1px;\r\n}\r\n\r\n.dplayer-controller .dplayer-bar-wrap .dplayer-bar-time,\r\n[data-balloon][data-balloon-pos=\"up\"]:after {\r\n  border-radius: 2px;\r\n}\r\n\r\n.dplayer-comment-icon,\r\n.dplayer-setting .dplayer-icon-content {\r\n  display: none !important;\r\n}\r\n\r\n.vocie-change {\r\n  .voice-box {\r\n    position: relative;\r\n    height: 100%;\r\n  }\r\n\r\n  .voice-container {\r\n    width: 2px;\r\n    background: #ddd;\r\n    height: 85px;\r\n    position: absolute;\r\n    bottom: 18px;\r\n    left: 48%;\r\n    cursor: pointer;\r\n\r\n    .voice-progress {\r\n      position: absolute;\r\n      left: 0.2px;\r\n      bottom: 0;\r\n      width: 2px;\r\n      height: 59.3px;\r\n      background: #00ff00;\r\n    }\r\n\r\n    .voice-progress-point {\r\n      position: absolute;\r\n      left: -4px;\r\n      top: 25.6px;\r\n      width: 11px;\r\n      height: 11px;\r\n      margin-top: -6px;\r\n      background-color: #ffffff;\r\n      border-radius: 50%;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n\r\n.player-box {\r\n  position: relative;\r\n  background-image: linear-gradient(#415166, #131c23);\r\n}\r\n\r\n.dplayer-comment {\r\n  position: relative;\r\n  display: inline-block !important;\r\n  width: 1px;\r\n  vertical-align: top;\r\n}\r\n\r\n.dplayer-controller {\r\n  padding: 0 !important;\r\n  transition: all 0.2s !important;\r\n  background-color: rgba(0, 21, 32, 0.5);\r\n}\r\n\r\n.dplayer-controller .dplayer-bar-wrap {\r\n  width: 100% !important;\r\n  padding: 0;\r\n  bottom: 41px;\r\n}\r\n\r\n.dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon {\r\n  padding-right: 0;\r\n}\r\n\r\n.dplayer-controller,\r\n.dplayer-controller-mask {\r\n  z-index: 10;\r\n}\r\n\r\n.dplayer-ptime,\r\n.dplayer-dtime {\r\n  font-size: 12px;\r\n}\r\n\r\n.dplayer svg circle,\r\n.dplayer svg path {\r\n  fill: rgba(255, 255, 255, 0.7);\r\n\r\n  &:hover {\r\n    fill: rgba(0, 255, 0, 1);\r\n  }\r\n}\r\n\r\n.dplayer-dtime {\r\n  margin-left: -2px;\r\n  color: #96a3ac;\r\n}\r\n\r\n.dplayer-menu-show {\r\n  display: none !important;\r\n}\r\n\r\n.dplayer-full {\r\n  vertical-align: top;\r\n}\r\n\r\n.dplayer-full-icon .dplayer-icon-content {\r\n  background-image: url(\"#{$--cdn-images}/videoPlayer/i_forbig_nor.png\");\r\n  height: 20px;\r\n  width: 20px;\r\n  margin-top: -3px;\r\n  display: inline-block;\r\n  vertical-align: top;\r\n  margin-top: -5px;\r\n\r\n  &:hover {\r\n    background-image: url(\"#{$--cdn-images}/videoPlayer/i_forbig_hov.png\");\r\n  }\r\n\r\n  svg {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.dplayer-full-icon .player-full {\r\n  background-image: url(\"#{$--cdn-images}/videoPlayer/i_forsmall_nor.png\");\r\n\r\n  &:hover {\r\n    background-image: url(\"#{$--cdn-images}/videoPlayer/i_forsmall_hov.png\");\r\n  }\r\n}\r\n\r\n.dplayer-controller .dplayer-icons.dplayer-icons-right {\r\n  right: 10px;\r\n}\r\n\r\n.dplayer-thumb {\r\n  background-color: #fff !important;\r\n}\r\n\r\n.dplayer-controller .dplayer-bar-wrap .dplayer-bar {\r\n  background: hsla(0, 0%, 51%, 0.5);\r\n}\r\n\r\n.dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded,\r\n.dplayer-played,\r\n.dplayer-thumb {\r\n  transition: all 0s;\r\n}\r\n\r\n.dplayer-thumb {\r\n  transition: all 0s !important;\r\n}\r\n\r\n.dplayer-bar-wrap:hover {\r\n  bottom: 48px;\r\n  transition: all 0.2s ease-out;\r\n\r\n  .dplayer-loaded,\r\n  .dplayer-played {\r\n    height: 10px !important;\r\n    transition: 0s;\r\n  }\r\n\r\n  .dplayer-bar {\r\n    height: 10px !important;\r\n    transition: all 0.2s ease-out;\r\n  }\r\n\r\n  .dplayer-thumb {\r\n    height: 16px !important;\r\n    width: 16px !important;\r\n    margin-top: -3px;\r\n  }\r\n}\r\n\r\n.dplayer-bezel .dplayer-bezel-icon {\r\n  height: 58px;\r\n  width: 58px;\r\n  background: inherit;\r\n  border: 4px solid #fff;\r\n}\r\n\r\n.dplayer-setting {\r\n  background-image: url(\"#{$--cdn-images}/videoPlayer/i_voice_nor.png\");\r\n  background-repeat: no-repeat;\r\n  height: 22px !important;\r\n  width: 22px;\r\n  margin-top: 6px;\r\n  margin-right: 4px;\r\n  cursor: pointer;\r\n  position: relative;\r\n\r\n  &:hover {\r\n    background-image: url(\"#{$--cdn-images}/videoPlayer/i_voice_hov.png\");\r\n  }\r\n}\r\n\r\n.vocie-change {\r\n  position: absolute;\r\n  width: 26px;\r\n  height: 116px;\r\n  bottom: 47px;\r\n  right: -28px;\r\n  background-image: url(\"#{$--cdn-images}/videoPlayer/btn.png\");\r\n  display: none;\r\n}\r\n\r\n.err-box {\r\n  position: absolute;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  top: 0;\r\n  text-align: center;\r\n  width: 100%;\r\n  height: 100%;\r\n  user-select: none;\r\n\r\n  span {\r\n    color: #fff;\r\n  }\r\n\r\n  a {\r\n    color: #00ff12;\r\n    border-bottom: 1px solid #00ff12;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.player {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.en-sub {\r\n  font-size: 14px;\r\n  padding: 10px 40px 0;\r\n  height: 18px;\r\n  color: rgba(255, 255, 255, 0.7);\r\n}\r\n\r\n.hide {\r\n  display: none;\r\n}\r\n\r\n.sign {\r\n  position: absolute;\r\n  top: calc(50% - 85px);\r\n  left: calc(50% - 85px);\r\n  border-radius: 100%;\r\n  background-color: #067f42;\r\n  color: #fff;\r\n  width: 170px;\r\n  height: 170px;\r\n  text-align: center;\r\n  font-size: 26px;\r\n  cursor: pointer;\r\n  padding-top: 50px;\r\n  line-height: 35px;\r\n  box-sizing: border-box !important;\r\n}\r\n\r\n.subtitle {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  color: #fff;\r\n  text-align: center;\r\n  width: 100%;\r\n  z-index: 0;\r\n  font-size: 22px;\r\n  color: #f3f8f7;\r\n  font-family: \"Microsoft YaHei\";\r\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);\r\n  user-select: none;\r\n  box-sizing: border-box;\r\n  padding: 0 40px;\r\n}\r\n\r\n.full {\r\n  font-size: 40px;\r\n\r\n  .en-sub {\r\n    font-size: 24px;\r\n    margin-top: 18px;\r\n    margin-bottom: 90px;\r\n  }\r\n}\r\n","/* 颜色变量 几种常见的颜色 参考图片\r\n-------------------------- */\r\n// 亮晶晶\r\n$--color-c0: transparent !default;\r\n// 黑色\r\n$--color-c1: #000 !default;\r\n// 输入框占位字体颜色\r\n$--color-c2: #999 !default;\r\n// 分割线/标签描边/滚动条/icon禁用\r\n$--color-c3: #abc0ba !default;\r\n// 表头背景\r\n$--color-c4: #e2e9e7 !default;\r\n// 内容区域底色\r\n$--color-c5: #f9fbf9 !default;\r\n// 白色\r\n$--color-c6: #fff !default;\r\n// 菜单栏/各类大标题\r\n$--color-c7: #003f2d !default;\r\n// 按钮/图标/字体点亮\r\n$--color-c8: #067f42 !default;\r\n// VI色/按钮hover色\r\n$--color-c9: #1aa849 !default;\r\n// 下拉条选中/弹窗选中\r\n$--color-c10: #e3f7e3 !default;\r\n// 强调/提醒/警示\r\n$--color-c11: #ff5c54 !default;\r\n// 强调/提醒\r\n$--color-c12: #ff8e00 !default;\r\n// 下拉选项字体颜色\r\n$--color-c13: #333 !default;\r\n// 滚动条背景色\r\n$--color-c14: #eff4ef !default;\r\n// 弹窗标题背景色\r\n$--color-c15: #1f6c44 !default;\r\n// 禁用输入框背景色\r\n$--color-c16: #f7f9f9 !default;\r\n// 禁用输入框字体颜色\r\n$--color-c17: #666 !default;\r\n// 白色按钮禁用字体颜色 滚动条hover颜色 + -号按钮默认字体颜色\r\n$--color-c18: #7e9e94 !default;\r\n// 弹窗关闭icon的hover色\r\n$--color-c19: #00ff06 !default;\r\n\r\n/* 字体大小，以衣服尺码数来区分大小 XXS、XS、S、M、L、XL、XXL、XXXL\r\n-------------------------- */\r\n$--font-xxl: 32px !default;\r\n$--font-xl: 26px !default;\r\n$--font-l: 24px !default;\r\n$--font-m: 16px !default;\r\n$--font-s: 15px !default;\r\n$--font-xs: 14px !default;\r\n$--font-xxs: 13px !default;\r\n$--font-xxxs: 12px !default;\r\n\r\n/* 圆角\r\n-------------------------- */\r\n$--border-radius-base: 3px !default;\r\n// ellipse tab圆角\r\n$--border-radius-tabs: 13px !default;\r\n// 滚动条\r\n$--border-radius-scroll: 2px !default;\r\n\r\n/* 阴影\r\n-------------------------- */\r\n$--box-shadow-base: 0px 1px 10px 0px rgba($--color-c1, 0.2) !default;\r\n// 按钮阴影\r\n$--box-shadow-btn: 0px 3px 3px 0px rgba(0, 63, 45, 0.45) !default;\r\n// 输入框阴影\r\n$--box-shadow-input: 0 0 0 2px rgba(26, 168, 73, 0.3) !default;\r\n// tabs阴影\r\n$--box-shadow-tabs: 0px -1px 1px 0px rgba($--color-c1, 0.06) !default;\r\n$--box-shadow-ellipse: 0px 2px 6px 0px rgba(38, 50, 56, 0.16) !default;\r\n\r\n/* 高度\r\n-------------------------- */\r\n// 输入框高度\r\n$--height-input: 32px !default;\r\n\r\n/* 宽度\r\n-------------------------- */\r\n// 外框菜单宽度\r\n$--width-menu: 180px !default;\r\n\r\n/* 距离\r\n-------------------------- */\r\n// 表单之间默认距离\r\n$--distance-form: 16px !default;\r\n\r\n// 需适配屏幕分辨率\r\n$--screen-s: 1366px !default;\r\n$--screen-m: 1600px !default;\r\n\r\n// cdn地址\r\n$--cdn-url: \"//cdn.ymm.cn/CDN\";\r\n$--cdn-images: \"#{$--cdn-url}/jerri-ui/assets/images\";\r\n\n// 弹性布局居中\r\n@mixin center {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n// 占位符混入\r\n@mixin placeholder($color) {\r\n  &::-webkit-input-placeholder {\r\n    color: $color;\r\n  }\r\n}\r\n\r\n// 消除字体上下间距\r\n@mixin removeSpace($size) {\r\n  font-size: $size;\r\n  line-height: $size;\r\n}\r\n\r\n// 多行文本显示省略号\r\n@mixin rowHide($row) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  word-break: break-all;\r\n  display: -webkit-box;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-line-clamp: $row;\r\n  cursor: default;\r\n}\r\n\r\n// 单行文本显示省略号\r\n@mixin ellip {\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n\r\n// 滚动条混入\r\n@mixin scroll-bar {\r\n  ::-webkit-scrollbar {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  /*定义滚动条轨道*/\r\n  ::-webkit-scrollbar-track {\r\n    background-color: $--color-c14;\r\n  }\r\n\r\n  /*定义滑块*/\r\n  ::-webkit-scrollbar-thumb {\r\n    border-radius: $--border-radius-scroll;\r\n    background-color: $--color-c3;\r\n\r\n    &:hover {\r\n      background-color: $--color-c18;\r\n    }\r\n  }\r\n}\r\n\r\n// 媒体查询最大宽度混入 默认1600\r\n@mixin less-resolution($max-width: $--screen-m) {\r\n  @media screen and (max-width: $max-width) {\r\n    @content;\r\n  }\r\n}\r\n\r\n// 弹性布局垂直居中 水平根据参数对齐 默认靠两端平分\r\n@mixin flex-justify($align: space-between) {\r\n  display: flex;\r\n  justify-content: $align;\r\n  align-items: center;\r\n}\r\n\n\r\n.player-close {\r\n  z-index: 1;\r\n  position: absolute;\r\n  right: 0px;\r\n  top: 0px;\r\n\r\n  span {\r\n    width: 25px;\r\n    height: 25px;\r\n    background-color: rgba($--color-c1, 0.7);\r\n    display: inline-block;\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: $--color-c11;\r\n    }\r\n  }\r\n\r\n  i {\r\n    color: $--color-c6;\r\n    font-size: 24px;\r\n    margin-top: 1px;\r\n    display: inline-block;\r\n  }\r\n}\r\n"]}