.starDialogBox[data-v-3d609a4d] .v-modal {
  background: transparent;
  z-index: 199!important;
}
.starDialog[data-v-3d609a4d] {
  z-index: 200!important;
  position: absolute;
}
.starDialog .starTit[data-v-3d609a4d] {
  font-size: 14px;
  color: var(--on_surface);
  line-height: 20px;
  padding: 20px 20px 10px;
}
.starDialog[data-v-3d609a4d] .el-dialog__headerbtn {
  display: none;
}
.starDialog[data-v-3d609a4d] .el-dialog {
  background: transparent;
  z-index: 200!important;
}
.starDialog[data-v-3d609a4d] .el-dialog__body {
  border-radius: 10px;
  border: 1px solid var(--bg_default_1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--bg_default_0);
}
.starDialog .starListbox[data-v-3d609a4d] {
  padding: 10px 20px 10px;
  font-size: 14px;
  color: var(--on_surface);
  line-height: 24px;
}
.starDialog .starListbox .starList[data-v-3d609a4d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.starDialog .starListbox .starList[data-v-3d609a4d]:last-child {
  margin-bottom: 0;
}
.starDialog .starListbox .starList .starBox[data-v-3d609a4d] {
  margin-left: 14px;
}
.starDialog .starListbox .starList .starBox[data-v-3d609a4d] .el-rate {
  height: auto;
}
.starDialog .starListbox .starList .starBox[data-v-3d609a4d] .el-rate .el-icon-star-off,
.starDialog .starListbox .starList .starBox[data-v-3d609a4d] .el-rate .el-icon-star-on {
  content: '';
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAMlQTFRFAAAAv7+/n7+/n5+/qqqqr6+vprOzpqazqqq1ra2tp6+vp6evqqqxrKyzpqyzqK60qqqvp6yxqK2yqq6ypqqyp6uzqa2wqKuyp6qyqKuwqayxqqyxqKuyqauyqKyyqKywqKqwqa2xqauxqauxp6uxqauwqKuxqa2yqKyxqayxqKyyqauxqKuxqa2zqayyqqyyqq2yqayyqqyyqKyyqa2yqayyqa2yqayyqayxqayyqa2yqqyyqayyqayyqayzqayyqqyyqayyqayyipifpwAAAEJ0Uk5TAAQICAwQFBQYHCAgJCgoLDA0ODw8QERMYGRobHB0eHh4fHyAgIiMj5CUnKCkp6yzw8fL0NPb39/j5+vv7/P39/v7cmzTagAAAP5JREFUeNrtz8lSwkAUheFDBhSHoIg4xTmKIioqDh0JSc77P5SpaFJl5XZXs2PBtz5/dV+sLDHnJk6GDuzdsjCCtfU5C/kmbN2xNIQlf87Stw87l/xzDSuOIhd6ImTt3GLe2lKsqW4LBk7v6H6S8p/k9eFkvw3J6TSjzueF9HOB6RpFo49GkNEobwQTGr00gl5Kg2QXDYPEsO9DsKctZn2IdhRFKoDGtjLsRRsxG+IABlIAgzYFHegdUDCA3hkFV9B7omAMvSkFb9DyMgryFnS6rLwfHitWAuh0+EuFLuCGVbIGrWcWZpGLkhvGLDxCzxsnX5GPmh+pdORhZfn8AEF7munVvk/yAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  margin-right: 14px !important;
}
.starDialog .starListbox .starList .starBox[data-v-3d609a4d] .el-rate .el-icon-star-on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAMBQTFRFAAAA/79A/79A/6pA/69Q/69A/7NN/7NA9LVK/61J9q1J969I+LFH+bNG+bRG+q9F+rFF+rJE+7JE+7NE+LBH+LJG+rJF97BF+rFH+LFE+rJH+LJH+7JG+bJG+bBG+bFG+bFG+bBF+rFF+7JG+LFF+rFH+rJG+rFG+bFG+rNG+bJG+7JG+rJF+rJG+rJG+bJG+rJG+rJG+rJG+bFG+7JH+7JG+bJG+7JH+rJH+rJF+rJG+rJG+rNG+rJG+rJG+rJGD5ENmAAAAD90Uk5TAAQIDBAQFBQYHBwgJCgsMDQ4PEBETGBkaGxwcHR4eHyAiIyPkJScoKSnrLPDx8vQ09vf4+fn5+vr6+/z9/f7SwEEjgAAAP5JREFUeNrt0dtOwkAUheHF1OIBi1LxWJUqiqioiK1KS7ve/61sGtvEzJ7JeMcF3/X6M5NsbKwxdbPMxwrublmZwNnOipWyB1d3rI3haGvFWubDzYi/YjhRKfmvJyK2rh3mnf2UrbTfgYUanN7PCv6Rvz6cH3UhuZyXNFkIf7uglV6ktFpoQUmrUgtmtHrRgkFBi/wQmmFu2YcQhMYiCyE6SChKAhgEiWUv6n1R8x3AYikEsOhSsAuzYwqGMLuiYASzJwqmMJtT8AYjr6Sg7MCkz8b7yVnCRgCTvea2kQJU1CTbMHpmJYsVaiqqD/8IM2+af8Q+Wn78WUw8bKyfH8Kjk5ZLEu1VAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
}
.starDialog .starListbox .starList .starBox[data-v-3d609a4d] .el-rate .el-icon-star-off:before,
.starDialog .starListbox .starList .starBox[data-v-3d609a4d] .el-rate .el-icon-star-on:before {
  content: '';
}
.starDialog .starListbox .starList .starBox[data-v-3d609a4d] .el-rate .el-rate__text {
  font-size: 14px;
  color: #F0B000 !important;
  font-weight: 600;
}
.starDialog .textareaBox[data-v-3d609a4d] {
  padding: 0 25px;
}
.starDialog .textareaBox .textarea[data-v-3d609a4d] {
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid var(--bg_default_3);
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
  color: var(--bg_default_2);
  resize: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
.starDialog .textareaBox .textarea[data-v-3d609a4d]::-webkit-input-placeholder {
  color: var(--bg_default_3);
}
.starDialog .textareaBox .textarea[data-v-3d609a4d]::-moz-placeholder {
  color: var(--bg_default_3);
}
.starDialog .textareaBox .textarea[data-v-3d609a4d]:-ms-input-placeholder {
  color: var(--bg_default_3);
}
.starDialog .textareaBox .textarea[data-v-3d609a4d]::-ms-input-placeholder {
  color: var(--bg_default_3);
}
.starDialog .textareaBox .textarea[data-v-3d609a4d]::placeholder {
  color: var(--bg_default_3);
}
.starDialog .dialogBtnBox[data-v-3d609a4d] {
  text-align: center;
}
.starDialog .dialogBtnBox .dialogBtn[data-v-3d609a4d] {
  width: 100px;
  height: 35px;
  background: #85888c;
  border-radius: 35px;
  margin-top: 10px;
  margin-bottom: 18px;
  display: inline-block;
  font-size: 15px;
  color: #c8c9cc;
  line-height: 35px;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
}
.starDialog .dialogBtnBox .dialogBtn.active[data-v-3d609a4d] {
  background: #05c1b7;
  color: #fff;
}
.starDialog .dialogBtnBox .dialogBtn.active[data-v-3d609a4d]:hover {
  background: #00B2BC;
}

.vueDanmaku[data-v-0ead14de] {
  position: absolute;
  width: 100%;
  left: 0;
  top: 24px;
  height: 40%;
  z-index: 1;
}
.vueDanmaku[data-v-0ead14de] .baberrage-item {
  padding: 0;
}
.vueDanmaku[data-v-0ead14de] .dm.move {
  width: auto!important;
}
.vueDanmaku[data-v-0ead14de] .danmakuItem {
  color: #ffffff !important;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 6px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-shadow: 0 0.5px #2B2E33, 0.5px 0 #2B2E33, -0.5px 0 #2B2E33, 0 -0.5px #2B2E33;
}
.vueDanmaku[data-v-0ead14de] .danmakuItem img {
  width: 24px!important;
  height: 24px!important;
}
.vueDanmaku[data-v-0ead14de] .danmakuItem.large {
  font-size: 24px;
  line-height: 36px;
}
.vueDanmaku[data-v-0ead14de] .danmakuItem.large img {
  width: 30px!important;
  height: 30px!important;
}
.vueDanmaku[data-v-0ead14de] .danmakuItem.my {
  border: 1px solid #05c1b7;
  padding: 0 10px;
  border-radius: 18px;
  background: rgba(26, 51, 47, 0.3);
}

.subtitlesErrorDialog .dialogContent[data-v-3b55c24b] {
  background-color: var(--bg_white);
}
.subtitlesErrorDialog .title[data-v-3b55c24b] {
  text-align: center;
  color: var(--gray_20);
  font-size: 16px;
  line-height: 24px;
  padding: 13px 0;
  border-bottom: 1px solid var(--gray_93);
}
.subtitlesErrorDialog .content[data-v-3b55c24b] {
  padding: 20px 30px 15px;
  color: var(--gray_20);
  font-size: 14px;
  line-height: 20px;
}
.subtitlesErrorDialog .content .list[data-v-3b55c24b] {
  margin-bottom: 20px;
}
.subtitlesErrorDialog .content .list .name[data-v-3b55c24b] {
  color: var(--gray_50);
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
}
.subtitlesErrorDialog .content .list[data-v-3b55c24b]:last-child {
  margin-bottom: 0;
}
.subtitlesErrorDialog .content .list .checkboxGroup[data-v-3b55c24b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.subtitlesErrorDialog .content .list .checkboxGroup .checkbox[data-v-3b55c24b] {
  width: 160px;
  height: 30px;
  border-radius: 6px;
  background: var(--gray_96);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: var(--gray_50);
  font-size: 12px;
  line-height: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.subtitlesErrorDialog .content .list .checkboxGroup .checkbox.active[data-v-3b55c24b] {
  border: 0.5px solid var(--green_n);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--green_a);
  color: var(--green_n);
}
.subtitlesErrorDialog .textareaBox[data-v-3b55c24b] {
  padding: 0 30px;
}
.subtitlesErrorDialog .textareaBox .textarea[data-v-3b55c24b] {
  width: 100%;
  height: 70px;
  border-radius: 6px;
  border: 0.5px solid var(--gray_95);
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
  color: var(--gray_20);
  resize: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  background: var(--bg_white);
}
.subtitlesErrorDialog .textareaBox .textarea[data-v-3b55c24b]::-webkit-input-placeholder {
  color: var(--gray_80);
}
.subtitlesErrorDialog .textareaBox .textarea[data-v-3b55c24b]::-moz-placeholder {
  color: var(--gray_80);
}
.subtitlesErrorDialog .textareaBox .textarea[data-v-3b55c24b]:-ms-input-placeholder {
  color: var(--gray_80);
}
.subtitlesErrorDialog .textareaBox .textarea[data-v-3b55c24b]::-ms-input-placeholder {
  color: var(--gray_80);
}
.subtitlesErrorDialog .textareaBox .textarea[data-v-3b55c24b]::placeholder {
  color: var(--gray_80);
}
.subtitlesErrorDialog .dialogBtnBox[data-v-3b55c24b] {
  text-align: center;
}
.subtitlesErrorDialog .dialogBtnBox .dialogBtn[data-v-3b55c24b] {
  width: 300px;
  height: 44px;
  border-radius: 50px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: inline-block;
  font-size: 16px;
  color: var(--gray_85);
  line-height: 44px;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  background: var(--gray_97);
}
.subtitlesErrorDialog .dialogBtnBox .dialogBtn.active[data-v-3b55c24b] {
  background: var(--green_n);
  color: var(--on_surface);
}
.subtitlesErrorDialog .dialogBtnBox .dialogBtn.active[data-v-3b55c24b]:hover {
  background: #00B2BC;
}

.subtitles[data-v-48396776] {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 24px;
  text-align: center;
  z-index: 50;
}
.subtitles .subtitlesBox[data-v-48396776] {
  display: inline-block;
  max-width: 70%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  padding: 4px 6px;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.subtitles .subtitlesBox[data-v-48396776]:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.subtitles.up[data-v-48396776] {
  bottom: 104px;
}
.subtitles.large .text[data-v-48396776] {
  font-size: 28px;
  line-height: 32px;
  max-height: 64px;
}
.subtitles .text[data-v-48396776] {
  display: inline-block;
  max-height: 48px;
  margin: 0 auto;
  color: #ffffff;
  line-height: 24px;
  font-size: 20px;
  overflow: hidden;
  word-break: break-word;
}

.nextTimeBox[data-v-0e3d43bf] {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 6px 0;
  z-index: 200;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nextTimeBox .nextTimeLeft[data-v-0e3d43bf] {
  color: #c8c9cc;
  font-weight: 300;
  line-height: 15px;
}
.nextTimeBox .nextTimeLeft span[data-v-0e3d43bf] {
  color: #05C1B7;
}
.nextTimeBox .nextTimeLine[data-v-0e3d43bf] {
  width: 1px;
  height: 10px;
  border-radius: 1px;
  background: #2b2e33;
  margin: 0 10px;
}
.nextTimeBox .nextTimeRight[data-v-0e3d43bf] {
  cursor: pointer;
  line-height: 15px;
  color: #05C1B7;
}
.miniVideo[data-v-0e3d43bf] {
  position: fixed!important;
  bottom: 100px;
  right: 100px;
  height: 210px!important;
  width: 375px!important;
  min-width: 320px!important;
  z-index: 1;
  cursor: move;
}
.miniVideo:hover .videoPauseMini[data-v-0e3d43bf] {
  display: block;
}
.miniVideo .videoPauseMini[data-v-0e3d43bf] {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  z-index: 50;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  display: none;
}
.miniVideo .videoPauseMini .iconfont[data-v-0e3d43bf] {
  font-size: 50px;
}
.sierPlayer[data-v-0e3d43bf] {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.videoContent[data-v-0e3d43bf] {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  cursor: none;
  min-width: 500px;
}
.videoContent .audioPlay[data-v-0e3d43bf] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 80px;
}
.videoContent .audioPlay img[data-v-0e3d43bf] {
  width: 98px;
  height: 98px;
}
.videoContent .audioPlay .text[data-v-0e3d43bf] {
  color: #a9acb2;
  margin-top: 1.5px;
}
.videoContent.playEnded[data-v-0e3d43bf] {
  cursor: default;
}
.videoContent .playEndedCover[data-v-0e3d43bf] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100;
}
.videoContent .playerTop[data-v-0e3d43bf] {
  background: -webkit-gradient(linear, left top, left bottom, from(#000000e6), to(#00000000));
  background: linear-gradient(180deg, #000000e6 0%, #00000000 100%);
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 51;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.videoContent .playerTop .playerTopBack[data-v-0e3d43bf] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAVVJREFUaEPtmDFOw0AQRf9IKSi4BkVuQkHBDaBASpGCa1CmoOAqFNyDghtQJkW6H61kJMuKhcY7M+uR1mW0ct6b77FnV5D8kuT86AKtE+wJ9AQqK9AfIW0BSe4AvAE4AXgWkS/tPcbrQxMg+QrgMAL4FpFtCoEr8IX7R0TuVi8wA38G8Cgin6sW8IQv4q494A3vKhAB7yYQBe8iEAlvLhANbyrQAt5MoBW8iUBL+GqB1vBVAiT3AN4nY4DJeKAZLRZ9iUluABwB3Ez+7L52ttHAL06AZAH/BXCbUqBADxuTj5SP0B906iZei8SiJp42WsskTASGnpjud8vP7q9VM4FWEqYCLSTMBaIlXAQiJdwEoiRcBSIk3AX+kXhIczY687HLczY6k0SOs9Hx6EHyaTihLsfrL7X7h5Ae0G5SNOu7gKZaHmt7Ah5V1dyzJ6Cplsfa9AlcAOSUujGeGnOhAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100%;
  margin-left: 20px;
  cursor: pointer;
}
.videoContent .playerTop .playerName[data-v-0e3d43bf] {
  margin-left: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.videoContent .playerTop .moreBox[data-v-0e3d43bf] {
  margin-right: 20px;
  position: relative;
}
.videoContent .playerTop .moreBox .iconMore[data-v-0e3d43bf] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAAXNSR0IArs4c6QAAAEdJREFUeNrt1DENADEMwMBAKX8SGQMqg38IgJ+iDvVRsOSQ9BYOSVOc2EExMnbQjI4dJKP2GhRNckJ6li/yRdIPX+SLJN31AXzThSdy5j+AAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.videoContent .playerTop .moreBox .iconMore[data-v-0e3d43bf]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAAXNSR0IArs4c6QAAABVQTFRFAAAACOfXBebbBebaBuXaBubaBuXa3htsbQAAAAZ0Uk5TACC/v8f7iqClaQAAADFJREFUeNpjGAUMDIyqjgxYAUtaMgNWwJqWyoAVMKelMGAFjK6GDMMBjIbVaFgNIAAAlAoJ2UJdER0AAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
}
.videoContent .playerTop .moreBox .moreControlBarBox[data-v-0e3d43bf] {
  position: absolute;
  width: 260px;
  padding: 10px;
  border-radius: 10px;
  border: 0.5px solid #303133;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #16171af2;
  -webkit-box-shadow: 0px 10px 30px #00000080;
          box-shadow: 0px 10px 30px #00000080;
  right: 0;
  top: 34px;
  -webkit-transition: top 0.2s;
  transition: top 0.2s;
}
.videoContent .playerTop .moreBox .moreControlBarBox.moreControlsBtnShow50[data-v-0e3d43bf] {
  top: 50px !important;
}
.videoContent .playerTop .moreBox .moreControlBarBox.moreCommonBox[data-v-0e3d43bf] {
  width: 150px;
  padding: 10px 10px;
  overflow-y: auto;
}
.videoContent .playerTop .moreBox .moreControlBarBox.moreCommonBox .moreCommonList[data-v-0e3d43bf] {
  text-align: center;
  padding-left: 0;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin-bottom: 0;
}
.videoContent .playerTop .moreBox .moreControlBarBox.moreCommonBox .moreCommonList.active[data-v-0e3d43bf] {
  color: #05C1B7;
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox[data-v-0e3d43bf] {
  width: 160px;
  padding: 10px 0;
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox .videoRateCustom[data-v-0e3d43bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox .videoRateCustom .videoRateCustomBtn[data-v-0e3d43bf] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-size: 100%;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox .videoRateCustom .videoRateCustomBtn.sub[data-v-0e3d43bf] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAHJQTFRFAAAAQEBAQEBANTU1MDAwMjIyMjIyLzMzLy8zLzIyMDIyMDAyLzEzMDIzLzEzMTEzMTEyMDEzLzEzMDIzMDEzMTE0MTEyMTIzMTEzMTIzMTEzMDEzMDEzMTI0MTIzMDEzc3eAbnJ6bnF6REZKREVKMDEz7sMHywAAACB0Uk5TAAQIGCAkODw8XGBgfIuMl5ibnK+wt7fX1+fn6+/39/s9KqTqAAABBElEQVR42t3Sy5KCMBCF4Q4BlJEJV5VLlFHnvP8rzi6JKUJnWPqtz1/VFKGPJPKyu2pAX/vyIIiTqRGOUaW0RTYLPLdKUtCXxoq5CMyTBgFVsro/I+icsHu+qLCpIU8BxoneyBkMLb2DWC050htYS0aWQgRFhhgRYRQmOCBKboISUUoT9IjSmWBAlMEE9lX/Pn88j5f9dyaAYfe2gLE/sCe9Hv7+6Zy0/6N7ROn3/7gcUY4mEBMiTOKfz/ubrGwB656SowWrJpfUYMyS3pzAKMjTcgf5kgs2XBIKFPzeSmoEtGbvKWas0CcKkvUdnqWVtCVVExyTyogjjmU/aEAPXZkL+kR/KQqx5NoGNHwAAAAASUVORK5CYII=);
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox .videoRateCustom .videoRateCustomBtn.sub.active[data-v-0e3d43bf] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAGxQTFRFAAAAQEBAQEBANTU1MDAwMjIyMjIyLzMzLy8zLzIyMDIyMDAyLzEzMDIzLzEzMTEzMTEyMDEzLzEzMDIzMDEzMTE0MTEyMTIzMTEzMTIzMTEzMDEzMDEzMTI0MTIzMDEz////7+/vbm5wMDEzu/RDWwAAACB0Uk5TAAQIGCAkODw8XGBgfIuMl5ibnK+wt7fX1+fn6+/39/s9KqTqAAAA/UlEQVR42t3Sy5LCIBCF4QaSaMYMuaq5oBk97/+OswOKCmni0m/df1Vzoa8kiqq/G8Dch+okiJPrCZ5JZ7RHtSsCj1pR1I/BhqWkbbJFRC0356+Iukp2ni9q7GopUIJxCe5zAcOoYCFWR57sAdaak6ORQJMlJiSYhA1OSFLYoEKSygYDkvQ2GJFktIH71e/XX+D1dm9nA1hu3hWwDgeHV/r80AOSDJ8/XIEkZxuIGQlmcfB7/5KTr2A9M/J0YDXkUwaMRRH5LmCUFOi4hULyhh03SZGCn3dkg4hO0rZywQZzoSjVPBFYO0V7Mj3DM+ucOOJcDaMBzNhXhaBv9A9d9Kk7vx7vNwAAAABJRU5ErkJggg==);
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox .videoRateCustom .videoRateCustomBtn.add[data-v-0e3d43bf] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAHJQTFRFAAAAQEBAQEBANTU1MDAwMjIyMjIyLzMzLy8zLzIyMDIyMDAyLzEzMDIzLzEzMTEzMTEyMDEzLzEzMDIzMDEzMTE0MTEyMTIzMTEzMTIzMTEzMDEzMDEzMTI0MTIzMDEzc3eAbnJ6bnF6REZKREVKMDEz7sMHywAAACB0Uk5TAAQIGCAkODw8XGBgfIuMl5ibnK+wt7fX1+fn6+/39/s9KqTqAAABF0lEQVR42t3UyXKDMBBF0RbC2ATCbJtBNlPe//9islJJXYAUlj7rvlWiBdBHElFaPxWgnk16FeRyyToYuiykI7IcwbxySbu+FDYMMW0LSuzIg835O3bdA+e8u8hxqCQmhkPC9jnAQcnDA/0s8wpbRYbwBdsyTTNs48UIMjDTHzAZaaLzCTqhgyt8AkQ6SP2CVAeNX1DroPULWh0oY/8TY9yH0oG1f26GdibgR1rniVnYkU48tP9am/MXF/kFNx2I3ifoxT9f72/zBzm6P6B3SIYKtnVeVtgKMkkFh0GSJYFDTEyFQwVxwQMHHgH5FHyeFwV2VHqeiQdsUAntksUbzFhJOhJmPQx9diEXcUubVgGqrdNI0Cf6Bd9esL37xEBpAAAAAElFTkSuQmCC);
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox .videoRateCustom .videoRateCustomBtn.add.active[data-v-0e3d43bf] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAGxQTFRFAAAAQEBAQEBANTU1MDAwMjIyMjIyLzMzLy8zLzIyMDIyMDAyLzEzMDIzLzEzMTEzMTEyMDEzLzEzMDIzMDEzMTE0MTEyMTIzMTEzMTIzMTEzMDEzMDEzMTI0MTIzMDEz////7+/vbm5wMDEzu/RDWwAAACB0Uk5TAAQIGCAkODw8XGBgfIuMl5ibnK+wt7fX1+fn6+/39/s9KqTqAAABDUlEQVR42t3UyZKDIBSF4YuoiS2NYxIHEjXn/d+xe0UhpQxZ5lvfv0ovIn0llovuoQD16MWFkU8mRxhGmZILbxZYnhWnUz8KB+aCjiUNTlTJ4fwNp26Jd95fVHBqyFLAo7T2OcNDcecDvbftjb2WDOkTe9u6bthbMiOQsKz/YJGksTEkGJkOLggJkOtAhAVCB31Y0OlgCAsGHShj/6vFOA+lg93+bRu06CD6kaJfOnat/ecHl4cFVx2wKSSYWOTn/Wv+IBf/BXqlZGj9V7QmE1fwmDntlPAoyNLCqSZbcofDPSFH4ZvXRY0TrZ63FDMOqJJO8foFy9JycknlBMMkM/JhV9EPClBDJ3JG3+gPNUeoi28N3msAAAAASUVORK5CYII=);
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox .videoRateCustom .videoRateCustomNum[data-v-0e3d43bf] {
  width: 60px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #41454d;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #303133;
  margin: 0 10px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  font-weight: 600;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-0e3d43bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-0e3d43bf]:last-child {
  margin-bottom: 0;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-0e3d43bf]:hover {
  background: #303133;
}
.videoContent .playerTop .moreBox .moreControlBarBox li .text[data-v-0e3d43bf] {
  font-size: 14px;
  margin-left: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-0e3d43bf] .el-switch {
  width: 32px;
  margin-right: 15px;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-0e3d43bf] .el-switch .el-switch__core {
  height: 18px;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-0e3d43bf] .el-switch.is-checked .el-switch__core::after {
  margin-left: -16px;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-0e3d43bf] .el-switch .el-switch__core:after {
  width: 16px;
  height: 16px;
  top: 0;
}
.videoContent .playerTop .moreBox .moreControlBarBox li .moreRight[data-v-0e3d43bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #a9acb2;
  font-size: 13px;
  cursor: pointer;
}
.videoContent .playerTop .moreBox .moreControlBarBox li .moreRight .moreRightIcon[data-v-0e3d43bf] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAAXNSR0IArs4c6QAAACFQTFRFAAAAxsrKyMjLyMjMyMjMysrNyMjMycrMyMnNyMnMyMnM9Yi+bgAAAAp0Uk5TAEhwdHiPkO/z93Xs18gAAAA0SURBVHjaYxgFQw4o45KoCsAhIbkUhwTjLGpqWUyiBOOsBBwallFJA0NXAg4JFYZRMAQBAOCeCjrr0MKbAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100%;
}
.videoContent.active[data-v-0e3d43bf] {
  cursor: default;
}
.videoContent.active .videoControls[data-v-0e3d43bf] {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.videoContent.active .playerTop[data-v-0e3d43bf] {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.videoContent.active[data-v-0e3d43bf] .videoBarrageListBox {
  bottom: 38px !important;
}
.videoContent.active[data-v-0e3d43bf] .emojiListContent {
  bottom: 34px !important;
}
.videoContent[data-v-0e3d43bf] .tcp-right-click-popup-menu {
  display: none !important;
}
.videoContent[data-v-0e3d43bf] .vjs-modal-dialog-content {
  display: none !important;
}
.videoContent[data-v-0e3d43bf] .vjs-error-display.vjs-modal-dialog {
  display: none !important;
}
.videoContent[data-v-0e3d43bf] .tcp-loading-spinner {
  display: none !important;
}
.videoContent.fullScreen[data-v-0e3d43bf] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999 !important;
}
.videoContent.fullScreen .sierVideo[data-v-0e3d43bf] {
  height: 100%;
}
.videoContent .iconfont[data-v-0e3d43bf] {
  font-size: 24px;
}
.videoContent .sierVideo[data-v-0e3d43bf] {
  width: 100% !important;
  height: 100% !important;
}
.videoContent .videoPause[data-v-0e3d43bf] {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 50px;
  color: #fff;
  z-index: 50;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: scale(2) translate(-50%, -50%);
          transform: scale(2) translate(-50%, -50%);
  cursor: pointer;
}
.videoContent .videoPause[data-v-0e3d43bf]:hover {
  -webkit-animation: videoPause-0e3d43bf 0.2s linear;
          animation: videoPause-0e3d43bf 0.2s linear;
}
@-webkit-keyframes videoPause-0e3d43bf {
50% {
    -webkit-transform: scale(2.3) translate(-50%, -50%);
            transform: scale(2.3) translate(-50%, -50%);
}
100% {
    -webkit-transform: scale(2) translate(-50%, -50%);
            transform: scale(2) translate(-50%, -50%);
}
}
@keyframes videoPause-0e3d43bf {
50% {
    -webkit-transform: scale(2.3) translate(-50%, -50%);
            transform: scale(2.3) translate(-50%, -50%);
}
100% {
    -webkit-transform: scale(2) translate(-50%, -50%);
            transform: scale(2) translate(-50%, -50%);
}
}
.videoContent .videoControls[data-v-0e3d43bf] {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  z-index: 50;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(#00000000), to(#000000));
  background: linear-gradient(180deg, #00000000 0%, #000000 100%);
}
.videoContent .videoControls.transformNone[data-v-0e3d43bf] {
  -webkit-transform: none;
          transform: none;
}
.videoContent .videoControls .videoProgressBox[data-v-0e3d43bf] {
  width: 100%;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
}
.videoContent .videoControls .videoProgressBox .videoProgress[data-v-0e3d43bf] {
  position: relative;
  width: 100%;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: height 0.2s;
  transition: height 0.2s;
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressLine[data-v-0e3d43bf] {
  width: 0;
  height: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressNow[data-v-0e3d43bf] {
  background-color: #05C1B7;
  z-index: 11;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressNow .videoProgressBar[data-v-0e3d43bf] {
  width: 8px;
  height: 8px;
  position: absolute;
  background: #05C1B7;
  border-radius: 100%;
  right: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 11;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 2px solid #fff;
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressSuc[data-v-0e3d43bf] {
  background-color: rgba(0, 0, 0, 0.5);
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressClip[data-v-0e3d43bf] {
  width: 2px;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11;
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressTipBox[data-v-0e3d43bf] {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #05C1B7;
  z-index: 10;
  left: 0;
  pointer-events: none;
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressTipBox .videoProgressTips[data-v-0e3d43bf] {
  font-size: 12px;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  line-height: 1;
  -webkit-transform: translate(-50%, -120%);
          transform: translate(-50%, -120%);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
}
.videoContent .videoControls .videoProgressBox:hover .videoProgress[data-v-0e3d43bf] {
  height: 8px;
}
.videoContent .videoControls .videoProgressBox:hover .videoProgressNow .videoProgressBar[data-v-0e3d43bf] {
  -webkit-transform: translateY(-50%) scale(1.5);
          transform: translateY(-50%) scale(1.5);
}
.videoContent .videoControls .videoControlsListBox[data-v-0e3d43bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  font-size: 14px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsListLeft .videoTime[data-v-0e3d43bf] {
  white-space: nowrap;
}
.videoContent .videoControls .videoControlsListBox .videoControlsBtnShow[data-v-0e3d43bf] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-transition: top 0.2s;
  transition: top 0.2s;
}
.videoContent .videoControls .videoControlsListBox .videoControlsBtnShow.videoControlsBtnShow40[data-v-0e3d43bf] {
  top: -40px !important;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList[data-v-0e3d43bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList.videoControlsListRight[data-v-0e3d43bf] {
  margin-left: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList.videoControlsListRight .videoControlsBtn[data-v-0e3d43bf] {
  margin-right: 24px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtnHover[data-v-0e3d43bf]:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #00D9CF;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 230px;
  min-width: 165px;
  z-index: 11;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .icon[data-v-0e3d43bf] {
  width: 24px;
  height: 24px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt[data-v-0e3d43bf] {
  max-width: 220px;
  margin-right: 11px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt .textareaTxt[data-v-0e3d43bf]:empty:before {
  color: #85888C !important;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt.active[data-v-0e3d43bf] {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt.active .videoBarrageSend[data-v-0e3d43bf] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAzVJREFUaEPtmc9LFGEYx7/P7AwIdfBQENShS1TQISJQCNxdOri7CSoYeAhKIgq6+Ad08Nopgi6BkFAQhqCR7mxQ7I5ZEB1a6CpUNyEPHsv58cSYiqszu++880wouMdh3ud9Pt/PvO++s0s44B864P3jECDKoPXhbQ/7wQQIBQAeMZps8AOvr+JIGxc3kFusDRLzDAFmRLP33Hz5qSSELEB94YRpGN8J6Ipp0nOD9fMoDi5LQYgCmE7tEYHH2zbHmHIL5bH9B9A5/a2eRS2IGVBKfwtB0IIMgHr64hZEABKlL2whPUDy9EUtpAbQSl/QQjoA/fTFLKQCSJW+kAV9gPTpi1jQBhBJX8CCHoBc+qktaAGIpp/SQnKAT+9Pmu76cpsTp+45TeuMlBgg17CfGYRbul1Kn1STASzZZ00fzQzS114LiQAyTV9zLagDZJ++lgVlgP+SvoYFNQCN9JnR8Ni7DuS6LKJZEC4nWPjKO5ISgE76AXjUz1emw6Ytx74NYDIBAKD41tYZQCP9sNGAaMjvK73eBLgJYCoRAKBkoSOATvpCAEoW2gNopi8GoGChLYDVsF+CMJpQ/cbtAo/Qv2k7rIV4gPrCRcswvuo0LwrQwUIsgNmozhLR0D4AaGshGiBl+sIGwnKxO1IkQNr0MwCItbAXQCD9TABiLOwBkEg/I4BIC60AQulnBhBhoQXAatjPQbihu/PsHCf2PbC7GcakWyjf2brcAmA61V8EOrafARi86uUrxyMBLMd2Ef3fViImZl6FgSGvr/IxHGgu2lcR8AwRdScqFHOzmy9vB7/rEap+A9EFnUmYuQmidxQE0y6+NFGc8Frq1CdME5d6YViDxBgB4bTOPGAsu4XymRgDtfsAP1EpzIAHxhIRzbmmP4cr136qjNu+Z+OgyCNgGiBCr/pYGnfzpceRAAhTop43RChFFWTmNQLNB8Q1P/izgOLwmvrEbe6sV0/lDOrfNFOI+9WDGTWPV4ZRHPsdDbB51XLsu8zhbsTnCLTKRDUQz3v+Z2fPoyFCsKNI/dXRXO5IvxEYAwweAFE3MX4w4YUXrDzc2Xw4quMLjXR/0vUOAaQTTVrvLxb04kAoDkKaAAAAAElFTkSuQmCC);
  background-size: 100%;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 1;
  margin-left: 10px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt.active .textareaTxt[data-v-0e3d43bf] {
  padding-right: 70px;
  background-color: var(--gray_50);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt .videoBarrageBtn[data-v-0e3d43bf] {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 10px;
  z-index: 11;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt .textareaTxt[data-v-0e3d43bf] {
  border: 0;
  width: 100%;
  height: 32px;
  min-width: 125px;
  background: #41454dd9;
  padding: 6px 34px 6px 10px;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border-radius: 8px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox {
  z-index: 10;
  position: absolute;
  bottom: 68px;
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageListTitBox {
  background: rgba(43, 46, 51, 0.9);
  border-radius: 0 0 15px 15px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageListTitBox .videoBarrageListTitL,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageListTitBox .videoBarrageListTitR {
  background: transparent;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageListTitBox .videoBarrageListTit {
  margin-right: 0;
  border-radius: 0;
  padding: 6px 20px;
  background: transparent;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageListTitBox .videoBarrageListTit.active {
  background: rgba(0, 0, 0, 0.9);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageList {
  background: rgba(0, 0, 0, 0.9);
  border-radius: 20px 20px 0 0;
  bottom: 28px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageList .videoBarrageListItem .videoBarrageItem {
  border: 0.5px solid #737780;
  color: #ffffff;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageList .videoBarrageListItem .videoBarrageItem:hover {
  cursor: pointer;
  border-color: #05c1b7;
  color: #05c1b7;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageList .videoBarrageListItem .videoBarrageItem.active {
  border: 0.5px solid #05c1b7;
  color: #05c1b7;
  background: rgba(6, 229, 218, 0.15);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageList .videoBarrageListBtnBox {
  padding: 10px 10px 10px 12px;
  z-index: 1;
  right: 6px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageList .videoBarrageListBtnBox::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0.9;
  background: #000000;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  z-index: -1;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox.active .videoBarrageList .videoBarrageListBtnBox .videoBarrageListBtn.send {
  background: #303133;
  color: #737780;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  width: 350px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitL,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitR {
  background-color: rgba(43, 46, 51, 0.9);
  color: #fff;
  border-radius: 50%;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitL.active,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitR.active {
  color: #737780;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitL {
  margin-right: 5px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitR {
  margin-left: 5px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTit {
  line-height: 16px;
  padding: 6px 15px;
  border-radius: 15px;
  background: #2b2e33e6;
  margin-right: 10px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTit .iconfont {
  font-size: 18px;
  margin-right: 2px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .emojiBtn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAATVQTFRFAAAAv7+/v7/fv7+/1dXVz8/PzMzMysrKyMjRyMjIx8fPxsbNzMzMxszMxsbMy8vLxcvLysrPysrKycnOyMjNyMjMx8vLx8fLx8vLxsrNxsbNycnNxsnNycnMxsbMyMjLyMjLyMjNyMjKx8rNx8fNx8nMx8fMx8nMycnLxsnLxsbLyMjNyMjLxsjLyMjMyMjMx8rMx8fMx8fLx8nLx8fLyMjMx8jMysrNyMjMycvNyMjLyMjLx8nMx8nLyMrNx8nMyMrNyMrNx8jLycnMycnNyMjMyMjLycrNycrNycnNyMnMyMjMyMrNyMjNx8nLyMrMx8nLyMnNyMnMyMnNycnMycrMycnMyMrMyMnMyMjMyMnNyMnMyMnMycrMyMnMycrNycrMycnMyMnMyMnNyMnMyMnMyMnMr2TuKgAAAGZ0Uk5TAAQICAwQFBgcHCAkKCgoLCwwMDQ4PEBAREhITExQUFRYXFxgYGRkaGxsbHBwcHR4fHyAhISMjI+Qk5SYnJyfoKOnqKuvsLCzt7e4uLu7vL/Ax8fLz9PT19vb3+Pn6+vv7+/v8/f7uYVDbAAAAdFJREFUeNrN1X9X0lAcx/HvoGHMlErMtIgEksiSwqICjbIyS0ox7cdGZnH3fv4PoQOjwxXH7v7y+Ppnn3vO/Wz3e3bOJufu0vzDjd2jXwr47Xa2anlHIsxUD3zGea8WExLGKn1lgpPnMyHbXQD8bxuPljKp/j3t6flS/dMfBl6nxw7TAfC3llNn7pRddwFUWTR3FNCt2hJuaRvgw2iUez6oWrAOlz0E9v7vWFDw44pEStaBt8PswoEtJlWgMEgV6KbFrAk/B2EfViUG+wQy/fAXpiSObVjuXwFL4mhApX/1gieZfYH88EkNieEqw7Mvgn9DjJJ78C6Ibehmjft3QF0LcroLvZT5LbAmQ3M9cAyF91AfrdxYhVxowXqpvKIWjYUy4E9r0VTYBCho0VRYAfyMFo0z1HvHK3o0FcZdkEKTwN24hRIBJ24h6QLwJv4MTsdHbSYmF77DrETbhVuj1T7cNBSO4Lr+PaAukS6D0o54G1xLojyGtra0PFiTCOke5EVTARXx5Uh+hsOEaKwO9CbObe+AvyCnOF3wG1Phf0sPeCJjZl1AtZ+Wi8X7q5pqywOohcz1kYmOcxIm1yGUV7NlAqew3my1Gi80zx7MWXKu/gEA8b6AsIkoKwAAAABJRU5ErkJggg==);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .emojiListContent {
  bottom: 64px;
  background: rgba(43, 46, 51, 0.95) !important;
  border-radius: 15px;
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .emojiListContent .scrollbar {
  background: #2B2E33 !important;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-0e3d43bf] .emojiListContent .emojiTit {
  color: #C8C9CC !important;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtn[data-v-0e3d43bf] {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  margin-right: 20px;
  position: relative;
  height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtn[data-v-0e3d43bf]:last-child {
  margin-right: 0;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtn.btnTipsHover:hover .videoControlsBtnTips[data-v-0e3d43bf] {
  display: block;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtn .videoControlsBtnTips[data-v-0e3d43bf] {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  padding: 10px 15px;
  line-height: 16px;
  white-space: nowrap;
  display: none;
  border-radius: 10px;
  border: 0.5px solid #303133;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #16171af2;
  -webkit-box-shadow: 0px 10px 30px #00000080;
          box-shadow: 0px 10px 30px #00000080;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox[data-v-0e3d43bf] {
  position: relative;
  font-size: 14px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRate[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRate[data-v-0e3d43bf] {
  width: 40px;
  text-align: center;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox[data-v-0e3d43bf] {
  z-index: 20;
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 118px;
  padding: 8px 0;
  border-radius: 10px;
  border: 0.5px solid #303133;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #16171af2;
  -webkit-box-shadow: 0px 10px 30px #00000080;
          box-shadow: 0px 10px 30px #00000080;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoRateList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoRateList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoRateList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoRateList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoResolutionList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoResolutionList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoResolutionList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoResolutionList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoResolutionList[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoResolutionList[data-v-0e3d43bf] {
  padding: 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  line-height: 1;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoRateList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoRateList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoRateList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoRateList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoResolutionList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoResolutionList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoResolutionList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoResolutionList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoResolutionList.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoResolutionList.active[data-v-0e3d43bf] {
  color: #05C1B7;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoRateList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoRateList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoRateList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoRateList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoResolutionList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoResolutionList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoResolutionList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoResolutionList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoResolutionList[data-v-0e3d43bf]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoResolutionList[data-v-0e3d43bf]:hover {
  color: #05C1B7;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox[data-v-0e3d43bf] {
  width: 160px;
  cursor: default;
  border-radius: 10px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateCustom[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom[data-v-0e3d43bf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 8px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn[data-v-0e3d43bf] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-size: 100%;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.sub[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.sub[data-v-0e3d43bf] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAHJQTFRFAAAAQEBAQEBANTU1MDAwMjIyMjIyLzMzLy8zLzIyMDIyMDAyLzEzMDIzLzEzMTEzMTEyMDEzLzEzMDIzMDEzMTE0MTEyMTIzMTEzMTIzMTEzMDEzMDEzMTI0MTIzMDEzc3eAbnJ6bnF6REZKREVKMDEz7sMHywAAACB0Uk5TAAQIGCAkODw8XGBgfIuMl5ibnK+wt7fX1+fn6+/39/s9KqTqAAABBElEQVR42t3Sy5KCMBCF4Q4BlJEJV5VLlFHnvP8rzi6JKUJnWPqtz1/VFKGPJPKyu2pAX/vyIIiTqRGOUaW0RTYLPLdKUtCXxoq5CMyTBgFVsro/I+icsHu+qLCpIU8BxoneyBkMLb2DWC050htYS0aWQgRFhhgRYRQmOCBKboISUUoT9IjSmWBAlMEE9lX/Pn88j5f9dyaAYfe2gLE/sCe9Hv7+6Zy0/6N7ROn3/7gcUY4mEBMiTOKfz/ubrGwB656SowWrJpfUYMyS3pzAKMjTcgf5kgs2XBIKFPzeSmoEtGbvKWas0CcKkvUdnqWVtCVVExyTyogjjmU/aEAPXZkL+kR/KQqx5NoGNHwAAAAASUVORK5CYII=);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.sub.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.sub.active[data-v-0e3d43bf] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAGxQTFRFAAAAQEBAQEBANTU1MDAwMjIyMjIyLzMzLy8zLzIyMDIyMDAyLzEzMDIzLzEzMTEzMTEyMDEzLzEzMDIzMDEzMTE0MTEyMTIzMTEzMTIzMTEzMDEzMDEzMTI0MTIzMDEz////7+/vbm5wMDEzu/RDWwAAACB0Uk5TAAQIGCAkODw8XGBgfIuMl5ibnK+wt7fX1+fn6+/39/s9KqTqAAAA/UlEQVR42t3Sy5LCIBCF4QaSaMYMuaq5oBk97/+OswOKCmni0m/df1Vzoa8kiqq/G8Dch+okiJPrCZ5JZ7RHtSsCj1pR1I/BhqWkbbJFRC0356+Iukp2ni9q7GopUIJxCe5zAcOoYCFWR57sAdaak6ORQJMlJiSYhA1OSFLYoEKSygYDkvQ2GJFktIH71e/XX+D1dm9nA1hu3hWwDgeHV/r80AOSDJ8/XIEkZxuIGQlmcfB7/5KTr2A9M/J0YDXkUwaMRRH5LmCUFOi4hULyhh03SZGCn3dkg4hO0rZywQZzoSjVPBFYO0V7Mj3DM+ucOOJcDaMBzNhXhaBv9A9d9Kk7vx7vNwAAAABJRU5ErkJggg==);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.add[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.add[data-v-0e3d43bf] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAHJQTFRFAAAAQEBAQEBANTU1MDAwMjIyMjIyLzMzLy8zLzIyMDIyMDAyLzEzMDIzLzEzMTEzMTEyMDEzLzEzMDIzMDEzMTE0MTEyMTIzMTEzMTIzMTEzMDEzMDEzMTI0MTIzMDEzc3eAbnJ6bnF6REZKREVKMDEz7sMHywAAACB0Uk5TAAQIGCAkODw8XGBgfIuMl5ibnK+wt7fX1+fn6+/39/s9KqTqAAABF0lEQVR42t3UyXKDMBBF0RbC2ATCbJtBNlPe//9islJJXYAUlj7rvlWiBdBHElFaPxWgnk16FeRyyToYuiykI7IcwbxySbu+FDYMMW0LSuzIg835O3bdA+e8u8hxqCQmhkPC9jnAQcnDA/0s8wpbRYbwBdsyTTNs48UIMjDTHzAZaaLzCTqhgyt8AkQ6SP2CVAeNX1DroPULWh0oY/8TY9yH0oG1f26GdibgR1rniVnYkU48tP9am/MXF/kFNx2I3ifoxT9f72/zBzm6P6B3SIYKtnVeVtgKMkkFh0GSJYFDTEyFQwVxwQMHHgH5FHyeFwV2VHqeiQdsUAntksUbzFhJOhJmPQx9diEXcUubVgGqrdNI0Cf6Bd9esL37xEBpAAAAAElFTkSuQmCC);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.add.active[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.add.active[data-v-0e3d43bf] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAGxQTFRFAAAAQEBAQEBANTU1MDAwMjIyMjIyLzMzLy8zLzIyMDIyMDAyLzEzMDIzLzEzMTEzMTEyMDEzLzEzMDIzMDEzMTE0MTEyMTIzMTEzMTIzMTEzMDEzMDEzMTI0MTIzMDEz////7+/vbm5wMDEzu/RDWwAAACB0Uk5TAAQIGCAkODw8XGBgfIuMl5ibnK+wt7fX1+fn6+/39/s9KqTqAAABDUlEQVR42t3UyZKDIBSF4YuoiS2NYxIHEjXn/d+xe0UhpQxZ5lvfv0ovIn0llovuoQD16MWFkU8mRxhGmZILbxZYnhWnUz8KB+aCjiUNTlTJ4fwNp26Jd95fVHBqyFLAo7T2OcNDcecDvbftjb2WDOkTe9u6bthbMiOQsKz/YJGksTEkGJkOLggJkOtAhAVCB31Y0OlgCAsGHShj/6vFOA+lg93+bRu06CD6kaJfOnat/ecHl4cFVx2wKSSYWOTn/Wv+IBf/BXqlZGj9V7QmE1fwmDntlPAoyNLCqSZbcofDPSFH4ZvXRY0TrZ63FDMOqJJO8foFy9JycknlBMMkM/JhV9EPClBDJ3JG3+gPNUeoi28N3msAAAAASUVORK5CYII=);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateCustom .videoRateCustomNum[data-v-0e3d43bf],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomNum[data-v-0e3d43bf] {
  width: 60px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #41454d;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #303133;
  margin: 0 10px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  font-weight: 600;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .jianxi[data-v-0e3d43bf] {
  height: 30px;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: -30px;
  z-index: 10;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume[data-v-0e3d43bf] {
  position: relative;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-0e3d43bf] {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  padding: 10px 0;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 61px;
  height: 146px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  border: 0.5px solid #303133;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #16171af2;
  -webkit-box-shadow: 0px 10px 30px #00000080;
          box-shadow: 0px 10px 30px #00000080;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox .videoVolumeText[data-v-0e3d43bf] {
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-0e3d43bf] .el-slider__button {
  width: 13px;
  height: 13px;
  border: 0;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-0e3d43bf] .el-slider.is-vertical .el-slider__button-wrapper {
  left: -16.5px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-0e3d43bf] .el-slider__runway {
  width: 3px;
  border-radius: 2px;
  background: #737780;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-0e3d43bf] .el-slider__bar {
  width: 3px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-0e3d43bf] .el-slider.is-vertical .el-slider__runway {
  margin: 0;
}
.videoContent .environmentError[data-v-0e3d43bf] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999;
  color: #ffffff;
}