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