._video_op_wrapper_mpbxe_1{display:none!important}.online-course-pc{width:100%;max-width:1400px;margin:0 auto;padding:20px}.online-course-pc .course-container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.online-course-pc .left-content{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.online-course-pc .video-section{background:#000;border-radius:8px;overflow:hidden;margin-bottom:16px}.online-course-pc .video-section .video-cover{position:relative;width:100%;aspect-ratio:16/9}.online-course-pc .video-section .video-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.online-course-pc .video-section .video-cover .cover-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.online-course-pc .video-section .video-cover .cover-mask,.online-course-pc .video-section .video-cover .cover-mask .play-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.online-course-pc .video-section .video-cover .cover-mask .play-icon{width:80px;height:80px;background:hsla(0,0%,100%,.9);border-radius:50%;margin-bottom:12px}.online-course-pc .video-section .video-cover .cover-mask .play-icon i{font-size:40px;color:#1890ff;margin-left:4px}.online-course-pc .video-section .video-cover .cover-mask .buy-tip,.online-course-pc .video-section .video-cover .cover-mask .login-tip{color:#fff;font-size:14px}.online-course-pc .video-section .video-player{width:100%;aspect-ratio:16/9}.online-course-pc .video-section .video-player video{width:100%;height:100%}.online-course-pc .course-info{margin-bottom:16px}.online-course-pc .course-info .course-name{font-size:20px;font-weight:700;color:#333;margin-bottom:12px;line-height:1.4}.online-course-pc .course-info .course-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.online-course-pc .course-info .course-meta .course-price{font-size:24px;color:#ff4d4f;font-weight:700}.online-course-pc .course-info .course-meta .video-count,.online-course-pc .course-info .course-meta .watch-count{font-size:14px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.online-course-pc .course-info .course-meta .video-count i,.online-course-pc .course-info .course-meta .watch-count i{font-size:14px}.online-course-pc .course-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.online-course-pc .course-tabs .tab-item{padding:12px 24px;font-size:15px;color:#666;cursor:pointer;position:relative}.online-course-pc .course-tabs .tab-item.active{color:#1890ff;font-weight:500}.online-course-pc .course-tabs .tab-item.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#1890ff}.online-course-pc .course-tabs .tab-item:hover{color:#1890ff}.online-course-pc .tab-content{min-height:300px}.online-course-pc .intro-content{font-size:14px;line-height:1.8;color:#333}.online-course-pc .intro-content img{width:100%;height:auto}.online-course-pc .intro-content p{margin-bottom:12px}.online-course-pc .comment-placeholder{text-align:center;padding:60px 0;color:#999}.online-course-pc .right-sidebar{width:340px;-ms-flex-negative:0;flex-shrink:0}.online-course-pc .catalog-section{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.online-course-pc .catalog-section .section-title{font-size:16px;font-weight:700;color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.online-course-pc .video-list{max-height:400px;overflow-y:auto}.online-course-pc .video-list .video-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:12px;border-radius:6px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-bottom:8px}.online-course-pc .video-list .video-item:hover{background:#f5f5f5}.online-course-pc .video-list .video-item.active{background:#e6f7ff;border:1px solid #1890ff}.online-course-pc .video-list .video-item.finished .video-name{color:#52c41a}.online-course-pc .video-list .video-item .video-index{width:28px;height:28px;background:#f0f0f0;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:13px;color:#666;margin-right:12px;-ms-flex-negative:0;flex-shrink:0}.online-course-pc .video-list .video-item .video-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.online-course-pc .video-list .video-item .video-info .video-name{font-size:14px;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.online-course-pc .video-list .video-item .video-info .video-duration{font-size:12px;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.online-course-pc .video-list .video-item .video-info .video-duration .finished-tag{color:#52c41a}.online-course-pc .video-list .video-item .video-info .video-duration .last-watch-tag{color:#faad14}.online-course-pc .video-list .video-item .trial-tag{padding:2px 6px;background:#ff4d4f;color:#fff;font-size:11px;border-radius:3px;margin-left:8px;-ms-flex-negative:0;flex-shrink:0}.online-course-pc .promo-banner{margin-bottom:16px}.online-course-pc .promo-banner .banner-item{border-radius:8px;overflow:hidden;cursor:pointer;margin-bottom:12px}.online-course-pc .promo-banner .banner-item:last-child{margin-bottom:0}.online-course-pc .promo-banner .banner-item img{width:100%;height:auto;display:block}.online-course-pc .recommend-section{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.online-course-pc .recommend-section .section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.online-course-pc .recommend-section .section-header .section-title{font-size:16px;font-weight:700;color:#333}.online-course-pc .recommend-list{padding:0 0 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.online-course-pc .recommend-list h2{color:#000;font-size:20px;width:100%;text-align:center;margin-top:20px}.online-course-pc .recommend-list>div{width:100%;min-width:180px;background-color:#fff;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12);box-shadow:0 1px 3px rgba(0,0,0,.12);border-radius:15px;overflow:hidden}.online-course-pc .recommend-list>div:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15);box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.online-course-pc .recommend-list>div .content-img{min-width:100%;min-height:170px;background:var(--bg-color)}.online-course-pc .recommend-list>div .content-img img{width:100%}.online-course-pc .recommend-list>div.now-content .content-desc .desc-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.online-course-pc .recommend-list>div.now-content .content-desc .desc-item>span.btn{width:70%;background:red}.online-course-pc .recommend-list>div.now-content .content-desc .desc-item>span:first-child{width:100%;color:red;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 12px}.online-course-pc .recommend-list>div.now-content .content-desc .desc-item>span:first-child span{color:red}.online-course-pc .recommend-list>div .content-title{font-size:18px;margin-bottom:10px}.online-course-pc .recommend-list>div .content-desc{color:#666;font-size:14px}.online-course-pc .recommend-list>div .content-desc .desc-title{padding:20px 8px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.online-course-pc .recommend-list>div .content-desc .desc-title span:first-child{font-size:16px}.online-course-pc .recommend-list>div .content-desc .desc-title span:last-child{color:red}.online-course-pc .recommend-list>div .content-desc .desc-title span:last-child svg{margin-right:2px}.online-course-pc .recommend-list>div .content-desc .desc-title b{color:red;font-size:20px;font-weight:bolder}.online-course-pc .recommend-list>div .content-desc .desc-list-paid{padding-top:20px}.online-course-pc .recommend-list>div .content-desc .desc-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px 12px;margin-bottom:12px}.online-course-pc .recommend-list>div .content-desc .desc-item span{font-size:16px;color:#000}.online-course-pc .recommend-list>div .content-desc .desc-item .btn{background:#06f;padding:10px 16px;font-size:20px;color:#fff;border-radius:20px;min-width:92px;text-align:center}.online-course-pc .recommend-list>div .content-desc .desc-item .btn.is-end{background:#ccc}.online-course-pc .recommend-list>div .content-desc .desc-item .btn:hover{opacity:.8}.online-course-pc .article-list .article-item{padding:12px 0;border-bottom:1px solid #f5f5f5;cursor:pointer}.online-course-pc .article-list .article-item:last-child{border-bottom:none;padding-bottom:0}.online-course-pc .article-list .article-item:first-child{padding-top:0}.online-course-pc .article-list .article-item:hover .article-title{color:#1890ff}.online-course-pc .article-list .article-item .article-img{width:100%;height:140px;border-radius:6px;overflow:hidden;margin-bottom:10px}.online-course-pc .article-list .article-item .article-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.online-course-pc .article-list .article-item .article-title{font-size:14px;font-weight:500;color:#333;margin-bottom:6px;-webkit-transition:color .3s;transition:color .3s;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}.online-course-pc .article-list .article-item .article-desc{font-size:12px;color:#999;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.online-course-pc .article-list .article-item .article-tag{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;color:#999}.online-course-pc .article-list .article-item .article-tag,.online-course-pc .buy-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.online-course-pc .buy-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.1);box-shadow:0 -2px 8px rgba(0,0,0,.1);padding:12px 24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100;gap:20px}.online-course-pc .buy-bar .buy-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.online-course-pc .buy-bar .buy-info .buy-price{font-size:24px;color:#ff4d4f;font-weight:700}.online-course-pc .buy-bar .buy-info .buy-tip{font-size:14px;color:#666}.qrcode-content{text-align:center;padding:20px}.qrcode-content .qrcode-title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.qrcode-content .qrcode-img{width:280px;height:280px;margin:0 auto 20px}.qrcode-content .qrcode-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.qrcode-content .qrcode-tip{font-size:14px;color:#666}