.course-detail.page{height:auto}.course-detail.page *{box-sizing:border-box}.course-detail.page * .h1,.course-detail.page * .h2,.course-detail.page * .h3,.course-detail.page * .h4,.course-detail.page * .h5,.course-detail.page * .h6,.course-detail.page * h1,.course-detail.page * h2,.course-detail.page * h3,.course-detail.page * h4,.course-detail.page * h5,.course-detail.page * h6,.course-detail.page * li,.course-detail.page * p,.course-detail.page * ul{margin-top:0;margin-bottom:0;white-space:pre-wrap}.course-detail.page .course-info h4{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;line-height:22px;font-size:20px;font-weight:400;font-family:Source Han Sans CN;color:#000;padding-bottom:5px;border-bottom:2px solid #4c4c4c}.course-detail.page .recommend.list .item{margin-top:35px;align-items:flex-start}.course-detail.page .recommend.list .item .le p:first-of-type{width:60px;padding-bottom:20px;line-height:40px;font-size:24px;font-weight:700;font-family:Source Han Sans CN;text-align:center;color:#09c;border:1px solid #b3b3b3;border-radius:6px;position:relative}.course-detail.page .recommend.list .item .le p:first-of-type span{width:100%;line-height:20px;font-size:14px;font-weight:400;color:#fff;display:inline-block;background:#333;position:absolute;bottom:0;left:0}.course-detail.page .recommend.list .item .le p:nth-of-type(2){margin-top:5px;font-size:14px;font-weight:400;font-family:Source Han Sans CN;text-align:center;color:#333}.course-detail.page .recommend.list .item .le p:nth-of-type(2) i{margin-right:3px}.course-detail.page .recommend.list .item .ri{padding-left:25px;font-family:Source Han Sans CN Normal;cursor:pointer}.course-detail.page .recommend.list .item .ri h6{margin-bottom:5px;line-height:24px;font-size:18px;font-weight:500;color:#000}.course-detail.page .recommend.list .item .ri p{line-height:20px;font-size:16px;font-weight:400;color:grey}.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;background-color:#fff;background-clip:content-box}.course-detail.page .pc-cd{height:auto!important}.course-detail.page .pc-cd .flex-con.page-con{max-width:1200px;margin:0 auto;padding-top:60px;padding-bottom:120px;align-items:flex-start;align-content:flex-start}.course-detail.page .pc-cd .flex-con.page-con .fle{width:100%;padding:0 15px;background-color:transparent;position:relative}.course-detail.page .pc-cd .flex-con.page-con .fle .rem{width:100px;top:30px;right:15px;line-height:30px;font-size:16px;font-weight:400;font-family:Source Han Sans CN;text-align:center;color:#fff;position:absolute;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:cover}.course-detail.page .pc-cd .flex-con.page-con .fle .con{width:100%;background-color:#fff}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top{padding:50px 20px 25px 20px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top h1{padding-right:90px;margin-bottom:50px;line-height:60px;font-size:45px;font-weight:500;font-family:Source Han Sans CN;color:#000}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top p.tag{margin-top:20px;margin-bottom:20px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top p.tag span{line-height:24px;font-size:14px;font-weight:400;font-family:Source Han Sans CN;color:#4c4c4c;border:1px solid #b3b3b3;border-radius:6px;margin-top:5px;margin-right:10px;padding:0 15px;display:inline-block}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top p.tag span .iconfont{font-size:18px;vertical-align:bottom}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .lecturer{cursor:pointer;display:flex}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .lecturer .le{width:80px;min-width:80px;height:80px;border-radius:50px;background-color:#eee;overflow:hidden}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .lecturer .le img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .lecturer .ri{padding-left:20px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .lecturer .ri h3{line-height:25px;font-size:20px;font-weight:400;font-family:Source Han Sans CN;color:#333}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .lecturer .ri h3.name{font-size:24px;margin-bottom:5px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .lecturer .ri p{line-height:30px;font-size:20px;font-weight:400;color:grey;margin-top:20px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top hr{margin-top:60px;margin-bottom:50px;border-color:#b2b2b2}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info:not(:last-of-type){padding-bottom:40px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info p.text{width:100%;margin-top:15px;line-height:30px;font-size:18px;font-weight:400;color:grey}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .outline{width:100%;padding:0 10px;margin-top:30px;border:1px solid #b3b3b3}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .outline .item:not(:first-of-type){border-top:1px solid #b3b3b3}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .outline .item{padding:20px 0;display:flex}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .outline .item .le{width:50%;padding:20px 10px 20px 0;border-right:1px solid #b3b3b3}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .outline .item .ri{width:50%;padding:20px 0 20px 10px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .outline .item div p{line-height:30px;font-size:18px;font-weight:400;color:grey}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .outline .item div p *{width:100%;white-space:pre-line}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .bottom{width:100%;padding-top:30px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .bottom .cli{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:0 15px;line-height:25px;font-size:16px;font-weight:400;font-family:Source Han Sans CN;color:#333}.course-detail.page .pc-cd .flex-con.page-con .fle .con.top .course-info .bottom .cli i{font-size:22px;font-weight:700;vertical-align:bottom}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom{padding:20px 20px 0 20px;margin-top:50px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list{margin:0 -8px;margin-top:15px;display:flex;flex-wrap:wrap}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list .item{width:33.33%;padding:0 8px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list .item .top{width:100%;height:130px;background-color:#eee}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list .item .bottom{padding:10px 15px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list .item .bottom p,.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list .item .bottom span{line-height:15px;font-size:12px;font-weight:400;font-family:Source Han Sans CN;color:grey}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list .item .bottom p.title{line-height:20px;font-size:16px;color:#4c4c4c;margin-bottom:20px}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list .item .bottom p:not(.title){position:relative}.course-detail.page .pc-cd .flex-con.page-con .fle .con.bottom .list .item .bottom p:not(.title) span{position:absolute;right:0}.course-detail.page .pc-cd .flex-con.page-con .fri{min-width:390px;padding:0 15px;background-color:transparent}.course-detail.page .pc-cd .flex-con.page-con .fri .con{width:100%;background-color:#fff;margin-bottom:20px}.course-detail.page .pc-cd .flex-con.page-con .fri .con h5{line-height:20px;font-size:18px;font-weight:500;font-family:Source Han Sans CN;color:#333}.course-detail.page .pc-cd .flex-con.page-con .fri .con h5 i{font-size:22px;font-weight:600;margin-right:5px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .img{border-bottom:10px solid #009fdf}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list{padding:0 25px 25px 25px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h5{padding-top:40px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h5 span{font-size:14px;vertical-align:bottom}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list p{line-height:1;font-size:24px;font-weight:400;color:#333;margin-top:15px;padding-left:25px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list p span{line-height:50px;font-size:48px;font-family:Source Han Sans CN;vertical-align:bottom;margin-right:20px;color:#000}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6{line-height:1;margin-top:15px;padding-left:25px;position:relative}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6 span{line-height:16px;font-size:16px;font-weight:500;color:#333}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6 i{width:15px;height:15px;display:inline-block;margin-right:8px;position:relative}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6 i:before{position:absolute}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6 i.icon-shijian1{height:15px;margin-top:2px;padding-top:1px;border-radius:100%;background:grey;vertical-align:top}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6 i.icon-shijian1+span{font-size:18px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6 i.icon-shijian1:before{margin-top:0;margin-left:-1px;line-height:13px;font-size:18px;color:#fff;vertical-align:super}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6 i.icon-didian{vertical-align:sub}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list h6 i.icon-didian:before{margin-top:0;margin-left:-1px;line-height:14px;font-size:20px;color:grey}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list .cli{margin-top:20px;line-height:60px;font-size:18px;font-weight:400;color:#fff;text-align:center;background:#2ea9ef;box-shadow:0 1px 18px 0 rgba(116,118,121,.41);border-radius:10px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.top .list .cli:first-of-type{margin-top:30px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.middle{padding:30px 30px 20px 30px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.middle h5{line-height:24px;font-weight:400}.course-detail.page .pc-cd .flex-con.page-con .fri .con.middle .cli{margin-top:30px;line-height:44px;font-size:16px;font-weight:400;font-family:Source Han Sans CN;text-align:center;color:#333;border:1px solid #333;border-radius:6px}.course-detail.page .pc-cd .flex-con.page-con .fri .con.bottom{padding:30px}.course-detail.page .mob-cd{width:100vw;height:100vh;padding-top:60px;padding-bottom:66px;position:fixed;top:0;left:0;overflow:auto}.course-detail.page .mob-cd .page-con{padding:0 15px;margin-bottom:20px;background-color:#fff}.course-detail.page .mob-cd .page-con .con{padding:30px 0}.course-detail.page .mob-cd .page-con .con h3{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;line-height:20px;font-size:18px;font-weight:500;font-family:Source Han Sans CN Normal;color:#000;padding-bottom:5px;border-bottom:2px solid #4c4c4c}.course-detail.page .mob-cd .page-con .con p.text{line-height:25px;font-size:15px;font-weight:400;font-family:Source Han Sans CN Normal;color:grey;white-space:pre-line}.course-detail.page .mob-cd .m-ban{background-color:transparent;position:relative;padding-top:35px;margin-bottom:25px}.course-detail.page .mob-cd .m-ban h1{padding-right:75px;line-height:40px;font-size:26px;font-weight:500;font-family:Source Han Sans CN Normal;color:#000}.course-detail.page .mob-cd .m-ban p{width:80px;line-height:24px;font-size:12px;font-weight:400;font-family:Source Han Sans CN;text-align:center;color:#fff;position:absolute;top:35px;right: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:cover}.course-detail.page .mob-cd .m-lecturer{border-top:5px solid #009fdf}.course-detail.page .mob-cd .m-lecturer .con{padding-bottom:25px}.course-detail.page .mob-cd .m-lecturer .con .tag span{display:inline-block;line-height:18px;border:2px solid #b3b3b3;border-radius:6px;padding:0 10px;margin-right:10px;margin-bottom:5px;font-size:12px;font-weight:400;font-family:Source Han Sans CN;color:#4c4c4c}.course-detail.page .mob-cd .m-lecturer .con .tag span i{font-size:15px}.course-detail.page .mob-cd .m-lecturer .con .name{margin-top:30px;position:relative;cursor:pointer}.course-detail.page .mob-cd .m-lecturer .con .name .img{width:60px;height:60px;border-radius:50%;position:absolute;overflow:hidden;background-color:#eee}.course-detail.page .mob-cd .m-lecturer .con .name .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.course-detail.page .mob-cd .m-lecturer .con .name h4{margin-left:80px;padding-top:5px;line-height:25px;font-size:18px;font-weight:400;font-family:Source Han Sans CN;color:#333}.course-detail.page .mob-cd .m-lecturer .con .name h4 p{font-size:15px}.course-detail.page .mob-cd .m-lecturer .con .text{margin-top:20px}.course-detail.page .mob-cd .m-plan .con h3{position:relative}.course-detail.page .mob-cd .m-plan .con h3 span{width:220px;position:absolute;display:inline-block;font-size:14px;font-weight:400;color:#333}.course-detail.page .mob-cd .m-plan .con p{line-height:42px;font-size:24px;font-weight:400;font-family:Source Han Sans CN Normal;color:#333;padding-left:30px;margin:15px 0 20px 0}.course-detail.page .mob-cd .m-plan .con p span{font-size:48px;color:#000;margin-right:5px;vertical-align:text-bottom}.course-detail.page .mob-cd .m-plan .con h5{padding:20px 0 0 30px;line-height:20px;font-size:18px;font-weight:400;font-family:Source Han Sans CN;color:#333}.course-detail.page .mob-cd .m-plan .con h5 i{width:14px;height:13px;display:inline-block;margin-right:5px;position:relative}.course-detail.page .mob-cd .m-plan .con h5 i:before{position:absolute}.course-detail.page .mob-cd .m-plan .con h5 i.icon-shijian1{height:14px;padding-top:1px;border-radius:100%;background:grey}.course-detail.page .mob-cd .m-plan .con h5 i.icon-shijian1:before{margin-left:-1px;line-height:12px;font-size:17px;color:#fff;vertical-align:super}.course-detail.page .mob-cd .m-plan .con h5 i.icon-didian:before{margin-top:-2px;margin-left:-1px;line-height:14px;font-size:18px;color:grey}.course-detail.page .mob-cd .m-plan .con .flex-con{margin-top:25px}.course-detail.page .mob-cd .m-plan .con .flex-con .cli{width:44%;max-width:300px;margin:0 3%;line-height:45px;font-size:15px;font-family:Source Han Sans CN;font-weight:400;text-align:center;color:#fff;border-radius:6px;background:#2ea9ef;box-shadow:0 1px 9px 0 rgba(116,118,121,.41)}.course-detail.page .mob-cd .m-link .con h3{color:#333;border:none}.course-detail.page .mob-cd .m-link .con .flex-con{margin-top:35px}.course-detail.page .mob-cd .m-link .con .flex-con .cli{width:44%;max-width:300px;margin:0 3%;line-height:40px;font-size:15px;font-weight:400;font-family:Source Han Sans CN;text-align:center;color:#1f252a;border:1px solid #050001;border-radius:6px}.course-detail.page .mob-cd .m-course .con h3:not(:first-of-type){padding-top:30px}.course-detail.page .mob-cd .m-course .con p.text{margin-top:15px}.course-detail.page .mob-cd .m-course .con .outline{width:100%;margin-top:15px;padding:0 10px;border:1px solid #b2b2b2}.course-detail.page .mob-cd .m-course .con .outline .item:not(:first-of-type){border-top:1px solid #b2b2b2}.course-detail.page .mob-cd .m-course .con .outline .item{width:100%;padding:15px 0}.course-detail.page .mob-cd .m-course .con .outline .item p.text{margin:0;line-height:22px}.course-detail.page .mob-cd .m-course .con .bottom p.cli.text{font-family:Source Han Sans CN;text-align:center;color:#333;margin-top:25px;margin-bottom:0}.course-detail.page .mob-cd .m-course .con .bottom p.cli.text i{font-size:20px;font-weight:500;vertical-align:bottom}.course-detail.page .mob-cd .m-other .con{padding-bottom:15px}.course-detail.page .mob-cd .m-other .con .flex-con{flex-wrap:wrap;margin:0 -6px}.course-detail.page .mob-cd .m-other .con .flex-con .item{width:50%;padding:0 6px;margin-top:15px}.course-detail.page .mob-cd .m-other .con .flex-con .item div{width:100%;height:100px;background-color:#eee}.course-detail.page .mob-cd .m-other .con .flex-con .item h5{width:100%;padding:0 5px;margin-top:10px;line-height:20px;font-size:14px;font-weight:400;font-family:Source Han Sans CN;color:#4c4c4c}.course-detail.page .mob-cd .m-other .con .flex-con .item p{width:100%;padding:0 5px;margin-top:15px;position:relative;font-size:12px;color:grey}.course-detail.page .mob-cd .m-other .con .flex-con .item p span{right:0;position:absolute}.course-detail.page .mob-cd .m-recommend .list{padding:0 15px}.course-detail.page .mob-cd .m-recommend .list .item{margin-top:25px}.course-detail.page .mob-cd .m-recommend .list .item .ri{padding-left:20px}.course-detail.page .mob-cd .m-recommend .list .item .ri p{line-height:20px}@media(min-width:960px)and (max-width:1024px){.course-detail.page .pc-cd .flex-con.page-con .fri{min-width:340px}}.pc-cd{display:block}.mob-cd{display:none}@media(min-width:200px)and (max-width:960px){.pc-cd{display:none!important}.mob-cd{display:block}}