.course-intro-main>.container>.course-header{z-index:100;border:1px solid var(--border-white-black1);background-color:var(--bg-white-black2);box-shadow:var(--box-shadow2);border-radius:5px;margin-top:20px;padding:30px 20px;display:flex;position:relative}.course-intro-main>.container>.course-header>.left{display:none}.course-intro-main>.container>.course-header>.right{font-family:PingFang SC,Heiti SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}.course-intro-main>.container>.course-header>.right>h1{color:var(--text-black1-white);font-size:20px;font-weight:700}.course-intro-main>.container>.course-header>.right>.desc{color:var(--text-gray-silver);margin-top:15px;font-size:15px;line-height:30px}.course-intro-main>.container>.course-header>.right>.meta{color:var(--text-black1-white);margin-top:15px;margin-bottom:25px;font-size:15px}.course-intro-main>.container>.course-header>.right .cover-mb{place-content:center;margin:20px 0 30px;display:grid}.course-intro-main>.container>.course-header>.right .cover-mb>.container{position:relative}.course-intro-main>.container>.course-header>.right .cover-mb>.container:before{content:"精品课";z-index:10;text-align:center;color:#4e2d03;background:linear-gradient(45deg,#ffc552,#ffdd9a);border-top-right-radius:5px;border-bottom-left-radius:10px;width:46px;height:22px;font-family:PingFang SC,helvetica,arial,verdana,tahoma,sans-serif;font-size:12px;line-height:22px;position:absolute;top:0;right:0}.course-intro-main>.container>.course-header>.right .cover-mb>.container>img{width:120px;opacity:var(--img-opacity);border-radius:5px;box-shadow:0 5px 15px #0003}.course-intro-main>.container>.course-header>.right>.buy>.container,.course-intro-main>.container>.course-header>.right>.promotion-banner>.container{width:310px}.course-intro-main>.container>.course-header>.right>.promotion-banner{justify-content:center;margin-top:30px;display:flex}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container{background-color:var(--courseintro-promotion-bg);border:1px solid var(--courseintro-promotion-border);border-radius:4px;justify-content:space-between;gap:8px;padding:8px 12px 8px 8px;font-size:13px;display:flex}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container .activity-tag{color:var(--courseintro-promotion-text);border-radius:4px;align-items:center;font-size:14px;display:flex}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container .activity-tag>i{display:none}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container .activity-tag>span{font-weight:700}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container .countdown{letter-spacing:-.3px;word-spacing:-3px;color:var(--courseintro-promotion-text);align-items:center;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;font-weight:700;display:flex}.course-intro-main>.container>.course-header>.right>.buy{justify-content:center;margin-top:15px;display:flex}.course-intro-main>.container>.course-header>.right>.buy>.container{justify-content:space-between;display:flex}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg{height:30px;line-height:30px;display:flex}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg>.discount{color:#f0ffee;background:#2eb86f;border-top-left-radius:5px;border-bottom-left-radius:5px;padding:0 10px;font-weight:700}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg>.price{background-color:var(--bg-silver-black3);border-top-right-radius:5px;border-bottom-right-radius:5px;padding:0 10px;display:flex}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg>.price>.origin-price{color:#8f949e;font-size:14px;text-decoration:line-through;position:relative}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg>.price>.discount-price{color:var(--courseintro-discount-price-text);margin-left:8px;font-weight:700}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>button{z-index:10;text-align:center;color:#fff;cursor:pointer;border:none;width:80px;height:30px;font-size:14px;line-height:30px;transition:all .15s linear;display:block;position:relative}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>button:after,.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>button:before{content:"";border-radius:3px;width:100%;height:100%;position:absolute;top:0;left:0}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>button:before{z-index:-1;background-image:linear-gradient(90deg,#48aae7,#34d07d);transition:all .3s linear}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>button:after{z-index:-2;background-image:linear-gradient(90deg,#239ce8,#0ba352)}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>button:hover:before{opacity:0}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>.pending-btn{background-image:linear-gradient(90deg,#ff9a44,#fc6076);border-radius:3px}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>.pending-btn:before{background-image:linear-gradient(90deg,#ff7e5f,#feb47b)}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>.pending-btn:after{background-image:linear-gradient(90deg,#ff9a44,#fc6076)}@media screen and (width>=576px){.course-intro-main>.container>.course-header{margin-top:30px;padding:40px 30px}.course-intro-main>.container>.course-header>.left{flex-shrink:0;display:block;position:relative}.course-intro-main>.container>.course-header>.left:before{content:"精品课";z-index:10;text-align:center;color:#4e2d03;background:linear-gradient(45deg,#ffc552,#ffdd9a);border-top-right-radius:5px;border-bottom-left-radius:10px;width:46px;height:22px;font-family:PingFang SC,helvetica,arial,verdana,tahoma,sans-serif;font-size:12px;line-height:22px;position:absolute;top:0;right:0}.course-intro-main>.container>.course-header>.left>img{width:140px;opacity:var(--img-opacity);border-radius:5px;box-shadow:0 5px 15px #0003}.course-intro-main>.container>.course-header>.right{margin-left:30px}.course-intro-main>.container>.course-header>.right>h1{font-size:24px}.course-intro-main>.container>.course-header>.right>.cover-mb{display:none}.course-intro-main>.container>.course-header>.right>.buy>.container,.course-intro-main>.container>.course-header>.right>.promotion-banner>.container{width:330px}.course-intro-main>.container>.course-header>.right>.promotion-banner{justify-content:flex-start;width:fit-content}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container{padding:8px 12px}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container>.activity-tag>i{display:inline}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container>.countdown{letter-spacing:.3px}.course-intro-main>.container>.course-header>.right>.buy{justify-content:flex-start;display:flex}}.course-intro-main>.container>.course-body{z-index:100;justify-content:space-between;margin:20px 0 80px;display:flex;position:relative}.course-intro-main>.container>.course-body>.left{background-color:var(--bg-white-black2);border:1px solid var(--border-white-black1);width:100%;box-shadow:var(--box-shadow2);border-radius:5px;padding:20px 25px}.course-intro-main>.container>.course-body>.left>.course-menu{border-bottom:1px solid var(--border-silver-black2);height:50px;line-height:50px;display:flex}.course-intro-main>.container>.course-body>.left>.course-menu>div{text-align:center;cursor:pointer;width:50px;font-size:18px;font-weight:700}.course-intro-main>.container>.course-body>.left>.course-menu>div.active{color:#19b694;border-bottom:2px solid #19b694}.course-intro-main>.container>.course-body>.left>.course-menu>div:nth-child(2){margin-left:50px;position:relative}.course-intro-main>.container>.course-body>.left>.course-menu>div:nth-child(2)>span{text-align:center;width:42px;height:18px;color:var(--courseintro-menu-try-text);background:var(--courseintro-menu-try-bg);border-radius:3px;font-size:12px;font-weight:400;line-height:18px;position:absolute;top:8px;right:-36px;transform:scale(.9)}.course-intro-main>.container>.course-body>.left>.course-info>.detail{padding:20px 0 40px}.course-intro-main>.container>.course-body>.left>.course-info>.detail>h2{border-bottom:1px solid var(--border-silver-black1);margin:32px 0 16px;padding-bottom:16px;font-size:22px;font-weight:700}.course-intro-main>.container>.course-body>.left>.course-info>.detail>h2>span{background-image:var(--courseintro-detail-h2-bg);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.course-intro-main>.container>.course-body>.left>.course-info>.detail>h3{background-image:var(--article-h3-bg);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:16px;font-weight:700;line-height:28px}.course-intro-main>.container>.course-body>.left>.course-info>.detail>h3.large{margin-top:32px;margin-bottom:20px;font-size:18px}.course-intro-main>.container>.course-body>.left>.course-info>.detail p{margin-bottom:16px;font-size:16px;line-height:36px}.course-intro-main>.container>.course-body>.left>.course-info>.detail strong{color:var(--article-strong-text);font-weight:var(--article-strong-font-weight);background:var(--article-strong-bg);background-position:100% 100%;background-repeat:no-repeat;background-size:100% 10px}.course-intro-main>.container>.course-body>.left>.course-info>.detail a{color:var(--article-a-text);background-image:var(--article-a-bg);background-position:100% 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .25s linear}.course-intro-main>.container>.course-body>.left>.course-info>.detail a:hover{background-position:0 100%;background-size:100% 1px}.course-intro-main>.container>.course-body>.left>.course-info>.detail>p:has(>img){text-align:center;margin:50px 0}.course-intro-main>.container>.course-body>.left>.course-info>.detail>p:has(>img)>img{max-width:95%;opacity:var(--img-opacity);border-radius:3px}.course-intro-main>.container>.course-body>.left>.course-info>.detail blockquote{background:var(--article-blockquote-bg);color:var(--article-blockquote-text);border:1.5px solid var(--article-blockquote-border);border-radius:10px;margin:42px 0;padding:15px 35px;position:relative}.course-intro-main>.container>.course-body>.left>.course-info>.detail blockquote:after,.course-intro-main>.container>.course-body>.left>.course-info>.detail blockquote:before{content:"";z-index:1;background-color:var(--article-blockquote-icon);pointer-events:none;width:34px;height:34px;position:absolute;-webkit-mask:url(../imgs/sites/article/blockquote-leaf.svg) 50%/contain no-repeat;mask:url(../imgs/sites/article/blockquote-leaf.svg) 50%/contain no-repeat}.course-intro-main>.container>.course-body>.left>.course-info>.detail blockquote:before{top:-18px;left:18px}.course-intro-main>.container>.course-body>.left>.course-info>.detail blockquote:after{bottom:-18px;right:18px;transform:rotate(180deg)}.course-intro-main>.container>.course-body>.left>.course-info>.detail blockquote>p{text-align:center;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600}.course-intro-main>.container>.course-body>.left>.course-info>.detail ul{margin-bottom:16px}.course-intro-main>.container>.course-body>.left>.course-info>.detail ul>li{padding-left:32px;font-size:16px;line-height:32px;position:relative}.course-intro-main>.container>.course-body>.left>.course-info>.detail ul>li:before{content:"❑";text-align:center;width:32px;height:28px;color:var(--text-black1-white);font-size:15px;font-weight:700;position:absolute;top:0;left:0}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box{border:1px solid var(--border-transparent-black1);background-color:var(--article-box-bg);border-radius:3px;margin:35px 0 35px 20px;padding:20px 20px 20px 30px;position:relative}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box strong{background:var(--article-box-strong-bg);background-position:100% 100%;background-repeat:no-repeat;background-size:100% 10px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box>i{text-align:center;width:32px;height:32px;color:var(--text-white-white);background-color:var(--article-box-i-bg);border-radius:2px;font-size:22px;line-height:32px;display:block;position:absolute;top:15px;left:-20px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box>i:after{content:"";border-top:5px solid #305c7d;border-bottom:5px solid #0000;border-left:10px solid #0000;border-right:10px solid #305c7d;position:absolute;bottom:-9px;left:0}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box>p:first-of-type{margin-bottom:0}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box>p:first-of-type>strong:first-of-type{background:0 0}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box>ul{margin-top:10px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .info-box{background-color:var(--article-box-bg);border:1px solid var(--border-transparent-black1);text-align:center;border-radius:5px;margin:30px 0;padding:0 20px 15px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .info-box strong{background:var(--article-box-strong-bg);background-position:100% 100%;background-repeat:no-repeat;background-size:100% 10px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .info-box>h3{white-space:nowrap;text-overflow:ellipsis;border-bottom-right-radius:8px;border-bottom-left-radius:8px;max-width:95%;height:36px;margin-top:0;margin-bottom:16px;padding:0 15px;font-size:17px;font-weight:700;line-height:36px;display:inline-block;overflow:hidden;color:var(--text-white-white)!important;background-color:var(--article-box-i-bg)!important}.course-intro-main>.container>.course-body>.left>.course-info>.detail .info-box>:not(h3){text-align:left}.course-intro-main>.container>.course-body>.left>.course-info>.detail .info-box>p:has(>img){text-align:center}.course-intro-main>.container>.course-body>.left>.course-info>.detail .info-box>.syntax>pre>code{background-color:var(--article-infobox-hljs-bg)}.course-intro-main>.container>.course-body>.left>.course-info>.catalog{margin-top:30px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header{justify-content:center;align-items:center;margin:50px 0 25px;display:flex}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-name{background:var(--courseintro-menu-h2-bg);-webkit-text-fill-color:transparent;letter-spacing:1px;white-space:nowrap;-webkit-background-clip:text;margin:0 18px;font-size:20px;font-weight:800}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-dot{background-color:#56deac;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #34d07d26}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-line{display:none}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>h3{background:var(--courseintro-menu-h3-bg);height:40px;margin:10px 0;padding-left:20px;font-size:17px;font-weight:700;line-height:40px;position:relative}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a{height:36px;padding-left:38px;font-size:15px;line-height:36px;transition:all .1s linear;display:block;position:relative}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a:before{content:"";width:20px;height:20px;color:var(--text-black1-gray);background-image:url(../imgs/sites/icons/double-arrow.svg);background-size:contain;transition:all .1s linear;position:absolute;top:8px;left:14px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a:hover{color:var(--text-green-white);background-color:var(--courseintro-menu-current-bg)}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a:hover:before{left:20px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a>span{white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 50px);display:block;overflow:hidden}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a>i.iconfont{color:#a5acb5;position:absolute;top:0;right:20px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a>i.try{height:24px;color:var(--courseintro-catalog-try-text);background:var(--courseintro-catalog-try-bg);border-radius:3px;padding:0 5px;font-size:12px;line-height:24px;transition:all .2s linear;position:absolute;top:6px;right:10px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a>i.try:hover{color:#fff;background-color:#f45252}.course-intro-main>.container>.course-body>.left>.course-info>.catalog .current{color:var(--text-green-white);background-color:var(--courseintro-menu-current-bg)}.course-intro-main>.container>.course-body>.right{display:none}@media screen and (width>=576px){.course-intro-main>.container>.course-body>.left>.course-info>.detail>h3.large{font-size:20px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-line{opacity:.7;flex:1;height:2px;display:block}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-line.left{background:linear-gradient(to left,var(--courseintro-part-line-bg),transparent);margin-right:15px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-line.right{background:linear-gradient(to right,var(--courseintro-part-line-bg),transparent);margin-left:15px}}@media screen and (width>=820px){.course-intro-main>.container>.course-body>.left{width:calc(100% - 270px);padding:30px}.course-intro-main>.container>.course-body>.left>.course-menu{height:60px;line-height:60px}.course-intro-main>.container>.course-body>.left>.course-menu>div:nth-child(2)>span{top:12px;right:-36px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header{margin:60px 0 35px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-name{font-size:24px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>h3{padding-left:30px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a{padding-left:48px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a:before{left:24px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a:hover:before{left:30px}.course-intro-main>.container>.course-body>.right{width:260px;display:block}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card{background-color:var(--bg-white-black2);border:1px solid var(--border-white-black1);box-shadow:var(--box-shadow2);border-radius:6px;padding:24px;position:sticky}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .price-section{justify-content:center;align-items:baseline;margin-bottom:15px;display:flex}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .price-section .discount-price{color:var(--courseintro-discount-price-text);font-size:30px;font-weight:600}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .price-section .origin-price{color:#8f949e;margin-left:10px;font-size:16px;text-decoration:line-through}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .action-section{margin-bottom:24px}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .action-section .btn-buy{text-align:center;color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;height:44px;line-height:44px;transition:all .15s linear;display:block;position:relative}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .action-section .btn-buy:after,.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .action-section .btn-buy:before{content:"";border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .action-section .btn-buy:before{z-index:-1;background-image:linear-gradient(90deg,#48aae7,#34d07d);transition:all .3s linear}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .action-section .btn-buy:after{z-index:-2;background-image:linear-gradient(90deg,#239ce8,#0ba352)}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .action-section .btn-buy:hover:before{opacity:0}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .feature-list{border-top:1px solid var(--border-silver-black1);padding-top:20px}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .feature-list ul>li{color:var(--text-black3-silver);align-items:center;margin-bottom:16px;font-size:14px;line-height:1.4;display:flex}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .feature-list ul>li:last-child{margin-bottom:0}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .feature-list ul>li .iconfont{color:#19b694;margin-right:12px;font-size:20px;font-weight:500}}.course-intro-main{background-color:var(--bg-silver-black1);justify-content:center;display:flex;position:relative}.course-intro-main:before{content:"";background:var(--bg-gradient);width:100%;height:500px;position:absolute;top:0;left:0}.course-intro-main>.container{width:93%}@media screen and (width>=820px){.course-intro-main>.container{width:83%}}@media screen and (width>=1200px){.course-intro-main>.container{width:80%}}@media screen and (width>=1400px){.course-intro-main>.container{width:63%}}