.courseVideo[data-v-22658248]{height:100%;width:100%}.courseVideo video[data-v-22658248]{max-width:100%;width:100%}div.courseDetail[data-v-a8cc3bee]{min-height:600px;background:url(/img/school/coursebg.png) no-repeat 50%;background-size:cover}div.courseDetail div.base[data-v-a8cc3bee]{padding-bottom:55px}div.courseDetail div.base div.top-info[data-v-a8cc3bee]{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff}div.courseDetail div.base div.top-info div.info[data-v-a8cc3bee]{width:69.8%;margin-bottom:32px}div.courseDetail div.base div.top-info div.info div.breadcrumb[data-v-a8cc3bee]{margin:30px 0 29px}div.courseDetail div.base div.top-info div.info div.coursename[data-v-a8cc3bee]{margin-bottom:16px;font-size:18px}div.courseDetail div.base div.top-info div.info div.coursdesc[data-v-a8cc3bee]{font-size:14px;color:#d6d6d6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}div.courseDetail div.base div.top-info div.info div.coursdesc span.desc[data-v-a8cc3bee]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px}div.courseDetail div.base div.top-info div.place[data-v-a8cc3bee]{width:30.2%;margin-left:10px}div.courseDetail div.base div.course-w[data-v-a8cc3bee]{display:-webkit-box;display:-ms-flexbox;display:flex}div.courseDetail div.base div.course-w div.leftc[data-v-a8cc3bee]{width:69.8%}div.courseDetail div.base div.course-w div.leftc div.course-play[data-v-a8cc3bee]{border:10px solid #fff;min-height:275px;position:relative}div.courseDetail div.base div.course-w div.leftc div.course-play div.masker[data-v-a8cc3bee]{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(15,15,15,.6)}div.courseDetail div.base div.course-w div.leftc div.course-play div.masker div.circle[data-v-a8cc3bee]{position:absolute;left:50%;top:50%;margin-left:-48px;margin-top:-48px;width:96px;height:96px;background:#23b8ff;border-radius:50%;cursor:pointer}div.courseDetail div.base div.course-w div.leftc div.course-play div.masker div.circle[data-v-a8cc3bee]:after{content:"";width:0;height:0;position:absolute;left:39px;top:20px;border:26px solid #fff;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-width:29px 33px}div.courseDetail div.base div.course-w div.rightc[data-v-a8cc3bee]{width:30.2%;padding-left:10px}div.courseDetail div.base div.course-w div.rightc div.subjects[data-v-a8cc3bee]{width:100%;height:100%;background:#fff;position:relative}div.courseDetail div.base div.course-w div.rightc div.subjects h2[data-v-a8cc3bee]{height:63px;line-height:63px;padding-left:21px;font-size:24px;color:#333;font-weight:400;border-bottom:1px solid #ededed}div.courseDetail div.base div.course-w div.rightc div.subjects ul[data-v-a8cc3bee]{padding:35px 0;position:absolute;top:63px;left:0;bottom:0;width:100%;overflow:auto}div.courseDetail div.base div.course-w div.rightc div.subjects ul li[data-v-a8cc3bee]{height:46px;line-height:46px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:22px;padding-right:21px;cursor:pointer}div.courseDetail div.base div.course-w div.rightc div.subjects ul li div.nameindex[data-v-a8cc3bee]{overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}div.courseDetail div.base div.course-w div.rightc div.subjects ul li div.nameindex span[data-v-a8cc3bee]{display:inline-block}div.courseDetail div.base div.course-w div.rightc div.subjects ul li div.nameindex span.index[data-v-a8cc3bee]{text-align:center;width:60px;color:#666;font-size:16px;position:relative}div.courseDetail div.base div.course-w div.rightc div.subjects ul li div.nameindex span.index[data-v-a8cc3bee]:after{content:"";height:30px;width:3px;background:#cdcdcd;position:absolute;right:0;top:8px}div.courseDetail div.base div.course-w div.rightc div.subjects ul li div.nameindex span.name[data-v-a8cc3bee]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:19px;margin-right:10px;font-size:14px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}div.courseDetail div.base div.course-w div.rightc div.subjects ul li div.state span[data-v-a8cc3bee]{display:none;cursor:pointer}div.courseDetail div.base div.course-w div.rightc div.subjects ul li[data-v-a8cc3bee]:hover:not(.active){background:#f1f1f1;color:#00dbd0}div.courseDetail div.base div.course-w div.rightc div.subjects ul li:hover:not(.active) div.nameindex span.index[data-v-a8cc3bee]{color:#fff;background:#00dbd0}div.courseDetail div.base div.course-w div.rightc div.subjects ul li:hover:not(.active) div.nameindex span.index[data-v-a8cc3bee]:after{background:#00dbd0}div.courseDetail div.base div.course-w div.rightc div.subjects ul li:hover:not(.active) div.nameindex span.name[data-v-a8cc3bee]{color:#00dbd0}div.courseDetail div.base div.course-w div.rightc div.subjects ul li:hover:not(.active) div.state span.start[data-v-a8cc3bee]{display:block;color:#00dbd0}div.courseDetail div.base div.course-w div.rightc div.subjects ul li.active[data-v-a8cc3bee],div.courseDetail div.base div.course-w div.rightc div.subjects ul li.active div.nameindex span.index[data-v-a8cc3bee]{color:#00dbd0}div.courseDetail div.base div.course-w div.rightc div.subjects ul li.active div.nameindex span.index[data-v-a8cc3bee]:after{background:#00dbd0}div.courseDetail div.base div.course-w div.rightc div.subjects ul li.active div.nameindex span.name[data-v-a8cc3bee]{color:#00dbd0}div.courseDetail div.base div.course-w div.rightc div.subjects ul li.active div.state span.learn[data-v-a8cc3bee]{display:block;color:#00dbd0}div.courseDetail .el-breadcrumb{color:#fff;font-size:14px}div.courseDetail .el-breadcrumb .el-breadcrumb__inner{color:#fff!important;font-size:14px;font-weight:400}