.md-item-class-component[data-v-fa25a900]{position:relative;width:285px;height:329px;float:left;margin:0 20px 20px 0;box-shadow:0 4px 8px 0 rgba(95,101,105,.05);border-radius:8px;background-color:#fff;transition:transform .2s,box-shadow .2s;cursor:pointer}.md-item-class-component[data-v-fa25a900]:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.1)}.md-item-class-component img[data-v-fa25a900]{width:100%;height:190px;background:no-repeat 50%/cover;margin-bottom:5px;border-radius:8px 8px 0 0;overflow:hidden}.md-item-class-component .title[data-v-fa25a900]{width:100%;color:#000;line-height:22px;font-size:16px;font-family:PingFangSC,PingFang SC;font-weight:500;margin-top:8px;margin-bottom:16px;padding:0 8px}.md-item-class-component .title[data-v-fa25a900]:hover{color:#0fb09b}.md-item-class-component .status[data-v-fa25a900]{color:#999;font-size:12px;padding-left:12px;margin:0}.md-item-class-component .ellipsis2[data-v-fa25a900]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.md-item-class-component .one[data-v-fa25a900]{width:100%;height:20px;position:absolute;bottom:12px;height:32px;display:flex;align-items:center}.md-item-class-component .one[data-v-fa25a900],.md-item-class-component .two[data-v-fa25a900]{font-size:12px;color:#9199a1;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-item-class-component .two[data-v-fa25a900]{line-height:18px;margin-bottom:8px;height:20px}.md-item-class-component .goLive[data-v-fa25a900]{width:90px;line-height:32px;background-color:#0fb09b;border-radius:16px;font-size:14px;text-align:center;color:#fff;display:inline-block;position:absolute;right:10px}.md-live-pages-container[data-v-0ac676e2]{width:100%;margin-top:20px}.md-live-pages-container .live-box[data-v-0ac676e2]{width:1185px;margin:0 auto;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:12px}.md-live-pages-container .live-box[data-v-0ac676e2]>:first-child{width:465px;height:310px;border-radius:12px}.md-live-pages-container .live-box[data-v-0ac676e2]>:nth-child(2){width:747px;height:310px}.md-live-pages-container .live-box ul[data-v-0ac676e2]{box-sizing:border-box}.md-live-pages-container .live-box ul li[data-v-0ac676e2]{display:flex;padding:5px 20px;line-height:20px;align-items:center;font-size:14px;margin-top:20px;cursor:pointer}.md-live-pages-container .live-box ul li .c-time[data-v-0ac676e2]{font-size:14px;color:grey;margin-left:6px}.md-live-pages-container .live-box ul li .c-title[data-v-0ac676e2]{display:inline-block;width:88px;line-height:32px;border-radius:16px;color:#fff;background:#0fb09b;text-align:center}.md-live-pages-container .live-box ul li span[data-v-0ac676e2]{width:8px;height:8px;border-radius:50%;background-color:#ff8810}.md-live-pages-container .live-box ul li .c-tit[data-v-0ac676e2]{width:394px;text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}.md-live-pages-container .live-box ul li .c-type-box[data-v-0ac676e2]{margin-left:21px;font-size:16px;font-weight:600}.md-live-pages-container .course-box[data-v-0ac676e2]{width:100%;margin-top:60px}.md-live-pages-container .course-box .tab-box[data-v-0ac676e2]{width:100%;height:68px}.md-live-pages-container .course-box .tab-box .tab-block[data-v-0ac676e2]{width:1152px;height:68px;margin:0 auto;display:flex;align-items:center}.md-live-pages-container .course-box .tab-box .tab-block .tab-item[data-v-0ac676e2]{position:relative;float:left;margin-right:40px;font-size:16px;color:#333;line-height:40px;cursor:pointer;font-weight:700}.md-live-pages-container .course-box .tab-box .tab-block .tab-item[data-v-0ac676e2]:before{content:" ";position:absolute;width:40px;height:3px;background:transparent;bottom:-4px;margin-left:-10px;left:39%;border-radius:2px}.md-live-pages-container .course-box .tab-box .tab-block .tab-item-active[data-v-0ac676e2]{font-size:24px;color:#0fb09b}.md-live-pages-container .course-box .tab-box .tab-block .tab-item-active[data-v-0ac676e2]:before{background:#0fb09b}.md-live-pages-container .course-box .md-class-container[data-v-0ac676e2]{width:1200px;margin:0 auto;padding:40px 0}.md-live-pages-container .course-box .md-class-container .md-class-list[data-v-0ac676e2]{display:flex;flex-wrap:wrap}.md-live-pages-container .course-box .md-class-container .md-class-list li:nth-child(4n) .md-item-class-component[data-v-0ac676e2]{margin-right:0}.md-live-pages-container .course-box .md-class-container .md-class-list li .md-item-class-component[data-v-0ac676e2]{position:relative;width:285px;height:308px;float:left;margin:0 20px 20px 0;box-shadow:0 4px 8px 0 rgba(95,101,105,.05);border-radius:8px;background-color:#fff;transition:transform .2s,box-shadow .2s;cursor:pointer}.md-live-pages-container .course-box .md-class-container .md-class-list li .md-item-class-component[data-v-0ac676e2]:hover{transform:translateY(-2px);box-shadow:0 12px 20px 0 rgba(95,101,105,.1)}.md-live-pages-container .course-box .md-class-container .md-class-list li .md-item-class-component img[data-v-0ac676e2]{width:100%;height:152px;background:no-repeat 50%/cover;margin-bottom:8px;border-radius:8px 8px 0 0;overflow:hidden}.md-live-pages-container .course-box .md-class-container .md-class-list li .md-item-class-component .title[data-v-0ac676e2]{width:100%;color:#545c63;line-height:20px;height:40px;margin-top:8px;padding:0 8px}.md-live-pages-container .course-box .md-class-container .md-class-list li .md-item-class-component .title[data-v-0ac676e2]:hover{color:#0fb09b}.md-live-pages-container .course-box .md-class-container .md-class-list li .md-item-class-component .ellipsis2[data-v-0ac676e2]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.md-live-pages-container .course-box .md-class-container .md-class-list li .md-item-class-component .one[data-v-0ac676e2],.md-live-pages-container .course-box .md-class-container .md-class-list li .md-item-class-component .two[data-v-0ac676e2]{font-size:12px;color:#9199a1;line-height:18px;padding:0 8px;margin-bottom:8px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-live-pages-container .course-box .md-class-container .pagination[data-v-0ac676e2]{margin-top:20px;display:flex;justify-content:center}.scroll-bar[data-v-0ac676e2]::-webkit-scrollbar-track{background-color:#efefef}.scroll-bar[data-v-0ac676e2]::-webkit-scrollbar{width:4px;height:4px;background-color:#efefef}.scroll-bar[data-v-0ac676e2]::-webkit-scrollbar-thumb{background-color:#888}.no-data[data-v-0ac676e2]{color:#999;font-size:12px;padding:30px 0;text-align:center}.el-pagination .btn-prev[data-v-0ac676e2],[data-v-0ac676e2] .el-pagination .btn-next{border:1px solid #ccc;border-radius:6px}[data-v-0ac676e2] .el-pager li.active,[data-v-0ac676e2] .el-pager li:hover{color:#0fb09b}[data-v-0ac676e2] .el-input__inner:focus{border-color:#0fb09b!important}[data-v-0ac676e2] .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#0fb09b}[data-v-0ac676e2] .el-pagination.is-background .btn-next,[data-v-0ac676e2] .el-pagination.is-background .btn-prev,[data-v-0ac676e2] .el-pagination.is-background .el-pager li{border:1px solid #ccc;width:36px;height:36px;line-height:36px;border-radius:6px}[data-v-0ac676e2] .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#0fb09b}[data-v-0ac676e2] .el-pagination button,[data-v-0ac676e2] .el-pagination span:not([class*=suffix]){height:36px;line-height:36px}.md-swiper-box[data-v-0ac676e2]{flex:1}[data-v-0ac676e2] .el-carousel__container .el-carousel__item .swiper-img{width:100%}[data-v-0ac676e2] .el-carousel__item.is_animating{transition:all 1s}[data-v-0ac676e2] .el-carousel__button{width:10px;height:10px;border-radius:50%}