.popup-mask[data-v-38edbb28]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:998}.popup-content[data-v-38edbb28]{position:fixed;left:0;right:0;bottom:-100%;background-color:#fff;border-radius:16px 16px 0 0;padding:16px;z-index:999;transition:bottom .3s ease}.popup-show[data-v-38edbb28]{bottom:0}.popup-header[data-v-38edbb28]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #eee;margin-bottom:12px}.popup-header h3[data-v-38edbb28]{margin:0;font-size:18px;color:#333}.close-btn[data-v-38edbb28]{font-size:24px;color:#999;cursor:pointer}.course-item[data-v-38edbb28]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.course-title[data-v-38edbb28]{font-size:16px;color:#333;flex:1}.course-duration[data-v-38edbb28]{font-size:14px;color:#999;margin-left:10px}.courseDetail .pc .main-con[data-v-e7c79ed8]{width:1200px;margin:0 auto}.courseDetail .pc .title-top[data-v-e7c79ed8]{background-color:#fbfbfb;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.courseDetail .pc .course-info[data-v-e7c79ed8]{display:flex;align-items:center}.courseDetail .pc .course-info .el-button[data-v-e7c79ed8]{max-width:80px}.courseDetail .pc .course-info .course-title[data-v-e7c79ed8]{text-align:center;flex:1}.courseDetail .pc .course-info .course-title h1[data-v-e7c79ed8]{font-size:20px;margin-bottom:10px}.courseDetail .pc .course-info .course-title .course-intro[data-v-e7c79ed8]{font-size:14px;color:#666}.courseDetail .pc .course-box[data-v-e7c79ed8]{margin-top:20px;display:flex}.courseDetail .pc .course-box .video-menu[data-v-e7c79ed8]{width:300px;padding-left:20px;max-height:530px;padding:12px 16px;overflow-y:scroll;font-size:14px;background:#fff;border-radius:2px;border:1px solid #e3eaec}.courseDetail .pc .course-box .video-menu .tl[data-v-e7c79ed8]{color:#000;font-weight:700;font-size:16px;padding-bottom:10px;border-bottom:2px dashed #e3eaec}.courseDetail .pc .course-box .item[data-v-e7c79ed8]{display:flex;margin-top:10px;justify-content:space-between;align-items:center;padding:16px 18px 16px 15px;cursor:pointer}.courseDetail .pc .course-box .item .icon[data-v-e7c79ed8]{margin-right:20px}.courseDetail .pc .course-box .item img[data-v-e7c79ed8]{width:80px}.courseDetail .pc .course-box .item .info[data-v-e7c79ed8]{flex:1}.courseDetail .pc .course-box .active[data-v-e7c79ed8]{color:#ff5125;border-radius:5px;background:#fbfbfb}.courseDetail .pc .video-box[data-v-e7c79ed8]{width:880px;margin-right:20px;position:relative;background:#000;height:530px;overflow:hidden}.courseDetail .pc .video-box iframe[data-v-e7c79ed8]{border:none;position:absolute;top:0;left:0;width:100%;height:100%}.courseDetail .mobile[data-v-e7c79ed8]{display:none;background:#fff;padding-bottom:20px}.courseDetail .mobile .video-box[data-v-e7c79ed8]{position:relative;width:100%;padding-bottom:60%}.courseDetail .mobile .video-box .back[data-v-e7c79ed8]{position:absolute;background:rgba(0,0,0,.5);top:15px;left:20px;width:25px;height:25px;text-align:center;line-height:20px;z-index:1;color:#fff;border:1px solid #ddd;border-radius:50%}.courseDetail .mobile .video-box iframe[data-v-e7c79ed8]{width:100%;height:100%;position:absolute}.courseDetail .mobile .menu-tl[data-v-e7c79ed8]{display:flex;padding:10px;justify-content:space-between}.courseDetail .mobile .menu-tl .tl[data-v-e7c79ed8]{position:relative;padding-left:5px}.courseDetail .mobile .video-menu[data-v-e7c79ed8]{padding:10px}.courseDetail .mobile .menu-list[data-v-e7c79ed8]{display:flex;justify-content:space-between}.courseDetail .mobile .menu-list .item[data-v-e7c79ed8]{position:relative;width:48%;padding:10px;border:1px solid #ddd}.courseDetail .mobile .menu-list .desc[data-v-e7c79ed8]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.courseDetail .mobile .menu-list .active[data-v-e7c79ed8]{border:1px solid #ff5125;border-radius:5px}.courseDetail .mobile .menu-list .icon[data-v-e7c79ed8]{position:absolute;bottom:10px;right:10px}.courseDetail .mobile .menu-list .info[data-v-e7c79ed8]{height:50px}.courseDetail .mobile .course-title[data-v-e7c79ed8]{color:#ff5125;margin-bottom:10px}.courseDetail .mobile .video-info[data-v-e7c79ed8]{padding:10px}.courseDetail .mobile .video-info .tl[data-v-e7c79ed8]{position:relative;padding-left:5px}.courseDetail .mobile .video-info .info[data-v-e7c79ed8]{padding-left:10px}.courseDetail .mobile .video-info .info .desc[data-v-e7c79ed8]{padding:16px;position:relative;color:#666;font-size:12px;background:#fbfbfb;border-radius:5px;margin-top:10px}.courseDetail .mobile .join-mycourse[data-v-e7c79ed8]{text-align:center}@media screen and (max-width:768px){.courseDetail .pc[data-v-e7c79ed8]{display:none}.courseDetail .mobile[data-v-e7c79ed8]{display:block}}