.course-introduction[data-v-5ea7d807]{box-sizing:border-box;padding:20px 25px;background-color:#fff;line-height:34px;color:#595959;font-size:16px}.course-catalog[data-v-e197889e]{background-color:#fff;padding:21px 4px 50px 19px}.course-catalog .lesson[data-v-e197889e]{margin-bottom:35px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:hsla(0,0%,97.6%,.34)}.course-catalog .lesson-row[data-v-e197889e]{background-color:#f2f1f1;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px 7px 17px}.course-catalog .lesson-row.not-child[data-v-e197889e]{border-radius:10px}.course-catalog .lesson-row .lesson-name[data-v-e197889e]{font-weight:700;font-size:12px;width:140px}.course-catalog .lesson-row .lesson-time[data-v-e197889e]{font-size:12px;flex-shrink:0;font-family:Source Han Sans CN;color:#999}.course-catalog .lesson-row .lesson-time .status[data-v-e197889e]{display:inline-block;margin-left:12px;border:1px solid #999;padding:0 7px;line-height:15px;border-radius:25px;color:#999;font-size:12px;text-align:center;vertical-align:bottom}.course-catalog .lesson-row .lesson-time .living[data-v-e197889e]{margin-left:0;padding:0;border:1px solid transparent;padding-right:6px;width:auto!important;color:red}.course-catalog .lesson-row .lesson-time .el-icon-s-data[data-v-e197889e]{font-size:14px;color:red}.course-catalog .lesson-row .lesson-time .living-icon[data-v-e197889e]{display:inline-block;width:14px;height:10px;margin:0 2px 0 11px}.course-catalog .lesson-row .lesson-teacher[data-v-e197889e]{color:#666;font-size:12px}.course-catalog .lesson-row .lesson-teacher span[data-v-e197889e]:first-child{flex-shrink:0}.course-catalog .lesson-row .lesson-teacher span[data-v-e197889e]:nth-child(2){margin-left:15px}.course-catalog .lesson-row .lesson-btn .btn-blue[data-v-e197889e]{border-radius:25px;line-height:24px;color:#fff;font-size:12px;font-weight:500;padding:0 17px;background-color:#508ef9;cursor:pointer}.course-catalog .lesson-row .lesson-btn .btn-grey[data-v-e197889e]{background:silver}.course-catalog .files[data-v-e197889e]{padding:0 26px 0 19px;overflow:hidden}.course-catalog .files .file[data-v-e197889e],.course-catalog .files .work[data-v-e197889e]{margin:17px 0;font-size:12px;color:#666}.course-catalog .files .file[data-v-e197889e]:hover,.course-catalog .files .work[data-v-e197889e]:hover{color:#508ef9}.course-catalog .files .work .work-title[data-v-e197889e]{width:240px}.course-catalog .files .work .work-status[data-v-e197889e]{border:1px solid #999;padding:0 8px;border-radius:25px;color:#999;margin-left:15px;font-size:12px}.course-catalog .files .work .work-go[data-v-e197889e]{border:1px solid #508ef9;padding:0 10px;border-radius:25px;color:#508ef9;line-height:19px;font-size:12px}.course-catalog .files .work .work-go[data-v-e197889e]:hover{background-color:#508ef9;color:#fff}@media screen and (min-width:1250px){.course-catalog[data-v-e197889e]{padding:26px 5px 50px 23px}.course-catalog .lesson-row[data-v-e197889e]{padding:12px 15px 9px 21px}.course-catalog .lesson-row .lesson-name[data-v-e197889e]{font-size:14px;width:160px}.course-catalog .lesson-row .lesson-teacher[data-v-e197889e],.course-catalog .lesson-row .lesson-time[data-v-e197889e]{font-size:13px}.course-catalog .lesson-row .lesson-btn .btn-blue[data-v-e197889e]{line-height:29px;font-size:13px;padding:0 20px}.course-catalog .files[data-v-e197889e]{padding:0 31px 0 23px;overflow:hidden}.course-catalog .files .file[data-v-e197889e]{font-size:13px}.course-catalog .files .work .work-title[data-v-e197889e]{width:300px}.course-catalog .files .work .work-status[data-v-e197889e]{padding:0 10px;margin-left:18px;font-size:12px}.course-catalog .files .work .work-go[data-v-e197889e]{padding:0 12px;line-height:21px;font-size:13px}}.comment-each[data-v-c69d9510]{border-bottom:1px solid #f9f9f9;padding-top:18px;padding-bottom:10px}.comment-each .avatar[data-v-c69d9510]{width:29px;height:29px;border-radius:50%;margin-right:8px}.comment-each .people-info .name[data-v-c69d9510]{font-size:13px;color:#555}.comment-each .people-info .time[data-v-c69d9510]{font-size:12px;color:#999;line-height:20px}.comment-each .comment-text[data-v-c69d9510]{margin-top:15px;color:#999;font-size:12px;padding-left:5px;max-height:90px;overflow:hidden;transition:max-height .6s}.comment-each .flod[data-v-c69d9510]{color:#666;padding-left:7px;margin-top:5px;font-size:12px}.comment-each .comment-toolbar[data-v-c69d9510]{text-align:right}.comment-each .comment-btn[data-v-c69d9510]{font-size:12px;color:#999}.comment-each .comment-btn[data-v-c69d9510]:last-child{margin-left:18px}.textarea-container[data-v-c69d9510]{margin-top:10px;text-align:right;font-size:12px}.textarea-container .control-textarea[data-v-c69d9510]{margin-top:10px}.child-comment .child-item[data-v-c69d9510]{background-color:#f9f9f9;padding:10px 13px 5px 17px;border-radius:3px;margin-top:10px}.child-comment .child-avatar[data-v-c69d9510]{width:32px;height:32px;border-radius:50%;margin-right:9px}.child-comment .child-content[data-v-c69d9510],.child-comment .person-info[data-v-c69d9510]{flex:1}.child-comment .child-text[data-v-c69d9510],.child-comment .responder[data-v-c69d9510],.child-comment .time[data-v-c69d9510]{font-size:12px;color:#999}.child-comment .child-text[data-v-c69d9510]{margin-top:5px;max-height:90px;overflow-y:auto}.child-comment .child-text[data-v-c69d9510]::-webkit-scrollbar{width:5px}.child-comment .child-text[data-v-c69d9510]::-webkit-scrollbar-track{border-radius:2px}.child-comment .child-text[data-v-c69d9510]::-webkit-scrollbar-button{height:2px}.child-comment .child-text[data-v-c69d9510]::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.child-comment .time[data-v-c69d9510]{margin-top:10px;text-align:right}.child-comment .child-toolbar[data-v-c69d9510]{text-align:right;margin-top:6px}.child-comment .child-toolbar .btn[data-v-c69d9510]{cursor:pointer;font-size:12px;color:#999}.child-comment .child-toolbar .btn[data-v-c69d9510]:last-child{margin-left:22px}.mask[data-v-c69d9510]{position:absolute;z-index:99;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.3);padding:25px 20px 0;box-sizing:border-box;text-align:right}.mask[data-v-c69d9510] .el-textarea__inner{overflow:auto}.mask[data-v-c69d9510] .el-textarea__inner::-webkit-scrollbar{width:5px}.mask[data-v-c69d9510] .el-textarea__inner::-webkit-scrollbar-track{border-radius:2px}.mask[data-v-c69d9510] .el-textarea__inner::-webkit-scrollbar-button{height:2px}.mask[data-v-c69d9510] .el-textarea__inner::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.mask .publish-btn[data-v-c69d9510]{margin-top:15px;background-color:#508ef9;border:1px solid #508ef9}.mask .el-message-box[data-v-c69d9510]{width:100%}[data-v-c69d9510] .nothing-wrap{margin:17px auto 0}@media screen and (min-width:1250px){width:340px;padding:0 25px;padding-bottom:20px;h4[data-v-c69d9510]{font-size:16px}.comment-each .avatar[data-v-c69d9510]{width:34px;height:35px;margin-right:10px}.comment-each .comment-text[data-v-c69d9510]{font-size:13px}.comment-each .comment-toolbar[data-v-c69d9510]{text-align:right}}.of-h[data-v-c69d9510]{overflow:hidden!important}.comment[data-v-737099cf]{position:relative;box-sizing:border-box;margin-top:25px;width:279px;height:370px;min-height:210px;max-height:290px;padding:0 20px 15px;overflow-y:auto;background-color:#fff;border:1px solid #f2f2f2;border-radius:8px}.comment[data-v-737099cf]::-webkit-scrollbar{width:8px}.comment[data-v-737099cf]::-webkit-scrollbar-track{border-radius:2px}.comment[data-v-737099cf]::-webkit-scrollbar-button{height:8px}.comment[data-v-737099cf]::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.comment h4[data-v-737099cf]{line-height:40px;font-size:13px;color:#555;border-bottom:1px solid #f9f9f9}.comment h4 span[data-v-737099cf]{font-size:12px;align-self:flex-end}.comment .mask[data-v-737099cf]{position:absolute;z-index:99;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.3);padding:25px 20px 0;box-sizing:border-box;text-align:right}.comment .mask[data-v-737099cf] .el-textarea__inner{overflow:auto}.comment .mask[data-v-737099cf] .el-textarea__inner::-webkit-scrollbar{width:5px}.comment .mask[data-v-737099cf] .el-textarea__inner::-webkit-scrollbar-track{border-radius:2px}.comment .mask[data-v-737099cf] .el-textarea__inner::-webkit-scrollbar-button{height:2px}.comment .mask[data-v-737099cf] .el-textarea__inner::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.comment .mask .publish-btn[data-v-737099cf]{margin-top:15px;background-color:#508ef9;border:1px solid #508ef9}.comment .mask .el-message-box[data-v-737099cf]{width:100%}@media screen and (min-width:1250px){.comment[data-v-737099cf]{width:340px}}.of-h[data-v-737099cf]{overflow:hidden!important}.course-detail[data-v-6ab39acf]{background-color:#f9f9f9!important;padding-bottom:105px}.course-detail .course-detail-wrapper[data-v-6ab39acf]{width:990px;margin:0 auto 79px}.course-detail .course-info[data-v-6ab39acf]{background:#fff;border:1px solid #f2f2f2;border-radius:8px;padding:25px 28px}.course-detail .cover[data-v-6ab39acf]{width:389px;height:230px;margin-right:15px}.course-detail .base-info-right[data-v-6ab39acf]{width:100%}.course-detail .info-part[data-v-6ab39acf]{padding-top:12px}.course-detail .info-part .title[data-v-6ab39acf]{font-size:16px;font-weight:700;margin-bottom:12px}.course-detail .info-part .project-name[data-v-6ab39acf],.course-detail .info-part .teacher[data-v-6ab39acf],.course-detail .info-part .time[data-v-6ab39acf]{color:#999;font-size:12px;margin-bottom:6px}.course-detail .info-part .time[data-v-6ab39acf]{margin-bottom:0!important}.course-detail .into-course[data-v-6ab39acf]{align-self:flex-end;padding:0 22px;line-height:30px;font-size:14px;font-weight:500;background-color:#508ef9;border-radius:25px}.course-detail .into-course.btn-no[data-v-6ab39acf]{background-color:silver;border-color:silver}.course-detail .count-data[data-v-6ab39acf]{margin-top:40px;padding:14px 0;font-size:12px;text-align:center;color:#999;background-color:#fafafa}.course-detail .count-data .count[data-v-6ab39acf]{color:#f66e39;font-size:21px;font-weight:700}.course-detail .count-data .count i[data-v-6ab39acf]{font-size:12px;font-weight:300}.course-detail .count-data>div:nth-child(2) .count[data-v-6ab39acf]{color:#50aff9}.course-detail .count-data>div:nth-child(3) .count[data-v-6ab39acf]{color:#ffa955}.course-detail .count-data>div:nth-child(4) .count[data-v-6ab39acf]{color:#3ddb9a}.course-detail .count-data>div:nth-child(5) .count[data-v-6ab39acf]{color:#5370a2}.course-detail .detail-info[data-v-6ab39acf]{margin-top:32px}.course-detail .teacher-info[data-v-6ab39acf]{box-sizing:border-box;width:279px;min-height:210px;max-height:290px;border:1px solid #f2f2f2;border-radius:8px;background-color:#fff;padding:0 20px;padding-bottom:15px;overflow-y:auto}.course-detail .teacher-info[data-v-6ab39acf]::-webkit-scrollbar{width:8px}.course-detail .teacher-info[data-v-6ab39acf]::-webkit-scrollbar-track{border-radius:2px}.course-detail .teacher-info[data-v-6ab39acf]::-webkit-scrollbar-button{height:8px}.course-detail .teacher-info[data-v-6ab39acf]::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.course-detail .teacher-info h4[data-v-6ab39acf]{line-height:40px;font-size:13px;color:#555;border-bottom:1px solid #f9f9f9}.course-detail .teacher-info h4 span[data-v-6ab39acf]{font-size:12px;align-self:flex-end}.course-detail .name-part[data-v-6ab39acf]{margin:10px 0 18px}.course-detail .name-part .avatar[data-v-6ab39acf]{width:34px;height:34px;border-radius:50%;vertical-align:middle}.course-detail .name-part .name[data-v-6ab39acf],.course-detail .name-part .title[data-v-6ab39acf]{margin-left:12px;font-size:12px;font-weight:600}.course-detail .discribe[data-v-6ab39acf]{color:#666;font-size:12px;line-height:24px}.course-detail .catalog[data-v-6ab39acf]{box-sizing:border-box;padding:0 35px 0 23px;width:681px;max-height:670px;overflow-y:auto;border:1px solid #f2f2f2;border-radius:8px;background-color:#fff}.course-detail .catalog[data-v-6ab39acf]::-webkit-scrollbar{width:8px}.course-detail .catalog[data-v-6ab39acf]::-webkit-scrollbar-track{border-radius:2px}.course-detail .catalog[data-v-6ab39acf]::-webkit-scrollbar-button{height:8px}.course-detail .catalog[data-v-6ab39acf]::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.course-detail[data-v-6ab39acf] .el-tabs__header{background-color:#fff;margin:0}.course-detail[data-v-6ab39acf] .el-tabs__header .el-tabs__item{padding:0 20px!important;font-size:14px;color:#555;height:40px;line-height:40px}.course-detail[data-v-6ab39acf] .el-tabs__header .el-tabs__nav-wrap.is-top{padding:0 13px}.course-detail[data-v-6ab39acf] .el-tabs__header .el-tabs__item.is-active,.course-detail[data-v-6ab39acf] .el-tabs__header .el-tabs__item:hover{color:#508ef9}.course-detail[data-v-6ab39acf] .el-tabs__active-bar{height:1px;background-color:#508ef9;padding:0 20px;margin-left:-20px}.course-detail[data-v-6ab39acf] .el-tabs__nav-wrap:after{height:1px;background-color:#f2f2f2}.course-detail[data-v-6ab39acf] .el-tabs__nav.is-stretch>*{flex:0 0 15%}@media screen and (min-width:1250px){.course-detail .course-detail-wrapper[data-v-6ab39acf]{width:1200px}.course-detail .course-info[data-v-6ab39acf]{padding:27px 34px}.course-detail .cover[data-v-6ab39acf]{width:455px;height:256px;margin-right:31px}.course-detail .info-part .title[data-v-6ab39acf]{font-size:19px;margin-bottom:13px}.course-detail .info-part .project-name[data-v-6ab39acf],.course-detail .info-part .teacher[data-v-6ab39acf],.course-detail .info-part .time[data-v-6ab39acf]{font-size:14px;margin-bottom:8px}.course-detail .into-course[data-v-6ab39acf]{padding:0 26px;font-size:15px;line-height:36px}.course-detail .count-data[data-v-6ab39acf]{font-size:13px}.course-detail .count-data .count[data-v-6ab39acf]{font-size:25px}.course-detail .teacher-info[data-v-6ab39acf]{width:340px;padding:0 25px;padding-bottom:20px}.course-detail .teacher-info h4[data-v-6ab39acf]{font-size:16px}.course-detail .name-part[data-v-6ab39acf]{margin:12px 0 25px}.course-detail .name-part .avatar[data-v-6ab39acf]{width:41px;height:41px}.course-detail .name-part .name[data-v-6ab39acf],.course-detail .name-part .title[data-v-6ab39acf]{margin-left:15px;font-size:14px}.course-detail .discribe[data-v-6ab39acf]{font-size:13px}.course-detail .catalog[data-v-6ab39acf]{width:828px;padding:0 42px 0 28px}.course-detail[data-v-6ab39acf] .el-tabs__header{background-color:#fff;margin:0}.course-detail[data-v-6ab39acf] .el-tabs__header .el-tabs__item{padding:0 25px!important;font-size:16px;height:48px;line-height:48px}.course-detail[data-v-6ab39acf] .el-tabs__active-bar{padding:0 25px;margin-left:-25px}}