.playBox[data-v-76725ef8] {
  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-76725ef8] {
  background: var(--bg_white, #ffffff);
}
.playBox .tableDialog .bodyTableBox .headerTitleBox[data-v-76725ef8] {
  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-76725ef8] {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 24px;
  cursor: pointer;
  height: 24px;
}
.playBox .tableDialog .bodyTableBox .headerTitleBox .closeBtn img[data-v-76725ef8] {
  width: 100%;
  height: 100%;
}
.playBox .tableDialog .bodyTableBox .paddingBox[data-v-76725ef8] {
  padding: 20px;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox[data-v-76725ef8] {
  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-76725ef8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .table-cell[data-v-76725ef8]:last-child {
  border-right: 0;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .headerBag[data-v-76725ef8] {
  background: var(--blue_a, #ebf1ff) !important;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .headerOneBag[data-v-76725ef8] {
  background: var(--bg_gray, #f7f8fa) !important;
}
.playBox .tableDialog .bodyTableBox .paddingBox .tableBox .callBox .tableCell[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #000;
}
.playBox .playContent .playerBox[data-v-76725ef8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.playBox .playContent .palyerDefault[data-v-76725ef8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.playBox .knowledgeBox[data-v-76725ef8] {
  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-76725ef8] {
  -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-76725ef8] {
  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-76725ef8] {
  font-size: 12px;
  color: var(--gray_70);
  line-height: 16px;
  margin-top: 5px;
  padding-bottom: 20px;
}
.playBox .knowledgeBox .rightTop .subTitle span + span[data-v-76725ef8] {
  margin-left: 10px;
}
.playBox .knowledgeBox .rightTop .subTitle .progress i[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  display: inline-block;
}
.playBox .knowledgeBox .rightTop .catalog .icon.iconMulu[data-v-76725ef8] {
  -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-76725ef8] {
  width: 8px;
  height: 8px;
  background: var(--arrowRight) no-repeat center;
  background-size: 100%;
}
.playBox .knowledgeBox .rightTop .catalog .num[data-v-76725ef8] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 15px;
  font-size: 12px;
  color: var(--gray_70);
}
.playBox .knowledgeBox .rightTop .catalog .title[data-v-76725ef8] {
  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-76725ef8] {
  overflow: hidden !important;
}
.playBox .knowledgeBox .domBox[data-v-76725ef8] {
  overflow: auto;
}
.playBox .knowledgeBox .domBox .pdfDom[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  width: 4px;
  height: 14px;
  background: var(--green_n, #05c1b7);
  margin-right: 11px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .titleBtnBox .rightShowDialog[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  width: 4px;
  height: 14px;
  background: var(--green_n, #05c1b7);
  margin-right: 11px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .tujieRadiu[data-v-76725ef8] {
  border-radius: 10px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongPaddingBox[data-v-76725ef8] {
  padding: 0px !important;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox[data-v-76725ef8] {
  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-76725ef8]:last-child {
  margin-bottom: 0px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .pithyFormula[data-v-76725ef8] {
  line-height: 28px;
  margin-bottom: 10px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .imgPngBox[data-v-76725ef8] {
  width: calc(100%);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .imgPngBox img[data-v-76725ef8] {
  width: 100%;
  height: 100%;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .mindBoxImg[data-v-76725ef8] {
  width: calc(100%);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .mindBoxImg img[data-v-76725ef8] {
  width: 100%;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .mindBox[data-v-76725ef8] {
  width: calc(100%);
  height: 228px;
  border-radius: 10px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .mindBox .mindmapContainer[data-v-76725ef8] {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle[data-v-76725ef8] {
  overflow-x: auto;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBoxShow[data-v-76725ef8] {
  overflow: hidden;
  border-radius: 8px;
  border-left: 0.5px solid var(--gray_95, #EDEFF2);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox[data-v-76725ef8] {
  overflow-x: auto;
  white-space: nowrap;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox:first-child .tableCell[data-v-76725ef8]:nth-child(2) {
  border-top-left-radius: 8px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox:first-child .tableCell[data-v-76725ef8]:nth-last-child(2) {
  border-top-right-radius: 8px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox:last-child .tableCell[data-v-76725ef8]:nth-child(2) {
  border-bottom-left-radius: 8px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox:last-child .tableCell[data-v-76725ef8]:nth-last-child(2) {
  border-bottom-right-radius: 8px;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox[data-v-76725ef8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .tableCell[data-v-76725ef8]: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-76725ef8]:last-child {
  border-right: 0;
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .headerBag[data-v-76725ef8] {
  background: var(--blue_a, #ebf1ff);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .headerOneBag[data-v-76725ef8] {
  background: var(--bg_gray, #f7f8fa);
}
.playBox .knowledgeBox .domBox .pdfDom .itemNeirongBox .neirongBox .tableStyle .tableBox .callBox .tableCell[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  display: inline-block;
  width: 13px;
  height: 12px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab[data-v-76725ef8] {
  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-76725ef8] {
  color: var(--gray_20, #2b2e33);
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .lineKnoPostion[data-v-76725ef8] {
  left: 19px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .lineKNerRPostion[data-v-76725ef8] {
  left: 117px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .lineBox[data-v-76725ef8] {
  width: 9px;
  height: 4px;
  border-radius: 3px;
  background: var(--green_n, #05c1b7);
  position: absolute;
  bottom: -10px;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .neiRongBox[data-v-76725ef8] {
  position: relative;
}
.playBox .knowledgeBox .tabPlayerBox .leftTab .neiRongBox .aiIcon[data-v-76725ef8] {
  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-76725ef8] {
  margin-left: 24px;
}
.playBox .knowledgeBox .knowledgeList[data-v-76725ef8] {
  -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-76725ef8]::-webkit-scrollbar {
  width: 10px;
  /* 滚动条的宽度 */
}
.playBox .knowledgeBox .knowledgeList[data-v-76725ef8]::-webkit-scrollbar-track {
  background: var(--gray_90);
  border-radius: 32px;
}
.playBox .knowledgeBox .knowledgeList > li + li[data-v-76725ef8] {
  margin-top: 20px;
}
.playBox .knowledgeBox .knowledgeList > li.active[data-v-76725ef8] {
  color: var(--green_n);
}
.playBox .knowledgeBox .knowledgeList > li.active .nameWrap .time[data-v-76725ef8] {
  color: var(--green_n);
}
.playBox .knowledgeBox .knowledgeList > li.active .nameWrap .name[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  margin-left: 8px;
}
.playBox .knowledgeBox .knowledgeList > li.active .nameWrap .name .nameBox[data-v-76725ef8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--green_n);
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap[data-v-76725ef8] {
  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-76725ef8] {
  color: var(--gray_70);
  font-size: 12px;
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap .name[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  min-width: 50px;
  display: inline-block;
  margin-left: 2px;
  height: 20px;
}
.playBox .knowledgeBox .knowledgeList > li .nameWrap .name .iconStar[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] .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-76725ef8] .SEmptyMark .empty {
  padding-bottom: 100px;
}
.playBox .knowledgeBox[data-v-76725ef8] .SEmptyMark .emptyText {
  font-size: 14px;
  color: var(--gray_50);
}
.playBox .knowledgeDetail[data-v-76725ef8] {
  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-76725ef8] {
  right: 0;
}
.playBox .knowledgeDetail .topWrap[data-v-76725ef8] {
  background-color: var(--bg_white);
}
.playBox .knowledgeDetail .topWrap .topTitle[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding-bottom: 20px;
}
.playBox .knowledgeDetail .material[data-v-76725ef8]::-webkit-scrollbar {
  width: 10px;
}
.playBox .knowledgeDetail .material[data-v-76725ef8]::-webkit-scrollbar-thumb {
  background: var(--gray_90);
  border-radius: 32px;
}
.playBox .knowledgeDetail .material .book[data-v-76725ef8] {
  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-76725ef8] {
  width: 80px;
  height: 80px;
  border-radius: 2px;
}
.playBox .knowledgeDetail .material .book .bookR[data-v-76725ef8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 10px;
}
.playBox .knowledgeDetail .material .book .bookR .bookName[data-v-76725ef8] {
  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-76725ef8] {
  font-size: 12px;
  color: var(--gray_50);
  line-height: 17px;
  margin-top: 5px;
}
.playBox .knowledgeDetail .material .knowledge[data-v-76725ef8] {
  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-76725ef8] {
  display: inline-block;
  height: 20px;
  margin-left: 2px;
  min-width: 50px;
}
.playBox .knowledgeDetail .material .knowledge .iconStar[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  width: 100%;
  height: 100%;
}
.playBox .knowledgeDetail .material ul.videoList > li .mask[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  background: var(--teacher);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px;
  padding-left: 16px;
}
.playBox .knowledgeDetail .material .btnTiwen[data-v-76725ef8] {
  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-76725ef8]: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-76725ef8] .componentQAList {
  padding-left: 28px;
  padding-right: 20px;
}
.playBox .knowledgeDetail .material[data-v-76725ef8] .componentQAList .questionTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.playBox .knowledgeDetail .material[data-v-76725ef8] .componentQAList .lesson {
  display: none;
}
.playBox .knowledgeDetail .material[data-v-76725ef8] .componentQAList .questionTitle {
  margin-top: 0;
}
.playBox .knowledgeDetail .material[data-v-76725ef8] .componentQAList .bottomContent {
  margin-top: 6px;
}
.playBox .knowledgeDetail .material .noQA[data-v-76725ef8] {
  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-76725ef8] .SEmptyQA {
  margin-top: 80px;
}
.playBox .knowledgeDetail .material[data-v-76725ef8] .SEmptyQA .empty {
  padding-bottom: 100px;
}
.playBox .knowledgeDetail .material[data-v-76725ef8] .SEmptyQA .emptyText {
  font-size: 14px;
  color: var(--gray_50);
}
.playBox .knowledgeDetail .material .endingBar[data-v-76725ef8] {
  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-76725ef8] {
  -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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  font-size: 14px;
  font-weight: 600;
  color: var(--gray_20);
  margin: 0 4px;
}
.playBox .courseBox[data-v-76725ef8] {
  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-76725ef8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 20px 20px;
  overflow: auto;
  /* 滚动条的轨道（容器） */
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-76725ef8] .el-collapse {
  border: none;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-76725ef8] .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-76725ef8] .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-76725ef8] .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-76725ef8] .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-76725ef8] .el-collapse .el-collapse-item .el-collapse-item__header .el-collapse-item__arrow:before {
  display: none;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-76725ef8] .el-collapse .el-collapse-item .el-collapse-item__wrap {
  background: var(--bg_white);
  border: none;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-76725ef8] .el-collapse .el-collapse-item .el-collapse-item__wrap .el-collapse-item__content {
  padding: 0;
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-76725ef8] .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-76725ef8]::-webkit-scrollbar {
  width: 10px;
  /* 滚动条的宽度 */
}
.playBox .courseBox.knowledgeDetail .unitBox[data-v-76725ef8]::-webkit-scrollbar-track {
  background: var(--gray_90);
  border-radius: 32px;
}
.playBox .courseBox.knowledgeDetail .courseListWrap[data-v-76725ef8] {
  margin-top: 20px;
  border-radius: 15px;
  border: 1px solid var(--gray_95);
  overflow: hidden;
}
.playBox .courseBox.knowledgeDetail .courseListWrap .courseList[data-v-76725ef8]:first-child {
  border-top: none;
}
.playBox .courseBox .courseTop[data-v-76725ef8] {
  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-76725ef8] {
  color: #2b2e33;
  font-weight: 600;
  font-size: 14px;
}
.playBox .courseBox .courseTop .sortBtn[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  color: var(--gray_50);
  font-size: 12px;
}
.playBox .courseBox .courseListBox[data-v-76725ef8] {
  -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-76725ef8] {
  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-76725ef8] {
  background: var(--lightplayIcon) no-repeat center;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.live .courseListRight .courseListName[data-v-76725ef8] {
  color: var(--gray_80);
}
.playBox .courseBox .courseListBox .courseList.live .courseListRight .courseListTime[data-v-76725ef8] {
  color: var(--gray_80);
}
.playBox .courseBox .courseListBox .courseList.done .courseListRight .courseListName[data-v-76725ef8] {
  color: #737780;
}
.playBox .courseBox .courseListBox .courseList.done .courseListRight .courseListTime[data-v-76725ef8] {
  color: #737780;
}
.playBox .courseBox .courseListBox .courseList.active .courseListIcon[data-v-76725ef8] {
  background: var(--playIngIcon) no-repeat;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.active .courseListRight .courseListName[data-v-76725ef8] {
  color: #05C1B7;
}
.playBox .courseBox .courseListBox .courseList.liveing .courseListRight .courseListBottom .courseListLiveProgress[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.LECTURE .courseListRight .courseListName[data-v-76725ef8] {
  color: #737780;
}
.playBox .courseBox .courseListBox .courseList.LECTURE .courseListRight .courseListTime[data-v-76725ef8] {
  color: #737780;
}
.playBox .courseBox .courseListBox .courseList.HOMEWORK .courseListRight .courseListName[data-v-76725ef8] {
  color: var(--gray_50);
}
.playBox .courseBox .courseListBox .courseList.HOMEWORK .courseListIcon[data-v-76725ef8] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.MOCK[data-v-76725ef8] {
  position: relative;
}
.playBox .courseBox .courseListBox .courseList.MOCK .courseListIcon[data-v-76725ef8] {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 36px;
}
.playBox .courseBox .courseListBox .courseList.MOCK .right[data-v-76725ef8] {
  position: absolute;
  top: 10px;
  right: 0;
}
.playBox .courseBox .courseListBox .courseList.MOCK .right .bookBtn .addIcon[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  width: 36px;
  height: 36px;
  background: var(--playIcon) no-repeat;
  background-size: 36px;
  margin-right: 6px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  margin-left: 9px;
  line-height: 16px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .examStatus .pausing[data-v-76725ef8] {
  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-76725ef8] {
  margin-left: 9px;
  line-height: 16px;
}
.playBox .courseBox .courseListBox .courseList .mockInfoBox .mockStartTime[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  width: 1px;
  height: 12px;
  background: #737780;
  margin: 0 8px;
}
.playBox .courseBox .courseListBox .courseList .homeworkInfoBox .reportBox .hasDone[data-v-76725ef8] {
  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-76725ef8] {
  margin-top: 10px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight[data-v-76725ef8] {
  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-76725ef8] {
  color: var(--gray_0);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom[data-v-76725ef8] {
  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-76725ef8] {
  margin-right: 8px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListTime[data-v-76725ef8],
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListProgress[data-v-76725ef8] {
  margin-top: 10px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListBottomLine[data-v-76725ef8] {
  display: none;
  margin: 10px 8px 0 8px;
}
.playBox .courseBox .courseListBox .courseList .courseListRight .courseListBottom .courseListLiveWord[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  font-size: 14px;
  color: #333;
  line-height: 36px;
}
.playBox .courseBox .unlockBox .unlockBtn[data-v-76725ef8] {
  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-76725ef8] .el-dialog {
  border-radius: 20px;
  overflow: hidden;
}
.playBox .lockDialog[data-v-76725ef8] .el-dialog .el-dialog__headerbtn {
  width: 24px;
  height: 24px;
  font-size: 18px;
  top: 20px;
  right: 20px;
}
.playBox .lockDialog[data-v-76725ef8] .el-dialog .el-dialog__close {
  color: #fff;
}
.playBox .lockDialog .dialogContent .unLockAlertTit[data-v-76725ef8] {
  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-76725ef8] {
  padding: 0 20px;
  height: 240px;
  overflow-y: auto;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList[data-v-76725ef8] {
  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-76725ef8]:first-child {
  border: 0;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityImg[data-v-76725ef8] {
  margin-right: 10px;
  width: 90px;
  height: 90px;
  border-radius: 6px;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox[data-v-76725ef8] {
  -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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  color: #E63C23;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .commodityListPrice .realPrice span[data-v-76725ef8] {
  font-size: 14px;
}
.playBox .lockDialog .dialogContent .unLockListBox .commodityList .commodityCententBox .unLockAlertBtn[data-v-76725ef8] {
  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-76725ef8] {
  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-76725ef8] {
  width: 1024px;
  height: 576px;
  position: relative;
}
.playBox .videoDialogWrap .contentWrap .close[data-v-76725ef8] {
  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-76725ef8] {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.playBox .videoDialogWrap .contentWrap .videoWrap[data-v-76725ef8]:after {
  content: '视频加载中...';
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 576px;
  text-align: center;
}
.playBox .videoDialogWrap .contentWrap .videoWrap[data-v-76725ef8] #player-container-id_html5_api {
  width: 100%;
  height: 100%;
}
.playBox .el-dialog__wrapper[data-v-76725ef8] {
  z-index: 111111112 !important;
}
.playBox[data-v-76725ef8] .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-76725ef8] .courseDialog .ellipsisText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.playBox[data-v-76725ef8] .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-76725ef8] .courseDialog .el-dialog__header .el-dialog__title {
  color: #ffffff !important;
}
.playBox[data-v-76725ef8] .courseDialog .el-dialog__header .el-dialog__headerbtn {
  top: 20px !important;
}
.playBox[data-v-76725ef8] .courseDialog .el-dialog__header .el-dialog__close {
  color: #ffffff !important;
}
.playBox[data-v-76725ef8] .courseDialog .el-dialog__header .el-dialog__title {
  color: #303133;
  font-size: 16px;
}
.playBox[data-v-76725ef8] .courseDialog .el-dialog__header .el-dialog__headerbtn i {
  font-size: 16px;
  color: #b3b7bc;
}
.playBox[data-v-76725ef8] .courseDialog .el-dialog__body {
  overflow-y: auto;
  padding: 0 20px;
}
.playBox[data-v-76725ef8] .courseDialog ul.courseList {
  width: 100%;
  margin: 0 auto;
  background: #FFFFFF;
}
.playBox[data-v-76725ef8] .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-76725ef8] .courseDialog ul.courseList > li + li {
  border-top: 1px solid #EDEDED;
}
.playBox[data-v-76725ef8] .courseDialog ul.courseList > li .courseBox1 {
  width: 350px;
  color: #333;
}
.playBox[data-v-76725ef8] .courseDialog ul.courseList > li .courseBox1 img {
  width: 90px;
  height: 90px;
  border-radius: 6px;
}
.playBox[data-v-76725ef8] .courseDialog ul.courseList > li .courseBox1 span.courseInfo {
  display: block;
  width: 240px;
  line-height: normal;
  padding-left: 10px;
}
.playBox[data-v-76725ef8] .courseDialog ul.courseList > li .courseBox1 span.courseInfo > span {
  display: block;
}
.playBox[data-v-76725ef8] .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-76725ef8] .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-76725ef8] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .priceWrap {
  margin-top: 8px;
  color: #e63c23;
  font-size: 12px;
}
.playBox[data-v-76725ef8] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .priceWrap span {
  display: inline-block;
}
.playBox[data-v-76725ef8] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .priceWrap .unit {
  font-weight: 600;
  font-size: 10px;
}
.playBox[data-v-76725ef8] .courseDialog ul.courseList > li .courseBox1 span.courseInfo .priceWrap .price {
  font-size: 14px;
  font-weight: 600;
}
.playBox[data-v-76725ef8] .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-76725ef8] .courseDialog .SEmptyPurchase {
  padding: 70px 0;
}
.playBox[data-v-76725ef8] .courseDialog .SEmptyPurchase .emptyText {
  font-size: 14px;
  color: #737780;
}
.playerTopBack[data-v-76725ef8] {
  background: url(data:image/png;base64,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) no-repeat center !important;
  background-size: 18px!important;
  width: 18px!important;
  height: 18px!important;
}
.noSecretBox[data-v-76725ef8] {
  position: fixed;
  z-index: 1111;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.noSecretBox .noSecretBgHead[data-v-76725ef8] {
  height: 50px;
  background: #fff;
  z-index: 1;
}
.noSecretBox .noSecretBgHead .noSecretHeadLogo[data-v-76725ef8] {
  background: url(../static/img/noSecretHeadLogo.234fb441.png) no-repeat center;
  background-size: 100%;
  width: 120px;
  height: 30px;
  margin: 10px 0 0 20px;
}
.noSecretBox .noSecretBgBox[data-v-76725ef8] {
  background: #EDF6FF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.noSecretBox .noSecretBgBox .noSecretBg[data-v-76725ef8] {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 650px;
}
.noSecretBox .noSecretBgBox .noSecretBgLogo[data-v-76725ef8] {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background: url(../static/img/noSecretBgLogo.166c716f.png) no-repeat center;
  background-size: 100%;
  width: 298px;
  height: 95px;
}
[data-v-76725ef8] .el-dialog {
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-v-76725ef8] .el-dialog .dialogBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  line-height: 30px;
}
[data-v-76725ef8] .el-dialog .dialogBtn .cancel,[data-v-76725ef8] .el-dialog .dialogBtn .confirm {
  width: 100px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  background: #ededed;
  color: #333333;
  cursor: pointer;
}
[data-v-76725ef8] .el-dialog .dialogBtn .confirm {
  background: #05C1B7;
  margin-left: 20px;
  color: #fff;
}
.nickNameDialog .dialogContent[data-v-76725ef8] {
  padding: 20px;
}
.nickNameDialog .dialogContent .title[data-v-76725ef8] {
  color: #303133;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.nickNameDialog .nickName[data-v-76725ef8] {
  width: 270px;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #a9acb2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  outline: none;
  padding: 0 8px;
  font-size: 14px;
  display: block;
  margin: 20px auto 40px;
}
.nickNameDialog .nickName[data-v-76725ef8]::-webkit-input-placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-76725ef8]::-moz-placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-76725ef8]:-ms-input-placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-76725ef8]::-ms-input-placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-76725ef8]::placeholder {
  color: #A9ACB2;
}
.nickNameDialog .nickName[data-v-76725ef8]:focus {
  border: 1px solid #05C1B7;
}