.course-detail.page{max-width:100%;--c-d-page-bg-color:#f7f7f7;--c-d-bg-color:rgba(0,159,223,0.06274509803921569);--c-d-border-color:#009fdf;--c-d-content-bg-color:hsla(0,0%,70.2%,0.12549019607843137);--c-d-content-border-color:#b3b3b3;--c-d-side-width:300px;--thumbs-width:84px;overflow-x:hidden}.course-detail.page :not([class*=popup]){position:relative;z-index:2}.course-detail.page.none-role .mask{display:none}.course-detail.page.none-role .content-bg:before,.course-detail.page.none-role .has-bg:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.course-detail.page.none-role .has-bg:before{background-color:var(--c-d-bg-color)}.course-detail.page.none-role .content-bg:before{background-color:var(--c-d-content-bg-color)}.course-detail.page.none-role .page-con .con.details .content .course-info h4{color:#000;border-bottom:2px solid #4c4c4c}.course-detail.page .content-bg,.course-detail.page .has-bg{background-color:#fff}.course-detail.page .content-border,.course-detail.page .has-border{border-style:solid}.course-detail.page .has-border:not([class*=role][class*=-border]){border-color:var(--c-d-border-color)}.course-detail.page .content-border:not([class*=role][class*=-border]){border-color:var(--c-d-content-border-color)}.course-detail.page span[class*=-border]{border-style:solid;border-width:1px}.course-detail.page span.tips{padding:0 15px;font-size:14px;font-weight:400;font-family:Source Han Sans CN;white-space:nowrap;color:#fff;border-radius:0}.course-detail.page span.tips:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAtCAYAAABMDJJUAAAAAXNSR0IArs4c6QAAAgJJREFUeF7tncFtwkAQRWdvtEFK8FqcuYc0kGICKSYNJGklaYQzcrSWRWQBZkeavfCfz/a35vFkPrA2Kef8bWbPxgaBQAJps9msT6fTr5mtAnOJEieQyvx93x+GYdiLs2D8QAKjWNvtdnU8HstVax2YTZQwgVGssnVdt0spfQmzYPRAAmexSiZFPpCseNRMLIq8uA2B48/EosgHkhWPuhCLIi9uRND4F2JR5IPIisdcFYsiL25FwPg3xaLIB9AVjrgpFkVe2IqA0RfFosgHEBaNWBSLIi9qRcDYd8Wainz5qWcXcD4iRAhUiUWRF7EhcMwqsaa3xH1K6RB4bqIemEC1WBT5B7agwWjVYk1dqyxhLkuZ2SCwSMAlFkUem2oJuMWiyNei1d7PLdZ01fows1dtdEy/RMAtFlcshKoh4Bar7/vPYRheasLZR5eAS6ycM58KdV1xTV4t1vQ91o+ZPbnOwM6SBKrFyjm/mdm7JCWGdhOoEovC7uYqf0CVWBR2eU/cAO6KRWF3M+UAM6tZQUphRxU3gUWxuq5jqYwbKQcUAtylgwdNCCzdV8hy5CbINUKvikVh13jxW07Jsxta0hXOvhCLwi5sQ+DoPB8rECZR/wRmYuWcKezYEULgLBaFPYQnIROBUSxu7cKHaAKjWBT2aKzk8c8UONCEQKKwN+EqH/oHTpuM5kGrmsMAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:100% 100%}.course-detail.page span.share{padding:0 15px;position:relative;margin-right:0;cursor:pointer}.course-detail.page span.share:not([class*=-bg]){background-color:var(--c-d-border-color)}.course-detail.page span.share:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color:#fff}.course-detail.page span.share .icon-defined{margin-left:5px}.course-detail.page .course-loading{width:100%;max-width:1140px;margin:0 auto;padding-top:60px;padding-bottom:60px;line-height:120px;font-size:20px;font-weight:500;font-family:Source Han Sans CN;color:#333;text-align:center}.course-detail.page .banner.ban{opacity:0}.course-detail.page .banner.ban.pc{height:15px}.course-detail.page .banner.ban.mob{height:0}.course-detail.page .page-con .con h5{line-height:20px;font-size:18px;font-weight:500;font-family:Source Han Sans CN;color:#333}.course-detail.page .page-con .con h5 i{font-size:22px;font-weight:600;margin-right:5px}.course-detail.page .page-con .con.tags{width:100%;margin-top:0;margin-bottom:0;justify-content:space-between;align-content:flex-start;align-items:flex-start}.course-detail.page .page-con .con.tags .flex-con{height:100%;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.course-detail.page .page-con .con.tags span:not([class*=icon]){line-height:24px;padding:0 15px;margin-right:10px;margin-bottom:5px;font-size:14px;font-weight:400;font-family:Source Han Sans CN;white-space:nowrap;align-items:center;border-radius:6px}.course-detail.page .page-con .con.tags span:not([class*=icon]):not([class*=-con]){display:inline-block}.course-detail.page .page-con .con.tags span:not([class*=icon]).content-border{color:#4c4c4c}.course-detail.page .page-con .con.tags .tips{margin-left:-45px;margin-right:30px}.course-detail.page .page-con .con.tags .tips:before{transform:rotate(180deg)}.course-detail.page .page-con .con .course-info:not(:last-of-type){padding-bottom:30px}.course-detail.page .page-con .con .course-info.keywords.tags{flex-wrap:wrap;justify-content:flex-start}.course-detail.page .page-con .con .course-info h4{width:25%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-bottom:5px;margin-top:0;margin-bottom:0;line-height:22px;font-size:20px;font-weight:500;font-family:Source Han Sans CN;border-width:2px;border-top:none;border-left:none;border-right:none}.course-detail.page .page-con .con .course-info .outline,.course-detail.page .page-con .con .course-info p{width:100%;margin-bottom:0;line-height:28px;font-size:18px;font-weight:400;color:grey}.course-detail.page .page-con .con .course-info p{margin-top:15px}.course-detail.page .page-con .con .course-info .outline{padding:0 10px;margin-top:22px;border-width:1px}.course-detail.page .page-con .con .course-info .outline .grid-con{width:100%;height:100%;padding:20px 0}.course-detail.page .page-con .con .course-info .outline .flex-con{width:100%;height:100%}.course-detail.page .page-con .con .course-info .outline div[class*=-con]{padding:20px 0;align-content:flex-start;align-items:flex-start;border-top-width:0;border-bottom-width:0;border-left-width:0;border-right-width:0}.course-detail.page .page-con .con .course-info .outline div[class*=-con]:not(:first-of-type){border-top-width:1px}.course-detail.page .page-con .con .course-info .outline div[class*=-con] p{margin-top:0;white-space:pre-wrap}.course-detail.page .page-con .con .course-info .outline div[class*=-con] .title{width:45%;height:100%;margin-right:-1px;padding:20px 10px 20px 0;border-top:none;border-bottom:none;border-left:none;border-width:1px}.course-detail.page .page-con .con .course-info .outline div[class*=-con] .desc{width:55%;height:100%;padding:20px 0 20px 10px;border-top:none;border-bottom:none;border-right:none;border-width:1px}.course-detail.page .page-con .plan h6,.course-detail.page .page-con .plan p{margin-top:15px;padding-left:28px}.course-detail.page .page-con .plan h6{font-size:15px;font-weight:400}.course-detail.page .page-con .plan p{margin-top:12px;line-height:1;font-size:22px;font-weight:400;color:#333}.course-detail.page .page-con .plan p span{line-height:1;font-size:40px;font-family:Source Han Sans CN;vertical-align:bottom;margin-right:10px;color:#000}.course-detail.page .page-con .plan .cli{width:100%;height:0;margin-top:20px;font-size:18px;font-weight:400;color:#fff;text-align:center;box-shadow:0 1px 18px 0 rgba(116,118,121,.41);border-radius:10px;border-width:30px}.course-detail.page .page-con .plan .cli:not([class*=-bg]){background:#2ea9ef}.course-detail.page .page-con .plan .cli:first-of-type{margin-top:30px}.course-detail.page .page-con .plan .cli .mask{top:-30px!important;bottom:-30px!important;left:-30px!important;right:-30px!important;border-width:30px!important;border-radius:10px}.course-detail.page .mob>.grid-con,.course-detail.page .mob>.grid-con .page-con:last-of-type,.course-detail.page .pc .page-con.grid-con,.course-detail.page .pc .page-con.grid-con .details{position:relative;overflow:hidden}.course-detail.page p.is-blank{--blank-height:85px;--blank-size:16px;--blank-color:rgba(255,0,0,0.6);--blank-bgcolor:#f7f7f7;display:none;width:100%;line-height:1;height:var(--blank-height);font-size:var(--blank-size);font-weight:400;color:var(--blank-color);padding-bottom:9px;align-content:flex-end;align-items:flex-end;position:absolute;bottom:0;left:0;right:0;z-index:99;background:linear-gradient(180deg,transparent 0,var(--blank-bgcolor) calc(var(--blank-height) - var(--blank-size)*3),var(--blank-bgcolor))}.course-detail.page p.is-blank:before{content:"";display:block;width:220px;height:35px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:8px;border:1px solid var(--blank-color)}.course-detail.page p.is-blank span{margin-right:8px;margin-bottom:-1px}.course-detail.page p.is-blank a,.course-detail.page p.is-blank a:active,.course-detail.page p.is-blank a:focus,.course-detail.page p.is-blank a:hover,.course-detail.page p.is-blank a:link,.course-detail.page p.is-blank a:visited{font-weight:400;color:var(--blank-color);cursor:pointer}.course-detail.page p.is-blank a.link,.course-detail.page p.is-blank a:active.link,.course-detail.page p.is-blank a:focus.link,.course-detail.page p.is-blank a:hover.link,.course-detail.page p.is-blank a:link.link,.course-detail.page p.is-blank a:visited.link{margin:0 1px;margin-bottom:-2px;padding-bottom:1px;font-size:var(--blank-size);border-bottom:1px solid var(--blank-color)}.course-detail.page .pc .page-con{max-width:1350px;padding:30px 45px;margin-bottom:25px;background-color:#fff}.course-detail.page .pc .page-con .mask{position:absolute;z-index:1}.course-detail.page .pc .page-con .mask[class*=role][class*=-bg]{opacity:.075}.course-detail.page .pc .page-con .con.tags{margin-top:-10px;margin-bottom:10px}.course-detail.page .pc .page-con .con.simple{padding:30px 15px;align-content:flex-start;align-items:flex-start;border-width:15px}.course-detail.page .pc .page-con .con.simple .mask{top:-15px;bottom:-15px;left:-15px;right:-15px;border-width:15px}.course-detail.page .pc .page-con .con.simple>.tips{line-height:28px;padding-right:28px;position:absolute;top:-15px;left:-15px}.course-detail.page .pc .page-con .con.simple>.tips:before{transform:rotate(180deg)}.course-detail.page .pc .page-con .con.simple .tags{margin-top:20px;margin-bottom:0}.course-detail.page .pc .page-con .con.simple .le{width:100%}.course-detail.page .pc .page-con .con.simple .le h1{line-height:1.2;font-size:48px;font-weight:500;font-family:Source Han Sans CN;color:#000}.course-detail.page .pc .page-con .con.simple .le h1 .tips{line-height:26px;position:absolute;top:9px;right:-15px}.course-detail.page .pc .page-con .con.simple .le .lecturer{width:100%;margin-top:30px;justify-content:flex-start;align-content:flex-start;align-items:flex-start;cursor:pointer}.course-detail.page .pc .page-con .con.simple .le .lecturer .img{width:var(--thumbs-width);height:var(--thumbs-width);min-width:var(--thumbs-width);min-height:var(--thumbs-width);border-radius:50%;overflow:hidden}.course-detail.page .pc .page-con .con.simple .le .lecturer .img.has-border{border-width:1px}.course-detail.page .pc .page-con .con.simple .le .lecturer .img img{width:100%;height:100%;max-width:calc(var(--thumbs-width) - 2px);max-height:calc(var(--thumbs-width) - 2px);border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.course-detail.page .pc .page-con .con.simple .le .lecturer .desc{padding-left:10px}.course-detail.page .pc .page-con .con.simple .le .lecturer .desc h3{line-height:25px;font-size:20px;font-weight:400;font-family:Source Han Sans CN;color:#333}.course-detail.page .pc .page-con .con.simple .le .lecturer .desc h3.name{font-size:24px;margin-bottom:10px}.course-detail.page .pc .page-con .con.simple .le .lecturer .desc p{line-height:26px;font-size:18px;font-weight:400;color:grey;margin-top:15px;white-space:pre-wrap}.course-detail.page .pc .page-con .con.simple .ri.plan{width:var(--c-d-side-width);min-width:var(--c-d-side-width);height:100%;padding:35px 30px;margin-top:-40px;margin-left:30px;margin-right:-25px;background-color:#fff}.course-detail.page .pc .page-con .con.simple .ri.plan h5:not(:first-of-type){margin-top:28px}.course-detail.page .pc .page-con .con.simple .ri.plan h6{font-weight:500}.course-detail.page .pc .page-con .con.details,.course-detail.page .pc .page-con .con.related{background-color:#fff}.course-detail.page .pc .page-con .con.details{width:calc(100vw - var(--c-d-side-width) - 50px);max-width:calc(1300px - var(--c-d-side-width));padding:30px 30px 30px 45px;margin-right:-15px;border-right:15px solid var(--c-d-page-bg-color)}.course-detail.page .pc .page-con .con.details .content{padding:45px 30px;border-width:10px;border-left:none;border-right:none}.course-detail.page .pc .page-con .con.details .content .mask[class*=role][class*=-border]{top:-10px;bottom:-10px;left:0;right:0;border-top-width:10px;border-bottom-width:10px;border-left:none;border-right:none}.course-detail.page .pc .page-con .con.details .content .mask[class*=role][class*=-bg]{top:0;bottom:0;left:0;right:0}.course-detail.page .pc .page-con .con.details .content .tags{margin-top:0;margin-bottom:0}.course-detail.page .pc .page-con .con.details .content .tags.keywords{margin-top:15px}.course-detail.page .pc .page-con .con.details .content .tags.share{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;top:-10px;right:0;z-index:3}.course-detail.page .pc .page-con .con.details .content .tags.share span{line-height:28px;margin-right:0;border-radius:0}.course-detail.page .pc .page-con .con.details .content .tags.share span:hover:before{opacity:.9}.course-detail.page .pc .page-con .con.details .content h1{font-size:36px;line-height:1.3}.course-detail.page .pc .page-con .con.related{width:calc(var(--c-d-side-width) + 65px);min-width:calc(var(--c-d-side-width) + 65px);max-width:calc(var(--c-d-side-width) + 65px);padding:0;border-left:15px solid var(--c-d-page-bg-color)}.course-detail.page .pc .page-con .con.related .lecturer,.course-detail.page .pc .page-con .con.related .list{padding:30px;padding-right:45px}.course-detail.page .pc .page-con .con.related .lecturer{border-bottom:15px solid var(--c-d-page-bg-color)}.course-detail.page .pc .page-con .con.related .lecturer .content{width:100%;padding:15px;--thumbs-width-min:calc(var(--thumbs-width)*0.75)}.course-detail.page .pc .page-con .con.related .lecturer .content:not(:first-of-type){margin-top:15px}.course-detail.page .pc .page-con .con.related .lecturer .content.has-bg:before,.course-detail.page .pc .page-con .con.related .lecturer .content .mask[class*=role][class*=-bg]{top:0;bottom:0;left:0;right:0}.course-detail.page .pc .page-con .con.related .lecturer .content .flex-con,.course-detail.page .pc .page-con .con.related .lecturer .content .grid-con{width:100%}.course-detail.page .pc .page-con .con.related .lecturer .content .flex-con{align-items:flex-start;align-content:flex-start;cursor:pointer}.course-detail.page .pc .page-con .con.related .lecturer .content .img{width:var(--thumbs-width-min);height:var(--thumbs-width-min);min-width:var(--thumbs-width-min);min-height:var(--thumbs-width-min);margin:0 auto;margin-right:8px;border-radius:50%;overflow:hidden}.course-detail.page .pc .page-con .con.related .lecturer .content .img.has-border{border-width:1px}.course-detail.page .pc .page-con .con.related .lecturer .content .img img{width:100%;height:100%;max-width:calc(var(--thumbs-width-min) - 2px);max-height:calc(var(--thumbs-width-min) - 2px);border-radius:50%}.course-detail.page .pc .page-con .con.related .lecturer .content h5,.course-detail.page .pc .page-con .con.related .lecturer .content h6{margin-top:0;text-align:left}.course-detail.page .pc .page-con .con.related .lecturer .content h6{margin-top:5px;line-height:1.2;font-size:14px;font-weight:400}.course-detail.page .pc .page-con .con.related .lecturer .content p{margin-top:10px;line-height:1.2;font-size:15px;font-weight:400;white-space:pre-wrap;color:grey}.course-detail.page .pc .page-con .con.related .list h5 img{width:18px;height:auto;margin-top:-3px;margin-left:5px;cursor:pointer}.course-detail.page .pc .page-con .con.related .list h5 img.rotate{-webkit-animation:rotate var(--refresh-time) linear;animation:rotate var(--refresh-time) linear}.course-detail.page .pc .page-con .con.related .list .related-course{margin-top:30px}.course-detail.page .pc .page-con .con.related .list .related-course .title{display:list-item;margin-left:18px;line-height:1.2;font-size:16px;font-weight:500;text-decoration:underline;color:#333;cursor:pointer}.course-detail.page .pc .page-con .con.related .list .related-course .title:hover{color:#2ea9ef}.course-detail.page .pc .page-con .con.related .list .related-course .title i{font-size:18px}.course-detail.page .pc .page-con .con.related .list .related-course .desc{margin-top:5px;line-height:18px;font-size:13px;font-weight:400;color:grey;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}.course-detail.page .pc .page-con.grid-con{max-width:1350px;padding:0;justify-content:center;align-items:flex-start;grid-auto-flow:column;background-color:transparent}.course-detail.page .mob{height:auto;--thumbs-width:76px}.course-detail.page .mob h1{padding:35px 15px 25px 15px;line-height:40px;font-size:26px;font-weight:500;font-family:Source Han Sans CN Normal;color:#000}.course-detail.page .mob span.tips{line-height:20px;position:absolute;top:0;left:0}.course-detail.page .mob span.tips:before{transform:rotate(180deg)}.course-detail.page .mob span.share{height:auto;padding:0 10px;position:fixed;top:var(--header-height);right:0;z-index:3;border-radius:0}.course-detail.page .mob .page-con{margin-bottom:20px;border-width:5px;border-bottom:none;border-left:none;border-right:none;background-color:#fff}.course-detail.page .mob .page-con .con{padding:30px 0}.course-detail.page .mob .page-con .con.tags{padding-bottom:0}.course-detail.page .mob .page-con .con.tags span:not([class*=icon]){line-height:18px;margin-bottom:6px;padding:0 10px;font-size:12px;font-weight:400;font-family:Source Han Sans CN}.course-detail.page .mob .page-con .con.content{padding-top:0}.course-detail.page .mob .page-con .con.content .tags{padding-top:15px;margin-bottom:25px}.course-detail.page .mob .page-con .con.lecturer .content .flex-con{justify-content:flex-start;align-items:flex-start}.course-detail.page .mob .page-con .con.lecturer .content .img{width:var(--thumbs-width);height:var(--thumbs-width);min-width:var(--thumbs-width);min-height:var(--thumbs-width);margin-right:15px;border-radius:50%;overflow:hidden}.course-detail.page .mob .page-con .con.lecturer .content .img.has-border{border-width:1px}.course-detail.page .mob .page-con .con.lecturer .content .img img{width:100%;height:100%;max-width:calc(var(--thumbs-width) - 2px);max-height:calc(var(--thumbs-width) - 2px);border-radius:50%}.course-detail.page .mob .page-con .con.lecturer .content h5{padding-top:5px}.course-detail.page .mob .page-con .con.lecturer .content h6{line-height:1.4;font-size:13px;margin-top:10px}.course-detail.page .mob .page-con .con.lecturer .content p,.course-detail.page .mob .page-con .con.plan h5:not(:first-of-type){margin-top:20px}.course-detail.page .mob .page-con .con.plan h6{font-size:16px}.course-detail.page .mob .page-con .con.plan p{font-size:20px}.course-detail.page .mob .page-con .con.plan p span{font-size:36px}.course-detail.page .mob .page-con .con.plan .cli{height:auto;line-height:45px;font-size:16px}.course-detail.page .mob .page-con .con .course-info h4{width:33%;line-height:20px;font-size:18px}.course-detail.page .mob .page-con .con .course-info .outline,.course-detail.page .mob .page-con .con .course-info p{line-height:25px;font-size:15px}