.course-tab-pane{animation:courseTabFade 0.4s ease both}.course-tab-pane.hide{display:none}@keyframes courseTabFade{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}.course-banner{position:relative;width:100%;overflow:hidden}.course-banner .swiper-container,.course-banner .swiper-wrapper{height:300px}.course-banner .course-banner-item{width:100%;height:100%;position:relative}.course-banner .course-banner-item div{height:100%;background-repeat:repeat-x;background-position:center;background-size:auto 100%}.course-banner .swiper-pagination{bottom:1rem;text-align:center}.course-banner .swiper-pagination .swiper-pagination-bullet{width:0.5rem;height:0.5rem;background:rgba(255,255,255,0.4);opacity:1;margin:0 0.25rem;transition:width 0.3s}.course-banner .swiper-pagination .swiper-pagination-bullet-active{width:1.5rem;border-radius:0.25rem;background:#fff}.course-banner .swiper-button-prev,.course-banner .swiper-button-next{width:2.5rem;height:2.5rem;border-radius:50%;background-color:rgba(255,255,255,0.2);background-size:1rem;opacity:0;transition:opacity 0.3s, background-color 0.3s}.course-banner .swiper-button-prev:hover,.course-banner .swiper-button-next:hover{background-color:rgba(255,255,255,0.4)}.course-banner:hover .swiper-button-prev,.course-banner:hover .swiper-button-next{opacity:1}.course-subnav-placeholder{width:100%;height:0;flex-shrink:0}@keyframes subnavStickIn{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes subnavStickIn{0%{-webkit-transform:translateY(-100%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}.course-subnav{height:3.75rem;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:box-shadow 0.3s;will-change:transform}.course-subnav.fixed{position:fixed;top:0;left:0;right:0;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,0.06);animation:subnavStickIn 0.25s ease both}.course-subnav .course-subnav-inner{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:3.75rem;height:100%;padding:0}.course-subnav .course-subnav-list{display:flex;align-items:stretch;min-height:3.75rem;font-size:1.13rem;flex-wrap:nowrap}.course-subnav .course-subnav-item{display:flex;align-items:center;align-self:stretch;margin-right:2.5rem;padding:0;font-size:1.13rem;font-weight:400;color:#343d46;cursor:pointer;transition:color 0.2s;box-sizing:border-box;border-bottom:3px solid transparent;line-height:1}.course-subnav .course-subnav-item:last-child{margin-right:0}.course-subnav .course-subnav-item:hover{color:#1890ff}.course-subnav .course-subnav-item.current{color:#343d46;font-weight:bold;border-bottom-color:#1890ff}.course-subnav .course-subnav-extra{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.course-subnav .course-subnav-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0}.course-subnav .course-subnav-link{font-size:0.85rem;color:#666;margin-right:0;transition:color 0.2s;text-decoration:none}.course-subnav .course-subnav-link:hover{color:#1890ff}.course-subnav .course-subnav-link.my-course{color:#1890ff;margin-right:0;font-weight:bold}.course-subnav .course-subnav-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:1.69rem;width:19.5rem;max-width:46vw;height:2.5rem;box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:50px;overflow:hidden}.course-subnav .course-subnav-search-main{display:flex;align-items:center;flex:1;min-width:0;padding:0 0.5rem 0 0.7rem}.course-subnav .course-subnav-search-main .iconfont{font-size:0.9rem;color:#bfbfbf;margin-right:0.25rem;flex-shrink:0}.course-subnav .course-subnav-input{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1;min-width:0;width:0;background:transparent;border:none;outline:none;height:100%;font-size:0.78rem;color:#333}.course-subnav .course-subnav-input:-ms-input-placeholder{color:#c8c8c8}.course-subnav .course-subnav-input::placeholder{color:#c8c8c8}.course-subnav .course-subnav-search-submit{flex-shrink:0;align-self:center;box-sizing:border-box;width:4.5rem;height:1.75rem;padding:0;margin-right:4px;border-radius:0.875rem;display:inline-flex;align-items:center;justify-content:center;font-size:0.88rem;font-weight:500;color:#fff;background:#1890ff;border:none;cursor:pointer;transition:background 0.2s, opacity 0.2s}.course-subnav .course-subnav-search-submit:hover{background:#0084fe;color:#fff}.course-subnav .course-subnav-my-course{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:10rem;min-width:10rem;height:2.5rem;padding:0;background:#1890ff;color:#fff !important;border-radius:1.25rem;font-size:0.88rem;font-weight:500;text-decoration:none !important;border:none;transition:opacity 0.2s, transform 0.2s;box-shadow:none}.course-subnav .course-subnav-my-course .course-subnav-my-course-icon{width:0.86rem;height:auto;margin-right:0.63rem;flex-shrink:0;vertical-align:middle}.course-subnav .course-subnav-my-course:hover{opacity:0.92;color:#fff !important}@media (max-width: 992px){.course-subnav .course-subnav-inner{flex-wrap:nowrap;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:3.75rem;gap:0.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.course-subnav .course-subnav-inner::-webkit-scrollbar{height:0}.course-subnav .course-subnav-list{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-height:0;justify-content:flex-start;flex-wrap:nowrap}.course-subnav .course-subnav-item{margin-right:1rem;-ms-flex-negative:0;flex-shrink:0;white-space:nowrap;font-size:1rem}.course-subnav .course-subnav-extra{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0.35rem}.course-subnav .course-subnav-actions{width:auto;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0.75rem}.course-subnav .course-subnav-search{flex:0 0 auto;width:12rem;max-width:36vw;min-width:8.5rem}.course-subnav .course-subnav-my-course{-ms-flex-negative:0;flex-shrink:0}}.course-section{padding:2.5rem 0;background-color:#fff}.course-section.course-section-grey{background-color:#F2F5F8}.course-section .course-section-title{text-align:left;margin-bottom:1.5rem;position:relative;display:flex;align-items:baseline}.course-section .course-section-title .title-text{position:relative;display:inline-block;font-size:1.5rem;font-weight:bold;color:#333;line-height:1;padding-left:0.85rem}.course-section .course-section-title .title-text::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.3rem;height:1.3rem;border-radius:0.15rem;background:#2B8AFD}.course-section .course-section-title .title-sub{margin-left:0.6rem;font-size:0.9rem;color:#999}.course-advanced-section .advanced-tabs{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;margin:0;padding:0.19rem 2rem;list-style:none;height:3.13rem;background:#F2F9FF;border-radius:50px;box-sizing:border-box}.course-advanced-section .advanced-tab{-ms-flex:1 1 auto;flex:1 1 auto;position:relative;min-width:6rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0.5rem 1rem;font-size:1.13rem;font-weight:400;color:#5c6b7a;background:transparent;border:0 solid transparent;border-radius:50px;cursor:pointer;transition:background 0.25s, color 0.25s;box-sizing:border-box}.course-advanced-section .advanced-tab .advanced-tab-icon-wrap{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;flex-shrink:0;margin-right:0.5rem}.course-advanced-section .advanced-tab .advanced-tab-icon{width:1.56rem;height:auto;flex-shrink:0;vertical-align:middle;display:block}.course-advanced-section .advanced-tab .advanced-tab-icon--active{display:none}.course-advanced-section .advanced-tab:hover{color:#1890ff}.course-advanced-section .advanced-tab.current{background:#1890ff;color:#fff;font-weight:400;border-color:transparent;box-shadow:none}.course-advanced-section .advanced-tab.current .advanced-tab-icon--idle{display:none}.course-advanced-section .advanced-tab.current .advanced-tab-icon--active{display:block}.course-advanced-section .advanced-filter-card{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:32px;padding:0 12px;margin-top:2.06rem;margin-bottom:1.5rem;background-color:transparent;border-radius:3px;color:#343d49}.course-advanced-section .advanced-filter-card .filter-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0;padding:0;box-sizing:border-box}.course-advanced-section .advanced-filter-card .filter-row:not(:last-child){margin-right:1.5rem}.course-advanced-section .advanced-filter-card .filter-label{-ms-flex-negative:0;flex-shrink:0;width:6rem;margin-right:1rem;color:#343d49;font-size:1.13rem;font-weight:normal}.course-advanced-section .advanced-filter-card .filter-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.course-advanced-section .advanced-filter-card .filter-item{margin:0 0.45rem 0 0;padding:0;width:5rem;height:1.88rem;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:1rem;color:#343d49;border:none;border-radius:100px;cursor:pointer;transition:background 0.2s, color 0.2s}.course-advanced-section .advanced-filter-card .filter-item:hover{color:#1e88e5}.course-advanced-section .advanced-filter-card .filter-item.current{background-color:rgba(30,136,229,0.12);color:#1e88e5;font-weight:500;border:none;outline:none;box-shadow:none}.course-advanced-section .advanced-card-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0.5rem;margin-left:-0.75rem;margin-right:-0.75rem}.course-advanced-section .advanced-card{background-color:#fff;border-radius:0.75rem;overflow:hidden;border:1px solid rgba(0,0,0,0.04);box-shadow:0 2px 12px rgba(15,35,95,0.06);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);transition:transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),box-shadow 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);cursor:pointer;position:relative;will-change:transform;-ms-flex:0 0 auto;flex:0 0 auto;width:calc(33.333% - 1.5rem);margin-left:0.75rem;margin-right:0.75rem;margin-bottom:1.5rem;box-sizing:border-box}.course-advanced-section .advanced-card.hide{display:none}.course-advanced-section .advanced-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(30,136,229,0.14)}.course-advanced-section .advanced-card:hover .info-title{color:#1e88e5}.course-advanced-section .advanced-card .advanced-card-link{display:block;color:inherit;text-decoration:none;outline:none}.course-advanced-section .advanced-card .advanced-card-link:hover,.course-advanced-section .advanced-card .advanced-card-link:focus,.course-advanced-section .advanced-card .advanced-card-link:active,.course-advanced-section .advanced-card .advanced-card-link:visited{color:inherit;text-decoration:none}.course-advanced-section .advanced-card-hero{position:relative;height:0;padding-bottom:50%;color:#fff;overflow:hidden}.course-advanced-section .advanced-card-hero.has-cover .hero-cover-img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:1}.course-advanced-section .advanced-card-hero.no-cover{background:#1890ff}.course-advanced-section .advanced-card-hero.no-cover::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.35;background-image:linear-gradient(115deg, rgba(255,255,255,0.15) 25%, transparent 25%),linear-gradient(295deg, rgba(255,255,255,0.06) 25%, transparent 25%);background-size:18px 22px;pointer-events:none;z-index:1}.course-advanced-section .advanced-card-hero.no-cover::after{content:"";position:absolute;right:-2rem;top:-2rem;width:7rem;height:7rem;border-radius:50%;background:rgba(255,255,255,0.12);pointer-events:none;z-index:1}.course-advanced-section .hero-enroll{position:absolute;bottom:0.65rem;right:0.85rem;display:inline-flex;align-items:center;padding:0.22rem 0.7rem;font-size:0.81rem;line-height:1;color:#fff;background:rgba(0,0,0,0.22);border-radius:100px;backdrop-filter:blur(4px);z-index:4}.course-advanced-section .hero-enroll .layui-icon{margin-right:0.25rem;font-size:0.85rem;line-height:1;color:rgba(255,255,255,0.9)}.course-advanced-section .hero-enroll em{font-style:normal;color:#FFD27A;font-weight:bold;margin:0 0.18rem;line-height:1;vertical-align:baseline}.course-advanced-section .advanced-card-info{padding:0.9rem 1rem 1rem}.course-advanced-section .info-title{font-size:1rem;font-weight:bold;color:#333;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s}.course-advanced-section .info-desc{margin-top:0.4rem;font-size:0.88rem;color:#999;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-advanced-section .info-tags{display:none}.course-advanced-section .info-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:0.7rem;padding-top:0.7rem;border-top:1px dashed #E5E5E5}.course-advanced-section .info-author{display:flex;align-items:center;flex:1;min-width:0}.course-advanced-section .info-author.js-author-rotator{display:block;position:relative;height:2.5rem;overflow:hidden}.course-advanced-section .author-rotator-track{margin:0;padding:0;list-style:none;will-change:transform}.course-advanced-section .author-rotator-item{display:flex;align-items:center;height:2.5rem;list-style:none}.course-advanced-section .author-avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;margin-right:0.55rem;background:#F2F5F8;border:1px solid rgba(43,138,253,0.12)}.course-advanced-section .author-avatar img{width:100%;height:100%;object-fit:cover}.course-advanced-section .author-meta{flex:1;min-width:0}.course-advanced-section .author-name{font-size:0.88rem;font-weight:500;color:#333;line-height:1.2}.course-advanced-section .author-name .author-cat{font-weight:normal;color:#2B8AFD;font-size:0.78rem}.course-advanced-section .author-role{margin-top:0.2rem;font-size:0.75rem;color:#999;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-advanced-section .info-price{flex-shrink:0;margin-left:0.75rem;text-align:right}.course-advanced-section .info-price.free{font-size:1.13rem;font-weight:bold;color:#f60}.course-advanced-section .info-price.paid{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.course-advanced-section .info-price.paid .price-current{font-size:1.13rem;font-weight:bold;color:#f60;line-height:1.15;letter-spacing:0.02em}.course-advanced-section .info-price.paid .price-original{margin-top:0.2rem;font-size:0.88rem;font-weight:normal;color:#999;text-decoration:line-through}.course-advanced-section .advanced-empty{padding:4rem 0;text-align:center;color:#999;font-size:1rem}.course-advanced-section .advanced-empty.hide{display:none}.course-advanced-section .advanced-pagination{margin-top:3.75rem;display:flex;justify-content:flex-end;text-align:right}@media (max-width: 1200px){.course-advanced-section .advanced-card{width:calc(50% - 1.5rem)}}@media (max-width: 768px){.course-advanced-section .advanced-card{width:calc(100% - 1.5rem)}.course-advanced-section .advanced-tab .tab-name{font-size:1rem}}.course-recruit-section{padding:3rem 0 3.5rem}.course-recruit-section .course-section-title{display:block;margin-bottom:1.8rem;text-align:center}.course-recruit-section .course-section-title .title-text{padding-left:0;font-size:1.5rem;font-weight:bold;color:#333;line-height:1}.course-recruit-section .course-section-title .title-text::before{display:none}.course-recruit-section .recruit-banner{width:100%;border-radius:0.6rem;overflow:hidden;box-shadow:0 6px 18px rgba(43,138,253,0.18)}.course-recruit-section .recruit-banner-img{display:block;width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic}.course-recruit-section .recruit-grid-title{margin:2.5rem 0 1.8rem}.course-recruit-section .course-recruit-grid{margin:0 -10px;padding:0;list-style:none}.course-recruit-section .course-recruit-col{padding:0 10px;margin-bottom:20px}.course-recruit-section .course-recruit-item{display:block;position:relative;border-radius:0.4rem;overflow:hidden;cursor:pointer;background:transparent;border:none;box-shadow:none;transition:-webkit-transform 0.3s, transform 0.3s}.course-recruit-section .course-recruit-item:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.course-recruit-section .recruit-item-bg{display:block;width:100%;height:auto;vertical-align:top;position:relative;z-index:1;-ms-interpolation-mode:bicubic}.course-recruit-section .recruit-name{position:absolute;right:1.5rem;top:50%;z-index:2;font-size:1.25rem;font-weight:bold;color:#fff;line-height:1;white-space:nowrap;text-shadow:0 2px 6px rgba(0,30,80,0.3);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.course-about-section{position:relative;overflow:hidden;padding:2.94rem 0 3.06rem;background-image:url(../images/course/course-about-bg1.png);background-size:cover;background-position:center}.course-about-section .about-section-bg{width:25.38rem;height:22.94rem;background-image:url(../images/course/course-about-bg2.png);background-size:100% 100%;background-repeat:no-repeat;position:absolute;right:4.44rem}.course-about-section .course-section-title{position:relative;z-index:1;display:block;margin-bottom:1.9rem;text-align:center}.course-about-section .course-section-title .title-text{padding-left:0;font-size:1.5rem;font-weight:bold;color:#333;line-height:1}.course-about-section .course-section-title .title-text::before{display:none}.course-about-section .about-intro-block{position:relative;z-index:1}.course-about-section .about-intro-box{width:52%;font-size:1rem;line-height:1.63rem;text-indent:2em}.course-about-section .about-intro-illu{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:23.2rem;max-width:46%;text-align:center}.course-about-section .about-intro-illu img{display:block;width:100%;height:auto}.course-about-section .about-stats{display:flex;justify-content:space-between;margin-top:2.44rem}.course-about-section .about-stat-item{width:23%;height:7.5rem;background:linear-gradient(180deg, #FAFDFF 0%, #EBF5FF 100%);box-shadow:0rem 0.19rem 0.38rem 0.06rem rgba(102,142,153,0.16);border-radius:0.38rem 0.38rem 0.38rem 0.38rem;border:0.06rem solid #DDEAF8;opacity:0.8;display:flex;flex-direction:column;align-items:center;justify-content:center}.course-about-section .stat-num{font-family:"DIN", "Arial Black", sans-serif;font-weight:bold;color:#2B8AFD;line-height:1;font-size:2.5rem;line-height:3.5rem;font-weight:bold;color:#2B8AFD}.course-about-section .stat-label{font-size:1rem;line-height:1.38rem}.course-detail-page{background:#f3f6fb;padding:1.5rem 0 2.25rem}.course-detail-page .course-detail-hero{background:#fff;border-radius:0.38rem;padding:1.88rem;margin-bottom:1rem;border:1px solid #e9edf3;display:block}.course-detail-page .detail-hero-row{display:flex;margin-top:1.25rem}.course-detail-page .detail-hero-cover-block{width:65%;margin-right:1.69rem;-ms-flex-item-align:start;align-self:flex-start}.course-detail-page .detail-hero-cover{position:relative;border-radius:0.38rem;overflow:hidden;background:#e9eef6}.course-detail-page .detail-hero-cover::before{content:'';display:block;padding-bottom:50%}.course-detail-page .detail-hero-cover .detail-cover-static{position:absolute;top:0;left:0;right:0;bottom:0;line-height:0}.course-detail-page .detail-hero-cover .detail-cover-static img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-ms-interpolation-mode:bicubic}.course-detail-page .detail-hero-cover .detail-cover-video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}.course-detail-page .detail-hero-cover .detail-cover-video-wrap .detail-hero-cover-video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.course-detail-page .detail-cover-expiry{margin:0.44rem 0 0;font-size:0.75rem;line-height:1.25rem;color:#999}.course-detail-page .detail-hero-enroll{position:absolute;right:0.85rem;bottom:0.75rem;padding:0.32rem 0.62rem;border-radius:1rem;font-size:0.75rem;color:#fff;background:rgba(0,0,0,0.3);line-height:1}.course-detail-page .detail-hero-enroll em{color:#FFC814;font-style:normal}.course-detail-page .detail-hero-main{width:calc(35% - 1.69rem);padding-bottom:1.69rem;display:flex;flex-direction:column;justify-content:space-between}.course-detail-page .detail-title{margin:0;font-size:1.63rem;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-detail-page .detail-intro{display:inline-block;max-width:100%;margin-top:1.13rem;padding:0 1rem;font-size:0.88rem;line-height:1.88rem;color:#999;border:1px solid #E5E5E5;border-radius:0.13rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.course-detail-page .detail-contact-row{padding:1.25rem 2.31rem;box-sizing:border-box;background:#F2F9FF}.course-detail-page .detail-qr-box{width:auto;background:none;border-radius:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-detail-page .detail-qr-box img{width:7.38rem;height:auto;margin-right:1.94rem}.course-detail-page .detail-qr-box .line1{margin:0;font-size:1.56rem;font-weight:bold;line-height:2rem}.course-detail-page .detail-qr-box .line2{font-size:1rem;color:#819FBD;line-height:1.75rem;margin-top:0.25rem}.course-detail-page .detail-phone-pill{margin-left:0;margin-top:1rem;width:11.75rem;height:2.5rem;border-radius:1.25rem;line-height:2.5rem;padding:0;background:#E0EFFF;color:#1F8EFF;text-decoration:none;font-size:1.13rem;font-weight:bold;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.course-detail-page .detail-phone-pill i{margin-right:0.25rem;font-size:1rem;font-weight:normal}.course-detail-page .detail-price-row{margin-top:0.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.course-detail-page .detail-buy-btn{width:11.56rem;height:2.63rem;line-height:2.63rem;border-radius:1.31rem;background:#1F8EFF;color:#fff !important;font-size:1rem;font-weight:bold;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;-webkit-box-sizing:border-box;box-sizing:border-box}.course-detail-page .detail-buy-btn.is-disabled{background:#AAB8C7;cursor:default;pointer-events:none}.course-detail-page .detail-price-text{min-width:11.56rem;margin-bottom:0.75rem;text-align:center}.course-detail-page .detail-price-text .current{margin-left:0;font-size:2rem;line-height:1;color:#1F8EFF;font-weight:700}.course-detail-page .detail-price-text .origin{margin-left:0.5rem;font-size:1rem;color:#999;text-decoration:line-through}.course-detail-page .course-detail-body{display:flex;justify-content:space-between;align-items:flex-start}.course-detail-page .detail-main-card{width:74.1%;background:#fff;border:1px solid #e9edf3;border-radius:0.38rem}.course-detail-page .detail-tabs{border-bottom:1px solid #e9edf3;padding:0 1.12rem;margin:0;height:4.13rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.course-detail-page .detail-tabs li{position:relative;margin-right:2.25rem;font-size:1.13rem;color:#4d5e76;line-height:4.13rem;cursor:pointer}.course-detail-page .detail-tabs li.current{color:#2b8afd;font-weight:700}.course-detail-page .detail-tabs li.current:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:0.16rem;background:#2b8afd}.course-detail-page .detail-tab-panel{padding:1.12rem}.course-detail-page .content-paragraph{margin:0 0 1rem;font-size:0.82rem;line-height:1.78;color:#4e5f78;white-space:pre-wrap;word-break:break-word}.course-detail-page .detail-faq{margin:0;padding-left:0}.course-detail-page .detail-faq li{font-size:0.82rem;line-height:1.75;color:#4e5f78}.course-detail-page .detail-chapter-list{margin:0;padding:0 0.88rem;background:#F4FAFF;border:1px solid #C1D7EE;border-radius:0.75rem;overflow:hidden}.course-detail-page .chapter-item{border-bottom:1px solid #C1D7EE;min-height:2.75rem;padding:0;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;line-height:2.75rem;cursor:pointer}.course-detail-page .chapter-item:last-child{border-bottom:none}.course-detail-page .chapter-item .chapter-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.course-detail-page .chapter-item .chapter-title-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;max-width:100%}.course-detail-page .chapter-item .chapter-name{font-size:1rem;color:#354862;line-height:2.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.course-detail-page .chapter-item .chapter-title-block.has-try .chapter-name{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;max-width:100%}.course-detail-page .chapter-item .chapter-right{white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;margin-left:0.63rem}.course-detail-page .chapter-item .try-tag{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:2.31rem;margin-left:0.88rem;padding:0;border-radius:0.19rem;background:transparent;border:0.06rem solid #1F8EFF;color:#1F8EFF;font-style:normal;font-size:0.81rem;line-height:1.13rem;text-align:center;-ms-flex-negative:0;flex-shrink:0}.course-detail-page .chapter-item .chapter-status-icon{font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-detail-page .chapter-item .chapter-status-icon.play{width:1.25rem;height:1.25rem;border-radius:50%;background:#aab8c7;color:#fff;font-size:0.69rem}.course-detail-page .chapter-item .chapter-status-icon.lock{width:1.25rem;height:1.25rem;color:#aab8c7;font-size:1rem}.course-detail-page .detail-handout-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;box-sizing:border-box;padding:0 1.5rem;background:#F4FAFF;border-radius:0.75rem;font-size:1.13rem;line-height:3.81rem;color:#354862;text-decoration:none}.course-detail-page .detail-handout-bar:hover{color:#354862;opacity:0.92}.course-detail-page .detail-handout-bar:active{opacity:0.88}.course-detail-page .detail-handout-bar.is-locked{cursor:not-allowed;color:#6F84A1;opacity:1}.course-detail-page .detail-handout-bar.is-locked:hover,.course-detail-page .detail-handout-bar.is-locked:active{opacity:1;color:#6F84A1}.course-detail-page .detail-handout-bar+.detail-handout-bar{margin-top:0.88rem}.course-detail-page .detail-handout-bar .detail-handout-name{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-detail-page .detail-handout-bar .detail-handout-icon-file,.course-detail-page .detail-handout-bar .detail-handout-icon-dl{color:#1F8EFF;font-size:1.5rem;-ms-flex-negative:0;flex-shrink:0;line-height:1}.course-detail-page .detail-handout-bar .detail-handout-icon-lock{color:#AAB8C7;font-size:1.25rem;-ms-flex-negative:0;flex-shrink:0;line-height:1}.course-detail-page .detail-side-wrap{width:24.1%}.course-detail-page .detail-side-card{background:#fff;border:1px solid #e9edf3;border-radius:0.38rem;padding:0 0.75rem 0.88rem;margin-bottom:0.88rem}.course-detail-page .side-title{margin-bottom:0.88rem;font-size:1.13rem;line-height:3.13rem;border-bottom:1px solid #E5E5E5;padding-left:0.75rem;position:relative}.course-detail-page .side-title:before{content:"";position:absolute;left:0;top:1rem;width:0.25rem;height:1.31rem;background:#1F8EFF}.course-detail-page .lecturer-head{display:flex;align-items:center}.course-detail-page .lecturer-head img{width:2.5rem;height:2.5rem;border-radius:50%;margin-right:0.5rem}.course-detail-page .lecturer-head .name{font-size:0.88rem}.course-detail-page .lecturer-item{padding:0.62rem 0 0.75rem;border-bottom:1px dashed #e6ecf4}.course-detail-page .lecturer-item:first-child{padding-top:0}.course-detail-page .lecturer-item:last-child{padding-bottom:0;border-bottom:none}.course-detail-page .lecturer-intro{display:block;width:calc(100% + 1.5rem);margin-left:-0.75rem;box-sizing:border-box;margin-top:0.75rem;height:2.06rem;line-height:2.06rem;background:linear-gradient(90deg, rgba(31,142,255,0.22) 0%, rgba(31,142,255,0) 100%);font-size:0.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 0.5rem 0 1.13rem}.course-detail-page .lecturer-detail-list{margin:0.56rem 0 0;padding:0}.course-detail-page .lecturer-points{margin:0.75rem 0 0;padding:0}.course-detail-page .lecturer-points li{font-size:0.75rem;line-height:1.65;color:#495b74}.course-detail-page .detail-recommend-list{margin:0;padding:0}.course-detail-page .detail-recommend-list li{margin-bottom:1.5rem}.course-detail-page .detail-recommend-list li:last-child{margin-bottom:0}.course-detail-page .detail-recommend-list a{display:block;text-decoration:none}.course-detail-page .detail-recommend-list .rc-cover-wrap{position:relative;width:100%;padding-bottom:50%;overflow:hidden;border-radius:0.44rem;background:#f0f0f0}.course-detail-page .detail-recommend-list .rc-cover-img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:0.44rem}.course-detail-page .detail-recommend-list .detail-hero-enroll{right:0.5rem;bottom:0.45rem;padding:0.24rem 0.5rem;font-size:0.69rem}.course-detail-page .detail-recommend-list .detail-hero-enroll i{font-size:0.69rem;vertical-align:middle}.course-detail-page .detail-recommend-list .rc-title{margin:0.81rem 0 0.63rem;font-size:1rem;line-height:1rem;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-detail-page .detail-recommend-list .rc-intro{font-size:0.88rem;line-height:1.25rem;color:#999;max-height:2.5rem;overflow:hidden}.course-detail-page .detail-recommend-list .empty{font-size:0.78rem;color:#8fa0b5;line-height:1.4}.course-pay-page{background:#f3f6fb;min-height:calc(100vh - 10rem);padding:1.5rem 0 2.25rem}.course-pay-page .title-box{background:#fff;border:1px solid #e9edf3;border-radius:0.38rem;padding:1rem 1.25rem;margin-bottom:1rem}.course-pay-page .title-box .title{display:block;font-size:1.25rem;line-height:1.75rem;color:#253750;font-weight:700}.course-pay-page .content{width:100%}.course-pay-page .content-box{width:100%}.course-pay-page .pay-detail-box,.course-pay-page .pay-mode,.course-pay-page .price-total-box{width:100%;box-sizing:border-box;background:#fff;border:1px solid #e9edf3;border-radius:0.38rem}.course-pay-page .pay-detail-box{padding:1rem 1.5rem}.course-pay-page .pay-detail{margin:0;padding:0;list-style:none}.course-pay-page .pay-item{display:flex;align-items:center;min-height:2.25rem;font-size:1rem;line-height:1.5rem;color:#354862}.course-pay-page .pay-item span:first-child{width:7rem;color:#6f84a1;flex-shrink:0}.course-pay-page .pay-mode{margin-top:1rem;padding:1rem 1.5rem 1.25rem}.course-pay-page .content-title{margin:0;font-size:1.25rem;line-height:1.75rem;color:#253750;font-weight:700}.course-pay-page .pay-mode-list{margin-top:0.75rem}.course-pay-page .pay-mode-item{display:flex;align-items:center;min-height:3rem;margin-top:0.5rem}.course-pay-page .pay-mode-item input[type="radio"]{margin-right:0.8rem}.course-pay-page .pay-mode-item .icon{width:2rem;height:2rem;margin-right:0.75rem;border-radius:0.25rem;display:block}.course-pay-page .pay-mode-item .pay-mode-title{font-size:1.13rem;color:#2f4058;line-height:1.5rem}.course-pay-page .split{margin:0.75rem 0;border:none;height:0}.course-pay-page .price-total-box{min-height:5.5rem;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.course-pay-page .price-total-text{font-size:1rem;line-height:1.5rem;color:#4e5f78}.course-pay-page .price-total-text .symbol{margin-left:0.4rem;font-size:1.38rem;color:#ff7a00;font-weight:700}.course-pay-page .price-total-text .price{font-size:2rem;line-height:1;color:#ff7a00;font-weight:700;letter-spacing:0.02em}.course-pay-page .next-step{width:10.63rem;height:2.63rem;border-radius:1.31rem;background:#1f8eff;color:#fff;font-size:1rem;font-weight:700;line-height:2.63rem;text-align:center;text-decoration:none;display:inline-block}.course-my-page{background:#fff;padding:1.25rem 0 4rem}.course-my-page .my-course-breadcrumb{font-size:1rem;line-height:1.25rem;margin-bottom:2.25rem}.course-my-page .my-course-breadcrumb a{color:#999}.course-my-page .my-course-breadcrumb em{font-style:normal}.course-my-page .my-course-breadcrumb span{margin:0 0.35rem}.course-my-page .my-course-title{margin:0 0 1.88rem;text-align:center;font-size:2rem;font-weight:bold}.course-my-page .my-course-grid{margin-bottom:1rem}.course-my-page .my-course-card{background:#fff;border-radius:0.75rem;overflow:hidden;cursor:pointer;box-shadow:0rem 0.19rem 0.38rem 0.06rem rgba(0,0,0,0.16)}.course-my-page .cover-link{display:block;position:relative;height:0;padding-bottom:50%;overflow:hidden}.course-my-page .cover-img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;-ms-interpolation-mode:bicubic;-o-object-fit:cover;object-fit:cover}.course-my-page .detail-hero-enroll{position:absolute;right:0.63rem;bottom:0.56rem;padding:0.22rem 0.5rem;border-radius:1rem;font-size:0.69rem;color:#fff;line-height:1;background:rgba(0,0,0,0.3)}.course-my-page .detail-hero-enroll em{font-style:normal;color:#FFC814}.course-my-page .card-body{padding:0.75rem 0.56rem 0.69rem}.course-my-page .course-name{margin:0 0 0.38rem;font-size:1rem;color:#273c58;line-height:1.4;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-my-page .course-intro{margin:0;font-size:0.88rem;line-height:1.31rem;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-my-page .card-footer{margin-top:0.69rem;padding-top:0.69rem;padding-left:0.5rem;border-top:1px solid #E5E5E5;display:flex;align-items:center;justify-content:space-between}.course-my-page .card-footer .watch-status{font-size:1.13rem;color:#f60;font-weight:bold;line-height:2.5rem}.course-my-page .card-footer .watch-status.is-learned{color:#1F8EFF}.course-my-page .card-footer .learn-btn{width:9.94rem;height:2.5rem;text-align:center;line-height:2.5rem;border-radius:1.25rem;background:#1F8EFF;color:#fff;text-decoration:none;text-align:center;font-size:1rem;font-weight:bold}.course-search-page .course-search-bar{margin-top:1rem}.course-search-page .course-search-bar .breadcrumb span{margin:0 0.25rem}.course-search-page .course-search-bar .breadcrumb em{color:#000}.course-search-page .course-search-bar .search-box{width:65%;margin-top:1.5rem;align-items:center;border:1px solid #e0e0e0;border-radius:1.5rem;overflow:hidden;position:relative}.course-search-page .course-search-bar .search-box .iconfont{color:#999;font-size:1rem;margin:0 0.75rem}.course-search-page .course-search-bar .search-box input{flex:1;height:2.25rem;padding-right:5rem;font-size:0.88rem}.course-search-page .course-search-bar .search-box button{width:5rem;height:2.25rem;line-height:2.25rem;position:absolute;right:0;top:0;border-radius:0 1.5rem 1.5rem 0}