@charset "UTF-8";.course-intro-main>.container>.course-header{z-index:100;position:relative;display:flex;margin-top:20px;padding:30px 20px;border:1px solid var(--border-white-black1);background-color:var(--bg-white-black2);box-shadow:var(--box-shadow2);border-radius:5px}.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{font-size:20px;font-weight:700;color:var(--text-black1-white)}.course-intro-main>.container>.course-header>.right>.desc{margin-top:15px;line-height:30px;font-size:15px;color:var(--text-gray-silver)}.course-intro-main>.container>.course-header>.right>.meta{margin-top:15px;margin-bottom:25px;font-size:15px;color:var(--text-black1-white)}.course-intro-main>.container>.course-header>.right .cover-mb{margin:20px 0 30px;display:grid;place-content:center}.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;position:absolute;top:0;right:0;width:46px;height:22px;line-height:22px;text-align:center;font-family:PingFang SC,helvetica,arial,verdana,tahoma,sans-serif;font-size:12px;color:#4e2d03;background:linear-gradient(45deg,#ffc552,#ffdd9a);border-top-right-radius:5px;border-bottom-left-radius:10px}.course-intro-main>.container>.course-header>.right .cover-mb>.container>img{width:120px;border-radius:5px;box-shadow:0 5px 15px #0003;opacity:var(--img-opacity)}.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{display:flex;justify-content:center;margin-top:30px}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container{display:flex;justify-content:space-between;gap:8px;background-color:var(--courseintro-promotion-bg);border:1px solid var(--courseintro-promotion-border);border-radius:4px;padding:8px 12px 8px 8px;font-size:13px}.course-intro-main>.container>.course-header>.right>.promotion-banner>.container .activity-tag{display:flex;align-items:center;font-size:14px;border-radius:4px;color:var(--courseintro-promotion-text)}.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{display:flex;align-items:center;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;font-weight:700;letter-spacing:-.3px;word-spacing:-3px;color:var(--courseintro-promotion-text)}.course-intro-main>.container>.course-header>.right>.buy{display:flex;justify-content:center;margin-top:15px}.course-intro-main>.container>.course-header>.right>.buy>.container{display:flex;justify-content:space-between}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg{display:flex;height:30px;line-height:30px}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg>.discount{padding:0 10px;font-weight:700;color:#f0ffee;background:#2eb86f;border-top-left-radius:5px;border-bottom-left-radius:5px}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg>.price{display:flex;padding:0 10px;background-color:var(--bg-silver-black3);border-top-right-radius:5px;border-bottom-right-radius:5px}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg>.price>.origin-price{position:relative;font-size:14px;color:#8f949e;text-decoration:line-through}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-msg>.price>.discount-price{margin-left:8px;font-weight:700;color:var(--courseintro-discount-price-text)}.course-intro-main>.container>.course-header>.right>.buy>.container>.buy-btn>button{z-index:10;position:relative;display:block;width:80px;height:30px;line-height:30px;font-size:14px;text-align:center;color:#fff;transition:all .15s linear;border:none;cursor:pointer}.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:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px}.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{border-radius:3px;background-image:linear-gradient(90deg,#ff9a44,#fc6076)}.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 (min-width:576px){.course-intro-main>.container>.course-header{margin-top:30px;padding:40px 30px}.course-intro-main>.container>.course-header>.left{display:block;position:relative;flex-shrink:0}.course-intro-main>.container>.course-header>.left:before{content:"精品课";z-index:10;position:absolute;top:0;right:0;width:46px;height:22px;line-height:22px;text-align:center;font-family:PingFang SC,helvetica,arial,verdana,tahoma,sans-serif;font-size:12px;color:#4e2d03;background:linear-gradient(45deg,#ffc552,#ffdd9a);border-top-right-radius:5px;border-bottom-left-radius:10px}.course-intro-main>.container>.course-header>.left>img{width:140px;border-radius:5px;box-shadow:0 5px 15px #0003;opacity:var(--img-opacity)}.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{width:-moz-fit-content;width:fit-content;justify-content:flex-start}.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{display:flex;justify-content:flex-start}}.course-intro-main>.container>.course-body{z-index:100;position:relative;display:flex;justify-content:space-between;margin:20px 0 80px}.course-intro-main>.container>.course-body>.left{width:100%;padding:20px 25px;background-color:var(--bg-white-black2);border:1px solid var(--border-white-black1);box-shadow:var(--box-shadow2);border-radius:5px}.course-intro-main>.container>.course-body>.left>.course-menu{display:flex;height:50px;line-height:50px;border-bottom:1px solid var(--border-silver-black2)}.course-intro-main>.container>.course-body>.left>.course-menu>div{width:50px;text-align:center;font-size:18px;font-weight:700;cursor:pointer}.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){position:relative;margin-left:50px}.course-intro-main>.container>.course-body>.left>.course-menu>div:nth-child(2)>span{position:absolute;top:8px;right:-36px;width:42px;height:18px;line-height:18px;text-align:center;font-size:12px;font-weight:400;color:var(--courseintro-menu-try-text);background:var(--courseintro-menu-try-bg);border-radius:3px;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{padding-bottom:16px;margin:32px 0 16px;font-size:22px;font-weight:700;border-bottom:1px solid var(--border-silver-black1)}.course-intro-main>.container>.course-body>.left>.course-info>.detail>h2>span{background-image:var(--courseintro-detail-h2-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.course-intro-main>.container>.course-body>.left>.course-info>.detail p{margin-bottom:16px;line-height:36px;font-size:16px}.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-repeat:no-repeat;background-position:100% 100%;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-size:0 1px;background-repeat:no-repeat;background-position:100% 100%;transition:background-size .25s linear}.course-intro-main>.container>.course-body>.left>.course-info>.detail a:hover{background-size:100% 1px;background-position:0 100%}.course-intro-main>.container>.course-body>.left>.course-info>.detail>p:has(>img){margin:50px 0;text-align:center}.course-intro-main>.container>.course-body>.left>.course-info>.detail>p:has(>img)>img{max-width:95%;border-radius:3px;opacity:var(--img-opacity)}.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{position:relative;padding-left:32px;line-height:32px;font-size:16px}.course-intro-main>.container>.course-body>.left>.course-info>.detail ul>li:before{content:"❑";position:absolute;top:0;left:0;width:32px;height:28px;text-align:center;font-size:15px;font-weight:700;color:var(--text-black1-white)}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box{position:relative;padding:20px 20px 20px 30px;margin:35px 0 35px 20px;border:1px solid var(--border-transparent-black1);background-color:var(--article-box-bg);border-radius:3px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box strong{background:var(--article-box-strong-bg);background-repeat:no-repeat;background-position:100% 100%;background-size:100% 10px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box>i{position:absolute;top:15px;left:-20px;display:block;width:32px;height:32px;line-height:32px;text-align:center;font-size:22px;color:var(--text-white-white);background-color:var(--article-box-i-bg);border-radius:2px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .note-box>i:after{content:"";position:absolute;bottom:-9px;left:0;border-color:#305c7d #305c7d transparent transparent;border-style:solid;border-width:5px 10px}.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:none}.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);padding:0 20px 15px;margin:30px 0;border:1px solid var(--border-transparent-black1);border-radius:5px;text-align:center}.course-intro-main>.container>.course-body>.left>.course-info>.detail .info-box strong{background:var(--article-box-strong-bg);background-repeat:no-repeat;background-position:100% 100%;background-size:100% 10px}.course-intro-main>.container>.course-body>.left>.course-info>.detail .info-box>h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%;display:inline-block;height:36px;line-height:36px;padding:0 15px;margin-top:0;margin-bottom:16px;font-size:17px;font-weight:700;color:var(--text-white-white)!important;background-color:var(--article-box-i-bg)!important;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.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{display:flex;align-items:center;justify-content:center;margin:50px 0 25px}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-name{font-size:20px;font-weight:800;background:var(--courseintro-menu-h2-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;margin:0 18px;white-space:nowrap}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-dot{width:8px;height:8px;border-radius:50%;background-color:#56deac;box-shadow:0 0 0 4px #34d07d26;flex-shrink:0}.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{position:relative;height:40px;line-height:40px;padding-left:20px;margin:10px 0;font-size:17px;font-weight:700;background:var(--courseintro-menu-h3-bg)}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a{display:block;position:relative;padding-left:38px;height:36px;line-height:36px;font-size:15px;transition:all .1s linear}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a:before{content:"";position:absolute;top:8px;left:14px;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}.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{display:block;width:calc(100% - 50px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a>i.iconfont{position:absolute;top:0;right:20px;color:#a5acb5}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>a>i.try{position:absolute;top:6px;right:10px;height:24px;line-height:24px;padding:0 5px;font-size:12px;color:var(--courseintro-catalog-try-text);background:var(--courseintro-catalog-try-bg);border-radius:3px;transition:all .2s linear}.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 (min-width:576px){.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-line{display:block;flex:1;height:2px;opacity:.7}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-line.left{margin-right:15px;background:linear-gradient(to left,var(--courseintro-part-line-bg),transparent)}.course-intro-main>.container>.course-body>.left>.course-info>.catalog>.part-header>.part-line.right{margin-left:15px;background:linear-gradient(to right,var(--courseintro-part-line-bg),transparent)}}@media screen and (min-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{display:block;width:260px}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card{position:sticky;padding:24px;background-color:var(--bg-white-black2);border:1px solid var(--border-white-black1);border-radius:6px;box-shadow:var(--box-shadow2)}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .price-section{display:flex;justify-content:center;align-items:baseline;margin-bottom:15px}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .price-section .discount-price{font-size:30px;font-weight:600;color:var(--courseintro-discount-price-text)}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .price-section .origin-price{margin-left:10px;font-size:16px;color:#8f949e;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{position:relative;display:block;width:100%;height:44px;line-height:44px;text-align:center;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .15s linear}.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:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.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{padding-top:20px;border-top:1px solid var(--border-silver-black1)}.course-intro-main>.container>.course-body>.right>.sticky-purchase-card .feature-list ul>li{display:flex;align-items:center;margin-bottom:16px;line-height:1.4;font-size:14px;color:var(--text-black3-silver)}.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{margin-right:12px;font-size:20px;font-weight:500;color:#19b694}}.course-intro-main{display:flex;justify-content:center;position:relative;background-color:var(--bg-silver-black1)}.course-intro-main:before{content:"";position:absolute;top:0;left:0;width:100%;height:500px;background:var(--bg-gradient)}.course-intro-main>.container{width:93%}@media screen and (min-width:820px){.course-intro-main>.container{width:83%}}@media screen and (min-width:1200px){.course-intro-main>.container{width:80%}}@media screen and (min-width:1400px){.course-intro-main>.container{width:63%}}