@charset "UTF-8";
/*
  ft: font

*/
sub[data-v-53285562],
sup[data-v-53285562] {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup[data-v-53285562] {
  top: -0.5em;
}
sub[data-v-53285562] {
  bottom: -0.25em;
}
.shu[data-v-53285562] {
  display: inline-block;
  content: '';
  width: 1px;
  height: 14px;
  background: rgba(0, 0, 0, 0.14);
  margin: -2px 10px;
}

/*
	多行省略号
*/
/*
	字体颜色 大小 粗细 默认
*/
/*
	flex 布局
*/
.css1.el-tooltip__popper.is-dark[data-v-53285562] {
  background: #ffffff;
  box-shadow: 1px 0px 13px 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  line-height: 30px;
  padding: 14px 20px;
}
.css1.el-tooltip__popper.is-dark .popper__arrow[data-v-53285562] {
    border-top-color: #f5f5f5;
}
.css1.el-tooltip__popper.is-dark .popper__arrow[data-v-53285562]::after {
      bottom: 1px;
      margin-left: -5px;
      border-top-color: #fff;
      border-bottom-width: 0;
}
.el-tooltip__popper.is-dark[data-v-53285562] {
  max-width: 800px;
}
.aliplayer[data-v-53285562] {
  width: 100%;
  height: 100%;
  background: #2c2e35;
}
.aliplayer .head[data-v-53285562] {
    width: 100%;
    height: 60px;
    background: #191a1f;
    font-size: 16px;
    font-weight: normal;
    line-height: 60px;
    color: #ffffff;
}
.aliplayer .head .headMidd[data-v-53285562] {
      width: 1200px;
      margin: 0 auto;
}
.aliplayer .head .tit[data-v-53285562] {
      float: left;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      font-weight: bold;
}
.aliplayer .head .tit i[data-v-53285562] {
        width: 16px;
        height: 16px;
        margin-right: 14px;
        cursor: pointer;
        font-size: 21px;
        font-weight: normal;
        line-height: 60px;
}
.aliplayer .head .tit .el-icon-back[data-v-53285562]:before {
        width: 16px;
        height: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-wrap: nowrap;
        line-height: 60px;
}
.aliplayer .head .tit img[data-v-53285562]:hover {
        opacity: 0.7;
}
.aliplayer .head .tit span[data-v-53285562] {
        width: 800px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 60px;
}
.aliplayer .head .info[data-v-53285562] {
      float: right;
      padding-right: 40px;
}
.aliplayer .head .info span[data-v-53285562] {
        margin-left: 30px;
        cursor: pointer;
        font-size: 14px;
}
.aliplayer .head .info span[data-v-53285562]:hover {
        color: rgba(255, 255, 255, 0.7);
}
.aliplayer .mainCont[data-v-53285562] {
    width: 1200px;
    height: calc(100% - 130px);
    margin: 20px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.aliplayer .mainCont .live[data-v-53285562] {
      height: 100%;
      position: relative;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
}
.aliplayer .mainCont .live .btn[data-v-53285562] {
        width: 16px;
        height: 60px;
        cursor: pointer;
        position: absolute;
}
.aliplayer .mainCont .live .open[data-v-53285562] {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAB4CAMAAACkeQBcAAAAsVBMVEUAAABkZG1eX2leX2lfYGhfYGheX2hfX2hfYGlfYGlmZoVfYGlfYGlfX2lhYW5oaG5eX2lfYGheYGleX2heYGleYGlgYWlgYWlgYmpgYGlhYWlfZWthYWxfX2leYGlfYWpfYGlfYWpeYGphYWpfYmteX2ikpKShoqJ/gIRtbnVpaXFiY2xfYGmgoKCVlZd5eX9gYWqZmZqOjpGGhoqEhIhwcXibnJ2RkZSJio11dXtyc3mRiptyAAAAJXRSTlMAHO36+vTOqIJ3BufAtBQO29XImnpmYEY+ODArJKGgkY9xb1dWfP4h4AAAATlJREFUSMft10lTwkAUBGAICSQsCSqCC+6+mWxCQhDR///DzPNO92EOllb6mq+yzUzV696s38ORIBpjIHJ2BYHmPiZAvEsINOc3BMjgMUFAM3mFQDNbEyB+OEZAM19BoBn1CZDgGQLN8BoCzUVCgEyWEGimtwSIH0GgGTEgCwYGfQIkZGDIgMeAdKAD/xq8NyUEmbGHAoG9NXZTApBbY+wOvoOKBgD5VJECIFsVWwAkVfEFgDQqMgBkpyIHQD5a8VYAUG1aURdgsYq6vUUKQFVbCEp9xOH0I8qfl8zlJDiSz9zr9Yz9arZYbLnJhjmyLeeyaTNjTAUPTpZWv354O9CBPwE851EtdB0XF24jqx85jc3ekozuscvwHzw5FZD5yqkETde4iL3gKveQkDLoVCfvYlJpXUoxrdXfbrjQO9Z2PSAAAAAASUVORK5CYII=) no-repeat;
        background-size: cover;
        right: 0px;
}
.aliplayer .mainCont .live .open[data-v-53285562]:hover {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAB4CAMAAACkeQBcAAAApVBMVEUAAABNTlZSUltNTlZNTlZOT1ZOT1dOTlZOTlZOT1dOT1dmZmZVVWFXV11gYKBNTlZOT1ZOTlZOT1dNTlZOT1ZNT1hOTldOT1dOUFhPT1ZPT1dNUldPT1lNU1lQVFtNT1ZOTldPT1hNUFlNTlaXl5eUlJROT1d3d3uMjI1wcHVdXmSHh4mBgoRqam9kZWpZWmFRUllhYWeRkZJ8fH9xcnZUVVxzc3e3ufPqAAAAI3RSTlMA+xz069PKqJ2CdwYUDgLt5tvCurF6cGZgRj44MCskkY9XVuA4jhMAAAErSURBVEjH7dfbUoNAEATQQCACCbmoMSbe7d2FkBtq9P8/TfYHuh/2wTIFz6eKnZ3ZqunBbTzgH4bFmAMg3QgAZBMBMFsJAIweBUD0WnIAzN8FAG6eBUCUjzkAFmsBgKtYAAzvphwA6YMAQFYKgOReAOD6SQBEBQe+YgWwVCCKBUCuwEiBRAH0oAcXDT4qR0FjbN0yUFljd46AkzXG7ukZvKgIwNGLLQE4eHEgAFsvjgSg8qIhAF9enAhw+058fpNeuF0n6pY0q61tVywBjgDyC3JIVia/KH7VvFm83Wc1MAEj96OGtjHGOBCA5uz+/PH2oAf/AiTBq1oeui4uw1bWqFBrc9DinU3k8s/jQ0gAWaxVCAqJUfM3HuVeypAwOFtNQwJpugkJxTJW/wKiJbcuxoenfwAAAABJRU5ErkJggg==) no-repeat;
        background-size: cover;
}
.aliplayer .mainCont .live .close[data-v-53285562] {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAB4CAMAAACkeQBcAAAAqFBMVEUAAABeX2heX2lkZG1fYGhfYGheX2hfX2heX2lfYGlfYGlgYWlmZoVhYW5oaG5fYGheX2lfYGlfX2hfX2leYGleYGpeYGlgYWlgYWlhYWlfZWthYWxeX2hfYGlfYWpfYGlhYWpfYmteX2ikpKShoaJfYGl/gISampuFhYlhYmuVlZdwcXhpanKPj5J0dXtub3afn5+Li46IiIx5eYB4eX5tbXRlZm6QkZOGHEXjAAAAInRSTlMA++0c99PKqJ2CdzsGFA7y28K6sXpwZmBGMCsk5uWRj1dWmPWsnQAAATVJREFUSMft10lvwjAQBWDisCQBAm2B0r19trOxpBvt//9nrU89eZ5UH0Aiuc4nxR7b0rzeVdyTP/SziQyAwZgAIJkSALUiABjeEIDoKZcB8PBCAHB5RwD66UQGwHxNADCKCcBsSYBrPgFAkhMAdU0AcHFLAKKMAGDEABYMRDEBSBkYMqAYQAc6cB7AVhsR1KXRrQBsY7SpBLAzWputH7y7urCGwtX38IJPV/+AF2xcvYAXHFy9ghdsXf0NXvD1+lv/hhe4BprG+oHbYFlDBEYEdan/fuFf5M7i/9sEWtIoYE9azQ+LHze/MPzKwTZaurROaK0P8sMp2qM/3g504JSBCh7V0tBxcRE2skYZG5uDBu9kGjL8z5ZBAWS+ZiEoJEbdP8tR7jEPCYNqFRRIB+OQUExj9Q9aZKqM/EEZ2AAAAABJRU5ErkJggg==) no-repeat;
        background-size: cover;
        right: -16px;
}
.aliplayer .mainCont .live .close[data-v-53285562]:hover {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAB4CAMAAACkeQBcAAAArlBMVEUAAABNTlZNTlZSUltNTlZOT1dOTlZOT1dOT1dOUVdmZmZOTldNT1ZVVWFXV11OT1ZOTlZNTlZOT1dOTlZNTlZNT1hOTldOT1dOUFhPT1ZPT1lNU1lQVFtOT1dOTlZPT1hNUFlNTlaXl5eUlJSVlZVOT1eHh4iBgoR2d3pqam5jZGpZWmFRUlmSkpKNjY5ycnZwcHVhYWdeXmWLi4x5en1vb3RcXWNUVVx8fIB8fX+iF1bcAAAAIXRSTlMA++0c9M2ognc7BsC0FA7m29TImpB6cGZgRjArJKGgV1a+i+kqAAABQ0lEQVRIx+3XW1eCQBQFYLkoeMFM09LssmcGBSExKqv//8eCp57m7Id5qLWE1/MNDHNZ6+zeJOjJD8J4JAPgekgA8JgQAP+WAGC+IQDezVQGwNUzAcBkSwC8aCQDYLYmABgEBCBcEQD0hwQAiykB8O8IAMb3BMCLCQAGDGDJgBcQgIiBPgM+A+hABy4DpNmrCMqjVrUA0p1ROhPAXiulCzt4b+vCHE5N3RxgBXk7PocVHExTP8EKzk3dZLCCon3/N6zg86UZv0+toDwaZXYprOBDK/NWgoAUoJ+QJmmUFiYJFM1v6C8BoNaNyAC+1PJmmVwAqH63Wz4w9MixQ1sJAKky6ixfnKr+88vbgQ78Z+A7t2qRa7u4dGtZvZi1zU6N9yJxaf7DlVMAma2dQtB4KwexJ6coN984xcmHhERal1BMY/UPcD+ezq+EtSAAAAAASUVORK5CYII=) no-repeat;
        background-size: cover;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop,
      .aliplayer .mainCont .live .pop[data-v-53285562] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 55;
        background: url(../img/bg1.1c7fd9c7.png) no-repeat;
        background-size: cover;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation1,
        .aliplayer .mainCont .live .pop .situation1[data-v-53285562] {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          flex-direction: column;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation1 h1,
          .aliplayer .mainCont .live .pop .situation1 h1[data-v-53285562] {
            margin: 0;
            padding-bottom: 16px;
            font-size: 24px;
            font-weight: normal;
            line-height: 30px;
            color: #ffffff;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation1 h2,
          .aliplayer .mainCont .live .pop .situation1 h2[data-v-53285562] {
            margin: 0;
            height: 20px;
            padding-bottom: 24px;
            font-size: 14px;
            font-weight: normal;
            line-height: 20px;
            color: #ffffff;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation1 .btnSi,
          .aliplayer .mainCont .live .pop .situation1 .btnSi[data-v-53285562] {
            width: 188px;
            height: 40px;
            text-align: center;
            border-radius: 4px;
            font-size: 16px;
            font-weight: normal;
            line-height: 40px;
            color: #ffffff;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation1 .css1,
          .aliplayer .mainCont .live .pop .situation1 .css1[data-v-53285562] {
            background: #29ba91;
            cursor: pointer;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation1 .css1:hover,
            .aliplayer .mainCont .live .pop .situation1 .css1[data-v-53285562]:hover {
              background: #3ec19c;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation1 .css2,
          .aliplayer .mainCont .live .pop .situation1 .css2[data-v-53285562] {
            background: #9b9b9b;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .hei1,
        .aliplayer .mainCont .live .pop .hei1[data-v-53285562] {
          height: 323px;
          top: calc(50% - 161px);
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .hei2,
        .aliplayer .mainCont .live .pop .hei2[data-v-53285562] {
          height: 225px;
          top: calc(50% - 112px);
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2,
        .aliplayer .mainCont .live .pop .situation2[data-v-53285562] {
          width: 580px;
          background: #ffffff;
          border-radius: 10px;
          position: absolute;
          left: calc(50% - 290px);
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .remind,
          .aliplayer .mainCont .live .pop .situation2 .remind[data-v-53285562] {
            padding: 28px 24px 22px 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            border-bottom: 1px solid #e4e4e4;
            font-size: 18px;
            font-weight: normal;
            line-height: 24px;
            color: #2e2e2e;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .remind span,
            .aliplayer .mainCont .live .pop .situation2 .remind span[data-v-53285562] {
              margin: 0;
              height: 24px;
              font-size: 18px;
              font-weight: normal;
              line-height: 24px;
              color: #2e2e2e;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .remind img,
            .aliplayer .mainCont .live .pop .situation2 .remind img[data-v-53285562] {
              width: 14px;
              height: 14px;
              cursor: pointer;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 p,
          .aliplayer .mainCont .live .pop .situation2 p[data-v-53285562] {
            margin: 24px auto 20px;
            width: 498px;
            font-size: 16px;
            font-weight: normal;
            line-height: 22px;
            color: #2e2e2e;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .ewm,
          .aliplayer .mainCont .live .pop .situation2 .ewm[data-v-53285562] {
            margin: 0 auto;
            width: 130px;
            height: 130px;
            border: 1px solid #d9d9d9;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .content,
          .aliplayer .mainCont .live .pop .situation2 .content[data-v-53285562] {
            font-size: 16px;
            font-weight: normal;
            line-height: 22px;
            color: #2e2e2e;
            height: 22px;
            padding: 24px 40px 30px 40px;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .btns,
          .aliplayer .mainCont .live .pop .situation2 .btns[data-v-53285562] {
            padding: 0 40px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex-wrap: wrap;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .btns span,
            .aliplayer .mainCont .live .pop .situation2 .btns span[data-v-53285562] {
              width: 160px;
              height: 40px;
              border-radius: 4px;
              display: block;
              margin-left: 20px;
              text-align: center;
              line-height: 40px;
              cursor: pointer;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .btns .bg1,
            .aliplayer .mainCont .live .pop .situation2 .btns .bg1[data-v-53285562] {
              background: #e7e7e7;
              color: #767676;
              font-size: 16px;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .btns .bg1:hover,
            .aliplayer .mainCont .live .pop .situation2 .btns .bg1[data-v-53285562]:hover {
              background: #9b9b9b;
              color: #fff;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .btns .bg2,
            .aliplayer .mainCont .live .pop .situation2 .btns .bg2[data-v-53285562] {
              background: #cf1000;
              color: #fff;
              font-size: 16px;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation2 .btns .bg2:hover,
            .aliplayer .mainCont .live .pop .situation2 .btns .bg2[data-v-53285562]:hover {
              background: #ec1503;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation3,
        .aliplayer .mainCont .live .pop .situation3[data-v-53285562] {
          width: 580px;
          height: 163px;
          background: #ffffff;
          border-radius: 10px;
          position: absolute;
          left: 350px;
          top: calc(50% - 81px);
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation3 .remind,
          .aliplayer .mainCont .live .pop .situation3 .remind[data-v-53285562] {
            height: 82px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            border-bottom: 1px solid #e4e4e4;
            font-size: 16px;
            font-weight: normal;
            line-height: 22px;
            color: #2e2e2e !important;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation3 .remind i,
            .aliplayer .mainCont .live .pop .situation3 .remind i[data-v-53285562] {
              width: 22px;
              height: 22px;
              margin-right: 12px;
              color: #28bc5c;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .pop .situation3 .content,
          .aliplayer .mainCont .live .pop .situation3 .content[data-v-53285562] {
            text-align: center;
            font-size: 14px;
            font-weight: normal;
            line-height: 20px;
            color: #2e2e2e;
            height: 20px;
            padding-top: 30px;
}
.aliplayer .mainCont .live[data-v-53285562] .preview-custom .popPay {
        width: 100%;
        background: none;
}
.aliplayer .mainCont .live[data-v-53285562] .loading-center {
        z-index: 11;
        width: 100%;
        height: 100%;
}
.aliplayer .mainCont .live[data-v-53285562] .loading-center .circle,
        .aliplayer .mainCont .live[data-v-53285562] .loading-center .circle1 {
          margin-top: calc(50vh - 100px);
}
.aliplayer .mainCont .live .iframe[data-v-53285562] {
        height: 100%;
        background: #000;
}
.aliplayer .mainCont .live .iframe[data-v-53285562] #preview-area {
          justify-content: center;
}
.aliplayer .mainCont .live .prism-player[data-v-53285562] {
        background-size: cover;
}
.aliplayer .mainCont .live .prism-player[data-v-53285562] .prism-controlbar .prism-controlbar-bg {
          background: #000 !important;
}
.aliplayer .mainCont .live .prism-player[data-v-53285562] .prism-controlbar .prism-cc-btn {
          display: none !important;
}
.aliplayer .mainCont .live .prism-player[data-v-53285562] .prism-setting-list .prism-setting-cc {
          display: none !important;
}
.aliplayer .mainCont .live .prism-player[data-v-53285562] .prism-setting-list .prism-setting-audio {
          display: none !important;
}
.aliplayer .mainCont .live .prism-player .titles[data-v-53285562] {
          display: flex;
          justify-content: center;
          align-content: center;
          flex-wrap: wrap;
          position: absolute;
          width: 100%;
          height: 100%;
          background: #000;
          z-index: 9999;
}
.aliplayer .mainCont .live .prism-player .titles i[data-v-53285562] {
            color: #fff;
            font-size: 54px;
}
.aliplayer .mainCont .live .prism-player .titles div[data-v-53285562] {
            text-align: center;
            color: #fff;
            width: 100%;
            font-size: 14px;
            margin-top: 10px;
}
.aliplayer .mainCont .live[data-v-53285562] .hide-setting .prism-setting-list .prism-setting-speed {
        display: none !important;
}
.aliplayer .mainCont .tabCont[data-v-53285562] {
      width: 320px;
      height: 100%;
      background: #191a1f;
}
.aliplayer .mainCont .tabCont .tabs[data-v-53285562] {
        padding: 0 14px;
        width: 292px;
        height: 50px;
        margin: 0 auto;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.aliplayer .mainCont .tabCont .tabs h1[data-v-53285562] {
          font-size: 16px;
          font-weight: 500;
          color: white;
          line-height: 50px;
          display: flex;
          flex-direction: column;
}
.aliplayer .mainCont .classList[data-v-53285562] {
      overflow: hidden;
}
.aliplayer .mainCont .classList .line[data-v-53285562] {
        margin-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.aliplayer .mainCont .classList .item[data-v-53285562] {
        width: 292px;
        padding: 0 14px;
}
.aliplayer .mainCont .classList .item .chapter[data-v-53285562] {
          height: 22px;
          padding: 20px 0 18px;
          font-size: 16px;
          font-weight: bold;
          line-height: 22px;
          color: #ffffff;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
}
.aliplayer .mainCont .classList .item .status[data-v-53285562] {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap;
}
.aliplayer .mainCont .classList .item .status .zb[data-v-53285562],
          .aliplayer .mainCont .classList .item .status .lb[data-v-53285562],
          .aliplayer .mainCont .classList .item .status .oIcon[data-v-53285562] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
            font-size: 12px;
            font-weight: bold;
            line-height: 18px;
            color: rgba(255, 255, 255, 0.8);
}
.aliplayer .mainCont .classList .item .status .zb[data-v-53285562]::before,
            .aliplayer .mainCont .classList .item .status .lb[data-v-53285562]::before,
            .aliplayer .mainCont .classList .item .status .oIcon[data-v-53285562]::before {
              content: '';
              width: 16px;
              height: 12px;
              display: block;
              margin-right: 3px;
}
.aliplayer .mainCont .classList .item .status .zb .living[data-v-53285562],
            .aliplayer .mainCont .classList .item .status .lb .living[data-v-53285562],
            .aliplayer .mainCont .classList .item .status .oIcon .living[data-v-53285562] {
              margin-left: 14px;
              margin-right: 10px;
              color: #e9513d;
              display: flex;
              align-items: center;
}
.aliplayer .mainCont .classList .item .status .zb .living[data-v-53285562]::before,
              .aliplayer .mainCont .classList .item .status .lb .living[data-v-53285562]::before,
              .aliplayer .mainCont .classList .item .status .oIcon .living[data-v-53285562]::before {
                margin-right: 5px;
                display: block;
                content: '';
                width: 12px;
                height: 12px;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAASFBMVEUAAADpUj7rUj/qUj7qUT3rVEDrVD/qUT7qUj3qUT7qUT/sU0DrU0DqVUDuUkDyXEfpUT7qUT7qUj7pUT3sUj/qVD//VVXpUT16wzV2AAAAF3RSTlMAmWbjzDNK9pOEYVA0JBwSybmso1E9Bj7zzPoAAABhSURBVCjP3dI7EoAwCARQFE3iL/HP/W/qjhUFDtbZaoeXikCBOZAVFmETBPkLYZhNmETioiDv6/mWhMmo4MDDQkiDSaugQ+krgA0lW3BFSWQB3YVsQNQSvbX7H+Ufw+f5PKuOEGrRac0fAAAAAElFTkSuQmCC);
                background-size: cover;
}
.aliplayer .mainCont .classList .item .status .zb .non-living[data-v-53285562],
            .aliplayer .mainCont .classList .item .status .lb .non-living[data-v-53285562],
            .aliplayer .mainCont .classList .item .status .oIcon .non-living[data-v-53285562] {
              display: flex;
              align-items: center;
}
.aliplayer .mainCont .classList .item .status .zb[data-v-53285562]::before {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAMAAACsjQ8GAAAAYFBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9oJYrRAAAAIHRSTlPMADuZirbJvYQJwrGeSSgjrJWQf2xBLhoRBXRxYWBTT3CNr/UAAACiSURBVCjPpdLXDoQgEIXhM7Ko2LCtZev7v+UuTozEUC78b/kSJgOgSKB1SlzpHWgJd0IxqOBrZJDC0WuqgI6Bq5IoAYQfpA09NrDONsifBfYyGHCXyI/zimjuYdV2gD3ijf7VGXwxoCUPAC6REUDNVVBnQaBFcEg1ptY+T6BUZnNWwlxW4Ei2pw9By1B+4I9fMw4KL+gZ+Hf/ZaAG92Lkm7Z+4cYEwzXP2YwAAAAASUVORK5CYII=) no-repeat;
            background-size: cover;
}
.aliplayer .mainCont .classList .item .status .lb[data-v-53285562]::before {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAMAAACsjQ8GAAAAS1BMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////+bUGJYAAAAGXRSTlPMAJJ1uUltiXBGEQbGrJyZfmVjUjk0H8ArkGYu4QAAAG9JREFUKM+1z8kOQEAQhOFq2pjFvr//k5qIgwTlgO9af9JpBKO4pSbAgDJQUIpvVUtXgMlEppoHUT/TIPI5D6L8ZTDV9ESw5NNexCkIbSv8oHyaHSgHGZvkVjMKhNsD36YnnT8EFhfsIRgUJzps0wow/gNVTzu/uwAAAABJRU5ErkJggg==) no-repeat;
            background-size: cover;
}
.aliplayer .mainCont .classList .item .status .oIcon[data-v-53285562]::before {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAgCAYAAACRpmGNAAAAAXNSR0IArs4c6QAAAmlJREFUWEftmN9x2kAQxnfvwK8hFYQ8ZgZ0ooJABSEVWOkAKjCpIHRgqMBOBZErkE4wk1dSQZS3TMLdZlYSBhzQH8ZmeJBeT/fdb3c5dj8hXPCDF8wGe3CLxaJvjL1FxDYRhYjoSynmnU4nPDWI5XLpGmOviaiPiC7rNhryUxnNPTito3sA+PAUhIhWQuDYcRxeL/VEUeRZSzcc6IENc6Ucr0joES4IgpYQ8mfeBiLwiczHXq8XH3svCL63Ef/eIkI/R+vBWjPM0+G9CZzWkQ9APgDeFEVDRHGjIQeHysIlXK/NN0RsFeg88HlE+N51ncGxdzGKoiER3AHQ5zJwLMSARPbtbuRpxv4EJcBYIoHj84TAQbfb9Q8BotZ6kkKVh0sBwd+NOgyjEBFUUeaz9Uc4PlcpNXlWuFSMxkqp6TbAkmg7mXsxOC6v66rXYahjRHxVGu0ccAyjlINaR1QBbO8392KZq+FOua2bMtZlrfo/V2fu1A5RZ67O3P/t4xyNv25f6TxHBB4ivqnSxM/ZIdiMXJ8Bbg5Aq03bLDFswldrjYco/QoTbeWRiQg0kelvz8mfhEcA+CXL1lQpZ6y1HhHBpMwAWbasRPQLESbp5BzNthVKp+mDY3pmTNhAJ5Mse1SiqwHA71gIwZCjPMgiuAxqaq2dNpvN9npt7jZeloh+EFn3mEVMrGHqWQWb3MTSWXs16/XerTZrUsqhtQy5b2BY3HVVOwz16ulF4vIJAVNjzP3m8NT9m2GWpdhaO8vzrpW+lWTiHt9qAIilFB7buszds4NqIcJMSjkr87mh6OJVgisSe+71i4b7B/pxID/apIZZAAAAAElFTkSuQmCC) no-repeat;
            background-size: cover;
}
.aliplayer .mainCont .classList .item .status .time[data-v-53285562] {
            font-size: 12px;
            font-weight: normal;
            line-height: 18px;
            color: rgba(255, 255, 255, 0.6);
            padding-left: 2px;
}
.aliplayer .mainCont .classList .item .status .btn[data-v-53285562] {
            width: 52px;
            height: 22px;
            background: #29ba91;
            border-radius: 11px;
            cursor: pointer;
            font-size: 12px;
            font-weight: normal;
            line-height: 22px;
            color: #ffffff;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
}
.aliplayer .mainCont .classList .item .status .btn[data-v-53285562]:hover {
            background: #3ec19c;
}
.aliplayer .mainCont .classList .item .section[data-v-53285562] {
          padding: 0 16px 0 16px;
          height: 40px;
          background: #2f3138;
          border-radius: 4px;
          margin-top: 10px;
          position: relative;
}
.aliplayer .mainCont .classList .item .section h1[data-v-53285562] {
            font-size: 14px;
            font-weight: normal;
            line-height: 40px;
            color: #ffffff;
            cursor: pointer;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
}
.aliplayer .mainCont .classList .item .section[data-v-53285562] .el-progress {
            transform: rotate(180deg);
            position: absolute;
            right: -3px;
            top: -5px;
}
.aliplayer .mainCont .classList .item .section[data-v-53285562] .el-progress .el-progress-circle {
              background: #2f3138;
              border-radius: 50%;
}
.aliplayer .mainCont .classList .item .section[data-v-53285562] .el-progress .el-progress-circle svg {
                z-index: 11;
                position: absolute;
}
.aliplayer .mainCont .classList .item .section[data-v-53285562] .el-progress .el-progress-circle svg .el-progress-circle__track {
                  display: none;
}
.aliplayer .mainCont .classList .item .section[data-v-53285562] .el-progress .el-progress-circle svg .el-progress-circle__path {
                  stroke: #16ce9a;
}
.aliplayer .mainCont .classList .item .section[data-v-53285562] .el-progress .el-progress__text {
              transform: rotate(180deg);
              color: #fff;
              width: 46px;
              height: 46px;
              border-radius: 50%;
              border: 2px solid #191a1f;
              z-index: 10;
              display: flex;
              justify-content: center;
              align-content: center;
              flex-direction: column;
              font-size: 13px !important;
              top: 0;
}
.aliplayer .mainCont .classList .item .section[data-v-53285562] .el-progress .el-progress__text::before {
                content: '完成率';
                font-size: 12px;
                font-weight: normal;
                line-height: 16px;
                color: rgba(255, 255, 255, 0.6);
                transform: scale(0.9);
}
.aliplayer .mainCont .classList .item .section .nohave[data-v-53285562] .el-progress-circle svg .el-progress-circle__path {
            stroke: #2f3138;
}
.aliplayer .mainCont .classList .sectionItem:hover .status .zb[data-v-53285562]::before,
      .aliplayer .mainCont .classList .hover .status .zb[data-v-53285562]::before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAj9JREFUSEvFlT1oE3EYxp/nktKhF6Sggkjp4KTQoSAI5oMKEsiHBsSAIJ3EUcFVRFyEIqhBKCiIg4OLiGBsgoi0hcRFEB10LA4dXBxs7lKa9O6Ri22ISauXeG3/+/s8v//7Sezxo+evK6nh1W8rk1rHaJA8IiWGl83X819IaittWunEBOAUJYwHaf6nFhdNM5zl8wWr24O1dKwK6eTOmW8q83akXLnRA2ClYk1B4SABSFw3GFp05N6BFPW0Sb41S5VkbwZS0S1rMzAQuRQpVY548VY2kZTjvGkBgAtmuXJqxwFINIChEyNz85/tTLwg6Wo3gG5Nhdc+GePDL98tseYzAySfAfgu6DKEyN8yRMIV+BNSe6o2M1DLxPKU7ks47Gn6AyDfR0qVVi3rucSY23AeCkj3VyZ+JbQsoN0HBNd9AuBFpFQ932loZRMX5boFSPv7A+kaUF8lYC9Aa4Hl4wdsSw8EXRgUYuAMdBra2dgZOXgk6FC/IIEAeKb22cSk23Q+7h1Aeuq4q+aHPQHwGhKOc0/AwV0FWMvFjzUbmhU01a9x+0IMMgWaTo7YP+o3IV0TMOTHnKQjKTTYKiaXzNDoBIvFej0TPee6LAga82Pc/im4gJDxuGt3rPibgt/HZFlEDdLRfow7AbxjtLE7ZkTEDeiub4BBTDtjdu0abge6PUA6uvKv6/a/v9+IfxUpV3M9TWilY08lTQdksq2MYfDSyFzlSQ+A8qf32fZqQWCu834HBeQ1L6hZs1Sd2UrzF7+nILLNu1z4AAAAAElFTkSuQmCC) no-repeat;
        background-size: cover;
}
.aliplayer .mainCont .classList .sectionItem:hover .section[data-v-53285562],
      .aliplayer .mainCont .classList .hover .section[data-v-53285562] {
        background: #e9513d;
}
.aliplayer .mainCont .classList .sectionItem:hover .status .lb[data-v-53285562],
      .aliplayer .mainCont .classList .sectionItem:hover .status .zb[data-v-53285562],
      .aliplayer .mainCont .classList .sectionItem:hover .status .oIcon[data-v-53285562],
      .aliplayer .mainCont .classList .hover .status .lb[data-v-53285562],
      .aliplayer .mainCont .classList .hover .status .zb[data-v-53285562],
      .aliplayer .mainCont .classList .hover .status .oIcon[data-v-53285562] {
        color: #e9513d;
}
.aliplayer .mainCont .classList .sectionItem:hover .status .lb[data-v-53285562]::before,
      .aliplayer .mainCont .classList .hover .status .lb[data-v-53285562]::before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAbtJREFUSEvVlkFLFGEcxp9nZpPQETp42c5d8is4swwIxu5qgbGkYBF08xRieBGDToV1EtlDp6z01CmX6CatfgX9Bm2Qt5kVS+d9YoW9uEvMzA4jzvmd5/f7P+8w70vVakPtsPUKwBNBReTwEGwB2BpximsMy+5rQSs5cHsQBN90BH7mNfllg04TDMoTuorpu8zrKMB9q2AvwURTMlgVdHOQBhM3QAtPncbBhw709L5/5/zs/L0gP61EcgHbXnB2f3zuAiXxpFp6ZqB1SLeSigws0AW2Z72iOTUbEB4mkchMoAsNK+62pPm4EpkLBBX3C6TZ3AX+PPDGz/5qM+kHOXADqvlOO4xeAnouqBB38tQ/IsuyFkcazXonIKh6czTmnYDbScGpBUj+Ilk3MpMQSmnBqQUGBfYcSGFlIpJgZR0cJ4+EYVBxDyHdjfNC5mvIIwbl0iMi2hHAzAH/CSQgwZ6/gAbTrs8Ij0HkciWD0JKNj6O7+3u5Tt2vkL4CmvHHTky0CGPGMtqW38OFG3V+3TvuvZb1IYRlb10wyxnBL2II663zrfkinkDVuyfpE6RsGiCPSS44jeb3ywL/AFnpxLxwFe10AAAAAElFTkSuQmCC) no-repeat;
        background-size: cover;
}
.aliplayer .mainCont .classList .sectionItem:hover .status .oIcon[data-v-53285562]::before,
      .aliplayer .mainCont .classList .hover .status .oIcon[data-v-53285562]::before {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAAAXNSR0IArs4c6QAAAThJREFUOE/tlDFOAkEYhd+bxQQMokfwCGtH1kIsSJZKPYFYWskNlJZKTgA2tmIlic1SqJQcYb3BRoha7O4zA4EgYGzodLr58+abmT/v/cQaFy1r6BdLonMHKSLQzn++NxkMosV7rA40FwCPJdwUuk/VeQ1HZc+VURXGiiZLQASkZ4WHl854X3J3RrnNloXMHxbSk6nG1jn0vY6giDSniy9hrL384/NgWPECgAfLHVGPMWpWM4FVvEBSuApm6waoi2ytbq16UHq11e0Hv8Imf1Yd5OU/7I/2LLkFnAbJ7SUL/GgNNSGWgKQ289mbv98GccQkPpfJ+CS+J2EBJujVSZJG6jhlCYcbSN1ctx+OTTsNOhMT2Vh8+MXdGKYqokogFHRNGDsE7kW1bRbHWc1m3QwQTkEz2Lqm0BeixvwRhGOiLgAAAABJRU5ErkJggg==) no-repeat;
        background-size: cover;
}
.aliplayer .mainCont .classList .cant-click[data-v-53285562] {
        pointer-events: none;
}
.aliplayer .mainCont .classList .cant-click .status .zb[data-v-53285562] {
          color: rgba(255, 255, 255, 0.3);
}
.aliplayer .mainCont .classList .cant-click .status .zb[data-v-53285562]::before {
            background-size: cover;
            opacity: 0.5;
}
.aliplayer .mainCont .classList .cant-click .status .zb .time[data-v-53285562] {
            color: rgba(255, 255, 255, 0.3);
}
.aliplayer .mainCont .classList .cant-click .status .oIcon[data-v-53285562] {
          color: rgba(255, 255, 255, 0.3);
}
.aliplayer .mainCont .classList .cant-click .status .oIcon[data-v-53285562]::before {
            background-size: cover;
            opacity: 0.5;
}
.aliplayer .mainCont .classList .cant-click .status .oIcon .time[data-v-53285562] {
            color: rgba(255, 255, 255, 0.3);
}
.aliplayer .mainCont .classList .cant-click .section[data-v-53285562] {
          background: #2f3138;
          cursor: no-drop;
}
.aliplayer .mainCont .classList .cant-click .section h1[data-v-53285562] {
            color: rgba(255, 255, 255, 0.3);
}
.aliplayer .mainCont .classList[data-v-53285562] .el-scrollbar {
        height: 100%;
}
.aliplayer .mainCont .classList[data-v-53285562] .el-scrollbar .el-scrollbar__wrap {
          overflow-y: auto;
          overflow-x: hidden;
}
.aliplayer .mainCont .classList[data-v-53285562] .el-scrollbar__bar.is-vertical {
        opacity: 1;
        width: 4px;
}
.aliplayer .isPhone[data-v-53285562] {
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
}
.aliplayer .isPhone .centerCont[data-v-53285562] {
      width: 80%;
      padding: 100px 0;
      background: #fff;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      flex-direction: column;
}
.aliplayer .isPhone .centerCont p[data-v-53285562] {
        font-size: 18px;
        font-weight: normal;
        line-height: 28px;
        color: #2E2E2E;
        text-align: center;
        padding: 12px 0;
}
.aliplayer .isPhone .centerCont img[data-v-53285562] {
        width: 300px;
        height: 300px;
}