.course-detail-head{background-color:#fff;.course-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;.course-detail-info{background-color:#f6f6f6;padding:30px 20px}.course-image{width:600px;height:338px}.course-info{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:20px;padding:20px;.title{font-size:22px;margin-bottom:20px}.course-detail-information{color:#909399;font-size:14px;margin:10px 0}}.detail-watch-button{margin-top:100px;.el-button{padding:10px 20px!important;font-size:18px!important;border-radius:0!important;width:150px!important;height:50px!important;border:0!important}}}}.course-content{background-color:#fff;margin-top:20px!important;min-height:500px;padding:10px 20px;position:relative;.course-description{font-size:14px;color:#333;letter-spacing:3px;padding:0 20px;line-height:1.8em}.el-tabs__nav-wrap:after{height:1px!important}.el-tabs__item{font-size:16px;font-weight:400;width:140px;text-align:center}.course-comment{.course-comment-head{background:#f4f4f4;border:1px solid #e5e5e5;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;.comment-statistics{display:inline-block;vertical-align:middle;text-align:center;width:125px;border-right:1px solid #e5e5e5;margin:-5px 0;font-size:14px;color:#333;.statistics-num{color:#e85308;font-size:28px;line-height:1;display:block}}.comment-num{font-size:14px;color:#333;line-height:35px;padding-left:20px;span{margin:0 10px}}}.course-comment-content{.comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;color:#333;min-height:130px;.left{margin-top:30px;width:80px;text-align:center}.right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;.comment-rate{height:20px;margin-top:10px}.comment-content{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:5px 0}.create-time{text-align:right;height:20px}}}.el-divider--horizontal{margin:5px 0}}.course-comment-foot{padding:20px 40px;.el-rate{line-height:46px}.comment-submit{text-align:center;margin-top:10px}}}}.course-video-item{line-height:50px;padding-left:20px;padding-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;color:#333;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f4f4f4;//margin-bottom:20px;cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;.video-name-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.already-watch{width:200px}.video-name{font-size:16px;color:#333;margin-left:10px;font-weight:600}.video-watch-time{font-size:13px;color:#333}.video-length{font-size:13px;color:#909399;margin-left:10px}}.course-video-item:hover{background-color:#eee}[data-v-d0dacf64]{padding:0;margin:0}li[data-v-d0dacf64],ul[data-v-d0dacf64]{list-style:none}a[data-v-d0dacf64]{text-decoration:none}#app[data-v-d0dacf64]{font-family:微软雅黑;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.content[data-v-d0dacf64]{width:100%;margin:0 auto;border:1px solid #ebeef5;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.course-left[data-v-d0dacf64]{width:305px;border:1px solid #eee;border-top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.course-box[data-v-d0dacf64]{width:100%}.course-info[data-v-d0dacf64]{width:280px;margin:auto;background-color:#f7f7f7;border-radius:5px;overflow:hidden;padding-bottom:15px}.course-info .course-img[data-v-d0dacf64]{width:280px;height:200px;border-radius:5px;overflow:hidden}.course-info .course-img img[data-v-d0dacf64]{width:100%;height:100%}.course-info .course-name[data-v-d0dacf64]{margin:15px 10px 6px 10px;font-size:18px;font-weight:600}.course-info p[data-v-d0dacf64]{font-size:14px;color:#797979;margin:0 10px}.slide-nav[data-v-d0dacf64]{width:100%;border-top:1px solid #eee}.slide-nav li[data-v-d0dacf64]{padding:15px 20px;font-size:24px;line-height:35px;border-bottom:1px solid #eee;cursor:pointer;font-weight:600;letter-spacing:10px}.slide-nav li[data-v-d0dacf64]:nth-child(4){border-top:1px solid #eee}.slide-nav li.current[data-v-d0dacf64]{color:#31758f;font-weight:700}.current[data-v-d0dacf64]{color:#31758f!important;font-weight:700}.course-center[data-v-d0dacf64]{-webkit-box-flex:1;-ms-flex:1;flex:1}.course-both[data-v-d0dacf64]{width:100%;padding:20px 200px;line-height:1.8;border:1px solid #e4e8eb;text-align:justify}.course-video[data-v-d0dacf64],.course-video iframe[data-v-d0dacf64],.course-video video[data-v-d0dacf64]{width:100%}.comment-box[data-v-d0dacf64]{width:inherit;margin-top:30px}.comment-box h3[data-v-d0dacf64]{font-size:16px;color:#000;padding:10px 0;border-bottom:1px solid #eee}.comment-form[data-v-d0dacf64]{width:inherit;margin-top:10px}.comment-form textarea[data-v-d0dacf64]{width:100%;border:none;background-color:#f7f7f7}.comment-form button[data-v-d0dacf64]{background-color:#00adb5;color:#fff;border:none;padding:5px 10px;border-radius:5px;font-size:16px;margin-top:5px}.comment-list[data-v-d0dacf64]{width:inherit;margin-top:20px}.comment-item[data-v-d0dacf64]{padding:10px 5px}.comment-item[data-v-d0dacf64]:not(:last-child){border-bottom:1px solid #eee}.user-info[data-v-d0dacf64]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-photo[data-v-d0dacf64]{width:34px;height:34px;overflow:hidden;margin-right:10px}.user-photo img[data-v-d0dacf64]{width:100%;height:100%}.comment-desc[data-v-d0dacf64]{color:#797979;margin-top:8px}.course-directory[data-v-d0dacf64]{width:490px;background-color:#fff;border-right:1px solid #eee}.catalog-h3[data-v-d0dacf64]{font-size:24px;color:#333;text-align:center;background-color:#fafafa;line-height:50px;border-bottom:1px solid #eee}.catalog-chapter-title[data-v-d0dacf64]{width:100%;height:30px;line-height:30px;display:-webkit-box;display:-ms-flexbox;display:flex}.catalog-chapter-title span[data-v-d0dacf64]{display:block;width:15px;height:15px;background-color:#797979;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:12px 10px 10px 5px}.catalog-chapter-title h3[data-v-d0dacf64]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:440px;background-color:#fff;color:#797979;font-size:14px}.catalog-list[data-v-d0dacf64]{padding:10px;line-height:1.8em!important;letter-spacing:0}.catalog-item[data-v-d0dacf64]{width:inherit;margin-bottom:5px}.catalog-item .catalog-title[data-v-d0dacf64]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:5px 0;position:relative}.catalog-item h4[data-v-d0dacf64]{cursor:pointer}.course-section[data-v-d0dacf64]{padding-left:30px}.course-section li[data-v-d0dacf64]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.course-section li[data-v-d0dacf64]:not(:last-child){margin-bottom:5px}.course-section-title[data-v-d0dacf64]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.course-section-title span[data-v-d0dacf64]{color:#797979;font-size:12px;border:1px solid #eee;border-radius:3px;width:50px;height:20px;line-height:20px;position:relative;top:5px}.course-section-title span img[data-v-d0dacf64]{width:12px;height:12px;position:relative;top:2px;left:2px}.course-section-title p[data-v-d0dacf64]{font-family:微软雅黑;color:#797979;margin-left:5px;font-size:13px}.courseItemImg[data-v-d0dacf64]{width:20px;height:20px;position:relative;top:2px;left:2px;margin-right:2px}.course-manage[data-v-d0dacf64]{padding:0 15px}.navi[data-v-d0dacf64]{margin:0 auto;padding-top:30px;color:#333;padding-bottom:30px;border-bottom:1px solid #dcdfe6;background-color:#fafafa}.catalog-chapter-title .li-length-look[data-v-d0dacf64],.catalog-chapter-title .li-length-look p[data-v-d0dacf64]{line-height:30px}@media screen and (max-height:768px){.course-left[data-v-d0dacf64]{width:20%}.course-info[data-v-d0dacf64]{width:92%;margin:10px auto}.course-info .course-img[data-v-d0dacf64]{width:100%;height:120px}.slide-nav li[data-v-d0dacf64]{line-height:40px}.content[data-v-d0dacf64]{width:inherit}.course-video[data-v-d0dacf64],.course-video iframe[data-v-d0dacf64],.course-video video[data-v-d0dacf64]{width:100%}.course-right[data-v-d0dacf64]{width:23%;margin-right:5px}.catalog-item[data-v-d0dacf64]{margin-bottom:5px}.course-both[data-v-d0dacf64]{width:79%;padding:20px 100px}.course-section-title p[data-v-d0dacf64]{margin-left:5px;font-size:14px}.catalog-item h4[data-v-d0dacf64]{font-size:15px}.course-section-title p[data-v-d0dacf64]:nth-of-type(2){font-size:13px}.catalog-list[data-v-d0dacf64]{padding:5px}.init[data-v-d0dacf64]{line-height:80vh}.book[data-v-d0dacf64],.init[data-v-d0dacf64]{width:100%;text-align:center;height:80vh;font-size:64px;font-weight:700;color:#dedede}}