.typepage[data-v-b8aa3bc6]{max-width:1200px;margin:0 auto}.classroom .navbar-box[data-v-b8aa3bc6]{height:80px;background-color:#fff;overflow:hidden}.classroom .navbar-box .navbar[data-v-b8aa3bc6]{height:80px;display:flex;align-items:center}.classroom .navbar-box .navbar[data-v-b8aa3bc6] .el-scrollbar__wrap{overflow-x:hidden}.classroom .navbar-box .navbar-title[data-v-b8aa3bc6]{font-size:16px;font-family:Microsoft YaHei;color:#171c28;width:100px;flex-shrink:0;text-align:left}.classroom .navbar-box .navbar .navbar-menu[data-v-b8aa3bc6]{width:850px;display:flex;align-items:center}.classroom .navbar-box .navbar .navbar-menu .navbar-item[data-v-b8aa3bc6]{height:80px;flex-shrink:0;width:105px;margin:0 0;cursor:pointer;display:flex;align-items:center;justify-content:center}.classroom .navbar-box .navbar .navbar-menu .navbar-item div[data-v-b8aa3bc6]{display:flex;align-items:center;line-height:100%;justify-content:center}.classroom .navbar-box .navbar .navbar-menu .nav-check[data-v-b8aa3bc6]{color:#055af0;padding:.7rem 1rem;background-color:#f5f6f6;border-radius:.2rem}.classroom .navbar-box .navbar .navbar-menu .navbar-item[data-v-b8aa3bc6]:hover{color:#055af0}.classroom .navbar-box .navbar .navbar-btn[data-v-b8aa3bc6]{margin:0 15px;cursor:pointer}.classroom .navbar-box[data-v-b8aa3bc6] .el-scrollbar__bar{opacity:0}.classroom .navbar-box .el-scrollbar__thumb[data-v-b8aa3bc6]{background:#ed4040}.classroom .course-info-nav[data-v-b8aa3bc6]{display:flex;align-items:center;max-width:1200px;margin:20px auto 0}.classroom .course-info-nav-item[data-v-b8aa3bc6]{width:80px}.classroom .course-info-nav .course-info-nav-item[data-v-b8aa3bc6]:hover{color:#055af0;cursor:pointer}.classroom .course-info-nav[data-v-b8aa3bc6] :first-child{border-right:1px solid #e1e2e6;text-align:start}.classroom .course-info-nav[data-v-b8aa3bc6] :nth-child(2){text-align:end}.classroom .course-info-nav-check[data-v-b8aa3bc6]{color:#055af0}.classroom .course-info[data-v-b8aa3bc6]{max-width:1200px;margin:0 auto;background-color:#e9eef3}.classroom .course-info .course-video-list[data-v-b8aa3bc6]{width:100%;display:flex;flex-flow:row wrap;-moz-column-gap:30px;column-gap:30px}.classroom .course-info .course-video-list .course-video[data-v-b8aa3bc6]{flex-shrink:0;margin-top:30px;width:380px;height:352px;border-radius:4px;overflow:hidden;background-color:#fff;transition:all .5s;cursor:pointer}.classroom .course-info .course-video-list .course-video .video-cover[data-v-b8aa3bc6]{width:100%;height:214px}.classroom .course-info .course-video-list .course-video .video-hd[data-v-b8aa3bc6]{display:flex;justify-content:space-between;margin:0 24px 0 25px}.classroom .course-info .course-video-list .course-video .video-hd .video-hd-lf[data-v-b8aa3bc6]{font-size:18px;font-family:Microsoft YaHei;color:#171c28;font-weight:700;width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:initial}.classroom .course-info .course-video-list .course-video .video-hd .video-hd-rt-icon[data-v-b8aa3bc6]{height:15px;width:15px}.classroom .course-info .course-video-list .course-video .video-hd .video-hd-rt span[data-v-b8aa3bc6]{margin-left:5px}.classroom .course-info .course-video-list .course-video .video-hd .video-hd-rt[data-v-b8aa3bc6]{display:flex;align-items:center;font-size:12px;color:#2d3444}.classroom .course-info .course-video-list .course-video .video-correlation[data-v-b8aa3bc6]{margin:8px 24px 0 25px;display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e1e2e6}.classroom .course-info .course-video-list .course-video .video-correlation .video-correlation-lf[data-v-b8aa3bc6]{display:flex;align-items:center;font-size:16px;color:#5b5f6a}.classroom .course-info .course-video-list .course-video .video-correlation .video-correlation-lf span[data-v-b8aa3bc6]{margin-left:4px}.classroom .course-info .course-video-list .course-video .video-correlation .video-correlation-lf-counticon[data-v-b8aa3bc6]{width:16px;height:16px;margin-right:4px}.classroom .course-info .course-video-list .course-video .video-correlation-rt[data-v-b8aa3bc6]{color:#055af0}.classroom .course-info .course-video-list .course-video .teacher[data-v-b8aa3bc6]{height:60px;width:100%;overflow:hidden;margin-left:25px;margin-top:7px;background-color:#fff}.classroom .course-info .course-video-list .course-video .teacher[data-v-b8aa3bc6] .el-carousel__item{background-color:#fff!important}.classroom .course-info .course-video-list .course-video .teacher-box[data-v-b8aa3bc6]{text-align:start;display:flex;align-items:center;color:#2d3444;font-size:14px}.classroom .course-info .course-video-list .course-video .teacher-box .teacher-icon[data-v-b8aa3bc6]{height:30px;width:30px;border-radius:50%}.classroom .course-info .course-video-list .course-video .teacher-box .teacher-name[data-v-b8aa3bc6]{margin-left:6px}.classroom .course-info .course-video-list .course-video[data-v-b8aa3bc6]:hover{box-shadow:2px 2px 10px hsla(0,0%,63.1%,.4);transition:transform .2s linear 0s;transform:translateY(-15px);cursor:pointer}.classroom .course-info .course-video[data-v-b8aa3bc6]:nth-child(3n){margin-right:0}.classroom .course-placeholder[data-v-b8aa3bc6]{height:400px;line-height:400px;color:#96989f}.classroom .swiper[data-v-b8aa3bc6]:hover{cursor:pointer}.classroom .course-all-list[data-v-b8aa3bc6]{display:flex;flex-wrap:wrap}.classroom .course-all-list .course-all-list-item[data-v-b8aa3bc6]{width:40px}.classroom .course-all-list .course-all-list-item[data-v-b8aa3bc6]:hover{cursor:pointer}.classroom .paginaction[data-v-b8aa3bc6]{margin:30px auto 50px;display:flex;justify-content:center}.classroom .paginaction[data-v-b8aa3bc6] .el-pagination.is-background .el-pager li:not(.is-disabled).is-active{background-color:#055af0}.classroom .paginaction[data-v-b8aa3bc6] .el-pagination .btn-next,.classroom .paginaction[data-v-b8aa3bc6] .el-pagination.is-background .btn-prev.is-first,.classroom .paginaction[data-v-b8aa3bc6] .el-pagination.is-background .el-pager li{width:3rem;height:3rem;margin:0 .46rem;border-radius:2px;background-color:#fff}@media (max-width:1200px){.typepage[data-v-b8aa3bc6]{max-width:820px}.course-info-nav[data-v-b8aa3bc6],.course-info[data-v-b8aa3bc6]{max-width:820px!important}}@media (max-width:820px){.typepage[data-v-b8aa3bc6]{max-width:410px}.course-info-nav[data-v-b8aa3bc6],.course-info[data-v-b8aa3bc6]{max-width:410px!important}}.ALL-COURSE{width:693px;display:flex;flex-wrap:wrap;margin:20px 30px 20px 29px}.ALL-COURSE .course-all-list{width:120px;height:40px;flex-shrink:0}.ALL-COURSE .course-all-list:hover{color:#055af0;cursor:pointer}