.iconfont[data-v-0c690e66] {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-replay[data-v-0c690e66]:before {
  content: '\e631';
}
.icon-pip[data-v-0c690e66]:before {
  content: '\e820';
}
.icon-loading[data-v-0c690e66]:before {
  content: '\e62e';
}
.icon-play[data-v-0c690e66]:before {
  content: '\e851';
}
.icon-pause[data-v-0c690e66]:before {
  content: '\e863';
}
.icon-screen[data-v-0c690e66]:before {
  content: '\e88f';
}
.icon-web-screen[data-v-0c690e66]:before {
  content: '\e609';
}
.icon-settings[data-v-0c690e66]:before {
  content: '\e60c';
}
.icon-volume-down[data-v-0c690e66]:before {
  content: '\e60d';
}
.icon-volume-up[data-v-0c690e66]:before {
  content: '\e60e';
}
.icon-volume-mute[data-v-0c690e66]:before {
  content: '\e60f';
}
.d-icon[data-v-0c690e66] {
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.d-player-top[data-v-4cb76d59] {
  position: absolute;
  font-size: 16px;
  left: 0px;
  top: 0;
  right: 0px;
  color: #fff;
  display: flex;
  padding: 0 20px;
  height: 60px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), transparent);
  justify-content: space-between;
}
.iconfont[data-v-ac2469ec] {
  display: inline-block;
}
.d-flex-x[data-v-ac2469ec],
.d-flex-y[data-v-ac2469ec],
.d-flex-center[data-v-ac2469ec] {
  display: flex;
}
.d-flex-x[data-v-ac2469ec] {
  align-items: center;
}
.d-flex-y[data-v-ac2469ec] {
  justify-content: center;
}
.d-flex-center[data-v-ac2469ec] {
  justify-content: center;
  align-items: center;
}
.mr5[data-v-ac2469ec] {
  margin-right: 5px;
}
.mr10[data-v-ac2469ec] {
  margin-right: 10px;
}
.ml5[data-v-ac2469ec] {
  margin-left: 5px;
}
.ml10[data-v-ac2469ec] {
  margin-left: 10px;
}
.d-pointer[data-v-ac2469ec] {
  cursor: pointer;
}
.d-status[data-v-ac2469ec] {
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.8);
  padding: 0 8px;
  height: 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  color: #fffffff2;
}
.d-status .d-status-icon[data-v-ac2469ec] {
  width: 24px !important;
  display: inline-block;
  margin-right: 5px;
}
.d-switch[data-v-385f7870] {
  position: relative;
  height: 18px;
  transition: background 0.2s;
  width: var(--014e5dc0);
  background: #757575;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.d-switch .d-switch__input[data-v-385f7870] {
  position: relative;
  z-index: 1;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.d-switch .d-switch_action[data-v-385f7870] {
  position: absolute;
  transition: 0.2s;
  left: 2px;
  top: 2px;
  z-index: 0;
  height: 14px;
  width: 14px;
  background: #fff;
  border-radius: 50%;
}
.d-switch.is-checked[data-v-385f7870] {
  background: var(--e4e32852);
}
.d-switch.is-checked .d-switch_action[data-v-385f7870] {
  left: 100%;
  background: #fff;
  margin-left: -18px;
}
@font-face {
  font-family: 'iconfont';
  src: url(data:font/woff2;base64,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)
    format('woff2');
}
.iconfont[data-v-b2384226] {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-replay[data-v-b2384226]:before {
  content: '\e631';
}
.icon-pip[data-v-b2384226]:before {
  content: '\e820';
}
.icon-loading[data-v-b2384226]:before {
  content: '\e62e';
}
.icon-play[data-v-b2384226]:before {
  content: '\e851';
}
.icon-pause[data-v-b2384226]:before {
  content: '\e863';
}
.icon-screen[data-v-b2384226]:before {
  content: '\e88f';
}
.icon-web-screen[data-v-b2384226]:before {
  content: '\e609';
}
.icon-settings[data-v-b2384226]:before {
  content: '\e60c';
}
.icon-volume-down[data-v-b2384226]:before {
  content: '\e60d';
}
.icon-volume-up[data-v-b2384226]:before {
  content: '\e60e';
}
.icon-volume-mute[data-v-b2384226]:before {
  content: '\e60f';
}
html[data-v-b2384226],
body[data-v-b2384226],
div[data-v-b2384226],
span[data-v-b2384226],
applet[data-v-b2384226],
object[data-v-b2384226],
iframe[data-v-b2384226],
h1[data-v-b2384226],
h2[data-v-b2384226],
h3[data-v-b2384226],
h4[data-v-b2384226],
h5[data-v-b2384226],
h6[data-v-b2384226],
p[data-v-b2384226],
blockquote[data-v-b2384226],
pre[data-v-b2384226],
a[data-v-b2384226],
abbr[data-v-b2384226],
acronym[data-v-b2384226],
address[data-v-b2384226],
big[data-v-b2384226],
cite[data-v-b2384226],
code[data-v-b2384226],
del[data-v-b2384226],
dfn[data-v-b2384226],
em[data-v-b2384226],
img[data-v-b2384226],
ins[data-v-b2384226],
kbd[data-v-b2384226],
q[data-v-b2384226],
s[data-v-b2384226],
samp[data-v-b2384226],
small[data-v-b2384226],
strike[data-v-b2384226],
strong[data-v-b2384226],
sub[data-v-b2384226],
sup[data-v-b2384226],
tt[data-v-b2384226],
var[data-v-b2384226],
b[data-v-b2384226],
u[data-v-b2384226],
i[data-v-b2384226],
center[data-v-b2384226],
dl[data-v-b2384226],
dt[data-v-b2384226],
dd[data-v-b2384226],
ol[data-v-b2384226],
ul[data-v-b2384226],
li[data-v-b2384226],
fieldset[data-v-b2384226],
form[data-v-b2384226],
label[data-v-b2384226],
legend[data-v-b2384226],
table[data-v-b2384226],
caption[data-v-b2384226],
tbody[data-v-b2384226],
tfoot[data-v-b2384226],
thead[data-v-b2384226],
tr[data-v-b2384226],
th[data-v-b2384226],
td[data-v-b2384226],
article[data-v-b2384226],
aside[data-v-b2384226],
canvas[data-v-b2384226],
details[data-v-b2384226],
embed[data-v-b2384226],
figure[data-v-b2384226],
figcaption[data-v-b2384226],
footer[data-v-b2384226],
header[data-v-b2384226],
hgroup[data-v-b2384226],
menu[data-v-b2384226],
nav[data-v-b2384226],
output[data-v-b2384226],
ruby[data-v-b2384226],
section[data-v-b2384226],
summary[data-v-b2384226],
time[data-v-b2384226],
mark[data-v-b2384226],
audio[data-v-b2384226],
video[data-v-b2384226] {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article[data-v-b2384226],
aside[data-v-b2384226],
details[data-v-b2384226],
figcaption[data-v-b2384226],
figure[data-v-b2384226],
footer[data-v-b2384226],
header[data-v-b2384226],
hgroup[data-v-b2384226],
menu[data-v-b2384226],
nav[data-v-b2384226],
section[data-v-b2384226] {
  display: block;
}
body[data-v-b2384226] {
  line-height: 1;
}
ol[data-v-b2384226],
ul[data-v-b2384226] {
  list-style: none;
}
blockquote[data-v-b2384226],
q[data-v-b2384226] {
  quotes: none;
}
blockquote[data-v-b2384226]:before,
blockquote[data-v-b2384226]:after,
q[data-v-b2384226]:before,
q[data-v-b2384226]:after {
  content: '';
  content: none;
}
table[data-v-b2384226] {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea[data-v-b2384226] {
  font-family: inherit;
}
.iconfont[data-v-b2384226] {
  display: inline-block;
}
.d-flex-x[data-v-b2384226],
.d-flex-y[data-v-b2384226],
.d-flex-center[data-v-b2384226] {
  display: flex;
}
.d-flex-x[data-v-b2384226] {
  align-items: center;
}
.d-flex-y[data-v-b2384226] {
  justify-content: center;
}
.d-flex-center[data-v-b2384226] {
  justify-content: center;
  align-items: center;
}
.mr5[data-v-b2384226] {
  margin-right: 5px;
}
.mr10[data-v-b2384226] {
  margin-right: 10px;
}
.ml5[data-v-b2384226] {
  margin-left: 5px;
}
.ml10[data-v-b2384226] {
  margin-left: 10px;
}
.d-pointer[data-v-b2384226] {
  cursor: pointer;
}
.rotating[data-v-b2384226] {
  animation: rotating-b2384226 2s linear infinite;
}
@keyframes rotating-b2384226 {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.d-fade-in-enter-active[data-v-b2384226],
.d-fade-in-leave-active[data-v-b2384226] {
  transition: 0.5s;
}
.d-fade-in-enter-from[data-v-b2384226],
.d-fade-in-leave-to[data-v-b2384226] {
  opacity: 0;
}
.d-scale-out-enter-active[data-v-b2384226],
.d-scale-out-leave-active[data-v-b2384226] {
  transition: 0.3s;
}
.d-scale-out-leave-to[data-v-b2384226] {
  transform: scale(1.3);
  opacity: 0;
}
.rotateHover[data-v-b2384226] {
  transition: 0.2s;
}
.rotateHover[data-v-b2384226]:hover {
  transform: rotate(90deg);
}
.f50[data-v-b2384226] {
  font-size: 50px;
}
.f24[data-v-b2384226] {
  font-size: 24px;
}
.d-loading[data-v-b2384226] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  color: #efefef;
  text-align: center;
  font-size: 13px;
}
.d-slider[data-v-5a794390] {
  position: relative;
}
.d-slider .d-slider__runway[data-v-5a794390] {
  width: 100%;
  height: var(--5242b67b);
  background-color: #333;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.d-slider .d-slider__runway .d-slider__cursor[data-v-5a794390],
.d-slider .d-slider__runway .d-slider__preload[data-v-5a794390],
.d-slider .d-slider__runway .d-slider__bar[data-v-5a794390] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.d-slider .d-slider__runway .d-slider__cursor[data-v-5a794390] {
  display: none;
  z-index: 1;
  width: 1px;
  background: #fff;
  pointer-events: none;
}
.d-slider .d-slider__runway .d-slider__cursor .d-slider__tips[data-v-5a794390] {
  pointer-events: none;
  color: #fff;
  position: absolute;
  white-space: nowrap;
  z-index: 2;
  bottom: 14px;
  left: 50%;
  padding: 4px;
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  transform: translate(-50%);
}
.d-slider .d-slider__runway:hover .d-slider__cursor[data-v-5a794390] {
  display: block;
}
.d-slider .d-slider__runway .d-slider__preload[data-v-5a794390] {
  background: #717171;
}
.d-slider .d-slider__runway .d-slider__bar[data-v-5a794390] {
  background: linear-gradient(to right, #52a0fd 0%, #00e2fa 80%, #00e2fa 100%);
}
.d-slider .d-slider__runway .d-slider__bar[data-v-5a794390]:before {
  display: block;
  content: '';
  position: absolute;
  right: -6px;
  top: 50%;
  width: 12px;
  height: 12px;
  transition: 0.2s;
  transform: translateY(-50%) scale(1);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 5px #409eff;
}
.d-slider.is-vertical[data-v-5a794390] {
  height: 100%;
  display: inline-block;
}
.d-slider.is-vertical .d-slider__runway[data-v-5a794390] {
  position: relative;
  height: 100%;
  width: var(--5242b67b);
  margin: 0 6px;
}
.d-slider.is-vertical .d-slider__runway .d-slider__preload[data-v-5a794390],
.d-slider.is-vertical .d-slider__runway .d-slider__bar[data-v-5a794390],
.d-slider.is-vertical .d-slider__runway .d-slider__cursor[data-v-5a794390] {
  bottom: 0;
  top: auto;
  width: 100%;
}
.d-slider.is-vertical .d-slider__runway .d-slider__cursor[data-v-5a794390] {
  height: 1px;
}
.d-slider.is-vertical .d-slider__runway .d-slider__bar[data-v-5a794390]:before {
  top: -6px;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%) scale(1);
}
html[data-v-570fa0d1],
body[data-v-570fa0d1],
div[data-v-570fa0d1],
span[data-v-570fa0d1],
applet[data-v-570fa0d1],
object[data-v-570fa0d1],
iframe[data-v-570fa0d1],
h1[data-v-570fa0d1],
h2[data-v-570fa0d1],
h3[data-v-570fa0d1],
h4[data-v-570fa0d1],
h5[data-v-570fa0d1],
h6[data-v-570fa0d1],
p[data-v-570fa0d1],
blockquote[data-v-570fa0d1],
pre[data-v-570fa0d1],
a[data-v-570fa0d1],
abbr[data-v-570fa0d1],
acronym[data-v-570fa0d1],
address[data-v-570fa0d1],
big[data-v-570fa0d1],
cite[data-v-570fa0d1],
code[data-v-570fa0d1],
del[data-v-570fa0d1],
dfn[data-v-570fa0d1],
em[data-v-570fa0d1],
img[data-v-570fa0d1],
ins[data-v-570fa0d1],
kbd[data-v-570fa0d1],
q[data-v-570fa0d1],
s[data-v-570fa0d1],
samp[data-v-570fa0d1],
small[data-v-570fa0d1],
strike[data-v-570fa0d1],
strong[data-v-570fa0d1],
sub[data-v-570fa0d1],
sup[data-v-570fa0d1],
tt[data-v-570fa0d1],
var[data-v-570fa0d1],
b[data-v-570fa0d1],
u[data-v-570fa0d1],
i[data-v-570fa0d1],
center[data-v-570fa0d1],
dl[data-v-570fa0d1],
dt[data-v-570fa0d1],
dd[data-v-570fa0d1],
ol[data-v-570fa0d1],
ul[data-v-570fa0d1],
li[data-v-570fa0d1],
fieldset[data-v-570fa0d1],
form[data-v-570fa0d1],
label[data-v-570fa0d1],
legend[data-v-570fa0d1],
table[data-v-570fa0d1],
caption[data-v-570fa0d1],
tbody[data-v-570fa0d1],
tfoot[data-v-570fa0d1],
thead[data-v-570fa0d1],
tr[data-v-570fa0d1],
th[data-v-570fa0d1],
td[data-v-570fa0d1],
article[data-v-570fa0d1],
aside[data-v-570fa0d1],
canvas[data-v-570fa0d1],
details[data-v-570fa0d1],
embed[data-v-570fa0d1],
figure[data-v-570fa0d1],
figcaption[data-v-570fa0d1],
footer[data-v-570fa0d1],
header[data-v-570fa0d1],
hgroup[data-v-570fa0d1],
menu[data-v-570fa0d1],
nav[data-v-570fa0d1],
output[data-v-570fa0d1],
ruby[data-v-570fa0d1],
section[data-v-570fa0d1],
summary[data-v-570fa0d1],
time[data-v-570fa0d1],
mark[data-v-570fa0d1],
audio[data-v-570fa0d1],
video[data-v-570fa0d1] {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article[data-v-570fa0d1],
aside[data-v-570fa0d1],
details[data-v-570fa0d1],
figcaption[data-v-570fa0d1],
figure[data-v-570fa0d1],
footer[data-v-570fa0d1],
header[data-v-570fa0d1],
hgroup[data-v-570fa0d1],
menu[data-v-570fa0d1],
nav[data-v-570fa0d1],
section[data-v-570fa0d1] {
  display: block;
}
body[data-v-570fa0d1] {
  line-height: 1;
}
ol[data-v-570fa0d1],
ul[data-v-570fa0d1] {
  list-style: none;
}
blockquote[data-v-570fa0d1],
q[data-v-570fa0d1] {
  quotes: none;
}
blockquote[data-v-570fa0d1]:before,
blockquote[data-v-570fa0d1]:after,
q[data-v-570fa0d1]:before,
q[data-v-570fa0d1]:after {
  content: '';
  content: none;
}
table[data-v-570fa0d1] {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea[data-v-570fa0d1] {
  font-family: inherit;
}
.iconfont[data-v-570fa0d1] {
  display: inline-block;
}
.d-flex-x[data-v-570fa0d1],
.d-flex-y[data-v-570fa0d1],
.d-flex-center[data-v-570fa0d1] {
  display: flex;
}
.d-flex-x[data-v-570fa0d1] {
  align-items: center;
}
.d-flex-y[data-v-570fa0d1] {
  justify-content: center;
}
.d-flex-center[data-v-570fa0d1] {
  justify-content: center;
  align-items: center;
}
.mr5[data-v-570fa0d1] {
  margin-right: 5px;
}
.mr10[data-v-570fa0d1] {
  margin-right: 10px;
}
.ml5[data-v-570fa0d1] {
  margin-left: 5px;
}
.ml10[data-v-570fa0d1] {
  margin-left: 10px;
}
.d-pointer[data-v-570fa0d1] {
  cursor: pointer;
}
.rotating[data-v-570fa0d1] {
  animation: rotating-570fa0d1 2s linear infinite;
}
@keyframes rotating-570fa0d1 {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.d-fade-in-enter-active[data-v-570fa0d1],
.d-fade-in-leave-active[data-v-570fa0d1] {
  transition: 0.5s;
}
.d-fade-in-enter-from[data-v-570fa0d1],
.d-fade-in-leave-to[data-v-570fa0d1] {
  opacity: 0;
}
.d-scale-out-enter-active[data-v-570fa0d1],
.d-scale-out-leave-active[data-v-570fa0d1] {
  transition: 0.3s;
}
.d-scale-out-leave-to[data-v-570fa0d1] {
  transform: scale(1.3);
  opacity: 0;
}
.rotateHover[data-v-570fa0d1] {
  transition: 0.2s;
}
.rotateHover[data-v-570fa0d1]:hover {
  transform: rotate(90deg);
}
.d-player-contextmenu[data-v-570fa0d1],
.d-player-dialog[data-v-570fa0d1] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 50px;
  width: 100%;
  z-index: 5;
}
.d-player-contextmenu .d-player-copyText[data-v-570fa0d1] {
  opacity: 0;
}
.d-player-contextmenu .d-player-contextmenu-body[data-v-570fa0d1] {
  position: absolute;
  border-radius: 5px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #efefef;
  text-align: left;
  width: 130px;
  box-sizing: border-box;
  padding: 5px 0;
}
.d-player-contextmenu .d-player-contextmenu-body li[data-v-570fa0d1] {
  padding: 8px 20px;
  margin: 0;
  cursor: pointer;
  transition: 0.2s;
}
.d-player-contextmenu .d-player-contextmenu-body li[data-v-570fa0d1]:hover {
  background-color: #ffffff1a;
}
.d-player-dialog[data-v-570fa0d1] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-player-dialog .d-player-dialog-body[data-v-570fa0d1] {
  background-color: #212121e6;
  border-radius: 5px;
  color: #fff;
  min-width: 200px;
  padding: 0 0 10px;
}
.d-player-dialog .d-player-dialog-body .d-player-dialog-title[data-v-570fa0d1] {
  position: relative;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 10px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.d-player-dialog .d-player-dialog-body .d-player-dialog-title .icon-close[data-v-570fa0d1] {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.d-player-dialog .d-player-dialog-body .d-player-hotkey-panel[data-v-570fa0d1] {
  font-size: 12px;
  color: #eee;
  padding-right: 40px;
}
.d-player-dialog .d-player-dialog-body .d-player-hotkey-panel .d-player-hotkey-panel-item[data-v-570fa0d1] {
  line-height: 26px;
}
.d-player-dialog .d-player-dialog-body .d-player-hotkey-panel .d-player-hotkey-panel-item span[data-v-570fa0d1] {
  text-align: center;
  display: inline-block;
  width: 120px;
}
.d-player-dialog .d-player-dialog-body .d-player-hotkey-panel .d-player-hotkey-panel-item span[data-v-570fa0d1]:nth-child(2) {
  color: #999;
  width: 160px;
}
.d-player-dialog .d-player-dialog-body .d-player-filter-panel[data-v-570fa0d1] {
  width: 320px;
  padding: 0 20px;
}
.d-player-dialog .d-player-dialog-body .d-player-filter-panel .d-player-filter-reset[data-v-570fa0d1] {
  cursor: pointer;
  margin-top: 10px;
  padding: 3px 20px;
  display: inline-block;
  border-radius: 2px;
  font-size: 12px;
  background: rgba(133, 133, 133, 0.5);
}
.d-player-dialog .d-player-dialog-body .d-player-filter-panel .d-player-filter-reset[data-v-570fa0d1]:hover {
  background: rgba(255, 255, 255, 0.3);
}
.d-player-dialog .d-player-dialog-body .d-player-filter-panel .d-player-filter-panel-item[data-v-570fa0d1] {
  height: 32px;
  display: flex;
  align-items: center;
}
.d-player-dialog .d-player-dialog-body .d-player-filter-panel .d-player-filter-panel-item .filter-panel-slider[data-v-570fa0d1] {
  width: 100%;
}
.d-player-dialog .d-player-dialog-body .d-player-filter-panel .d-player-filter-panel-item .filter-panel-slider[data-v-570fa0d1] .d-slider__runway {
  background-color: #999;
}
.d-player-dialog .d-player-dialog-body .d-player-filter-panel .d-player-filter-panel-item .filter-panel-slider[data-v-570fa0d1] .d-slider__runway .d-slider__bar:before {
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 5px #ffffff80;
}
.d-player-dialog .d-player-dialog-body .d-player-filter-panel .d-player-filter-panel-item span[data-v-570fa0d1] {
  font-size: 12px;
  display: block;
  width: 80px;
  text-align: center;
}
html[data-v-01791e9e],
body[data-v-01791e9e],
div[data-v-01791e9e],
span[data-v-01791e9e],
applet[data-v-01791e9e],
object[data-v-01791e9e],
iframe[data-v-01791e9e],
h1[data-v-01791e9e],
h2[data-v-01791e9e],
h3[data-v-01791e9e],
h4[data-v-01791e9e],
h5[data-v-01791e9e],
h6[data-v-01791e9e],
p[data-v-01791e9e],
blockquote[data-v-01791e9e],
pre[data-v-01791e9e],
a[data-v-01791e9e],
abbr[data-v-01791e9e],
acronym[data-v-01791e9e],
address[data-v-01791e9e],
big[data-v-01791e9e],
cite[data-v-01791e9e],
code[data-v-01791e9e],
del[data-v-01791e9e],
dfn[data-v-01791e9e],
em[data-v-01791e9e],
img[data-v-01791e9e],
ins[data-v-01791e9e],
kbd[data-v-01791e9e],
q[data-v-01791e9e],
s[data-v-01791e9e],
samp[data-v-01791e9e],
small[data-v-01791e9e],
strike[data-v-01791e9e],
strong[data-v-01791e9e],
sub[data-v-01791e9e],
sup[data-v-01791e9e],
tt[data-v-01791e9e],
var[data-v-01791e9e],
b[data-v-01791e9e],
u[data-v-01791e9e],
i[data-v-01791e9e],
center[data-v-01791e9e],
dl[data-v-01791e9e],
dt[data-v-01791e9e],
dd[data-v-01791e9e],
ol[data-v-01791e9e],
ul[data-v-01791e9e],
li[data-v-01791e9e],
fieldset[data-v-01791e9e],
form[data-v-01791e9e],
label[data-v-01791e9e],
legend[data-v-01791e9e],
table[data-v-01791e9e],
caption[data-v-01791e9e],
tbody[data-v-01791e9e],
tfoot[data-v-01791e9e],
thead[data-v-01791e9e],
tr[data-v-01791e9e],
th[data-v-01791e9e],
td[data-v-01791e9e],
article[data-v-01791e9e],
aside[data-v-01791e9e],
canvas[data-v-01791e9e],
details[data-v-01791e9e],
embed[data-v-01791e9e],
figure[data-v-01791e9e],
figcaption[data-v-01791e9e],
footer[data-v-01791e9e],
header[data-v-01791e9e],
hgroup[data-v-01791e9e],
menu[data-v-01791e9e],
nav[data-v-01791e9e],
output[data-v-01791e9e],
ruby[data-v-01791e9e],
section[data-v-01791e9e],
summary[data-v-01791e9e],
time[data-v-01791e9e],
mark[data-v-01791e9e],
audio[data-v-01791e9e],
video[data-v-01791e9e] {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article[data-v-01791e9e],
aside[data-v-01791e9e],
details[data-v-01791e9e],
figcaption[data-v-01791e9e],
figure[data-v-01791e9e],
footer[data-v-01791e9e],
header[data-v-01791e9e],
hgroup[data-v-01791e9e],
menu[data-v-01791e9e],
nav[data-v-01791e9e],
section[data-v-01791e9e] {
  display: block;
}
body[data-v-01791e9e] {
  line-height: 1;
}
ol[data-v-01791e9e],
ul[data-v-01791e9e] {
  list-style: none;
}
blockquote[data-v-01791e9e],
q[data-v-01791e9e] {
  quotes: none;
}
blockquote[data-v-01791e9e]:before,
blockquote[data-v-01791e9e]:after,
q[data-v-01791e9e]:before,
q[data-v-01791e9e]:after {
  content: '';
  content: none;
}
table[data-v-01791e9e] {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea[data-v-01791e9e] {
  font-family: inherit;
}
.d-fade-in-enter-active[data-v-01791e9e],
.d-fade-in-leave-active[data-v-01791e9e] {
  transition: 0.5s;
}
.d-fade-in-enter-from[data-v-01791e9e],
.d-fade-in-leave-to[data-v-01791e9e] {
  opacity: 0;
}
.d-scale-out-enter-active[data-v-01791e9e],
.d-scale-out-leave-active[data-v-01791e9e] {
  transition: 0.3s;
}
.d-scale-out-leave-to[data-v-01791e9e] {
  transform: scale(1.3);
  opacity: 0;
}
.rotateHover[data-v-01791e9e] {
  transition: 0.2s;
}
.rotateHover[data-v-01791e9e]:hover {
  transform: rotate(90deg);
}
.rotating[data-v-01791e9e] {
  animation: rotating-01791e9e 2s linear infinite;
}
@keyframes rotating-01791e9e {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.iconfont[data-v-01791e9e] {
  display: inline-block;
}
.d-flex-x[data-v-01791e9e],
.d-flex-y[data-v-01791e9e],
.d-flex-center[data-v-01791e9e] {
  display: flex;
}
.d-flex-x[data-v-01791e9e] {
  align-items: center;
}
.d-flex-y[data-v-01791e9e] {
  justify-content: center;
}
.d-flex-center[data-v-01791e9e] {
  justify-content: center;
  align-items: center;
}
.mr5[data-v-01791e9e] {
  margin-right: 5px;
}
.mr10[data-v-01791e9e] {
  margin-right: 10px;
}
.ml5[data-v-01791e9e] {
  margin-left: 5px;
}
.ml10[data-v-01791e9e] {
  margin-left: 10px;
}
.d-pointer[data-v-01791e9e] {
  cursor: pointer;
}
.d-player-wrap[data-v-01791e9e] {
  --primary-color: var(--51d4439c);
  width: var(--77e758a6);
  height: var(--b8a1afc0);
}
.d-player-wrap[data-v-01791e9e] {
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.d-player-wrap.web-full-screen[data-v-01791e9e] {
  z-index: 9999999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw !important;
  height: 100vh !important;
}
.d-player-wrap .d-player-video[data-v-01791e9e] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.d-player-wrap .d-player-video .d-player-video-poster[data-v-01791e9e] {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.d-player-wrap .d-player-video .d-player-video-poster img[data-v-01791e9e] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.d-player-wrap .d-player-video .d-player-video-main[data-v-01791e9e] {
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
.d-player-wrap .d-player-video .d-player-video-main.video-mirror[data-v-01791e9e] {
  transform: rotateY(180deg);
}
.d-player-wrap .d-player-control[data-v-01791e9e] {
  transition: 0.1s;
  transform: translateY(40px);
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  height: 50px;
  width: 100%;
  color: #fff;
}
.d-player-wrap .d-player-control .d-control-progress[data-v-01791e9e] {
  width: 100%;
  position: relative;
  height: 10px;
  cursor: pointer;
}
.d-player-wrap .d-player-control .d-control-progress .d-progress-bar[data-v-01791e9e] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  transition: height 0.1s;
  height: 3px;
  z-index: 1;
}
.d-player-wrap .d-player-control .d-control-progress .d-progress-bar[data-v-01791e9e] .d-slider__runway {
  transition: height 0.1s;
  height: 100%;
}
.d-player-wrap .d-player-control .d-control-progress .d-progress-bar[data-v-01791e9e] .d-slider__runway .d-slider__bar:before {
  transform: translateY(-50%) scale(0);
}
.d-player-wrap .d-player-control .d-control-progress:hover .d-progress-bar[data-v-01791e9e] {
  height: 100%;
}
.d-player-wrap .d-player-control .d-control-progress:hover .d-progress-bar[data-v-01791e9e] .d-slider__bar:before {
  transform: translateY(-50%) scale(1) !important;
}
.d-player-wrap .d-player-control .d-control-tool[data-v-01791e9e] {
  position: absolute;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 10px;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.d-player-wrap .d-player-control .d-control-tool .d-tool-bar[data-v-01791e9e] {
  display: flex;
  height: 100%;
}
.d-player-wrap .d-player-control .d-control-tool .d-tool-bar .d-tool-item[data-v-01791e9e] {
  position: relative;
  height: 100%;
  cursor: pointer;
  text-align: center;
  padding: 0 8px;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.d-player-wrap .d-player-control .d-control-tool .d-tool-bar .d-tool-item .d-tool-item-main[data-v-01791e9e] {
  position: absolute;
  white-space: nowrap;
  z-index: 2;
  bottom: 98%;
  left: 50%;
  padding: 6px 16px;
  box-sizing: border-box;
  display: none;
  background: rgba(0, 0, 0, 0.95);
  border-radius: 5px;
  transform: translate(-50%);
}
.d-player-wrap .d-player-control .d-control-tool .d-tool-bar .d-tool-item:hover .d-tool-item-main[data-v-01791e9e] {
  display: flex;
}
.d-player-wrap .d-player-control .d-control-tool .d-tool-time[data-v-01791e9e] {
  font-size: 12px;
  color: #fff;
  font-weight: 300;
}
.d-player-wrap .d-player-control .d-control-tool .d-tool-time .total-time[data-v-01791e9e] {
  color: #fffc;
}
.d-player-wrap .d-player-control .d-control-tool .volume-box[data-v-01791e9e] {
  height: 160px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-player-wrap .d-player-control .d-control-tool .volume-box .volume-main[data-v-01791e9e] {
  height: 90%;
  display: flex;
  width: 60px;
  flex-direction: column;
  align-items: center;
}
.d-player-wrap .d-player-control .d-control-tool .volume-box .volume-main .volume-text-size[data-v-01791e9e] {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 400;
}
.d-player-wrap .d-player-control .d-control-tool .volume-box .volume-main.is-muted[data-v-01791e9e] .d-slider__bar {
  height: 0 !important;
}
.d-player-wrap .d-player-control .d-control-tool .speed-main[data-v-01791e9e] {
  padding: 0 10px;
}
.d-player-wrap .d-player-control .d-control-tool .speed-main li[data-v-01791e9e] {
  cursor: pointer;
  line-height: 34px;
  font-size: 12px;
  color: #fff;
}
.d-player-wrap .d-player-control .d-control-tool .speed-main li[data-v-01791e9e]:hover {
  opacity: 0.8;
}
.d-player-wrap .d-player-control .d-control-tool .speed-main li.speed-active[data-v-01791e9e] {
  color: rgba(var(--primary-color), 1);
  font-weight: bold;
}
.d-player-wrap.d-player-wrap-hover .d-player-control[data-v-01791e9e] {
  transform: translateY(0);
}
.d-player-state[data-v-01791e9e],
.d-player-input[data-v-01791e9e] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 1;
}
.d-player-input[data-v-01791e9e] {
  width: 100%;
  border: none;
  opacity: 0;
  cursor: default;
}
.d-play-btn[data-v-01791e9e] {
  width: 90px;
  height: 90px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000b3;
  border-radius: 50%;
}
.d-player-lightoff[data-v-01791e9e] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000000e6;
}
.is-lightoff[data-v-01791e9e] {
  z-index: 999998;
}
