.unit-box[data-v-9ce64444]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #e2e2e2;cursor:pointer}.unit-box>div[data-v-9ce64444]{flex:1}.unit-box>img[data-v-9ce64444]{margin-left:20px;width:24px;height:24px}.unit-box .unit-name[data-v-9ce64444]{position:relative;font-size:16px;font-weight:600;line-height:22px;color:#000;padding-left:44px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.unit-box .unit-name i[data-v-9ce64444]{position:absolute;top:3px;left:0}.unit-box .unit-name .is-rotate[data-v-9ce64444]{transform:rotate(90deg)}.unit-box .actived-color[data-v-9ce64444]{color:#308eec}.unit-box .unit-info[data-v-9ce64444]{padding-left:44px;margin-top:4px;height:22px;display:flex;align-items:center;font-size:12px;font-weight:300;color:rgba(0,0,0,.45)}.unit-box .unit-info .unit-num[data-v-9ce64444]{margin-right:20px}.unit-box .unit-info img[data-v-9ce64444]{width:10px;height:10px;margin-right:9px}.lesson-box[data-v-9ce64444]{padding:20px 20px 20px 0;margin-left:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e2e2;cursor:pointer}.lesson-box>img[data-v-9ce64444]{margin-left:4px;width:24px;height:24px}.lesson-box .lesson-name-box[data-v-9ce64444]{display:flex;align-items:center;flex:1}.lesson-box .lesson-name-box img[data-v-9ce64444]{width:14px;height:14px;margin:5px}.lesson-box .lesson-name-box .lesson-name[data-v-9ce64444]{font-size:12px;font-weight:600;line-height:18px;color:#000}.actived-lesson[data-v-9ce64444]{margin-left:0;padding-left:60px;border-left:3px solid #308eec;background-color:#eaf5ff}.actived-lesson .lesson-name[data-v-9ce64444]{color:#308eec}.course-video-box[data-v-9ce64444]{min-height:calc(100vh - 154px);width:100%}.top[data-v-9ce64444]{border-bottom:1px solid #e2e2e2;padding:18px 20px}[data-v-9ce64444] .iframe[Attributes]{margin:0!important}.inner[data-v-9ce64444]{width:-moz-fit-content;width:fit-content;height:24px;display:flex;align-items:center;cursor:pointer}.inner .header-img[data-v-9ce64444]{width:24px;height:24px;margin-right:20px}.inner .texts[data-v-9ce64444]{font-size:20px;font-weight:600;color:#262626}.course-center[data-v-9ce64444]{display:flex;border-bottom:1px solid #e2e2e2}.main-content[data-v-9ce64444]{flex:1;align-items:center;display:flex;flex-direction:column;margin:auto}.center-content[data-v-9ce64444]{box-sizing:border-box;width:100%;padding:0 70px;height:auto;position:relative}.center-content .top-name[data-v-9ce64444]{margin:30px auto 10px auto;line-height:22px;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.center-content .top-name[data-v-9ce64444]:hover{text-overflow:clip;white-space:normal}.center-content .top-name span[data-v-9ce64444]{font-family:PingFang SC;font-size:20px;font-weight:600;line-height:22px;color:#262626}.center-content .article[data-v-9ce64444]{padding:0 20px 20px 20px}.center-content .article .lesson-time[data-v-9ce64444]{margin-bottom:10px;color:#8c8c8c;font-weight:600;font-size:14px;line-height:24px}.center-content .course-video[data-v-9ce64444]{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:40px;overflow:hidden}.center-content .course-video .video[data-v-9ce64444]{position:absolute;width:100%;height:100%}.center-left[data-v-9ce64444]{position:relative;box-sizing:border-box;padding-right:10px;border-right:1px solid #e2e2e2;transition:all .5s}.center-left .folding-panel-content[data-v-9ce64444]{transition:all .2s;overflow-y:auto;overflow-x:hidden}.center-left .left-title[data-v-9ce64444]{padding:20px}.center-left .left-title .left-title-inner[data-v-9ce64444]{padding:20px;border-radius:8px;border:1px solid rgba(0,0,0,.10196078431372549);display:flex;align-items:center}.center-left .left-title .left-title-inner .ending[data-v-9ce64444],.center-left .left-title .left-title-inner .total[data-v-9ce64444]{font-size:14px;font-weight:600;line-height:22px;text-align:left}.center-left .left-title .left-title-inner .ending[data-v-9ce64444] .el-progress,.center-left .left-title .left-title-inner .total[data-v-9ce64444] .el-progress{width:87px;height:18px}.center-left .left-title .left-title-inner .total[data-v-9ce64444]{color:rgba(0,0,0,.45098039215686275)}.center-left .left-title .left-title-inner .my-progress[data-v-9ce64444]{height:18px;flex:1;display:inline-block;margin-left:16px}.center-left .left-title .left-title-inner .my-progress .el-progress[data-v-9ce64444]{display:flex;justify-content:space-between;align-items:center}.center-left .left-title .left-title-inner .my-progress .el-progress[data-v-9ce64444] .el-progress-bar{width:calc(100% - 42px);padding-right:0}.center-left .left-title .left-title-inner .my-progress .el-progress[data-v-9ce64444] .el-progress__text{margin-left:0}.center-left .left-center[data-v-9ce64444]{max-height:calc(100% - 102px)}.center-left .folding-panel-box[data-v-9ce64444]{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:20px;height:100px;border-radius:0 20px 20px 0;z-index:1;background-color:#e2e2e2;display:flex;align-items:center;justify-content:center;cursor:pointer}.center-left .folding-panel-box img[data-v-9ce64444]{width:12px;height:12px;transition:all .5s}.center-left .folding-panel-close img[data-v-9ce64444]{transform:rotate(180deg);transition:all .5s}.bottom1[data-v-9ce64444]{width:100%;height:74px;margin:40px,20px,40px,20px;display:block}.bottom1 .inner-bottom1[data-v-9ce64444]{margin:0 88px;display:flex;justify-content:space-between}.left-box1[data-v-9ce64444],.right-box1[data-v-9ce64444]{visibility:hidden}.left-box[data-v-9ce64444],.right-box[data-v-9ce64444]{display:block}.left-img[data-v-9ce64444],.right-img[data-v-9ce64444]{width:12px;height:12px;padding:.92px,2.44px,.92px,3.19px}[data-v-9ce64444] button{width:78px;height:32px;border-radius:2px;border:1px solid #d9d9d9;display:block}[data-v-9ce64444] button .inner-name{font-family:PingFang SC;font-size:14px;font-weight:400;line-height:32px;text-align:center}.left-button[data-v-9ce64444]{margin-left:20px}.right-button[data-v-9ce64444]{margin-right:20px;float:right}.small-title[data-v-9ce64444]{position:relative;display:block;margin:0 0 0 20px;color:rgba(0,0,0,.5019607843137255)}.small-title .small-title-name[data-v-9ce64444]{position:relative;display:block;font-size:14px;font-weight:400;line-height:22px;width:250px;margin:0}.small-title .small-title-name .left-small-title-inner[data-v-9ce64444]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.small-title1[data-v-9ce64444]{position:relative;display:block;margin:30px 20px 0 0;color:rgba(0,0,0,.5019607843137255);padding:0}.small-title1 .small-title-name1[data-v-9ce64444]{position:relative;display:block;font-size:14px;font-weight:400;line-height:22px;width:250px}.small-title1 .small-title-name1 .small-title-inner[data-v-9ce64444]{display:block;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}