.box[data-v-b9c1d6de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:21px}.box .top p[data-v-b9c1d6de]{font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:#7e8b9a;line-height:22px;margin-top:10px}.box .top h1[data-v-b9c1d6de]{font-size:18px;font-family:PingFangSC-Semibold;font-weight:600;color:#333;display:inline-block}.box .top h2[data-v-b9c1d6de]{display:inline-block;font-size:14px}.box .content[data-v-b9c1d6de]{margin-top:30px;position:relative}.box .content p[data-v-b9c1d6de]{color:#000}.box .content .video[data-v-b9c1d6de]{width:100%;height:490px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.box .content .video .left[data-v-b9c1d6de]{width:870px}.box .content .video .left .noVideo[data-v-b9c1d6de]{width:100%;height:100%;background:#333;-webkit-box-shadow:0 2px 6px 0 rgba(205,212,225,.2);box-shadow:0 2px 6px 0 rgba(205,212,225,.2);border-radius:4px 4px 4px 0;position:relative}.box .content .video .left .noVideo div[data-v-b9c1d6de]{width:200px;height:200px;position:absolute;top:120px;left:50%;margin-left:-100px}.box .content .video .left .noVideo div p[data-v-b9c1d6de]{font-size:20px;font-family:PingFangSC-Regular;font-weight:400;color:#fff;line-height:28px;text-align:center;margin-top:30px}.box .content .video .left #player[data-v-b9c1d6de]{width:100%;height:100%}.box .content .video .left img[data-v-b9c1d6de]{display:inline-block;width:100%;height:100%}.box .content .video .right[data-v-b9c1d6de]{width:270px;height:490px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(205,212,225,.2);box-shadow:0 2px 6px 0 rgba(205,212,225,.2);border-radius:4px 4px 4px 0;overflow:hidden}.box .content .video .right p[data-v-b9c1d6de]{font-size:20px;font-family:PingFangSC-Medium;font-weight:500;color:#333;line-height:28px;margin-top:18px;padding-left:21px;border-left:4px solid #0085ff}.box .content .video .right .list[data-v-b9c1d6de]{height:410px;overflow:auto;margin-top:30px}.box .content .video .right .list .playing[data-v-b9c1d6de]{background:#f3f8ff;color:#0085ff}.box .content .video .right .list li[data-v-b9c1d6de]{width:100%;height:40px;cursor:pointer}.box .content .video .right .list li .play[data-v-b9c1d6de]{width:8px;height:8px;margin:11px 5px 16px 10px;float:left}.box .content .video .right .list li .play img[data-v-b9c1d6de]{width:100%;height:100%}.box .content .video .right .list li .name[data-v-b9c1d6de]{width:226px;font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:#0085ff;line-height:40px;float:left;padding-right:10px}.box .content .video .right .novideo[data-v-b9c1d6de]{text-align:center;padding:108px 0}.box .content .video .right .novideo img[data-v-b9c1d6de]{display:inline-block;width:110px;height:110px}.box .content .video .right .novideo h3[data-v-b9c1d6de]{font-size:20px;font-family:PingFangSC-Regular;font-weight:400;color:#7e8b9a;margin-top:20px}.box .content .assitentTitle[data-v-b9c1d6de]{font-size:18px;font-family:PingFangSC-Semibold;font-weight:600;color:#333;line-height:25px;margin-top:30px}.box .content .assList[data-v-b9c1d6de]{overflow:hidden;margin-left:-20px;padding-bottom:5px}.box .content .assList>p[data-v-b9c1d6de]{font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:#7e8b9a;line-height:16px;margin-top:21px;padding-left:20px}.box .content .assList>p span[data-v-b9c1d6de]{color:#0085ff}.box .content .assList li[data-v-b9c1d6de]{width:215px;height:99px;background:#fff;-webkit-box-shadow:0 2px 6px 0 rgba(205,212,225,.5);box-shadow:0 2px 6px 0 rgba(205,212,225,.5);border-radius:4px 4px 4px 0;border:1px solid #ededed;float:left;margin:20px 0 0 20px;padding:16px;cursor:pointer}.box .content .assList li .assName[data-v-b9c1d6de]{font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:#333;line-height:16px}.box .content .assList li .schName[data-v-b9c1d6de]{font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:#999;line-height:20px;margin-top:11px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.box .content .assList li[data-v-b9c1d6de]:hover{-webkit-box-shadow:0 3px 16px 0 rgba(205,212,225,.5);box-shadow:0 3px 16px 0 rgba(205,212,225,.5);border:1px solid #0085ff}.box .content .assList li:hover .assName[data-v-b9c1d6de],.box .content .assList li:hover .schName[data-v-b9c1d6de]{color:#0085ff}.box .content .subassList[data-v-b9c1d6de]{overflow:hidden;margin-left:-20px;padding-bottom:5px}.box .content .subassList>p[data-v-b9c1d6de]{font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:#7e8b9a;line-height:16px;margin-top:21px;padding-left:20px}.box .content .subassList>p span[data-v-b9c1d6de]{color:#0085ff}.box .content .subassList li[data-v-b9c1d6de]{width:215px;height:99px;background:#fbfbfc;border-radius:4px 4px 4px 0;border:1px solid #ededed;float:left;margin:20px 0 0 20px;padding:16px;cursor:pointer}.box .content .subassList li .assName[data-v-b9c1d6de]{font-size:16px;font-family:PingFangSC-Regular;font-weight:400;color:#999;line-height:16px}.box .content .subassList li .schName[data-v-b9c1d6de]{font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:#999;line-height:20px;margin-top:11px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.box .content .subassList li[data-v-b9c1d6de]:hover{-webkit-box-shadow:0 3px 16px 0 rgba(205,212,225,.5);box-shadow:0 3px 16px 0 rgba(205,212,225,.5);border:1px solid #0085ff}.box .content .subassList li:hover .assName[data-v-b9c1d6de],.box .content .subassList li:hover .schName[data-v-b9c1d6de]{color:#0085ff}