.nextTimeBox[data-v-420ddf99] {
  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-420ddf99] {
  color: #c8c9cc;
  font-weight: 300;
  line-height: 15px;
}
.nextTimeBox .nextTimeLeft span[data-v-420ddf99] {
  color: #05C1B7;
}
.nextTimeBox .nextTimeLine[data-v-420ddf99] {
  width: 1px;
  height: 10px;
  border-radius: 1px;
  background: #2b2e33;
  margin: 0 10px;
}
.nextTimeBox .nextTimeRight[data-v-420ddf99] {
  cursor: pointer;
  line-height: 15px;
  color: #05C1B7;
}
.miniVideo[data-v-420ddf99] {
  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-420ddf99] {
  display: block;
}
.miniVideo .videoPauseMini[data-v-420ddf99] {
  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-420ddf99] {
  font-size: 50px;
}
.sierPlayer[data-v-420ddf99] {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.videoContent[data-v-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  width: 98px;
  height: 98px;
}
.videoContent .audioPlay .text[data-v-420ddf99] {
  color: #a9acb2;
  margin-top: 1.5px;
}
.videoContent.playEnded[data-v-420ddf99] {
  cursor: default;
}
.videoContent .playEndedCover[data-v-420ddf99] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100;
}
.videoContent .playerTop[data-v-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  margin-right: 20px;
  position: relative;
}
.videoContent .playerTop .moreBox .iconMore[data-v-420ddf99] {
  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-420ddf99]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAAXNSR0IArs4c6QAAABVQTFRFAAAACOfXBebbBebaBuXaBubaBuXa3htsbQAAAAZ0Uk5TACC/v8f7iqClaQAAADFJREFUeNpjGAUMDIyqjgxYAUtaMgNWwJqWyoAVMKelMGAFjK6GDMMBjIbVaFgNIAAAlAoJ2UJdER0AAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
}
.videoContent .playerTop .moreBox .moreControlBarBox[data-v-420ddf99] {
  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-420ddf99] {
  top: 50px !important;
}
.videoContent .playerTop .moreBox .moreControlBarBox.moreCommonBox[data-v-420ddf99] {
  width: 150px;
  padding: 10px 10px;
  overflow-y: auto;
}
.videoContent .playerTop .moreBox .moreControlBarBox.moreCommonBox .moreCommonList[data-v-420ddf99] {
  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-420ddf99] {
  color: #05C1B7;
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox[data-v-420ddf99] {
  width: 160px;
  padding: 10px 0;
}
.videoContent .playerTop .moreBox .moreControlBarBox.videoRateCustomBox .videoRateCustom[data-v-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  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-420ddf99]:last-child {
  margin-bottom: 0;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-420ddf99]:hover {
  background: #303133;
}
.videoContent .playerTop .moreBox .moreControlBarBox li .text[data-v-420ddf99] {
  font-size: 14px;
  margin-left: 6px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-420ddf99] .el-switch {
  width: 32px;
  margin-right: 15px;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-420ddf99] .el-switch .el-switch__core {
  height: 18px;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-420ddf99] .el-switch.is-checked .el-switch__core::after {
  margin-left: -16px;
}
.videoContent .playerTop .moreBox .moreControlBarBox li[data-v-420ddf99] .el-switch .el-switch__core:after {
  width: 16px;
  height: 16px;
  top: 0;
}
.videoContent .playerTop .moreBox .moreControlBarBox li .moreRight[data-v-420ddf99] {
  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-420ddf99] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAAXNSR0IArs4c6QAAACFQTFRFAAAAxsrKyMjLyMjMyMjMysrNyMjMycrMyMnNyMnMyMnM9Yi+bgAAAAp0Uk5TAEhwdHiPkO/z93Xs18gAAAA0SURBVHjaYxgFQw4o45KoCsAhIbkUhwTjLGpqWUyiBOOsBBwallFJA0NXAg4JFYZRMAQBAOCeCjrr0MKbAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 100%;
}
.videoContent.active[data-v-420ddf99] {
  cursor: default;
}
.videoContent.active .videoControls[data-v-420ddf99] {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.videoContent.active .playerTop[data-v-420ddf99] {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.videoContent.active[data-v-420ddf99] .videoBarrageListBox {
  bottom: 38px !important;
}
.videoContent.active[data-v-420ddf99] .emojiListContent {
  bottom: 34px !important;
}
.videoContent[data-v-420ddf99] .tcp-right-click-popup-menu {
  display: none !important;
}
.videoContent[data-v-420ddf99] .vjs-modal-dialog-content {
  display: none !important;
}
.videoContent[data-v-420ddf99] .vjs-error-display.vjs-modal-dialog {
  display: none !important;
}
.videoContent[data-v-420ddf99] .tcp-loading-spinner {
  display: none !important;
}
.videoContent.fullScreen[data-v-420ddf99] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999 !important;
}
.videoContent.fullScreen .sierVideo[data-v-420ddf99] {
  height: 100%;
}
.videoContent .iconfont[data-v-420ddf99] {
  font-size: 24px;
}
.videoContent .sierVideo[data-v-420ddf99] {
  width: 100% !important;
  height: 100% !important;
}
.videoContent .videoPause[data-v-420ddf99] {
  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-420ddf99]:hover {
  -webkit-animation: videoPause-420ddf99 0.2s linear;
          animation: videoPause-420ddf99 0.2s linear;
}
@-webkit-keyframes videoPause-420ddf99 {
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-420ddf99 {
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-420ddf99] {
  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-420ddf99] {
  -webkit-transform: none;
          transform: none;
}
.videoContent .videoControls .videoProgressBox[data-v-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  width: 0;
  height: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressNow[data-v-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  background-color: rgba(0, 0, 0, 0.5);
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressClip[data-v-420ddf99] {
  width: 2px;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11;
}
.videoContent .videoControls .videoProgressBox .videoProgress .videoProgressTipBox[data-v-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  height: 8px;
}
.videoContent .videoControls .videoProgressBox:hover .videoProgressNow .videoProgressBar[data-v-420ddf99] {
  -webkit-transform: translateY(-50%) scale(1.5);
          transform: translateY(-50%) scale(1.5);
}
.videoContent .videoControls .videoControlsListBox[data-v-420ddf99] {
  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-420ddf99] {
  white-space: nowrap;
}
.videoContent .videoControls .videoControlsListBox .videoControlsBtnShow[data-v-420ddf99] {
  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-420ddf99] {
  top: -40px !important;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList[data-v-420ddf99] {
  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-420ddf99] {
  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-420ddf99] {
  margin-right: 24px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtnHover[data-v-420ddf99]:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #00D9CF;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] {
  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-420ddf99] {
  width: 24px;
  height: 24px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt[data-v-420ddf99] {
  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-420ddf99]:empty:before {
  color: #85888C !important;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt.active[data-v-420ddf99] {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt.active .videoBarrageSend[data-v-420ddf99] {
  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-420ddf99] {
  padding-right: 70px;
  background-color: var(--gray_50);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox .videoBarrageIpt .videoBarrageBtn[data-v-420ddf99] {
  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-420ddf99] {
  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-420ddf99] .videoBarrageListBox {
  z-index: 10;
  position: absolute;
  bottom: 68px;
  -webkit-transition: bottom 0.3s;
  transition: bottom 0.3s;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox.active .videoBarrageListTitBox {
  background: rgba(43, 46, 51, 0.9);
  border-radius: 0 0 15px 15px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox.active .videoBarrageListTitBox .videoBarrageListTitL,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox.active .videoBarrageListTitBox .videoBarrageListTitR {
  background: transparent;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox.active .videoBarrageListTitBox .videoBarrageListTit {
  margin-right: 0;
  border-radius: 0;
  padding: 6px 20px;
  background: transparent;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox.active .videoBarrageListTitBox .videoBarrageListTit.active {
  background: rgba(0, 0, 0, 0.9);
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .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-420ddf99] .videoBarrageListBox.active .videoBarrageList .videoBarrageListItem .videoBarrageItem {
  border: 0.5px solid #737780;
  color: #ffffff;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox.active .videoBarrageList .videoBarrageListItem .videoBarrageItem:hover {
  cursor: pointer;
  border-color: #05c1b7;
  color: #05c1b7;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .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-420ddf99] .videoBarrageListBox.active .videoBarrageList .videoBarrageListBtnBox {
  padding: 10px 10px 10px 12px;
  z-index: 1;
  right: 6px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .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-420ddf99] .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-420ddf99] .videoBarrageListBox .videoBarrageListTitBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  width: 350px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitL,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitR {
  background-color: rgba(43, 46, 51, 0.9);
  color: #fff;
  border-radius: 50%;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitL.active,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitR.active {
  color: #737780;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitL {
  margin-right: 5px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTitR {
  margin-left: 5px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTit {
  line-height: 16px;
  padding: 6px 15px;
  border-radius: 15px;
  background: #2b2e33e6;
  margin-right: 10px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .videoBarrageListBox .videoBarrageListTitBox .videoBarrageListTit .iconfont {
  font-size: 18px;
  margin-right: 2px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .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-420ddf99] .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-420ddf99] .emojiListContent .scrollbar {
  background: #2B2E33 !important;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoBarrageBox[data-v-420ddf99] .emojiListContent .emojiTit {
  color: #C8C9CC !important;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtn[data-v-420ddf99] {
  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-420ddf99]:last-child {
  margin-right: 0;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtn.btnTipsHover:hover .videoControlsBtnTips[data-v-420ddf99] {
  display: block;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoControlsBtn .videoControlsBtnTips[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox[data-v-420ddf99] {
  position: relative;
  font-size: 14px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRate[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRate[data-v-420ddf99] {
  width: 40px;
  text-align: center;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoRateList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoRateList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoRateList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoResolutionList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoResolutionList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoResolutionList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoResolutionList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoResolutionList[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoResolutionList[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoRateList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoRateList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoRateList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoResolutionList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoResolutionList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoResolutionList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoResolutionList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoResolutionList.active[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoResolutionList.active[data-v-420ddf99] {
  color: #05C1B7;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoRateList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoRateList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoRateList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoRateList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateListBox .videoResolutionList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateListBox .videoResolutionList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoResolutionListBox .videoResolutionList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoResolutionListBox .videoResolutionList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoResolutionList[data-v-420ddf99]:hover,
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoResolutionList[data-v-420ddf99]:hover {
  color: #05C1B7;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox[data-v-420ddf99] {
  width: 160px;
  cursor: default;
  border-radius: 10px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoRateBox .videoRateCustomBox .videoRateCustom[data-v-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.sub[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.sub.active[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.add[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomBtn.add.active[data-v-420ddf99] {
  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-420ddf99],
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoResolutionBox .videoRateCustomBox .videoRateCustom .videoRateCustomNum[data-v-420ddf99] {
  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-420ddf99] {
  height: 30px;
  width: 100%;
  background: transparent;
  position: absolute;
  bottom: -30px;
  z-index: 10;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume[data-v-420ddf99] {
  position: relative;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-420ddf99] {
  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-420ddf99] {
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-420ddf99] .el-slider__button {
  width: 13px;
  height: 13px;
  border: 0;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-420ddf99] .el-slider.is-vertical .el-slider__button-wrapper {
  left: -16.5px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-420ddf99] .el-slider__runway {
  width: 3px;
  border-radius: 2px;
  background: #737780;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-420ddf99] .el-slider__bar {
  width: 3px;
}
.videoContent .videoControls .videoControlsListBox .videoControlsList .videoVolume .videoVolprogressBox[data-v-420ddf99] .el-slider.is-vertical .el-slider__runway {
  margin: 0;
}
.videoContent .environmentError[data-v-420ddf99] {
  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;
}

.componentQAList{
    /* 白天主题 */
   --iconLike: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA4NJREFUaEPtmD9o1HAUx9/LndgeFiouOnQTRHCoUEEQoeKi2CZtL/8KHRSRLkoVOjg4VETsIhZ0cCgEwdLLn/NMquCoUBBRaaUOgkOXgm52EK1tL09yydW7865Je7/iRS7TJfnl3ft8v+/3e/kFIeYHxjx/aAL8awebDvyXDuhZexoIRSBYBoTZBLjjotj3ZidgmZeQnrVPAOHsX8kijinp3pusIdgDWE4OAPqqJ0rnFVF4xBKCKcCUketMcok5L0EiWHHd/GCC44YB8YyfNC2j+6tDluXvrCCYAujl6j9VRL5f07SW1J59C4BwMADrUyXebjiAUvULiXLYqQ70fvB+66Z9CxBv+CbgmCKxmwvMHNBN2wREMVC2oH5RZcOyRwhwonCOMKGk+WsN5YBh24fcVZxHhJZK9b3zhgfQTeceIFytpn4VgEl3NX+7lgP5vLs+NJReiupQ3SWkGcb+VmxZLKqPHHTLA/yr0gTKHIiUGS25yI0Opnv1sOF1A5SpTzCrSPzJyj/dOoAfAZF65LTwfDOIugAq1SeCqkukkXUuukT+KhRyIEA7ALYX5hLQO1UUjtUNkMk8OcIlE6crAxFg90bXJZpXJOFoWIJh9zUt155qS3wLxq0rIr+rLgAjO6MQ0WMASG4WqJb6YQlX3vdcTXEtX/zrtKyIwt66AHTT+VzsojUDMVLfiz9t2V0c4Fs//3BXQ+eAbjm0kTiC34z8Ai0um4CIqhxhxYjihm45aQCwgrFlDbHa81sCUER+Y3wpGLorbaxe0AxrZoSACkIR0ANVFK7UV0IlDtQCKL0eReXNxmQs+z4CXg5KaFSRhLuxAih9o3UR1bBmxqSEWDqgm/YcIHZ6qqPLdclyz/u4OeD1gEIj++GuHLggy19jA6Dlcu2pvN/EvB2dKvGtYXOqoUrI6/iYTC74KxB8UkX+cKwAjKx9jgifBX3mhSLxZ2MFkDGdYUR4GABMKhJ/KV4AlnMHAa4HJXRDFfmaG58iWGPNAdOe9l5L/ElMQ6okTMXNgdcIcNxL2qX8qUGp/2VsAPx9ALdY3Mysrax1RNkbh5ZQxnR+Fve7YWqwu09Liih0RIkXCqCb9jQEdRklIJsx0b+hhgIUdki4W/vzfZNNilWirAPRR+S48a3sLUIBdixdRoGbAIyE3HaYpgPblo7Rg00HGAm57TBNB7YtHaMHY+/Abxm0q0BaJEWSAAAAAElFTkSuQmCC);
}
.componentQAList[data-theme='dark']{
   /* 暗色主题 */
   --iconLike: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA2VJREFUaEPtmE+oDXEUx79nzL2xUM+OxdtZUBYU2ZCUhQWhFG+hhju/331dytvIQoqiKIXicn/nd1EUZfOKjZ1CKQqxUBY2r9h5CyHGPZo7c5/reu/NMPNyR3fq1m3+nPl+zjm/c35nCAU/qOD6MQD41xEcROC/jIDS+qYIdgKYBOQRxD1l7aXHcwGbewpprde1BA9+E0s4Zo05njdE7gC+UuMAbZtOKMHZy3z5Wp4QuQIopVYK6Fks8IsQRgioQrA5PjdZLrnD9Xr9Y14QuQJ0e58I42zMDs/z5rul8ksAS0PRQtjRNGa87wB6vA+CrGLm56FQ39cnQDjSFk04bo051ncAvqreBiSsPOh4vyPS9/UYCGcj/XSeuTHWVwBa62UtQZj78yORP70fR6C/ASpKnSPQwem83wsAgnUd5+RMEQiCILDWTqSNUOZFXKvVFn/9FrzteB/ibLT28v1uAd0plFLYBEEOMfOtpPszA/R4/yEbs773pX8BEK932crMd2eDyATQ6/2ZSmSlon3HoagKJRwCGQIQ/sJq8NSaxprMAJXR0RUUtDb1GiLCBgG2x+efWzarkgQmXfc8b8gtlT9E+ilg0yhlAlBK7RbQdQDubIbyalBerbbY/Ra8i981adksygTgK/2m00VnMZSL90P7+/ZVVzvz5En4X4AXTTYrswJIx0DYhDr/BdIum9GLZKSZomIkpU943ferO0FyO0qhaDuSG4BlM7XofaWnwMold2FeG7RfKpbgorXmwJwDdIOl8fJs9/i+vgDC/jiyh5rMZwoGoMZB0TxBkJGkZpbYB7pTZaYUyjUCSod7qvbCbTm05kqj8bRYEVA67AHtRlYuuUvq9fr7wgB0NzEAXyybBUlrqq9SqFIZXUFOK5zewk+Gr5nN8kIBKKW2COhO3F3uWebOLD0jR19FQKnqqEAuxQBNy+wXKgIVpU4R6HCUQnSUuXGiUAC+r2+BsKst2qE9ttG4USiAitKPCVgbbbB+n+ymg+mbNeB5Y0Nu6VM4mkbDjLSG08zGaQA+T827SfHM7/qEZTOcxlwyQHdeprGYwz0tyN4rzKm+oSYCtCek4PtViCTW5IzaAwCvBHL6T2aLRICMoub88QHAnLs44QWDCAwikNEDgxTK6MDMjw8ikNmFGQ38AFIklEBspuZtAAAAAElFTkSuQmCC);
}
.ellipsisText[data-v-312681e1] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.answerBox[data-v-312681e1] {
  margin-top: 6px;
}
.answerBox > li[data-v-312681e1] {
  border: 0.5px solid var(--gray_95);
  border-radius: 10px;
  padding: 20px;
  background-color: var(--bg_white);
  cursor: pointer;
  font-size: 14px;
}
.answerBox > li + li[data-v-312681e1] {
  margin-top: 15px;
}
.answerBox > li .lesson[data-v-312681e1] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--gray_50);
  border-bottom: 0.5px solid var(--gray_93);
  padding-bottom: 10px;
}
.answerBox > li .lesson i[data-v-312681e1] {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAkVJREFUWEftl79v01AQx78XMiCmgJComIrEABILYmg3srHyQ4g1bPwotLIbe0HkAkvjyk6kpmKMsyPRDSqQKBP8B10YGDoQBIUBQSsaH7IVi9Rx8qB5URjizfZ77z73vffe3RHG/NCY7SMVIJ/n7PlZms+I3AJwekjI9wKqeZXSato6qQCmzQ0AhSENJ6f7boVvJj/2AJh2+RIgL8KBArwjoToRvh8ERgQ5kISO5MP5QZDJV5cfvuleqwfAsHiFCHMQfPzyCad8n3cOYjyeUyjw4WMnsEnAtAjqnsP3BgKYFj8D4TIEa67DV4YxHs8dtGZvCCYA/6sCZrE839nRfbeFAHtE9MCtlNa7B2nZA4bFb4kwq9qUAvhe4rxrAbi/yOeyGbqmANj7BWmuOLylXQGV54P+a1FgAmBYXCXCgkKJHQEtJjOflhCYNr+Ok8ogCCHUvaX9970WgDtFnjqSoRnVXvjckvVkAtMCoDI8OQWhAqbFT4DU23IahFxaiteajk2bRRGqp26Fr4+sIIkBBDRH0l3GyRIIUyOviGKA9i6O1mr8LQqLyWeQxWbktVDBdUrNkSsQA4Tl/YUZvOzcHz/buzgZg8UQfYtSAT5st3D2X4rSbgWQAw79QCOqL0PnhdhzSmVlWV4sProYZIKNzsANCPlEiORUPQJZi4wBqyS4AcLx8D0Ann9t4WqaM6mNiWFzg/Q0JiKQ5naLbvdTsm9vaNjlu4As0N+3Zn+OoGALhFdB0G5Wlx/va0SUIVDJrPv/2Lvj36fcnjCr4+L+AAAAAElFTkSuQmCC);
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
}
.answerBox > li .questionTitle[data-v-312681e1] {
  font-size: 16px;
  color: var(--gray_20);
  margin-top: 10px;
  font-weight: bold;
}
.answerBox > li .answer[data-v-312681e1] {
  color: var(--gray_50);
  margin-top: 6px;
}
.answerBox > li .imgList[data-v-312681e1] {
  font-size: 0;
  margin-top: 6px;
}
.answerBox > li .imgList .img[data-v-312681e1] {
  width: 67px;
  height: 67px;
}
.answerBox > li .imgList .img + .img[data-v-312681e1] {
  margin-left: 10px;
}
.answerBox > li .bottomContent[data-v-312681e1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
  color: var(--gray_70);
}
.answerBox > li .bottomContent .bLeft[data-v-312681e1] {
  font-size: 12px;
}
.answerBox > li .bottomContent .bRight[data-v-312681e1] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.answerBox > li .bottomContent .bRight i[data-v-312681e1] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 2px;
  background-size: 100%;
  background-image: var(--iconLike);
}
.answerBox > li .bottomContent .bRight.active[data-v-312681e1] {
  color: var(--green_n);
}
.answerBox > li .bottomContent .bRight.active i[data-v-312681e1] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAsRJREFUaEPtmDFo1FAYx/9fLpG66WSFFjooLg4VdJI2ORx6iQqVijh0EXQUFW5wcFBQdBE7uKkoiKggVME2t92ddBGUOhZaEKFgxw4Fi3mXv/SKoLW9l1yS2kCy5v++9/993/vy8p4g54/k3D8KgP9dwaICRQUSZiCTJWQ1/JcUnAW4DGJGSqV7wdDIx4ReNx2ePkB9atAyjNmNsxG4qWz3VtoQqQOYjelJERndwujFwHafpAmRLsCMf8hqYW4rgwSXVbjSj/K5lbQgUgUwm7UHAl7tZC4UGW0NV97tPID6VK9pGF8F6OlkLu1eSK0CZtO/K8B1fWY5EdjeNb0umiIdgPrTHtPY910ge/TT7kAAq1m7AnBCbx4A8Tjg6p2ttaFCeWwxUiwghb/RdvZ75wXoizqpTkdgkTCqLXvktU6beAmVPtTGDPKNbqJu3ocip1rDlalOYxMDWI3pWYgMdmNQO4b8FDjeseQA9feHLcO0AZh/BiPYJ0BVa6R7gQps10oEsLZEhHwlG8x37yn6yPbObXt7EwFYTX8ewIG/M49VIZYI9ohIb3RLMZXkl8DxjiQF4MYAJBrKccul+vSoYchkTFuR5STfKsc7k1uAEHzYsr3LuQUgpKrsyv3cAoTg+ZbtddzMtPuA1fQ364Gaclw36x4IDOMohkY+Z1CB9ebKHCAM96N8cimXAARWle3u1n2yulxC21ABYiFw3IO5BSDR7rPcArTPDY57KbcABG8o2+tw8FlH66oHQDwLHPdCll8hAcd/2t6LTCqwHQAMVVmVTzdyCxCYuwZw/MS3xABm0//xz10PsQBghsCACBzdJHHfk1hUjtsfZZy+Bxr+cwjGowRLURP5DlULgLUbN5FHEKlkeSojoEDOUUq3o9xG/E6WHiDFtGYRqgDIIqtxYhYViJOtLLRFBbLIapyYRQXiZCsL7S+TyFRAprfWsgAAAABJRU5ErkJggg==);
  background-size: 100%;
}


.mindmapContainer {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}


.playBox[data-v-3499d184] {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.playBox .tableDialog .bodyTableBox[data-v-3499d184] {
  background: var(--bg_white, #ffffff);
}
.playBox .tableDialog .bodyTableBox .headerTitleBox[data-v-3499d184] {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  padding: 13px 0px;
  position: relative;
  border-bottom: 1px solid var(--gray_93, #e8eaed);
  background: var(--bg_white, #ffffff);
  color: var(--gray_20, #2b2e33);
}
.playBox .tableDialog .bodyTableBox .headerTitleBox .closeBtn[data-v-3499d184] {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 24px;
  cursor: pointer;
  height: 24px;
}
.playBox .tableDialog .bodyTableBox .headerTitleBox .closeBtn img[data-v-3499d184] {
  width: 100%;
  height: 100%;
}
.playBox .tableDialog .bodyTableBox .paddingBox[data-v-3499d184] {
  padding: 20px;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox[data-v-3499d184] {
  white-space: nowrap;
  border-left: 0.5px solid var(--gray_95, #EDEFF2);
  background: var(--bg_white, #ffffff);
  border-radius: 8px;
  overflow: hidden;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .table-cell[data-v-3499d184]:last-child {
  border-right: 0;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .headerBag[data-v-3499d184] {
  background: var(--blue_a, #ebf1ff) !important;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .headerOneBag[data-v-3499d184] {
  background: var(--bg_gray, #f7f8fa) !important;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .tableCell[data-v-3499d184] {
  max-width: 165px;
  min-width: calc(50% - 10.5%);
  padding: 8px 10px;
  border-bottom: 0.5px solid var(--gray_95, #EDEFF2);
  border-right: 0.5px solid var(--gray_95, #EDEFF2);
  white-space: normal;
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .tableShowcell[data-v-3499d184] {
  padding: 8px 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 0.5px solid var(--gray_95, #EDEFF2);
  border-right: 0.5px solid var(--gray_95, #EDEFF2);
  color: var(--gray_20, #2b2e33) !important;
  white-space: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
}
.playBox .playContent[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #000;
}
.playBox .playContent .playerBox[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.playBox .playContent .palyerDefault[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.playBox .knowledgeBox[data-v-3499d184] {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.playBox .knowledgeBox .rightTop[data-v-3499d184] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 20px;
  padding-bottom: 20px;
  background-color: var(--bg_white);
}
.playBox .knowledgeBox .rightTop .title[data-v-3499d184] {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  color: var(--gray_20);
}
.playBox .knowledgeBox .rightTop .subTitle[data-v-3499d184] {
  font-size: 12px;
  color: var(--gray_70);
  line-height: 16px;
  margin-top: 5px;
  padding-bottom: 20px;
}
.playBox .knowledgeBox .rightTop .subTitle span + span[data-v-3499d184] {
  margin-left: 10px;
}
.playBox .knowledgeBox .rightTop .subTitle .progress i[data-v-3499d184] {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IArs4c6QAAALRQTFRFAAAAAP//AP//AL+/ALa2AL+/AMaqALm5AL+/AL+qAMSxALyuAL+/AMG5CMG5AL+xBsa5BcG2Bb+1BL+yBMC4A8O1A7+5A8C5A760A7+zA8C3A8K3A723BcG2BcG4BcC3BMO3BMO3BcC3BcK3BcC3BcG1BMK3BMC2BMC3BcG3BcG2BcG2BcG4BcK3BcG3BcG3BcK3BcG3BsG3BcG2BcG3BcG2BcG3BcG3BcG3BcK3BcG3BcG3XuxQ+AAAADt0Uk5TAAECBAcICQsMDA0TFB0hJCgxNDw9TExNTlRVWFleb3Fyf5Wbo6Wrr7fO0tPW2N7f4OLl6+3y9Pr7/f78v6xSAAAAoUlEQVR42u2MRw4CMRAEHcjRZFhYcl4yS5z//wvLshlLaA5cOFHHLnWxP1+Q7swmzQRpR1eAy4DS2mo2BeILhl3RLZX+sC69smGRtEv3dLsfQ4Flcy5Zm92C5twQXvkZKWYpH8D4UGI5qnGncyuwXrzLSltHO7Z+jmWfYA8OLCMyiFFiGekZ/1nGPlHGPlHG/mOtGEVruhxXOal5Jp9iv+MFq1YoIox0WwIAAAAASUVORK5CYII=);
  background-size: 100%;
}
.playBox .knowledgeBox .rightTop .catalog[data-v-3499d184] {
  border-radius: 6px;
  background: var(--gray_97);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 38px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
  padding-right: 15px;
  cursor: pointer;
}
.playBox .knowledgeBox .rightTop .catalog .icon[data-v-3499d184] {
  display: inline-block;
}
.playBox .knowledgeBox .rightTop .catalog .icon.iconMulu[data-v-3499d184] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 18px;
  background: var(--mulu) no-repeat center;
  background-size: 100%;
}
.playBox .knowledgeBox .rightTop .catalog .icon.iconArrowRight[data-v-3499d184] {
  width: 8px;
  height: 8px;
  background: var(--arrowRight) no-repeat center;
  background-size: 100%;
}
.playBox .knowledgeBox .rightTop .catalog .num[data-v-3499d184] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 15px;
  font-size: 12px;
  color: var(--gray_70);
}
.playBox .knowledgeBox .rightTop .catalog .title[data-v-3499d184] {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 5px;
  color: var(--gray_20);
  font-weight: 600;
  font-size: 13px;
}
.playBox .knowledgeBox .domBoxHidden[data-v-3499d184] {
  overflow: hidden !important;
}
.playBox .knowledgeBox .domBox[data-v-3499d184] {
  overflow: auto;
}
.playBox .knowledgeBox .domBox .pdfDom[data-v-3499d184] {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: var(--bg_gray, #f7f8fa);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox[data-v-3499d184] {
  margin-bottom: 15px;
  width: calc(100%);
  padding: 15px 0px;
  border-radius: 10px;
  border: 0.5px solid var(--gray_95, #edeff2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--bg_white, #ffffff);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .titleBtnBox[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--gray_20, #2b2e33);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .titleBtnBox .leftBox[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .titleBtnBox .leftBox .line[data-v-3499d184] {
  width: 4px;
  height: 14px;
  background: var(--green_n, #05c1b7);
  margin-right: 11px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .titleBtnBox .rightShowDialog[data-v-3499d184] {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  background: var(--showDialog);
  background-repeat: no-repeat;
  background-size: 100%;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .titleBox[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--gray_20, #2b2e33);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .titleBox .line[data-v-3499d184] {
  width: 4px;
  height: 14px;
  background: var(--green_n, #05c1b7);
  margin-right: 11px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .tujieRadiu[data-v-3499d184] {
  border-radius: 10px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongPaddingBox[data-v-3499d184] {
  padding: 0px !important;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox[data-v-3499d184] {
  padding: 0px 15px;
  margin-top: 15px;
  color: var(--gray_20, #2b2e33);
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .pithyFormula[data-v-3499d184]:last-child {
  margin-bottom: 0px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .pithyFormula[data-v-3499d184] {
  line-height: 28px;
  margin-bottom: 10px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .imgPngBox[data-v-3499d184] {
  width: calc(100%);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .imgPngBox img[data-v-3499d184] {
  width: 100%;
  height: 100%;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .mindBoxImg[data-v-3499d184] {
  width: calc(100%);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .mindBoxImg img[data-v-3499d184] {
  width: 100%;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .mindBox[data-v-3499d184] {
  width: calc(100%);
  height: 228px;
  border-radius: 10px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .mindBox .mindmapContainer[data-v-3499d184] {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle[data-v-3499d184] {
  overflow-x: auto;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBoxShow[data-v-3499d184] {
  overflow: hidden;
  border-radius: 8px;
  border-left: 0.5px solid var(--gray_95, #EDEFF2);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox[data-v-3499d184] {
  overflow-x: auto;
  white-space: nowrap;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox:first-child .tableCell[data-v-3499d184]:nth-child(2) {
  border-top-left-radius: 8px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox:first-child .tableCell[data-v-3499d184]:nth-last-child(2) {
  border-top-right-radius: 8px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox:last-child .tableCell[data-v-3499d184]:nth-child(2) {
  border-bottom-left-radius: 8px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox:last-child .tableCell[data-v-3499d184]:nth-last-child(2) {
  border-bottom-right-radius: 8px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .tableCell[data-v-3499d184]:nth-child(2) {
  border-left: 0.5px solid var(--gray_95, #EDEFF2);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .table-cell[data-v-3499d184]:last-child {
  border-right: 0;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .headerBag[data-v-3499d184] {
  background: var(--blue_a, #ebf1ff);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .headerOneBag[data-v-3499d184] {
  background: var(--bg_gray, #f7f8fa);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .tableCell[data-v-3499d184] {
  min-width: calc(50% - 10.5%);
  max-width: 260px;
  padding: 8px 10px;
  border-bottom: 0.5px solid var(--gray_95, #EDEFF2);
  border-right: 0.5px solid var(--gray_95, #EDEFF2);
  white-space: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  clear: both;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .tableShowcell[data-v-3499d184] {
  padding: 8px 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 0.5px solid var(--gray_95, #EDEFF2);
  border-right: 0.5px solid var(--gray_95, #EDEFF2);
  color: var(--gray_20, #2b2e33);
  white-space: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  clear: both;
}
.playBox .knowledgeBox .tabPlayerBox[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 14px 20px;
  height: 24px;
}
.playBox .knowledgeBox .tabPlayerBox .rightBtnExport[data-v-3499d184] {
  color: var(--gray_35, #4c5059);
  cursor: pointer;
  width: 60px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
  place-items: center;
  gap: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  border-radius: 12px;
  border: 0.5px solid var(--gray_85, #d4d6d9);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.playBox .knowledgeBox .tabPlayerBox .rightBtnExport img[data-v-3499d184] {
  display: inline-block;
  width: 13px;
  height: 12px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--gray_50, #737780);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  position: relative;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .tavActive[data-v-3499d184] {
  color: var(--gray_20, #2b2e33);
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .lineKnoPostion[data-v-3499d184] {
  left: 19px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .lineKNerRPostion[data-v-3499d184] {
  left: 117px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .lineBox[data-v-3499d184] {
  width: 9px;
  height: 4px;
  border-radius: 3px;
  background: var(--green_n, #05c1b7);
  position: absolute;
  bottom: -10px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .neiRongBox[data-v-3499d184] {
  position: relative;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .neiRongBox .aiIcon[data-v-3499d184] {
  width: 22px;
  height: 12px;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: -23px;
  top: -4px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .neiRongTitle[data-v-3499d184] {
  margin-left: 24px;
}
.playBox .knowledgeBox .knowledgeList[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: var(--bg_gray);
  /* 滚动条的轨道（容器） */
}
.playBox .knowledgeBox .knowledgeList[data-v-3499d184]::-webkit-scrollbar {
  width: 10px;
  /* 滚动条的宽度 */
}
.playBox .knowledgeBox .knowledgeList[data-v-3499d184]::-webkit-scrollbar-track {
  background: var(--gray_90);
  border-radius: 32px;
}
.playBox .knowledgeBox .knowledgeList > li + li[data-v-3499d184] {
  margin-top: 20px;
}
.playBox .knowledgeBox .knowledgeList > li.active[data-v-3499d184] {
  color: var(--green_n);
}
.playBox .knowledgeBox .knowledgeList > li.active .nameWrap .time[data-v-3499d184] {
  color: var(--green_n);
}
.playBox .knowledgeBox .knowledgeList > li.active .nameWrap .name[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0.5px solid var(--green_n);
  background: var(--green_a);
}
.playBox .knowledgeBox .knowledgeList > li.active .nameWrap .name .playIcon[data-v-3499d184] {
  width: 12px;
  height: 12px;
  background: var(--playing);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 4px;
}
.playBox .knowledgeBox .knowledgeList > li.active .nameWrap .name .playIcon + .nameBox[data-v-3499d184] {
  margin-left: 8px;
}
.playBox .knowledgeBox .knowledgeList > li.active .nameWrap .name .nameBox[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--green_n);
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap .time[data-v-3499d184] {
  color: var(--gray_70);
  font-size: 12px;
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap .name[data-v-3499d184] {
  width: 313px;
  font-size: 14px;
  line-height: 20px;
  background-color: var(--bg_white);
  border: 0.5px solid var(--gray_95);
  border-radius: 10px;
  padding: 15px;
  margin-left: 15px;
  cursor: pointer;
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap .name .nameBox[data-v-3499d184] {
  color: var(--gray_20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap .name .starWrap[data-v-3499d184] {
  min-width: 50px;
  display: inline-block;
  margin-left: 2px;
  height: 20px;
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap .name .iconStar[data-v-3499d184] {
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAnVJREFUSEu91jFoE1EYB/D//9KXRCxFS5GCixQREQUHB0GEG3KZ9GJFHKQgTh0VqbSgpVUjKlSqo4OYpQ6KlEunXhRvEUcF262Qbg4ttGi1Ta65T2Ka2rRJ73Itve3yvu/73Z/3eITY44d77KFpsGglr4MyAkELyL6oab9q5qObAlcs/ahG9R1g/B9CcT3PPRFPOTNB0abAYjY5CuBW7XDJRM3cjV0Hl97qndG4yq+nqwoibslzj+3rdmaDoIET1k9XIQiMKtO+vWvgwrh+YH9E/diS7r+w8LtU7DrY7Sz6odsmLENxaTkZibAXZM92wwSS0YDM8pI73XbNmW9UWwO6lnEOFB2infaAMySO+H1xvXURzGrElAdMaZrnqAsfJqt166CbNfoFfBIG8OshZEiZuQdr+10pL1rGL5Ctfs0h1xeipt1eC2aNOYAdIQf6tdUBLeMmyOd+nWHWCRlQZu5pTcLyizuRHBLBcJihDU8lMawu2ve3HJrqD7uJchO2JWEVLWQTdwntYeUSCfUIgUFl2o82dzccWMgmHxMYCMOJh5HYJftOvd6GoDuRGBLRQu2nCNKxlD3YHGgl3wlxJUxCCsZVyr7cFFiwjDzJUFcbgHzUtLsCgz/f6B3x1uhcmHRrPbK4Umw7dNVZCnRolscTeiSifdoJSJHzKpX7HAis/FFCph4oIjME0wKsgrhH4Hj9ulJPLPVxLBD4533ibIvSvmwsrkBeWn0tjXHYWS2v5V/r8cPtqlfIAQKdG+pFwFMxc3I6EFguKmSNfoL9AObhyQv1zX1ZhTYPWYfBPkJaCaRVKvcs8KHZwd75toa9unwHNyr4C2Kb2h244xGZAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 14px;
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap .name .doubt .iconStar[data-v-3499d184] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA7hJREFUSEu9lk9oFHcUx79vdqMJTUsVD94SREqRSBeqUJBCjj0kM012/m1IaZYevBQUSTElSsY2okKKlZ5EygpqdndmtpsZLaWnbQ+lPUiT4oZUEOJNxKDCBo11M6/MuhN3112dbSVzGn6/936f3/f3e+/9HmGTP9pkHtoGZm3nUzDNgDjqEY0n4uL37Wy6LeAl09ndQXSDCJ3PIPT0H8/b84kq3QoLbQuYtdyzIBxm4GIFB4z5/7osJl87MGWaO7uoc9lXFwH6Hnv8ZItASwxmfuq9k0gM3Q4DDa0wUAdgTpPFIX9x03ZTDIwBOKvJ4pHXBkyl8m93dUfu+OpYoJg+PPiXv3jmh2t95Hk3wHjwaHV9VzI59PBV0Jcq9EFb3+C+iBA5CNBorbpg4WzO/QmMj/y7FARcLK+tLo6MjKy0AtcBsznnADP1E3MMhH0A9dY6koB+dVj8tXYsbeX7BYoUascYfBtMRYFQZAi/aPLAz8H8BjBruUdBOF3nyFgj4DoE/E3AH2qLnDNz7mcec4xA+wDuA6i7bqPAlCqLX1Uj+9lU1nZKVcMZFngh6tFCsfjnTcMwyq+6l8b5dDrfK3RE3gdTDMTH/DvWFHF7PdBy74Gwg4gH1Lj0Y7uQZvamOSezIFjMeKA3AjO2c4hA3wLwFemaLOb+D7QKSwOIeoyJhCKeqVNYOdbc1SkwGz6Umcd0RbryX6Bmzh1jxgUfBiJDiw+eeCFonof5BhQUocPq0OC5dqBm/uohXmf/pNAIe0FhsHDGdicJ+LpSLkkY1+ID34SBmrbzOYO+A8AMHNdl8WSjX8vEz9juKQImmHFNV8TBMMCM5c4RQQJ7M5ry8RfNfFoCg/tk4LQui1+GAtruNAGTHvN0QpGOtwe0HAtEMgA5bMRmbWcUoEtgzmuKNNwWMGM7ywTq5XJ5r64PF2udDcOI9vT0RJPJ5Frt+EYxB5Y1WdwVGjg7O7sjsqX7HphXlxbntwXVxigUonvul0bZw6TfYgAwHpXuZwNwoVCI3l0plYiwlby1t1RVXQ0VNEFBZvB1XZb2b4AYkwB2N9TJeY9xQldEp5LLljMPovdA/KEWl34LBaw0SiC/jbgMUA7wpgCKVZyZb4EwzYwyiI4R8G41vypggJNEJDHzaLPC0TRKL2dyH3REO36v210VtFScvxIccSqV6ux6c/tBAk0A2Fljz+vA3hFZXAyl0DdKW+5RAvwna4XhnbtZXDjf6uV4DsY4gG4wpjVFalosQvc0YfIwjM2mA/8FxnWVLIEQ0CAAAAAASUVORK5CYII=) no-repeat center;
  background-size: 14px;
}
.playBox .knowledgeBox .knowledgeList > li .showAnswer[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 17px;
  font-size: 12px;
  line-height: 15px;
  color: var(--gray_50);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABLZJREFUSEvFln9olHUcx9+f713rJiWyqSsKChFZOChhaaR/LDDMWL8bZn+koUGS1m3P7rkt2Pm9m+Ce257dSiEFgwmBkkY/VFQKtCRKszJYsKEkgcQm3hK03Yy77zue2wa32930RuL9c3fP9/l8X9/P+/l83p9HcIc+coe4mBG42Y5uINhBAYUm5MZje0tNoGRwqCX6SobskjRWezD6eZRgMOHEviwFXhJ4/XodqJyPi1Cq3u2I/OyBmmz9hCh8mhzEot5ePXqr8JLAVjj6Hsg6N65fygVYYX3A0BxLxGMf3x6wrX+AiHadrcdzAU0hXS+KEdeJLp0xOBSKLTfKbCaxcHyTQRH0gdJHcOfwZdyfL2md1v7aFC4bI5tEsYbEYwDu8+JFcEGZzM7Ozvbvcw81Serm1tgyGnOQkG0icjYbSD5oiBqAL4p43zgMyB4v67o67a9dJqsMuVEE9SD7CbVfCfooconG3EXIYgWjFc1rufBJYCus20lJd8e3RvMls8J6e/YapR9gEIIAAb8Q1w1kpwIfgTDlOtG2/NgmW2sR+nLXJoEb7egGJVzpOnrtFLCtP6eST5CBH4rbBLgE4ioEi2lMqxGV8Su80dWhXy4Q22tgTuUW3yRwMKjn+Mpw3gffini8bWBS5dr6VwB+75qh2pzojHzr/W5s1iuVQqenAIhRN66X5MY1NuqFqgxnMjewoKdHX51Ym9JOVkvUAvlqcghPTRSRZUfXQbhLKPrsGbonT+p07ubZ/p7HIJTEQPPWhJOt1zpQmcJRwuzvdmK7ixbXxEKTrQ+J4EpyCJsq52MHBCsAVCeHUF7MJLLwKowQGFDAiSvlaKocycZWuY5+Pl/+ggbibVJRha8FeJjEudHrWFt+L665jp7WcKywNslyzKoYwQGMdcDF4SE8W+iwhcHjEgF8CJTfk7PQUJlC6lbAqWuYXT4b+wA8SsM/h2fJ0716qpUWBFst+hAMB5OXZUvlfCYgqANkeqnHDjsCYIDAqeFyvFvxDz4S4Vw3Hn3uplJbtn7bCNf8PSSrJyRqtCPrlKg9FNHDAbr5GXhGsuRxNislEUOzKTE+Jr3iqkjhhIg56HbE3KLFlW2nu/GH+RdLEwl9YUo7CQOgjBqiNdGpj3nrwRZd5zPYAdDzuXR+O1mWrqYf35kbWFS0nTwDEeGKbke/WchAAOylMj6h2gaiH4I5AB5IG9MmnoEIXu9yChhIWO8zNN8UNZCbWGa7AAEaDEDwDoX3AEgLJEWDDyGoppAJJ9pasmUGQ23LfeLbByJGz+iBtAKyQ0L5sAZENcDDAu45e1od94zECkdWAbIRkHoSfQCOCHDOeJY69qlVCu+LZBq6trefLupcza1ty0ifN/DHx6IMGvA3MeyDqF2/nMG8Kc6ldWBuCn+RZosRqRGiRgRVWYhIfyaT2d0z3VjMl6iAZD8pEd3lbD0yyY9D+hnlQ8Tt0E/ebI+iGU8XWGx6NYX1FwJzwnViH9wW8Jgf8zwpDd1x/WN2Otm6Vgm+Sg5hwW172cuCwpEXBNIjaVl9A0CZn0chbO7uiH12q9lmH30pN0/ca9mRdRTV6f0nTWspb5czesYzOWSxmBll/H8c4D/SL0o9SP8drgAAAABJRU5ErkJggg==) no-repeat left center;
  background-size: 15px;
  margin-left: 47px;
  margin-top: 10px;
  cursor: pointer;
}
.playBox .knowledgeBox .knowledgeList > li .showAnswer .iconRight[data-v-3499d184] {
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAATZJREFUOE9jZKAQMCLrX7FmUzUjw/8KBkamnvBg30ZizEYxYOXqjdsZGBk9wBoZGRuIMQTFgOXL1yswsjLtZ2RgVAAb8p+hJzzUrxSfS1AMAClcsmStDAsH625GBgYNqCFzrl89l9nQ0PAHm0EYBoAUzV+1SoKLiWM9AwODBcSQ/2u+fXkXm5iY+APdEKwGgBStWrWK5z8jx3YGRgYbSJgw7Pj26W0guiE4DQC7ZP58Di4eofWIgMU0BK8BWA1hYFgSHuIXC/MKcQbwCa9n+M8AiV5SDAB7AVnzf4Yd376ghgPxgYhFMyRssYCNGzeKf//NsIWRgdEEFo3Xr56PxJYWMAyAaGY8AEtI//8zzLlBbEJau3ar/J//fw4wQJPy//8MEyJC/QqJTsorVm/az8jI4EBKZgIAFZWDEXqZEd0AAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
  margin-left: 4px;
}
.playBox .knowledgeBox[data-v-3499d184] .SEmptyMark {
  height: 100%;
  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;
}
.playBox .knowledgeBox[data-v-3499d184] .SEmptyMark .empty {
  padding-bottom: 100px;
}
.playBox .knowledgeBox[data-v-3499d184] .SEmptyMark .emptyText {
  font-size: 14px;
  color: var(--gray_50);
}
.playBox .knowledgeDetail[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  right: -400px;
  z-index: 1;
  width: 400px;
  height: 100%;
  background-color: var(--bg_gray);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.playBox .knowledgeDetail.show[data-v-3499d184] {
  right: 0;
}
.playBox .knowledgeDetail .topWrap[data-v-3499d184] {
  background-color: var(--bg_white);
}
.playBox .knowledgeDetail .topWrap .topTitle[data-v-3499d184] {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 10px 12px 20px;
  color: var(--gray_20);
}
.playBox .knowledgeDetail .topWrap .topTitle .close[data-v-3499d184] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAdFJREFUaEPtlzFLw1AQx++FBqp+AN118GPoLJqhWkVwEBeHbroIDoqLoIujIDi42ChIHFz1Yzi4uOknSKg2kVcaqKFpcu/uIsXXrfTl8v/9/5fLVcGYf9SY6wcL8NcJ2gRsAkQHbAsRDSRfbhMgW0gs8P8SuH14mlXd792um5xvet4n0cDe5UEQTEcdaNWc2lWjsfSOqYlOoH0XnIBShwnAa+wmC1QILT78Ui8KYB4SdbS+tnwsCnDt+zMTTv1Z35AKMShe1wrjaHG72fwQBdDFOSA4xGst6BZK3aFAcIknAZgmwSmeDICF4BbPAlAWQkI8G0ARhJR4VoA8iCkASOe86agcNVaNp1Be0ex06rvUe2eYzPmidwI7QDYJ/V1KPHsLpW79Wg/6ABxrx7A02BPIPrCDLSQBwQowbNpoAK7dSTSBUaOSsnZU8hCXmfNSEOQWKiOeYwHMS4IEgBEvBWEMYCJeAsIIgCKeGwINwCGeEwIN0L5/PAOAfa71IDOdTjdWVw6KRufg72iAGz+Ycx21E8bRBfYP+KgFcNKp73Xi5HKr6b2JAmCKV3EWnUAVojD3sAAYtyTO2gQkXMXUtAlg3JI4axOQcBVT0yaAcUvi7A+o2bdAZU/OCgAAAABJRU5ErkJggg==) no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.playBox .knowledgeDetail .material[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding-bottom: 20px;
}
.playBox .knowledgeDetail .material[data-v-3499d184]::-webkit-scrollbar {
  width: 10px;
}
.playBox .knowledgeDetail .material[data-v-3499d184]::-webkit-scrollbar-thumb {
  background: var(--gray_90);
  border-radius: 32px;
}
.playBox .knowledgeDetail .material .book[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 20px 15px 20px;
  border-bottom: 0.5px solid var(--gray_93);
  background-color: var(--bg_white);
}
.playBox .knowledgeDetail .material .book > img[data-v-3499d184] {
  width: 80px;
  height: 80px;
  border-radius: 2px;
}
.playBox .knowledgeDetail .material .book .bookR[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.playBox .knowledgeDetail .material .book .bookR .bookName[data-v-3499d184] {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  color: var(--gray_20);
}
.playBox .knowledgeDetail .material .book .bookR .sub[data-v-3499d184] {
  font-size: 12px;
  color: var(--gray_50);
  line-height: 17px;
  margin-top: 5px;
}
.playBox .knowledgeDetail .material .knowledge[data-v-3499d184] {
  padding: 10px 20px 10px 43px;
  line-height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABLZJREFUSEvFln9olHUcx9+f713rJiWyqSsKChFZOChhaaR/LDDMWL8bZn+koUGS1m3P7rkt2Pm9m+Ce257dSiEFgwmBkkY/VFQKtCRKszJYsKEkgcQm3hK03Yy77zue2wa32930RuL9c3fP9/l8X9/P+/l83p9HcIc+coe4mBG42Y5uINhBAYUm5MZje0tNoGRwqCX6SobskjRWezD6eZRgMOHEviwFXhJ4/XodqJyPi1Cq3u2I/OyBmmz9hCh8mhzEot5ePXqr8JLAVjj6Hsg6N65fygVYYX3A0BxLxGMf3x6wrX+AiHadrcdzAU0hXS+KEdeJLp0xOBSKLTfKbCaxcHyTQRH0gdJHcOfwZdyfL2md1v7aFC4bI5tEsYbEYwDu8+JFcEGZzM7Ozvbvcw81Serm1tgyGnOQkG0icjYbSD5oiBqAL4p43zgMyB4v67o67a9dJqsMuVEE9SD7CbVfCfooconG3EXIYgWjFc1rufBJYCus20lJd8e3RvMls8J6e/YapR9gEIIAAb8Q1w1kpwIfgTDlOtG2/NgmW2sR+nLXJoEb7egGJVzpOnrtFLCtP6eST5CBH4rbBLgE4ioEi2lMqxGV8Su80dWhXy4Q22tgTuUW3yRwMKjn+Mpw3gffini8bWBS5dr6VwB+75qh2pzojHzr/W5s1iuVQqenAIhRN66X5MY1NuqFqgxnMjewoKdHX51Ym9JOVkvUAvlqcghPTRSRZUfXQbhLKPrsGbonT+p07ubZ/p7HIJTEQPPWhJOt1zpQmcJRwuzvdmK7ixbXxEKTrQ+J4EpyCJsq52MHBCsAVCeHUF7MJLLwKowQGFDAiSvlaKocycZWuY5+Pl/+ggbibVJRha8FeJjEudHrWFt+L665jp7WcKywNslyzKoYwQGMdcDF4SE8W+iwhcHjEgF8CJTfk7PQUJlC6lbAqWuYXT4b+wA8SsM/h2fJ0716qpUWBFst+hAMB5OXZUvlfCYgqANkeqnHDjsCYIDAqeFyvFvxDz4S4Vw3Hn3uplJbtn7bCNf8PSSrJyRqtCPrlKg9FNHDAbr5GXhGsuRxNislEUOzKTE+Jr3iqkjhhIg56HbE3KLFlW2nu/GH+RdLEwl9YUo7CQOgjBqiNdGpj3nrwRZd5zPYAdDzuXR+O1mWrqYf35kbWFS0nTwDEeGKbke/WchAAOylMj6h2gaiH4I5AB5IG9MmnoEIXu9yChhIWO8zNN8UNZCbWGa7AAEaDEDwDoX3AEgLJEWDDyGoppAJJ9pasmUGQ23LfeLbByJGz+iBtAKyQ0L5sAZENcDDAu45e1od94zECkdWAbIRkHoSfQCOCHDOeJY69qlVCu+LZBq6trefLupcza1ty0ifN/DHx6IMGvA3MeyDqF2/nMG8Kc6ldWBuCn+RZosRqRGiRgRVWYhIfyaT2d0z3VjMl6iAZD8pEd3lbD0yyY9D+hnlQ8Tt0E/ebI+iGU8XWGx6NYX1FwJzwnViH9wW8Jgf8zwpDd1x/WN2Otm6Vgm+Sg5hwW172cuCwpEXBNIjaVl9A0CZn0chbO7uiH12q9lmH30pN0/ca9mRdRTV6f0nTWspb5czesYzOWSxmBll/H8c4D/SL0o9SP8drgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 15px;
  background-position: 18px center;
  background-color: var(--bg_white);
  color: var(--gray_20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.playBox .knowledgeDetail .material .knowledge .starWrap[data-v-3499d184] {
  display: inline-block;
  height: 20px;
  margin-left: 2px;
  min-width: 50px;
}
.playBox .knowledgeDetail .material .knowledge .iconStar[data-v-3499d184] {
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAnVJREFUSEu91jFoE1EYB/D//9KXRCxFS5GCixQREQUHB0GEG3KZ9GJFHKQgTh0VqbSgpVUjKlSqo4OYpQ6KlEunXhRvEUcF262Qbg4ttGi1Ta65T2Ka2rRJ73Itve3yvu/73Z/3eITY44d77KFpsGglr4MyAkELyL6oab9q5qObAlcs/ahG9R1g/B9CcT3PPRFPOTNB0abAYjY5CuBW7XDJRM3cjV0Hl97qndG4yq+nqwoibslzj+3rdmaDoIET1k9XIQiMKtO+vWvgwrh+YH9E/diS7r+w8LtU7DrY7Sz6odsmLENxaTkZibAXZM92wwSS0YDM8pI73XbNmW9UWwO6lnEOFB2infaAMySO+H1xvXURzGrElAdMaZrnqAsfJqt166CbNfoFfBIG8OshZEiZuQdr+10pL1rGL5Ctfs0h1xeipt1eC2aNOYAdIQf6tdUBLeMmyOd+nWHWCRlQZu5pTcLyizuRHBLBcJihDU8lMawu2ve3HJrqD7uJchO2JWEVLWQTdwntYeUSCfUIgUFl2o82dzccWMgmHxMYCMOJh5HYJftOvd6GoDuRGBLRQu2nCNKxlD3YHGgl3wlxJUxCCsZVyr7cFFiwjDzJUFcbgHzUtLsCgz/f6B3x1uhcmHRrPbK4Umw7dNVZCnRolscTeiSifdoJSJHzKpX7HAis/FFCph4oIjME0wKsgrhH4Hj9ulJPLPVxLBD4533ibIvSvmwsrkBeWn0tjXHYWS2v5V/r8cPtqlfIAQKdG+pFwFMxc3I6EFguKmSNfoL9AObhyQv1zX1ZhTYPWYfBPkJaCaRVKvcs8KHZwd75toa9unwHNyr4C2Kb2h244xGZAAAAAElFTkSuQmCC) no-repeat center;
  background-size: 14px;
}
.playBox .knowledgeDetail .material .knowledge .doubt .iconStar[data-v-3499d184] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA7hJREFUSEu9lk9oFHcUx79vdqMJTUsVD94SREqRSBeqUJBCjj0kM012/m1IaZYevBQUSTElSsY2okKKlZ5EygpqdndmtpsZLaWnbQ+lPUiT4oZUEOJNxKDCBo11M6/MuhN3112dbSVzGn6/936f3/f3e+/9HmGTP9pkHtoGZm3nUzDNgDjqEY0n4uL37Wy6LeAl09ndQXSDCJ3PIPT0H8/b84kq3QoLbQuYtdyzIBxm4GIFB4z5/7osJl87MGWaO7uoc9lXFwH6Hnv8ZItASwxmfuq9k0gM3Q4DDa0wUAdgTpPFIX9x03ZTDIwBOKvJ4pHXBkyl8m93dUfu+OpYoJg+PPiXv3jmh2t95Hk3wHjwaHV9VzI59PBV0Jcq9EFb3+C+iBA5CNBorbpg4WzO/QmMj/y7FARcLK+tLo6MjKy0AtcBsznnADP1E3MMhH0A9dY6koB+dVj8tXYsbeX7BYoUascYfBtMRYFQZAi/aPLAz8H8BjBruUdBOF3nyFgj4DoE/E3AH2qLnDNz7mcec4xA+wDuA6i7bqPAlCqLX1Uj+9lU1nZKVcMZFngh6tFCsfjnTcMwyq+6l8b5dDrfK3RE3gdTDMTH/DvWFHF7PdBy74Gwg4gH1Lj0Y7uQZvamOSezIFjMeKA3AjO2c4hA3wLwFemaLOb+D7QKSwOIeoyJhCKeqVNYOdbc1SkwGz6Umcd0RbryX6Bmzh1jxgUfBiJDiw+eeCFonof5BhQUocPq0OC5dqBm/uohXmf/pNAIe0FhsHDGdicJ+LpSLkkY1+ID34SBmrbzOYO+A8AMHNdl8WSjX8vEz9juKQImmHFNV8TBMMCM5c4RQQJ7M5ry8RfNfFoCg/tk4LQui1+GAtruNAGTHvN0QpGOtwe0HAtEMgA5bMRmbWcUoEtgzmuKNNwWMGM7ywTq5XJ5r64PF2udDcOI9vT0RJPJ5Frt+EYxB5Y1WdwVGjg7O7sjsqX7HphXlxbntwXVxigUonvul0bZw6TfYgAwHpXuZwNwoVCI3l0plYiwlby1t1RVXQ0VNEFBZvB1XZb2b4AYkwB2N9TJeY9xQldEp5LLljMPovdA/KEWl34LBaw0SiC/jbgMUA7wpgCKVZyZb4EwzYwyiI4R8G41vypggJNEJDHzaLPC0TRKL2dyH3REO36v210VtFScvxIccSqV6ux6c/tBAk0A2Fljz+vA3hFZXAyl0DdKW+5RAvwna4XhnbtZXDjf6uV4DsY4gG4wpjVFalosQvc0YfIwjM2mA/8FxnWVLIEQ0CAAAAAASUVORK5CYII=) no-repeat center;
  background-size: 14px;
}
.playBox .knowledgeDetail .material ul.videoList[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
  padding-left: 28px;
}
.playBox .knowledgeDetail .material ul.videoList > li[data-v-3499d184] {
  width: 160px;
  height: 101px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  margin-top: 12px;
  margin-left: 12px;
}
.playBox .knowledgeDetail .material ul.videoList > li > .bg[data-v-3499d184] {
  width: 100%;
  height: 100%;
}
.playBox .knowledgeDetail .material ul.videoList > li .mask[data-v-3499d184] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: 6px;
}
.playBox .knowledgeDetail .material ul.videoList > li i[data-v-3499d184] {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-left: -12px;
  margin-top: -12px;
}
.playBox .knowledgeDetail .material ul.videoList > li i.play[data-v-3499d184] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABWVJREFUaEPdWm/onmMUvq7ywQfKB4pMfmVCUVNWFmVlRbFMTSmTn1hRZBqZrFhZbWXZskK2kIkPZDJFLNTKyoRSyGSiTKiVffBBXbrezv3r/j173/e5n/t5X37t+bT1Ps+5z3Xu8+c65/yICTySFgG4FsAVAC4FMAPgTACnhfjjAI4C+AXA1wAOAjhA8qe+x7NWgKQzANwF4NZQvEaUgbwB4GWSf9QI6AxA0rkAngCwBsCpcegxAB+HZQ8BsGWPkrTlIck3cTaAi+KGrgawPLuhvwE8B2ALyd+6ACkGIMnKrgewMRT/B8B7cfD7JP3/4ifk2e3uAXBjfGggWwBsJel/tz5FACTZcr5q+7efPQA2kTzcekLBC5KWAHgcwKp4/Uu7Jsnv2j5vBSDpJgCvh9W/tcVIftImuOZ3SdcAeCmSgG9gNcl3x8kaC0CSXeapzOprS6+2BkDEi131WQCzIeMhkttGyRsJoKH8BpJba5Wq+U7SYwCebAMxFICkGwDsi4/XkdxRo0TfbyQ9AGB7yFlF8u2mzBMARMA6iHyVG0lu7qtIn+8lPRKZyTGxpBnY8wBEavvULzqYSN7Z5/BJfSvplag7ruJL8zhsAnAqc5E6AuCSaQdsKcAw7BcALm56xRwASa6UP4brLJ9WqixVuvlepFhXe7vShSTNq5ADeBrAOgB7Sd5ce9A0v8tcaRfJtXMAJJk5/hzWd6B81VWRSHumGSZlOwHsmLQLSloM4BsApi3nkDw2uIEs5+8jubJCedNpGyB/HEcuQm92lTfufUnvBHcaFLgEwJnnSv/QVrqHCZdkZvnRiIM/DCCdb3XEWalGHSK5lJLcfDh4TX3Pqrn2FgDWI9HlR2vk50AknQLgdwDuR84zgNuCXVa5T7jguBvIz3dX5qt/tY9bSXormOusATwD4D4A1Xyn4Aaa+roTM6utcqusOu80APuuLbiSZOI/nQxUAcDynUl2uXB27cIkrQDwgbtAA/gegNPTYpI/dNI8Xq4EkI6yWxnE86VnRzq13kcM4K/oTU9PPWypoPReTwBJzB6St5ecHT229T5uABpUNLK1OxslfEIALP4ykiZsrc+c3icDgIXiQnP8ps38TRdyEXMxM8OrmjL0dCHPlFwbdrcpnsWck46D+HCeRleQ3F8qpFEdSwtZ/pnTqCcQD5uUdTk3a3kHafT/KGQHTN1Jft5F8ewGUps5KGR3hCWq+4AOLuQmxBW/L5VIjHSNASQq7Gs0mes0IizkQpbp6cLmru7SvKFoL03mPG+dSXT6s5gwT4tO30/SU73eT+b/B0kuO2kaGnPrXwGYa3sa0TmdRku5AYBd0SSteMJcei0xBPZ0wv3FIpJ/5k39CwDudm9QyklKD57Ue1kfsJ3kgwMKlKUmB7OLgydyC32sMpMoeHOwlQaqDrjL+7Z/E7S8jepphBmDqfemJHvYaNEZyYuMBeNKkl6McbtntstGjhYjp3t850Ax6uo2c4LWT17hwLVXzEvHo8br3srsDSUWynh9aI0qXXD852P2rHG3HUduabqsmMwc7512YAdVcEr3Gnes8vPS6CifjdLtDaVjwuPC2WlNrmMC7X2x49A+703lCVuZXNeiPliSBb4Wiw9/7/hwOqua6wwhaBdky3P/7L74lhL+VAQgspNvwDzcdCFt6D1HssX2d3WtGBFeF4vu64PG2Ope7G0rlVcMIKvYXoQYiDfsCYjnql4+uFGx9bygHvanBucH6/Ug2V2cOZgfK56W54PFRenTGUAGxDsFN0OrY7Jdemb+nv+uwkv03bV9QjWAXIuYcF8VQFzFzat8U/mf23jx4STgG7LidrtO1h5moX8BM6h4XIZ0KsYAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.playBox .knowledgeDetail .material ul.videoList > li i.lock[data-v-3499d184] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAyJJREFUaEPtmUGITlEUx3//MmXKFGVhYaGMsqCIKQtlwcKEoijFDlGUsSOEIgsLIxsTduwUoowirCxMUShllIUFpShTlKmjU3fqNb7vzXfvfc3r1XdXM/W+c///c86953/OFQ1fajh+KiVgZkuB3cBmYDmwMDjoK/AOeA7ckPStKsdVQsDM5gKXgEPAnBnA/QGuASck+d9ZK5uAmc0DHgHrAQd0C7gDvJf0xdGZ2SJgDbAzRMgJezS2SZrIYVAFAQfvKeMpskvShzJAZuap9QDoB+5J2lEbATPbEzz+GRiQ9L0TMCEir4DFwF5Jtzv5XatvsiJgZm+BFcB2SfdjQJjZFuAhMC5pWcxvi98mEzCzdcBLTx1JK1MAmNnHkEoevbEUGzkEzgBngfOSTqdsbmYXgeNuR9K5FBs5BPwgbg03iadC9Cqk0aikwWgDkF7ICuHvl/QpZXMz85vI0yj5HORE4BfgNaAv9S4PNcTtTEjqS3FCDgHzDSUl2whFLstO8uZmlrXxlLdz7XQJdFMoMxVLU8jMXBrvCzLZRZiryNlYk8CboLNGymR3WwJB498NSnM2QLfbYzQUSyf13yojcBQYBlxp7gdeSGpppGp2IfIbvHsDlngGSBqJJeBydy2wSdLTqkF2Ys/MNgJPPJ0krY4l8De0hz2z5fnpAEMa//ZOT1JvLIFKClUnni77ZqZCV3YGugRyvd+JVupGoJWXw+G7GsYoXgz9OkyaA9VyBszsMjA0jZxP5A7EplVdBKaanSLen5IWNIXAD2D+NLBJXVddEbge5EeRw7CkY02JgKvWohB0OeBz0Ohhbi0RCPf31NzI/02e+3QJpLaMZtb4CJz0sWM4tKckXYg9wLVKCTPzRuQZ4E3QoKTxRhFIAdtGlpSq4q6Yq8rT7ezkXKPeynlB6k0pQFUQKwx/JyX1xLaUr4FVPlaR9LgKQLE2Cu8HY5IGYgkcDO+5PlY5EsYqWU+inRII/YSPVfw92W+zIUlXYgl4I+KvMP6EWudKG2yFIuIkDvtTaEinmV7hqyLqos/fmz0CN8vGOsnj9aqQ5tppPIF/TFW9QECU4ZYAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.playBox .knowledgeDetail .material ul.videoList > li .info[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  z-index: 2;
  color: var(--on_surface);
  padding: 0 8px;
  font-size: 10px;
}
.playBox .knowledgeDetail .material ul.videoList > li .info .teacher[data-v-3499d184] {
  background: var(--teacher);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px;
  padding-left: 16px;
}
.playBox .knowledgeDetail .material .btnTiwen[data-v-3499d184] {
  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;
  font-weight: normal;
  color: var(--green_n);
  border: 0.5px solid var(--green_n);
  height: 24px;
  padding: 0 12px 0 10px;
  border-radius: 12px;
  font-size: 12px;
  cursor: pointer;
}
.playBox .knowledgeDetail .material .btnTiwen[data-v-3499d184]:before {
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAllJREFUWEftl7FrFFEQxr/ZvI0nRLBMEwjEf8Egwdze4oG3R4JKRFLYWAiCBBELFSwCNnYqWhgIWAppkkLvXUDZ3VOxSaGdRQpBBQ8EAx54ZN/tyG28eIS77G54wgm71fJm3syPb2bnvSUM2EMDxoMMKK4imUKZQnEKxNn795C7MmLSkftMuEhALi5QGjsDDYCXVVi/DftSs3tvXyDTk89AmE+TKLUvYzkoOJcTAQlf/iRgJCSaaeVLL1In22eDqMnTxKgy0FSWczgRkOlLbjsGlvNPRkO/+P1LlgHtFO4/V8hdFEPG5BwRbam8s77bjO7qUdPIzQUGbWC69GF3/W1lwlRUDA6ZazhRrHc3r5YeMv3qNYAftANziGllO2/a78KrrBLRWQZvqbAxBvtCA+6iEMbkZwKNMsNTBcfWDiR8eZeAOxEQodRRSXjSJUIh+oxDNQZ79jvcpzlhjP6IhirzRlAoH9cO9CfJTQK+BZaz9LdkcnzYwNWQUFV551VnXdQqlsE0sx1uL8E+s6kfSON01NJDGnmQAcWpeWCFmFDsbtS4REnsoiZPEeNlr7Oy76QWnnxNhJN7E4Tgxy2rvBDNn53ATwAcSwLSw+ddYDlTiU57uHJcED8CUYkA0dnEzGuqUD4n/MoNgO5125JCMfALzOuKsQC7/CUZUI/o7boz83sAm0R0PhqQzM/VcOsKpma/JgXazy/VXafTiBEI0CTQrcAqPdQB0olxMCDGRwzRfNB9kGqiSgUkPCmJ+FMQ1q/vvZxr4sn+7WOFTFWy2GgaHDKgOBEHTqHfsTsjNMf8T5AAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.playBox .knowledgeDetail .material[data-v-3499d184] .componentQAList {
  padding-left: 28px;
  padding-right: 20px;
}
.playBox .knowledgeDetail .material[data-v-3499d184] .componentQAList .questionTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.playBox .knowledgeDetail .material[data-v-3499d184] .componentQAList .lesson {
  display: none;
}
.playBox .knowledgeDetail .material[data-v-3499d184] .componentQAList .questionTitle {
  margin-top: 0;
}
.playBox .knowledgeDetail .material[data-v-3499d184] .componentQAList .bottomContent {
  margin-top: 6px;
}
.playBox .knowledgeDetail .material .noQA[data-v-3499d184] {
  line-height: 46px;
  border-radius: 10px;
  background: var(--gray_98);
  font-size: 14px;
  color: var(--gray_70);
  text-align: center;
}
.playBox .knowledgeDetail .material[data-v-3499d184] .SEmptyQA {
  margin-top: 80px;
}
.playBox .knowledgeDetail .material[data-v-3499d184] .SEmptyQA .empty {
  padding-bottom: 100px;
}
.playBox .knowledgeDetail .material[data-v-3499d184] .SEmptyQA .emptyText {
  font-size: 14px;
  color: var(--gray_50);
}
.playBox .knowledgeDetail .material .endingBar[data-v-3499d184] {
  width: 100%;
  height: 14px;
  background: var(--ending);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 352px 14px;
  margin-top: 15px;
}
.playBox .knowledgeDetail .material .common_title[data-v-3499d184] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding-left: 20px;
}
.playBox .knowledgeDetail .material .common_title.answer[data-v-3499d184] {
  margin-top: 30px;
  padding-right: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.playBox .knowledgeDetail .material .common_title.answer .left[data-v-3499d184] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .knowledgeDetail .material .common_title .common_border[data-v-3499d184] {
  width: 4px;
  height: 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(#78FCE9), to(#05C1B7));
  background: linear-gradient(180deg, #78FCE9 0%, #05C1B7 100%);
  border-radius: 2px;
}
.playBox .knowledgeDetail .material .common_title .title[data-v-3499d184] {
  font-size: 14px;
  font-weight: 600;
  color: var(--gray_20);
  margin: 0 4px;
}
.playBox .courseBox[data-v-3499d184] {
  width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px 20px;
  overflow: auto;
  /* 滚动条的轨道（容器） */
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse {
  border: none;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse .el-collapse-item {
  border-radius: 15px;
  border: 1px solid var(--gray_95);
  overflow: hidden;
  margin-top: 15px;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse .el-collapse-item .el-collapse-item__header {
  background: var(--bg_white);
  height: 60px;
  padding: 0 20px;
  border: none;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAYBJREFUWEftlLFKw1AUhv9LK0RowcHRoaOvINhJCgp2cBT0HYTGmkHxFxya2kDfwEEHtw4OCo5WfAXHDo4OQgsG2nIkJUKt4r2JFYrcbOEk9//4zrlHYcYeNWM8sEC6jlhD1pDOgK5uZ8ga0hnQ1f/fDHkeC33gBgJkBKV6nc86Cz/Vf2WoUuEisrgHsDwKUXhCH8Ug4EtaqNRAJJ3uG+4ArH4KV2jnHWyQ7KWBSgUUwfRCtESwPhKjcBm1TICd+P0252CLZJgUKjEQyWwvxPUYTBRejoK7IVoQbI5BlUkOkkAlBnI9Xoh8b+KLOeCq4XP7z4DcA54J4MYB7fw8SpNtmZwtBTQaPvdNoYwNudWTY1HCj9s0dLDSJF+/C9ojFzIhHiHx7QOOAp+nJlDGQBWPXQhyADoZQVG3b6pVLg3VaCUUAAwCn3NTBXI9UgRrQ4XdZo0dk8PjpXmugIdGjYcm/xgbMjlsGt9YIJ1Fa8ga0hnQ1e0MWUM6A7q6nSGdoXda4n4lVKAzOgAAAABJRU5ErkJggg==) no-repeat center;
  background-size: contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow.is-active {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow:before {
  display: none;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse .el-collapse-item .el-collapse-item__wrap {
  background: var(--bg_white);
  border: none;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
  padding: 0;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184] .el-collapse .el-collapse-item .courseListTitle {
  color: var(--gray_0);
  line-height: 60px;
  font-size: 15px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184]::-webkit-scrollbar {
  width: 10px;
  /* 滚动条的宽度 */
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-3499d184]::-webkit-scrollbar-track {
  background: var(--gray_90);
  border-radius: 32px;
}
.playBox .courseBox.knowledgeDetail .courseListWrap[data-v-3499d184] {
  margin-top: 20px;
  border-radius: 15px;
  border: 1px solid var(--gray_95);
  overflow: hidden;
}
.playBox .courseBox.knowledgeDetail .courseListWrap .courseList[data-v-3499d184]:first-child {
  border-top: none;
}
.playBox .courseBox .courseTop[data-v-3499d184] {
  height: 48px;
  border-bottom: 0.5px solid var(--gray_93);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  position: relative;
}
.playBox .courseBox .courseTop .courseTit[data-v-3499d184] {
  color: #2b2e33;
  font-weight: 600;
  font-size: 14px;
}
.playBox .courseBox .courseTop .sortBtn[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.playBox .courseBox .courseTop .sortBtn .sortIcon[data-v-3499d184] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAEtQTFRFAAAAn5+fqqqqprGxpKStra21rKywqKuyqayyqqyxqauxqayxqauxqayyqayxqKyxqKyyqauyqKuyqKyxqauxqauyqKuyqayyqayyewQlDAAAABh0Uk5TAAgMFxwfN09Tb4Ojq6+7u9fb29/z9/f7wNAStwAAAHhJREFUeNrt0ksKhDAURNGy//3Ubr9J7X+lkokIKrFARCRnfilCHpJkf+Y58gYEuftiVc8JBwQkTVogySLDdgz+NyVoHVk/haB8tWSlBHj82EgBsvddCoIDg/jHlcJpaAunePRyUECSdx9cmnmu8BY5jRmnLyRJzAAHSRSxtmgVngAAAABJRU5ErkJggg==) no-repeat;
  background-size: 24px;
  margin-right: 2px;
}
.playBox .courseBox .courseTop .sortBtn .sortIcon.active[data-v-3499d184] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAE5QTFRFAAAAgICAn5+fn5+vsbGxprGxp6evqq+0qKuyqayyqayzqauxqayxqauxqayyqayxqqyyqKyyqKuyqayxqayxqauxqauyqKuyqayyqayy+nAYJQAAABl0Uk5TAAQIEBcXIDNPU2uDo6uvu7/X29/j8/f3+1LST0MAAABqSURBVHja7dJZCoAwDEXROg+t89C+/W9Uv8WADwoK5vxfQkiMUvHZAEGwt8EOkecn/InzDRcA/VvB9XDBCoH4Gp6e8Iml4wVJXVBBPmJmgmoFFSwemEoiOA0ZczigS6nXgKVew22tUeqRA6K/Faa8fVNUAAAAAElFTkSuQmCC) no-repeat;
  background-size: 24px;
}
.playBox .courseBox .courseTop .sortBtn .sortTxt[data-v-3499d184] {
  color: var(--gray_50);
  font-size: 12px;
}
.playBox .courseBox .courseListBox[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--bg_white);
  overflow-y: auto;
  padding: 0 20px;
}
.playBox .courseBox .courseListBox .courseList[data-v-3499d184] {
  background: var(--bg_white);
  border-top: 0.5px solid var(--gray_93);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.playBox .courseBox .courseListBox .courseList.live .courseListIcon[data-v-3499d184] {
  background: var(--lightplayIcon) no-repeat center;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.live .courseListRight .courseListName[data-v-3499d184] {
  color: var(--gray_80);
}
.playBox .courseBox .courseListBox .courseList.live .courseListRight .courseListTime[data-v-3499d184] {
  color: var(--gray_80);
}
.playBox .courseBox .courseListBox .courseList.done .courseListRight .courseListName[data-v-3499d184] {
  color: #737780;
}
.playBox .courseBox .courseListBox .courseList.done .courseListRight .courseListTime[data-v-3499d184] {
  color: #737780;
}
.playBox .courseBox .courseListBox .courseList.active .courseListIcon[data-v-3499d184] {
  background: var(--playIngIcon) no-repeat;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.active .courseListRight .courseListName[data-v-3499d184] {
  color: #05C1B7;
}
.playBox .courseBox .courseListBox .courseList.liveing .courseListRight .courseListBottom .courseListLiveProgress[data-v-3499d184] {
  color: var(--on_surface);
  padding-left: 16px;
  background: url(../static/img/littlePlayIcon.2d7e008b.gif) no-repeat 3px center, var(--green_n);
  background-size: 11px;
}
.playBox .courseBox .courseListBox .courseList.lock .courseListRight[data-v-3499d184] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAABKFJREFUeF7tmk9oHHUUx79vdisb3Na6LVohhx48pKBgoQUPFdyDYEiym3Rn/yQqTUChgkI8CAoeWkSsoETxYMBDECud3Z1hsxOjgocNtFBBoUJ78FAwhxyiDXV1bV3TnXkyuxuh0WZmMjObP/ub07L73m/e+/D9vd/v935LEM+GBEjw2ZiAAGSjEAFIAPJWRISChIKEgrwREAryxk/UIKEgoSBvBISCvPETNUgoSCjIG4GdoiBN03pXOXyIiMJ7cGcplUotBZq5w8G3tAYVCvOHOGRMgpEC8OhdMRMWYbJGHH4/kxlYdpiP72ZbBkgp6pNEeBtA1KZlVYdEZ7InB9/zPXsHA24JoLymT4ExuRYfgZZM5nkCrre+48OQaACMw//mwKw+dHDfaDwebzjIyzeTjgNS1Nk3CNK7rQyozjBff/jAvun1iVcqlfAvK7VxIkytqYyBd3Jy4i3fsncwUEcBFQqlJ1gKXwY4YsExTH5mLJO4tFGcqjrXZxBfBOMggAYTnsqlEt85yM0Xk44CUlRdISDbnETMo7l0UnGShVLUB4kw15p9PJ9NJwed+Plh0zFAhUIhylLPjbZ6fszKQ0fdJFBQ9QoDT1sqMlbpkbGxoRU3/pu17SAg/QRLuNgUAcw3c/LwOTdBK0X9RSJ82q5dI1l5aNaN/2ZtOwdI08eZMWMFakjcP3Yy+Y2boBVNf5IYl5uACa/lUokP3fhv1nZLAJlM8dH00IKboFsFPnRFALoHNQHIRk67EpC1cgF7mmcsJmkQRNbRAszmSxLzD26mmElSHxFdaG8RPpDYPG+a3JCkxmImk/nTzVhubAOpQc0lPdQzRczjDITdBOTelupErMCovxoEKN8BzVQqkftv1r5lxgn3yXrwILp2OxY9PhGP1z2M8h9X3wG1T+nW+cl6roP5MwYFMwXIjEiQTjHQ13wb89lsOnlmWwPKa/pVMB4DYcX4m44EveMtlUr77xihnxnYT8BPGTlxZFsDKqj6b1awnTwzKcXyLBEliVDNpBIP7ghADJRzcmLYz2DvNZYAZEO5KwBZDbJfb/5undZxO/bAJTer0a4HtH5rQKCFWwei/U4h7XpAebX8PECf3z2T+IWsnDzvpIZ1A6DTAH2yDtDLWTk5LQABsPYyq2boytothnXLAVM67vQ+bNcryFLJBW1WllgqWp9NMtOjqWHViXosm64AlFfnhgEutaCQq5aqACT2QYBQkI0KBCAbQM2VzAh9DVCETKnf6QrWNUXa6Yr1f3ZdUaS7DlAn+0H5YvlLEA2AUM3ugH7Q9wwcI6BqhIyjoyMji17UYeeraV/1Gty4ajXpGLiWkxOP2/m4+d3/nrRafoVAH7eDWAbzFwCC6UlLFCGm5xjc22xJgydzcvIjNwDsbH0HZPV1bqzU5pjwrN3L/fydgIVbtb39ExPb/FbDSnpmphLp2fvHOQKdgtWfDvapMmj6r1r0rN9wmoeeIGO31LRcrTblH8Rzn2k2YrHYcpD/WwwUUBBQOj2mAGRDXAASgLxNSqEgoSChIG8EhIK88RM1SChIKMgbAaEgb/xEDRIKEgryRkAoyBu/fwDtD3ZntYcIcgAAAABJRU5ErkJggg==) no-repeat right center;
  background-size: 36px;
  padding-right: 36px;
}
.playBox .courseBox .courseListBox .courseList.LECTURE .courseListIcon[data-v-3499d184] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.LECTURE .courseListRight .courseListName[data-v-3499d184] {
  color: #737780;
}
.playBox .courseBox .courseListBox .courseList.LECTURE .courseListRight .courseListTime[data-v-3499d184] {
  color: #737780;
}
.playBox .courseBox .courseListBox .courseList.HOMEWORK .courseListRight .courseListName[data-v-3499d184] {
  color: var(--gray_50);
}
.playBox .courseBox .courseListBox .courseList.HOMEWORK .courseListIcon[data-v-3499d184] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.MOCK[data-v-3499d184] {
  position: relative;
}
.playBox .courseBox .courseListBox .courseList.MOCK .courseListIcon[data-v-3499d184] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.MOCK .right[data-v-3499d184] {
  position: absolute;
  top: 10px;
  right: 0;
}
.playBox .courseBox .courseListBox .courseList.MOCK .right .bookBtn .addIcon[data-v-3499d184] {
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGRSURBVHgBvVaBcYMwDDS5DpAR3AnKBmGDZoPSCTIKbBA24DoBdAKSCcoGyQauVF6t49AgiC9/pxBkSW9hWbYxD0IyZeCcy+ixIeGnhTDOJAeSI0mVJMnBLAETkDROjwaTUhOsSYqRIDuSLYklSTGRnbueDPuup0g4SOc51axTTI79Ks+v+9cPmQjJiSQ3M8E+8BWy9ZhR4ZGkZiHwWYWsCAczL+03cyeQmSDzBxoo94ogldKulkISReqxW0WALxaFnfWzWpEux1hLm643kYBYLV5/iF7w8mHiQ2JumEgqbFkLuY0eT/tEP1Lr59CKF94Mfc6HxVi4Tvzp3wOdTN6uPOUVUQT8bVhUEeNV46mtOtjK/jxxRj30zyY+ftefiT7xospoJiTmMWw/dspz4YZNRdlAUSsCaFtQddGCoHxMU8VgKRXi4h0T5ZhBePDNzox93NTBB8PwKN87/VFee37dpB8yK90lGjdcRDJ8Gg68deOXk9JNXU4CwqjXLc0FkgsjN8Nxwv9ltj2ENzw31PZWnG/pIspdH4KMegAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: contain;
  margin-right: 4px;
}
.playBox .courseBox .courseListBox .courseList.MOCK .right .bookBtn .lockIcon[data-v-3499d184] {
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAbCAYAAAB4Kn/lAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE2SURBVHgB1VbtbcIwED2j/q9HyAioCzTdgA3aDdoNGiYoG5QRYAE+JoANyAbAAhzv4CyMZJIzioR40stZ8fnlbOc5IXoEmNmDv+CGL5iDn3QvZDC4VTGJK2WAPKzI0RTRMhKspPKorwDHkbjPEQ5TLxtyRppTUWa1/y15Xme0TfX3EvdKjRNqgHNuhzAFfWqtU8IhaU92FBbhTvB8wk4uWPwBwjed18ord8omxLk1uAaH2NhaRL+4W2xOpmGDGay4Mo025tQB+Gz3k7ke+1aofWUv+mSEteIRKGfHyroXVuH3qP1qGWAVHmqswaVlgFV4EaKeap0JZ8MqLFUu6FJ5K14sSTr9D8pAT6vpc8YXF7kuRXQNNGUvN37Q+NMHrOl+yCknBpJv4FuooOLrn5JbOLRwFtx5BNtcodi7ayw1AAAAAElFTkSuQmCC) no-repeat center center;
  background-size: contain;
  margin-right: 4px;
}
.playBox .courseBox .courseListBox .courseList.MOCK .right .bookBtn .toBook[data-v-3499d184] {
  width: 66px;
  height: 24px;
  color: var(--on_surface);
  background: linear-gradient(135deg, #00e8cd 0%, #00c7bd 100%);
  border-radius: 22px;
  line-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  padding: 4px 10px 4px 12px;
}
.playBox .courseBox .courseListBox .courseList.MOCK .right .hasBooked[data-v-3499d184] {
  width: 66px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: var(--gray_70);
  border: 0.5px solid var(--gray_96);
  border-radius: 22px;
  background: var(--gray_98);
}
.playBox .courseBox .courseListBox .courseList .courseListIcon[data-v-3499d184] {
  width: 36px;
  height: 36px;
  background: var(--playIcon) no-repeat;
  background-size: 36px;
  margin-right: 6px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .reportBox[data-v-3499d184] {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .reportBox .reportIcon[data-v-3499d184] {
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAl9JREFUSEutlrFrE3EUx7/vd7m0ioNDhQ4ddRBasLgo2IQfCOklHRQc65Cpjv0DhLoKQkfdFKo42qHm0ulIKqhTCzoE6tChYMGCHaqmueQ9uWvvvKTX5lfT2+7u+76f997v9353hD6X5a3OKMUvAYz0SHeZVbmjCyunWVA/gF1zf6SYR2G7ft65YgzI1t1ZAeYgGPF5eAJat00Bdq36BSR7AL/xc6UXETSuwK6/fwRRz+NsmCd9XdoY8lZnOKVFAuxarMoHurBie5VbUPQxNmU8bGnndXCfALhrENyJRUTLrdz0/X4tDN5n6tV3JHIv1hI++DlnqguQrbnfBRhNGgrRMnX4qa+Ln46BPC9j4/e4WNZCl/mhMF6bfxXUXD9IxiRjA03bzzt2d4tqrhgEGkv8vBMmn6zgfwH7ALUBuZyknxOAGlnuaIWL7aY62ExCBgYQsGUz3/6lSzvwvOGMam4SMBZVMRAgMFcM3dTOFjwvk7Gab0nw4Iwtoo3DXSXjycAucwB23V2CYLZ39U+tgIDtFg9fC4fIai5F2QXPFWMqzDw0ry5CZD5ta/VpEe1luXP9qL9hC1Qw5ax0SxcaIXjNXSDGk5P2rckaNLLMOoQAuOBVxv7o4raJeaAxAQS6hsVwopaYmp8FEExivGPsemUeQosm42xaQehFwA4IGyK4a3pepQCqP3vH3STTEzRpp2l1HZAbA5gmQuWrny9O9B52wWdu7lwAhFd+zil3AYa86lVWsg7g0oCQfcU0eaCnv3UBgpsjyGNAbgpolI7/qqSx2wDtA9gC5LNiehaZB+K/H8YiKNCECS4AAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
  margin-right: 6px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .examStatus[data-v-3499d184] {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .examStatus .clockIcon[data-v-3499d184] {
  width: 18px;
  height: 18px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAABTZJREFUWEe1WGtsFUUU/s7O7rZFWsGAIiqWRwooKlUMoDYWtRdQWmgwPiIoxBgljdpGozHEn8QfkqAYgsZoa8QHCQa4RYTWAAaFGht5S3laEA2mV8pLeu/enR0z217s3ruzu604P3fO45tzvrNzzhD6uLrWzigmZs/RSJsMYBwEigEM6jZDCUCcJkIbF/SD4LSuoHpTe19cUBRhsbVcT18w5gFUA2BSFJ1eMi1C4F2zyFpH07Ylw3RDASXjsVkasAzAGI8xzYR2UwXATK8PuwvOqS2AY2X7bnME1eXP3rwpCJQSkNhanp++kLcSEAv8DLBbnoM2+lFf2057HHzfCoVfajAKU4tU0fIFdGnjzBt1m68NSg+7rQZacZU/oGNrwH/5UB0Iwm6bscoBD39zKlsoB1APmO2AS1b1Yia0Gx4A9AKvDLfgnGoGeE7Ksm212zorywblAeSm6aK5EwITw8h3hfZbjUKrrHf6PICs+PR6FWdyABADXT0aVDQKVDDU3RZdHRDnj0OcPewV1wugjayG6DwIkdiVZYoazKrNCzMfLwPqqabG0JMbA8FGVYNGzADlD/EVF8kExMlN4EdWu9XGJi+Bdu0kQHDYO16DOLPfo+cAlflVTRvkRxdQd0WZEvq4wJIcUgq99FVAASRHN5mAvWsp9ElvAsZV7jbfswzOyZzKP2oUWuNp2jbbBZRaH3uCCF8Egrm+DPpdbwDEQoOYIyA4xKU/gTMHYO9briC8WGhWNTe4gKx4bCeAKSpPJCMzZYkSjDi9w1WlYff4m5Cpalnswx+PeKtZ1XQ3ybuJMedX5bE1E8aD9YFpSm+sBBwOY9ZGdfSSCaS3PQ+kLyplONdGUjI+vVaDkFeD72Il86CNnR+YpnTjdHffqNwcKOccXgV+6FOljAOqo1Q8toaAuSopo+KzUBJHBQQZpW+fdqvNbwlgNVnx2D4AE/wEaPB46Pe9E0riyIAA2NtfzP1P9XgQwB6y4hUdAPn+ULSbHwG7/aVAQPzgx3COrnZltDGPgY1/Nljev+y7iwI4KyMklPwZOx9aybxgojY/5dkPS3EYj644IL3sPdCgEjVxQ4gtAXX+24J67WgjZoDdURdcOYc+AT/8eXfIJZCuDrAJi0DD7/fV43uXwznxte8egRJkNcZ2qW536UCeOHSl5JkA5A2G8/t3cA6sdMFpE2pAA67zqNvf17qXrGLtl2X/JQGP+0NmcDmRNzgUk0cg/Tf4wY/cvojd+gJkcbgr1Ym05Jy67L+iZPyhWg3af/oxqtCKv/bC+a0ZbOIrrkgYod0fY+jVYQyEXv6BstWIHDoZnS0LAbtLqeJeHXLXisd+CuqftaGlbk/Tr5teOhAc/MfFcDqymzMPthazqmlqD6CKBQDVB51WG14Gdmc/2g8J5ue34Pwh23T1EgJP5s1uknx2GzQ9fcGU1PfOXln6bqRKX49O8mQCfPfSsMhIL21GoVUqe+u+t7B6AdioudCKZ6mBpTrhnNgAfnxdYLuROa8jaGZmgPQ0+an1sQYiPBOJqLLJH1TS3eTnX+OqiOQZiHNHIM4dU5Z2rm1Fk9+TOtlby2T3dX6PdIYcIYHdRpE1VTkGSYXIg2L/IPTWCh8UM9IuKM4b/7eBUYhW29CrI43SGVByNLLOm+9H5lTkiPXjsaG37Z4B8u2wmS0CnqMOUJcZCFXyoe9DGbJb5805RHg5aFzydyJaAawwCtOr5CAYBjwSoN5Gup/0xBxG4l4h5KQrhl1ugQXOAmgXQBtpooXbbH1fn/T+AZ3EIYDlGbbPAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: cover;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .examStatus .testing[data-v-3499d184] {
  width: 173px;
  height: 16px;
  background: url(../static/img/orangeBg.50b229ea.png) no-repeat center center;
  background-size: cover;
  color: #fab246;
  position: relative;
  right: 4px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .examStatus .testing .testingText[data-v-3499d184] {
  margin-left: 9px;
  line-height: 16px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .examStatus .pausing[data-v-3499d184] {
  width: 173px;
  height: 16px;
  background: url(../static/img/orangeBg.50b229ea.png) no-repeat center center;
  background-size: cover;
  color: #fab246;
  position: relative;
  right: 4px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .examStatus .pausing .pausingText[data-v-3499d184] {
  margin-left: 9px;
  line-height: 16px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .mockStartTime[data-v-3499d184] {
  color: var(--gray_50);
  font-size: 12px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .mockStartTime .timeIcon[data-v-3499d184] {
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAA+tJREFUSEu9lltonFUUhdc6M2kaY5J6qYogiLRWCrHYoG3u5maM0Xqj8yBIFZGI+OCLBARxxJcahXpra9RCCioS0ajUyQRnMqRzIcYErLTWG2htS6Q2JUkTG5OZs+SfXJo2k2SSlB74X85Za397/xz22cSCS/R6X+GdReWbXSbjAQsVGsN1ANZM2Qat1c/G8HubmGjviXb1eL1eAXC+lIupdiWxr6/PfWpwzOMyeEnChoUTmzwl0WuNmtZemfVlQUFBnOQc8BygJOMPRdfT4n0QZemALtYI6lq12jxVWVT0B0k7+/wCYGurXLnXRcuY4GeCrlkObJZn2CKxfWSgLOjxMDG9PwP0er1ma3lVpSy/JpC1Qti0/V8YPdjdFez0er3JSmeAX4VC6zKtuxdg3iWCTYXRUEK4q7669NcZYGsslpV3zh4QULk4TEOEiQu6enbCC/kEdJp4zrba2k2jyQo7QpEdsmhZHIZRSI0J6YQx5kMC16bhmbzBcj1RW124nz6fL9Nk5vYAuH0xs6RYXXVpsaPzBcMfG/CxxTyzzg8PD1xVwPZQuISW4XSMznWvqyq929G2ByItJHak4zuvMVvoD0Z3AmpMx7hioPQa2wPhMMmSywEkEKY/GO4HeMNlARL/0B+MzNto57QsKVxXXZpsd/7OyIsQXwa0Kp1kkxph3AFOAHCnZZKOZtBVU1VVdPJtny9zQ1bep7K6D0C60Dj9gfDfIK9PC+gkSexeTffOioqtJ2KxWNbQOfsRgfvTgUo6RX9nJAwhrUsz3atgsJsm0VRbXn6849ChbHt6pAXSNnKRSi2+oz94cBdgnk+3wmmoqD3uBJpqakr/ikQiOSPj+EAWDy8Etda+yY5gpM4KB0iYJUKd7r/HZfW6A21ra1uTlbd2H4RHUsWRYAnVs7e394qB4f/6JN22RKAjd965vQnwjfqq4mPffBvLdxn7Y8o45C8To2c2TzbvzuizsnoHS68SkhI0fE+Aj8KtAHZdDCQxIeqFeytK30oCu7u7cwdH4n4QhcuoEsnfRRx3Xg8B2SlihNzK2F5dvWVg5gH2BaP3UNpL4pblQOf38DcCz9RWFXc6mhmgM6n5g5GnDdkoXDLon5Z6deR0/36Px5Ocay4YopqbmzNuXp//pLX2ORL5K6tURwC+e+z3I/saGhqcbpZcc8bEVsmVHQg/5KJ5HAaVEHKWBCbOQgoK+ORsZckXHp6f2FICp4MHAgc3xoFHBRYbw40SbloILOAkhR9IdRu3+/Oa8sKjqfQpJ+9pYSgUco8leAfp3iQpH8SNdKY6TY2RBmMQzgDql/CTy2V6MjB+uKKiIj5fcv8Dh7+0k5Y26WkAAAAASUVORK5CYII=) no-repeat center center;
  background-size: contain;
  margin-right: 6px;
}
.playBox .courseBox .courseListBox .courseList .homeworkInfoBox[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .courseBox .courseListBox .courseList .homeworkInfoBox .reportBox[data-v-3499d184] {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.playBox .courseBox .courseListBox .courseList .homeworkInfoBox .reportBox .reportIcon[data-v-3499d184] {
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAl9JREFUSEutlrFrE3EUx7/vd7m0ioNDhQ4ddRBasLgo2IQfCOklHRQc65Cpjv0DhLoKQkfdFKo42qHm0ulIKqhTCzoE6tChYMGCHaqmueQ9uWvvvKTX5lfT2+7u+76f997v9353hD6X5a3OKMUvAYz0SHeZVbmjCyunWVA/gF1zf6SYR2G7ft65YgzI1t1ZAeYgGPF5eAJat00Bdq36BSR7AL/xc6UXETSuwK6/fwRRz+NsmCd9XdoY8lZnOKVFAuxarMoHurBie5VbUPQxNmU8bGnndXCfALhrENyJRUTLrdz0/X4tDN5n6tV3JHIv1hI++DlnqguQrbnfBRhNGgrRMnX4qa+Ln46BPC9j4/e4WNZCl/mhMF6bfxXUXD9IxiRjA03bzzt2d4tqrhgEGkv8vBMmn6zgfwH7ALUBuZyknxOAGlnuaIWL7aY62ExCBgYQsGUz3/6lSzvwvOGMam4SMBZVMRAgMFcM3dTOFjwvk7Gab0nw4Iwtoo3DXSXjycAucwB23V2CYLZ39U+tgIDtFg9fC4fIai5F2QXPFWMqzDw0ry5CZD5ta/VpEe1luXP9qL9hC1Qw5ax0SxcaIXjNXSDGk5P2rckaNLLMOoQAuOBVxv7o4raJeaAxAQS6hsVwopaYmp8FEExivGPsemUeQosm42xaQehFwA4IGyK4a3pepQCqP3vH3STTEzRpp2l1HZAbA5gmQuWrny9O9B52wWdu7lwAhFd+zil3AYa86lVWsg7g0oCQfcU0eaCnv3UBgpsjyGNAbgpolI7/qqSx2wDtA9gC5LNiehaZB+K/H8YiKNCECS4AAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
  margin-right: 6px;
}
.playBox .courseBox .courseListBox .courseList .homeworkInfoBox .reportBox .splitLine[data-v-3499d184] {
  width: 1px;
  height: 12px;
  background: #737780;
  margin: 0 8px;
}
.playBox .courseBox .courseListBox .courseList .homeworkInfoBox .reportBox .hasDone[data-v-3499d184] {
  margin-left: 4px;
  width: 10px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAQ9JREFUOE/t0z9uwjAUBvDvkUQNd2BgZOzA0gl5IxIcAHEBEAudQaJLb8DCDCMzGS3+HICBgWMwRAKROEFBWApJnLSIgQGPz/bP1vdswpMHPdnDG/xfosZq0UdAbRBtXfHxDcachzPU1/aIfPzIKxDo91yrDx8C49gNnbg1q3MHmtwuCw1TBKiCMHOF2QVjXjQIBeaQL77OrLG7A42lPQbQk0BAmHvCbElUhWk+rBOzNuG+TDBcIFFdPw2imd0OdaJYAizyRckr0BpAOdbvPYBKrJbAEmBYuOZYAE9Bo14qlgr+AVViSjADzcQywSRKB80PmrKbqj+V/7A5Nw0cP10U92DskPc588E8ITb/+uAFzC50FdAz1ZoAAAAASUVORK5CYII=) no-repeat center center;
  background-size: cover;
}
.playBox .courseBox .courseListBox .courseList .homeworkInfoBox .answerCount[data-v-3499d184] {
  margin-top: 10px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight[data-v-3499d184] {
  position: relative;
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListName[data-v-3499d184] {
  color: var(--gray_0);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom[data-v-3499d184] {
  color: var(--gray_50);
  font-size: 12px;
  line-height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListTime[data-v-3499d184] {
  margin-right: 8px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListTime[data-v-3499d184],
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListProgress[data-v-3499d184] {
  margin-top: 10px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListBottomLine[data-v-3499d184] {
  display: none;
  margin: 10px 8px 0 8px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListLiveWord[data-v-3499d184] {
  margin-top: 10px;
  height: 15px;
  border-radius: 2px;
  color: #737780;
  font-size: 12px;
  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;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListLiveWord .checkImg[data-v-3499d184] {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  margin-bottom: 2px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAAXNSR0IArs4c6QAAALRQTFRFAAAAAP//AP//AL+/ALa2AL+/AMaqALm5AL+/AL+qAMSxALyuAL+/AMG5CMG5AL+xBsa5BcG2Bb+1BL+yBMC4A8O1A7+5A8C5A760A7+zA8C3A8K3A723BcG2BcG4BcC3BMO3BMO3BcC3BcK3BcC3BcG1BMK3BMC2BMC3BcG3BcG2BcG2BcG4BcK3BcG3BcG3BcK3BcG3BsG3BcG2BcG3BcG2BcG3BcG3BcG3BcK3BcG3BcG3XuxQ+AAAADt0Uk5TAAECBAcICQsMDA0TFB0hJCgxNDw9TExNTlRVWFleb3Fyf5Wbo6Wrr7fO0tPW2N7f4OLl6+3y9Pr7/f78v6xSAAAAoUlEQVR42u2MRw4CMRAEHcjRZFhYcl4yS5z//wvLshlLaA5cOFHHLnWxP1+Q7swmzQRpR1eAy4DS2mo2BeILhl3RLZX+sC69smGRtEv3dLsfQ4Flcy5Zm92C5twQXvkZKWYpH8D4UGI5qnGncyuwXrzLSltHO7Z+jmWfYA8OLCMyiFFiGekZ/1nGPlHGPlHG/mOtGEVruhxXOal5Jp9iv+MFq1YoIox0WwIAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListLiveProgress[data-v-3499d184] {
  margin-top: 10px;
  width: 54px;
  height: 15px;
  border-radius: 2px;
  background: var(--gray_80);
  color: var(--on_surface);
  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;
}
.playBox .courseBox .unlockBox[data-v-3499d184] {
  padding: 10px 15px;
  height: 56px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(30, 109, 148, 0.08);
          box-shadow: 0px 0px 6px 0px rgba(30, 109, 148, 0.08);
  margin-bottom: -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.playBox .courseBox .unlockBox .unlockText[data-v-3499d184] {
  font-size: 14px;
  color: #333;
  line-height: 36px;
}
.playBox .courseBox .unlockBox .unlockBtn[data-v-3499d184] {
  width: 100px;
  height: 36px;
  background: -webkit-gradient(linear, left top, left bottom, from(#0ce2dc), to(#05c1b7));
  background: linear-gradient(180deg, #0ce2dc, #05c1b7 100%);
  border-radius: 20px;
  font-size: 14px;
  color: var(--gray_100);
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}
.playBox .lockDialog[data-v-3499d184] .el-dialog {
  border-radius: 20px;
  overflow: hidden;
}
.playBox .lockDialog[data-v-3499d184] .el-dialog .el-dialog__headerbtn {
  width: 24px;
  height: 24px;
  font-size: 18px;
  top: 20px;
  right: 20px;
}
.playBox .lockDialog[data-v-3499d184] .el-dialog .el-dialog__close {
  color: #fff;
}
.playBox .lockDialog .dialogContent .unLockAlertTit[data-v-3499d184] {
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  padding: 12px;
  height: 60px;
  background: #05c1b7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.playBox .lockDialog .dialogContent .unLockListBox[data-v-3499d184] {
  padding: 0 20px;
  height: 240px;
  overflow-y: auto;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList[data-v-3499d184] {
  padding: 10px 0;
  border-top: 1px solid #EDEDED;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList[data-v-3499d184]:first-child {
  border: 0;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityImg[data-v-3499d184] {
  margin-right: 10px;
  width: 90px;
  height: 90px;
  border-radius: 6px;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox[data-v-3499d184] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .commodityCentent[data-v-3499d184] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .commodityListName[data-v-3499d184] {
  font-size: 12px;
  font-weight: 600;
  color: #333;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 183px;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .commodityListType[data-v-3499d184] {
  font-size: 12px;
  font-weight: 300;
  color: #7F7F7F;
  padding: 4px 8px;
  background: #F7F7F7;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  line-height: 15px;
  margin-top: 2px;
  display: inline-block;
  max-width: 240px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .commodityListPrice[data-v-3499d184] {
  font-weight: 600;
  color: #E63C23;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  bottom: 0;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .commodityListPrice .realPrice[data-v-3499d184] {
  color: #E63C23;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .commodityListPrice .realPrice span[data-v-3499d184] {
  font-size: 14px;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .unLockAlertBtn[data-v-3499d184] {
  width: 80px;
  height: 26px;
  background: linear-gradient(108deg, #00e8cd 0%, #00c7bd 100%);
  border-radius: 8px;
  color: #ffffff;
  line-height: 26px;
  text-align: center;
  margin-top: 32px;
  cursor: pointer;
  font-size: 12px;
}
.playBox .videoDialogWrap[data-v-3499d184] {
  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;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 111111112;
  background-color: rgba(0, 0, 0, 0.5);
}
.playBox .videoDialogWrap .contentWrap[data-v-3499d184] {
  width: 1024px;
  height: 576px;
  position: relative;
}
.playBox .videoDialogWrap .contentWrap .close[data-v-3499d184] {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABPpJREFUaEPVml+oYFMUxn9fefDgwQMhU8gUD4QyNRNlhFISD5TJlJGUh5GZKKZRMxOKzMTEixBTiuKBJIqJqRFFIQoZoWhGKMWDh6ml77bPbc+5588+f+ZezsO9de85e3/f3muv9a21tpjhiYhVwFXApcAFwNnAKcBJafi/gSPAz8BXwMfAQUk/TZ1eYweIiJOBO4BbEuD3EjADNLAjkgyciDCR04EzgYuBy4GrgW+A14B9kn4fg2UwgYgwiJ3ATcDrwEvAAUlHhwCIiBOAy4BNwI3Ai8Cjkn4dMk4xgYg4EbgXuA94Etgr6c8hk7W9GxHenfsTGY/9mKR/SsYuIhAR56Wt/hG4W5J/z/6ks/QEsNqmKenbvkl6CUTEDWl7t0ja1zfgHP+PiNvSLm+U9FbXmJ0EIsIms9k2KumLOcCVjhERF6Uz9rSkPW3ftRLIwF95vEymj0xE2B2/D7SSaCQQEdf5I2DFwFfkMhI24TfqpJcQSAfWgWb9cptNh5eyOX0ArK0f7GMIJFf5kQ/Qch3YPjPKdsIH2y58Te5i6wR2WApIurl04OV8LyLedLSX9Eg17yKBFEy+Bi6UZM3S+ETEucBdwO6hUbNjzNOSt3uuSx+l8/BZjjEn4ACCpK1dqxoRDwEPJh3jczIo9NfHjgiDt32fb4kiaVfP/LaSVZLuXMDrHxFh5fidB+kDlHbKrs0TWoyNJlED77Hs9axaW58kIn8AzrGUqQg4YNn2by+x6TlIjAGfHegXLMsd4CoC9jwPSDpQQiDtmgXYqJ2YAj7N7dzDynWNsoNx6ghJPJjEVPCJgKX4YeASE7g1aZ1RrnOIOc0BPjOjl4F3TOAp4JCkvaXm0+BJendiTvBpF+6x7DYB2/EuSXZlo5+unZgbfCLglHS7Cdh9Xivp+9Ho04dNJNK/Kj9f5CpLcESEk553TeAv4IwqAS/5uMdP183Jr1cxo9fPl86fCgWHTSAk9WZmpQM3uFj/abaVz3EsYD9OBHJ5UBEYHbHbFq8iMLcJ5eC98rkJzUYiNyHrimskHRpiJk3vNnmb9N6oiN1z1nyI367c6MOS9k8h0OUqhwS7UgwRsR7YMVcgq5vNEm8zN4mIWAxkTtUcBzaUsq95gl7w1ftzkoiIV1128Q64suwsx7FgaH2zGPycJFJd9TcXiis5/UmS08XnYIo8mLoTEXFFktPrxiY0g1e+bp5TSETEkoTGtf7FNK3HfU0GP8WcsuLDakl/5En9s+6gFCTVj6f6zCzyoLYTzrK29SzgMcWHnIAP85cLWU5H+TypQHdm3B/oTMBLvVoi4bz8ma6Ampor7gAtFh/qha3tqXx3fenky/lecp1O5hdLL02lRXskF62WpRdQugCpZ7AFWNdaWkxS2NrdVYr/YnHX4CuBuMC9rbzurox7VSYxuRVausotAvGsVLnb3NStKWlwrBiJiKjAD2twZH76/9tiyki4W+Ne8Eo0+TY1dWVyUyvKhSPCB9uFJCc9W7vK7zPYu1tbjkkb6ge2aewiAsk7udHtZrRd2aiuehu5VHG2vvfYu4E9sza6a/o/76r7qoHJfDhCiru+aVW5MV018J0JF9hamyuTdqBBTbqn4GTIdyZsYr7scRD4HPil5bKHvYpvs6xNlz3c8X8FeH7stYViE+oRWO7n+uKGgRmgbdg7lV+38W0UA7aW+RTYP3S1mzD8C2uY2Fz7WRLoAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 10px;
  top: -34px;
  cursor: pointer;
}
.playBox .videoDialogWrap .contentWrap .videoWrap[data-v-3499d184] {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.playBox .videoDialogWrap .contentWrap .videoWrap[data-v-3499d184]:after {
  content: '视频加载中...';
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 576px;
  text-align: center;
}
.playBox .videoDialogWrap .contentWrap .videoWrap[data-v-3499d184] #player-container-id_html5_api {
  width: 100%;
  height: 100%;
}
.playBox .el-dialog__wrapper[data-v-3499d184] {
  z-index: 111111112 !important;
}
.playBox[data-v-3499d184] .courseDialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 80%;
  min-height: 100px;
  border-radius: 10px;
  width: 500px;
}
.playBox[data-v-3499d184] .courseDialog .ellipsisText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.playBox[data-v-3499d184] .courseDialog .el-dialog__header {
  border-radius: 10px 10px 0 0;
  padding: 16px 0;
  text-align: center;
  border-bottom: 1px solid #e8eaed;
  background-color: #05c1b7;
}
.playBox[data-v-3499d184] .courseDialog .el-dialog__header .el-dialog__title {
  color: #ffffff !important;
}
.playBox[data-v-3499d184] .courseDialog .el-dialog__header .el-dialog__headerbtn {
  top: 20px !important;
}
.playBox[data-v-3499d184] .courseDialog .el-dialog__header .el-dialog__close {
  color: #ffffff !important;
}
.playBox[data-v-3499d184] .courseDialog .el-dialog__header .el-dialog__title {
  color: #303133;
  font-size: 16px;
}
.playBox[data-v-3499d184] .courseDialog .el-dialog__header .el-dialog__headerbtn i {
  font-size: 16px;
  color: #b3b7bc;
}
.playBox[data-v-3499d184] .courseDialog .el-dialog__body {
  overflow-y: auto;
  padding: 0 20px;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList {
  width: 100%;
  margin: 0 auto;
  background: #FFFFFF;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li + li {
  border-top: 1px solid #EDEDED;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 {
  width: 350px;
  color: #333;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 img {
  width: 90px;
  height: 90px;
  border-radius: 6px;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 span.courseInfo {
  display: block;
  width: 240px;
  line-height: normal;
  padding-left: 10px;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 span.courseInfo > span {
  display: block;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .courseTitle {
  font-size: 12px;
  color: #333333;
  line-height: 22px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .courseSubTitle {
  display: inline-block;
  background: #F7F7F7;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  padding: 3px 8px;
  font-size: 10px;
  color: #7f7f7f;
  margin-top: 5px;
  line-height: 15px;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .priceWrap {
  margin-top: 8px;
  color: #e63c23;
  font-size: 12px;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .priceWrap span {
  display: inline-block;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .priceWrap .unit {
  font-weight: 600;
  font-size: 10px;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .priceWrap .price {
  font-size: 14px;
  font-weight: 600;
}
.playBox[data-v-3499d184] .courseDialog ul.courseList > li .btnPurchase {
  width: 80px;
  height: 26px;
  line-height: 26px;
  background: linear-gradient(135deg, #00E8CD 0%, #00C7BD 100%);
  border-radius: 8px;
  font-size: 10px;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}
.playBox[data-v-3499d184] .courseDialog .SEmptyPurchase {
  padding: 70px 0;
}
.playBox[data-v-3499d184] .courseDialog .SEmptyPurchase .emptyText {
  font-size: 14px;
  color: #737780;
}
[data-v-3499d184] .watermark {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  /* 确保水印不影响页面的交互 */
  z-index: 10000;
  /* 确保水印在最上层 */
}