.course-section[data-v-5ad9ca8b]{display:flex}.course-section .left[data-v-5ad9ca8b]{flex:1;overflow:hidden}.course-section .left .player[data-v-5ad9ca8b]{width:100%;height:503px}.course-section .left .player[data-v-5ad9ca8b] .video{width:100%;height:100%;background-color:#000}.course-section .left .player[data-v-5ad9ca8b] .video *{flex-shrink:1;--plyr-color-main:#ffe031}.course-section .left .player[data-v-5ad9ca8b] .video>.plyr,.course-section .left .player[data-v-5ad9ca8b] .video video{width:100%;height:100%}.course-section .left .player[data-v-5ad9ca8b] .video .audio{width:100%;height:100%;display:flex;flex-direction:column}.course-section .left .player[data-v-5ad9ca8b] .video .audio img{flex:1;overflow:hidden}.course-section .left .player .lock[data-v-5ad9ca8b]{width:100%;height:100%;position:relative;overflow:hidden}.course-section .left .player .lock .bg[data-v-5ad9ca8b]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;filter:blur(20px)}.course-section .left .player .lock .box[data-v-5ad9ca8b]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-direction:column}.course-section .left .player .lock .box p[data-v-5ad9ca8b]{font-size:24px;color:#fff}.course-section .left .player .lock .box .btn[data-v-5ad9ca8b]{display:flex;align-items:center;justify-content:center;margin-top:30px;width:200px;height:40px;background:#ffe031;border-radius:36px;font-size:14px;font-weight:700}.course-section .left .player .lock .box .desc[data-v-5ad9ca8b]{color:#999;display:flex;align-items:center;font-size:14px;margin-top:20px}.course-section .left .player .lock .box .desc button[data-v-5ad9ca8b]{color:#ffe031;font-size:14px}.course-section .left .info[data-v-5ad9ca8b]{margin-top:20px}.course-section .left .info h3[data-v-5ad9ca8b]{font-size:18px;font-weight:700}.course-section .left .info div[data-v-5ad9ca8b]{margin-top:16px;display:flex;justify-content:space-between}.course-section .left .info div .icons[data-v-5ad9ca8b]{display:flex;align-items:center}.course-section .left .info div .icons button[data-v-5ad9ca8b]{display:flex;align-items:center;margin-right:40px}.course-section .left .info div .icons button i[data-v-5ad9ca8b]{font-size:16px;color:#666}.course-section .left .info div .icons button img[data-v-5ad9ca8b]{width:24px;height:24px;margin-right:4px}.course-section .left .info div .time[data-v-5ad9ca8b]{color:#999;font-size:14px}.course-section .left .practice[data-v-5ad9ca8b]{margin-top:60px;width:100%}.course-section .left .practice h5[data-v-5ad9ca8b]{font-size:24px;font-weight:700;margin-bottom:20px}.course-section .left .practice .swiper[data-v-5ad9ca8b]{height:104px;width:100%;position:relative}.course-section .left .practice .swiper .swiper-button-next[data-v-5ad9ca8b],.course-section .left .practice .swiper .swiper-button-prev[data-v-5ad9ca8b]{width:28px;height:28px;border-radius:50%;background-color:#f6f6f6}.course-section .left .practice .swiper .swiper-button-next[data-v-5ad9ca8b]:after,.course-section .left .practice .swiper .swiper-button-prev[data-v-5ad9ca8b]:after{font-size:15px;font-weight:700;color:#959595}.course-section .left .practice .swiper .swiper-button-next.swiper-button-disabled[data-v-5ad9ca8b],.course-section .left .practice .swiper .swiper-button-prev.swiper-button-disabled[data-v-5ad9ca8b]{display:none}.course-section .left .practice .swiper[data-v-5ad9ca8b] .swiper-container{height:100%}.course-section .left .practice .swiper[data-v-5ad9ca8b] .swiper-container .swiper-slide .item{background:#fff;border-radius:2px;width:100%;height:100%;padding:15px 12px;display:flex;flex-direction:column;justify-content:space-between}.course-section .left .practice .swiper[data-v-5ad9ca8b] .swiper-container .swiper-slide .item p:first-child{font-size:14px}.course-section .left .practice .swiper[data-v-5ad9ca8b] .swiper-container .swiper-slide .item p:nth-child(2){font-size:12px;color:#999}.course-section .left .practice .swiper[data-v-5ad9ca8b] .swiper-container .swiper-slide .item p:nth-child(2).orange{color:#f3563b}.course-section .left .content[data-v-5ad9ca8b]{margin-top:60px}.course-section .left .content h5[data-v-5ad9ca8b]{font-size:24px;font-weight:700;margin-bottom:20px}.course-section .right[data-v-5ad9ca8b]{width:282px;margin-left:24px;position:sticky;top:0}.course-section .right .lectorList .item[data-v-5ad9ca8b]{width:100%;display:flex;align-items:center;margin-bottom:32px}.course-section .right .lectorList .item .thumb[data-v-5ad9ca8b]{width:52px;height:52px;border-radius:50%;margin-right:14px}.course-section .right .lectorList .item .msg[data-v-5ad9ca8b]{flex:1;overflow:hidden;height:52px;display:flex;flex-direction:column;justify-content:space-evenly}.course-section .right .lectorList .item .msg p[data-v-5ad9ca8b]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-section .right .lectorList .item .msg p[data-v-5ad9ca8b]:first-child{font-size:16px;font-weight:700}.course-section .right .lectorList .item .msg p[data-v-5ad9ca8b]:nth-child(2){color:#999;font-size:12px}.course-section .right .lectorList .item .right[data-v-5ad9ca8b]{width:28px;height:28px;margin-left:14px}.course-section .right h3[data-v-5ad9ca8b]{font-size:18px;font-weight:700}.course-section .right[data-v-5ad9ca8b] .el-collapse{border:none}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__header{min-height:48px;margin-top:20px;padding:0 16px;font-size:16px;font-weight:700;background-color:#f3f3f3;box-shadow:none}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__header span{flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap{background-color:transparent;box-shadow:none;border:none}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content{padding:0;box-shadow:none}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a{display:flex;width:100%;height:90px;margin-top:24px}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a.nuxt-link-exact-active .msg p{font-weight:700}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .cover{width:140px;height:100%;position:relative;margin-right:14px}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .cover .thumb{width:100%;height:100%;display:block}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .cover .play{position:absolute;width:40px;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .cover .lock{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.55)}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .cover .lock .el-icon-lock{font-size:28px;color:#fff}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .cover .duration{position:absolute;bottom:8px;right:8px;z-index:2;height:18px;border-radius:9px;background-color:rgba(0,0,0,.3);padding:0 6px;line-height:18px;font-size:12px;color:#fff}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .msg{height:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .msg p{display:-webkit-box;/*! autoprefixer: ignore next */-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;overflow:hidden;text-overflow:ellipsis;font-size:16px}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .msg div{display:flex;align-items:center;font-size:14px;color:#666}.course-section .right[data-v-5ad9ca8b] .el-collapse .el-collapse-item__wrap .el-collapse-item__content a .msg div .el-icon-s-comment{font-size:16px;color:#999;margin-right:4px}