#videoPlayerWrapper[data-v-2c6f2f3e]{width:100%;height:100%}.CourseAside[data-v-270ecdba]{width:410px}.CourseAside .container[data-v-270ecdba]{border-radius:8px;border:1px solid #e9e9e9;overflow:hidden}.CourseAside .container .header[data-v-270ecdba]{padding:0 20px;height:63px;font-size:18px;line-height:62px;background-color:#f0f2f5;border-bottom:1px solid #e9e9e9}.CourseAside .container .list .item[data-v-270ecdba]{cursor:pointer}.CourseAside .container .list .item+.item[data-v-270ecdba]{margin-top:10px}.CourseAside .container .list .item:hover .info .title[data-v-270ecdba]{color:#1a65fb}.CourseAside .container .list .item:hover .img[data-v-270ecdba] img{transform:scale(1.1)}.CourseAside .container .list .item .img[data-v-270ecdba]{padding:20px;height:250px}.CourseAside .container .list .item .img[data-v-270ecdba] img{transition:all .3s ease}.CourseAside .container .list .item .img .el-image[data-v-270ecdba]{border-radius:8px;overflow:hidden}.CourseAside .container .list .item .img .el-image img[data-v-270ecdba]{width:100%;height:100%;transition:all .3s ease}.CourseAside .container .list .item .info[data-v-270ecdba]{display:flex;align-items:center;padding:0 20px;height:60px;background-color:#f5f6f7}.CourseAside .container .list .item .info .title[data-v-270ecdba]{font-size:14px;color:#333;line-height:18px}.CourseEmptyStyle[data-v-6124d24b]{display:flex;align-items:center;flex-direction:column;width:100%;height:100%;padding-top:64px;padding-bottom:64px;font-size:14px;background-color:#fff;margin-bottom:-30px}.CourseEmptyStyle .CustomEmptyImage[data-v-6124d24b]{width:200px;height:140px}.CourseEmptyStyle .CustomEmptyText[data-v-6124d24b]{font-size:14px;color:#626262;line-height:22px;text-align:center;margin-top:8px}.CourseEmptyStyle .tj[data-v-6124d24b]{margin-top:64px;width:1137px}.CourseEmptyStyle .tj .title[data-v-6124d24b]{font-size:18px;color:#333;line-height:28px;font-weight:700}.CourseEmptyStyle .tj .list[data-v-6124d24b]{display:flex;align-items:flex-start;flex-wrap:wrap;margin-top:32px}.CourseEmptyStyle .tj .list .item[data-v-6124d24b]{width:363px;height:350px;border-radius:8px 8px 8px 8px;border:1px solid #bec4d9;overflow:hidden;transition:all .3s;margin-right:23px;margin-bottom:24px;cursor:pointer}.CourseEmptyStyle .tj .list .item[data-v-6124d24b]:nth-child(3n+3){margin-right:0}.CourseEmptyStyle .tj .list .item[data-v-6124d24b]:hover{border-color:transparent;transform:translateY(-8px);box-shadow:0 8px 10px 5px rgba(22,30,51,.08),0 6px 30px 5px rgba(22,30,51,.05),0 16px 24px 2px rgba(22,30,51,.04)}.CourseEmptyStyle .tj .list .item .el-image[data-v-6124d24b],.CourseEmptyStyle .tj .list .item img[data-v-6124d24b]{width:100%;height:204px}.CourseEmptyStyle .tj .list .item .el-image img[data-v-6124d24b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.CourseEmptyStyle .tj .list .item .item-content[data-v-6124d24b]{padding:16px 12px}.CourseEmptyStyle .tj .list .item .desc[data-v-6124d24b]{font-weight:500;font-size:16px;color:#333;line-height:24px}.CourseEmptyStyle .tj .list .item .time[data-v-6124d24b]{display:flex;align-items:center;font-weight:400;font-size:14px;color:#626262;line-height:22px;margin-top:8px}.CourseEmptyStyle .tj .list .item .time i[data-v-6124d24b]{margin-right:8px;font-size:16px;color:#999}.CourseEmptyStyle .tj .list .item .count[data-v-6124d24b]{margin-top:24px;display:flex;align-items:center;justify-content:space-between}.CourseEmptyStyle .tj .list .item .count .money[data-v-6124d24b]{font-weight:500;font-size:24px;color:#ec833d;line-height:36px}.CourseEmptyStyle .tj .list .item .count .signup[data-v-6124d24b]{display:flex;align-items:center;font-weight:500;font-size:16px;color:#333;line-height:24px}.CourseEmptyStyle .tj .list .item .count .signup>span[data-v-6124d24b]{font-weight:500;font-size:24px;color:#ec833d;line-height:36px;margin:0 4px}.CourseEmptyStyle .CustomEmptyBtn[data-v-6124d24b]{width:180px;height:40px;background:#e9ebf4;border-radius:4px;font-size:16px;color:#626262;display:flex;align-items:center;justify-content:center;margin-top:8px}.MyDialog[data-v-fe0e55d4] .el-dialog{background-color:transparent!important;box-shadow:none}.MyDialog .Dialog[data-v-fe0e55d4]{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.MyDialog .Dialog .container[data-v-fe0e55d4]{position:relative}.MyDialog .Dialog .container .BgImage[data-v-fe0e55d4]{width:100%;margin-bottom:25px}.MyDialog .Dialog .container .QrImage[data-v-fe0e55d4]{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);width:175px;height:175px}.MyDialog .Dialog i[data-v-fe0e55d4]{font-size:40px;color:#fff;cursor:pointer}.course[data-v-dca6f0a6]{min-height:calc(100vh - 445px);padding-bottom:30px;background-color:#f0f2f5}.course .course-info[data-v-dca6f0a6]{margin-bottom:24px;padding:30px 0 40px;background-color:#191919}.course .course-info .wrapper[data-v-dca6f0a6]{display:flex}.course .course-info .video-container[data-v-dca6f0a6]{flex:1;width:0;margin-right:20px;border-radius:8px;overflow:hidden}.course .course-info .video-container .video-title[data-v-dca6f0a6]{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;color:#fff;line-height:30px;background-color:#2d2d2d}.course .course-info .video-container .video-title h3[data-v-dca6f0a6]{max-width:550px;font-size:20px}.course .course-info .video-container .video-title p[data-v-dca6f0a6]{font-size:18px}.course .course-info .video-container .video-title p .num[data-v-dca6f0a6]{color:#fc7c22;font-weight:700}.course .course-info .video-container .video-content[data-v-dca6f0a6]{height:470px}.course .course-info .video-container .video-content .poster-box[data-v-dca6f0a6]{position:relative;width:100%;height:100%;font-size:0}.course .course-info .video-container .video-content .poster-box img[data-v-dca6f0a6]{width:100%;height:100%}.course .course-info .video-container .video-content .poster-box .play-box[data-v-dca6f0a6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:216px;height:56px;color:#fff;line-height:28px;border-radius:4px;background-color:rgba(0,0,0,.8);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.course .course-info .video-container .video-content .poster-box .play-box i[data-v-dca6f0a6]{font-size:28px}.course .course-info .video-container .video-content .poster-box .play-box span[data-v-dca6f0a6]{font-size:16px;margin-left:10px}.course .course-info .info-container[data-v-dca6f0a6]{width:350px}.course .course-info .info-container .info-group[data-v-dca6f0a6]{width:100%;color:#999;background-color:#2d2d2d;border-radius:8px;overflow:hidden}.course .course-info .info-container .course-status[data-v-dca6f0a6]{padding:0 20px 24px;margin-bottom:10px}.course .course-info .info-container .course-status .status-box .price[data-v-dca6f0a6],.course .course-info .info-container .course-status .status-box .progress[data-v-dca6f0a6]{display:flex;align-items:flex-end;height:55px}.course .course-info .info-container .course-status .status-box .price i[data-v-dca6f0a6],.course .course-info .info-container .course-status .status-box .price span[data-v-dca6f0a6]{color:silver;line-height:16px}.course .course-info .info-container .course-status .status-box .price span[data-v-dca6f0a6]{font-size:14px}.course .course-info .info-container .course-status .status-box .price h4[data-v-dca6f0a6]{transform:translateY(4px);font-size:36px;color:#fff;line-height:36px;margin:0 5px}.course .course-info .info-container .course-status .status-box .price i[data-v-dca6f0a6]{font-size:20px;text-decoration:line-through}.course .course-info .info-container .course-status .status-box .progress i[data-v-dca6f0a6],.course .course-info .info-container .course-status .status-box .progress span[data-v-dca6f0a6]{font-size:16px;line-height:18px}.course .course-info .info-container .course-status .status-box .progress h5[data-v-dca6f0a6],.course .course-info .info-container .course-status .status-box .progress i[data-v-dca6f0a6]{color:#fc7c22}.course .course-info .info-container .course-status .status-box .progress span[data-v-dca6f0a6]{color:silver;margin-right:10px}.course .course-info .info-container .course-status .status-box .progress h5[data-v-dca6f0a6]{font-size:20px;line-height:20px}.course .course-info .info-container .course-status .status-box .btn[data-v-dca6f0a6]{margin:15px 0 20px;width:100%;height:40px;font-size:16px;color:#fff;line-height:40px;text-align:center;border-radius:6px}.course .course-info .info-container .course-status .status-box .btn.orange[data-v-dca6f0a6]{background-color:#fc7c22}.course .course-info .info-container .course-status .status-box .btn.blue[data-v-dca6f0a6]{background-color:#1a65fb}.course .course-info .info-container .course-status .status-box .btn[disabled][data-v-dca6f0a6]{background-color:#666!important;color:silver;cursor:not-allowed}.course .course-info .info-container .course-status .desc-box ul[data-v-dca6f0a6]{display:flex;justify-content:space-between}.course .course-info .info-container .course-status .desc-box ul.first[data-v-dca6f0a6]{margin-bottom:10px}.course .course-info .info-container .course-status .desc-box ul li[data-v-dca6f0a6]{display:flex;align-items:center;color:#999;line-height:14px}.course .course-info .info-container .course-status .desc-box ul li[data-v-dca6f0a6]:nth-child(2){width:0;flex:1;padding-left:35px}.course .course-info .info-container .course-status .desc-box ul li i[data-v-dca6f0a6]{font-size:14px}.course .course-info .info-container .course-status .desc-box ul li span[data-v-dca6f0a6]{font-size:12px;margin-left:5px}.course .course-info .info-container .course-menu[data-v-dca6f0a6]{height:328px;font-size:14px;color:#999}.course .course-info .info-container .course-menu .title[data-v-dca6f0a6]{padding:0 20px;height:37px;font-size:14px;line-height:35px;border-bottom:2px solid #333}.course .course-info .info-container .course-menu .menu[data-v-dca6f0a6]{max-height:290px;overflow:auto}.course .course-info .info-container .course-menu .menu[data-v-dca6f0a6]::-webkit-scrollbar{width:6px;height:6px;background:#333}.course .course-info .info-container .course-menu .menu[data-v-dca6f0a6]::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.course .course-info .info-container .course-menu .menu[data-v-dca6f0a6]::-webkit-scrollbar-track-piece{background-color:#333}.course .course-info .info-container .course-menu .menu dl dd[data-v-dca6f0a6],.course .course-info .info-container .course-menu .menu dl dt[data-v-dca6f0a6]{padding:0 20px}.course .course-info .info-container .course-menu .menu dl dt[data-v-dca6f0a6]{height:32px;border-bottom:1px solid #333;line-height:31px}.course .course-info .info-container .course-menu .menu dl dd[data-v-dca6f0a6]{display:flex;align-items:center;height:51px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #333}.course .course-info .info-container .course-menu .menu dl dd.active[data-v-dca6f0a6],.course .course-info .info-container .course-menu .menu dl dd[data-v-dca6f0a6]:hover{background-color:#191919}.course .course-info .info-container .course-menu .menu dl dd i[data-v-dca6f0a6]{font-size:18px}.course .course-info .info-container .course-menu .menu dl dd span[data-v-dca6f0a6]{flex:1;width:0;margin-left:8px;line-height:18px;transform:translateY(.5px)}.course .course-detail .wrapper[data-v-dca6f0a6]{background-color:#fff;border-radius:8px}.course .course-detail .tabbar[data-v-dca6f0a6]{padding:24px 24px 0;border-bottom:1px solid #e9e9e9}.course .course-detail .tabbar p[data-v-dca6f0a6]{position:relative;padding-bottom:15px;font-size:16px;color:#333;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.course .course-detail .tabbar p+p[data-v-dca6f0a6]{margin-left:50px}.course .course-detail .tabbar p[data-v-dca6f0a6]:before{position:absolute;left:0;bottom:0;content:"";width:100%;height:3px;border-radius:1px;background-color:transparent}.course .course-detail .tabbar p.active[data-v-dca6f0a6]{color:#1a65fb;font-weight:700}.course .course-detail .tabbar p.active[data-v-dca6f0a6]:before{background-color:#1a65fb}.course .course-detail .content[data-v-dca6f0a6]{padding:0 24px 24px}.course .course-detail .content .intro[data-v-dca6f0a6]{padding-top:24px;display:flex}.course .course-detail .content .intro .rich-text[data-v-dca6f0a6]{width:0;flex:1;margin-right:24px;border-radius:4px;overflow:hidden}.course .course-detail .content .intro .rich-text[data-v-dca6f0a6] img{max-width:100%}.course .course-detail .content .catalogue .chapters .chapters-item .chapters-info[data-v-dca6f0a6]{position:relative;padding:0 30px 0 15px;height:60px;display:flex;align-items:center;font-size:16px;line-height:20px;color:#333}.course .course-detail .content .catalogue .chapters .chapters-item .chapters-info[data-v-dca6f0a6]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background-color:#1a65fb}.course .course-detail .content .catalogue .chapters .chapters-item .chapters-info .index[data-v-dca6f0a6]{margin-right:10px}.course .course-detail .content .catalogue .chapters .chapters-item .chapters-info .title[data-v-dca6f0a6]{width:0;flex:1}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item[data-v-dca6f0a6]{display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 15px;height:55px;cursor:pointer;border-top:1px solid #e9e9e9}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item[data-v-dca6f0a6]:last-child{border-bottom:1px solid #e9e9e9}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item.active[data-v-dca6f0a6],.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item[data-v-dca6f0a6]:hover{background-color:#f0f2f5}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item.active .subtitle i[data-v-dca6f0a6],.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item:hover .subtitle i[data-v-dca6f0a6]{color:#333}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item.active .subtitle i.icon-play[data-v-dca6f0a6],.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item:hover .subtitle i.icon-play[data-v-dca6f0a6]{color:#1a65fb}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item.active .subtitle span[data-v-dca6f0a6],.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item:hover .subtitle span[data-v-dca6f0a6]{color:#333}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .subtitle[data-v-dca6f0a6]{max-width:900px;line-height:20px}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .subtitle i[data-v-dca6f0a6],.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .subtitle span[data-v-dca6f0a6]{color:#5f6060}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .subtitle i[data-v-dca6f0a6]{font-size:22px}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .subtitle span[data-v-dca6f0a6]{font-size:16px;margin-left:8px;transform:translateY(.5px)}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .status[data-v-dca6f0a6]{display:flex;align-items:center;justify-content:flex-end}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .status .btn[data-v-dca6f0a6]{display:flex;align-items:center;justify-content:center;width:88px;height:32px;line-height:30px;font-size:14px;color:#1a65fb;border-radius:4px;border:1px solid #1a65fb}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .status .btn[data-v-dca6f0a6]:hover{color:#fff;background-color:#1a65fb}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .status>div[data-v-dca6f0a6]{display:flex;flex-direction:column;align-items:flex-end}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .status .time[data-v-dca6f0a6]{min-width:60px;font-size:14px;color:#999;line-height:20px;text-align:right}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .status .blue[data-v-dca6f0a6]{color:#1a65fb}.course .course-detail .content .catalogue .chapters .chapters-item .knobble .knobble-item .status .last-time[data-v-dca6f0a6]{width:65px;height:20px;background-color:rgba(26,101,251,.1);font-size:14px;color:#1a65fb;line-height:20px;border-radius:1px;text-align:center}