.teacher-detail.page{max-width:100%;padding-top:calc(var(--header-height) + 15px);--t-d-page-bg-color:#f7f7f7;--t-d-bg-color:rgba(0,159,223,0.06274509803921569);--t-d-border-color:#009fdf;--t-d-content-bg-color:hsla(0,0%,70.2%,0.12549019607843137);--t-d-content-border-color:#b3b3b3;--t-d-side-width:300px;--t-d-side-padding:45px;--thumbs-width:84px}.teacher-detail.page :not([class*=popup]){position:relative;z-index:2}.teacher-detail.page.none-role .mask:not(.show){display:none}.teacher-detail.page.none-role .page-con .has-bg{background-color:var(--t-d-bg-color)}.teacher-detail.page.none-role .page-con .content-bg{background-color:var(--t-d-content-bg-color)}.teacher-detail.page .teacher-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}.teacher-detail.page span.tips{line-height:28px;padding:0 15px;padding-right:28px;font-size:14px;font-weight:400;font-family:Source Han Sans CN;white-space:nowrap;color:#fff;border-radius:0}.teacher-detail.page span.tips:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;transform:rotate(180deg);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%}.teacher-detail.page span.tag{margin-top:0;margin-bottom:0;font-weight:400;font-family:Source Han Sans CN;color:#4c4c4c;white-space:nowrap;border-radius:5px;border-style:solid;border-width:1px}.teacher-detail.page span.tag i{margin-right:3px}.teacher-detail.page .page-con{max-width:1350px;padding:30px var(--t-d-side-padding);word-break:break-all;position:relative;background-color:#fff}.teacher-detail.page .page-con:not(:last-of-type){margin-bottom:25px}.teacher-detail.page .page-con .mask{position:absolute;z-index:1}.teacher-detail.page .page-con .mask[class*=role][class*=-bg],.teacher-detail.page .page-con .mask[class*=role][class*=-border]{top:0;bottom:0;left:0;right:0}.teacher-detail.page .page-con .mask[class*=role][class*=-bg]{opacity:.075}.teacher-detail.page .page-con .has-bg{background-color:#fff}.teacher-detail.page .page-con .has-border{border-style:solid;border-color:var(--t-d-border-color)}.teacher-detail.page .page-con .content-border{border-style:solid;border-color:var(--t-d-content-border-color)}.teacher-detail.page .page-con .con{position:relative}.teacher-detail.page .page-con .con h5{height:20px;line-height:20px;font-size:18px;font-weight:500;font-family:Source Han Sans CN;color:#333;margin-top:0;margin-bottom:0}.teacher-detail.page .page-con .con h5:after{content:"";display:block;width:0;height:0;position:absolute;left:0;bottom:-3px;border-bottom:2px solid #000}.teacher-detail.page .page-con .con h5 i{font-size:22px;font-weight:600;margin-right:5px}.teacher-detail.page .page-con .con h5 img{margin-right:5px}.teacher-detail.page .page-con .con a{cursor:pointer}.teacher-detail.page .page-con .con .course-info{border-bottom:1px dashed var(--t-d-content-border-color)}.teacher-detail.page .page-con .con .course-info h1{margin-top:0;cursor:pointer}.teacher-detail.page .page-con .con .course-info p{margin-top:0;margin-bottom:0}.teacher-detail.page .page-con .con .course-info .flex-con{flex-wrap:wrap}.teacher-detail.page .page-con .con .lecturer-info{padding:15px 0;justify-content:flex-start;align-items:flex-start;border-bottom:1px dashed var(--t-d-content-border-color);--thumbs-width-min:var(--thumbs-width)}.teacher-detail.page .page-con .con .lecturer-info .grid-con{width:100%}.teacher-detail.page .page-con .con .lecturer-info .img{width:var(--thumbs-width-min);height:var(--thumbs-width-min);min-width:var(--thumbs-width-min);min-height:var(--thumbs-width-min);margin-right:8px;border-radius:50%}.teacher-detail.page .page-con .con .lecturer-info .img.has-border{border-width:1px}.teacher-detail.page .page-con .con .lecturer-info .img .mask{top:-1px!important;bottom:-1px!important;left:-1px!important;right:-1px!important;border-width:1px!important;border-radius:50%}.teacher-detail.page .page-con .con .lecturer-info .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}.teacher-detail.page .page-con .con .lecturer-info h5{margin-bottom:0!important}.teacher-detail.page .page-con .con .lecturer-info h5:after{display:none!important}.teacher-detail.page .page-con .con .lecturer-info h6{margin-top:5px;line-height:1.2;font-size:14px;font-weight:400}.teacher-detail.page .pc{padding-bottom:25px}.teacher-detail.page .pc .page-con.t-detail{--border-width:15px}.teacher-detail.page .pc .page-con.t-detail .con{padding:30px 15px;justify-content:flex-start;align-items:flex-start;border-width:var(--border-width)}.teacher-detail.page .pc .page-con.t-detail .con .mask[class*=role][class*=-border]{top:calc(var(--border-width)*-1);bottom:calc(var(--border-width)*-1);left:calc(var(--border-width)*-1);right:calc(var(--border-width)*-1);border-width:var(--border-width)}.teacher-detail.page .pc .page-con.t-detail .con .tips{position:absolute;top:calc(var(--border-width)*-1);left:calc(var(--border-width)*-1)}.teacher-detail.page .pc .page-con.t-detail .con .le{width:100%}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con{justify-content:flex-start;align-items:flex-start}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con .img{width:150px;height:150px;min-width:150px;border-radius:50%}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con .img .mask[class*=role][class*=-border]{top:-3px;bottom:-3px;left:-3px;right:-3px;border-width:3px;border-radius:50%}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:50%}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con h1{line-height:55px;font-size:30px;color:#333;margin-top:0;margin-bottom:0;margin-left:40px}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con h1 p{line-height:32px;font-size:18px;margin-top:15px;margin-bottom:0}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con h1 p.flex-con{margin-top:5px;flex-wrap:wrap}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con h1 p.flex-con span{line-height:24px;font-size:14px;font-weight:400;padding:0 10px;margin-top:10px;margin-right:10px}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con h1 p.flex-con span i{font-size:16px}.teacher-detail.page .pc .page-con.t-detail .con .le p.desc{width:100%;line-height:30px;font-size:16px;font-weight:400;color:grey;margin-top:30px;white-space:pre-wrap}.teacher-detail.page .pc .page-con.t-detail .con .ri{width:var(--t-d-side-width);min-width:var(--t-d-side-width);height:100%;margin-top:-40px;margin-left:30px;margin-right:-25px}.teacher-detail.page .pc .page-con.t-detail .con .ri .flex-con:not(.cli){width:100%;padding:35px 0;background-color:#fff}.teacher-detail.page .pc .page-con.t-detail .con .ri .flex-con:not(.cli) p{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:calc(50% - 30px);line-height:1;font-weight:300;text-align:center;color:#333;margin-top:0;margin-bottom:0}.teacher-detail.page .pc .page-con.t-detail .con .ri .flex-con:not(.cli) p:last-of-type{border-left:1px solid var(--t-d-content-border-color)}.teacher-detail.page .pc .page-con.t-detail .con .ri .flex-con:not(.cli) p span{line-height:1;font-size:30px;font-weight:300;text-align:center;white-space:nowrap;color:#333;padding:0;margin-top:10px;margin-bottom:0}.teacher-detail.page .pc .page-con.t-detail .con .ri .grid-con{padding:35px 30px;margin-top:15px;background-color:#fff}.teacher-detail.page .pc .page-con.t-detail .con .ri p{width:100%;line-height:30px;font-size:16px;font-weight:400;color:#000;margin-top:15px;margin-bottom:30px}.teacher-detail.page .pc .page-con.t-detail .con .ri .cli{width:100%;height:0;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}.teacher-detail.page .pc .page-con.t-detail .con .ri .cli:not([class*=-bg]){background:var(--t-d-border-color)}.teacher-detail.page .pc .page-con.t-detail .con .ri .cli .mask{top:-30px;bottom:-30px;left:-30px;right:-30px;border-width:30px;border-radius:10px}.teacher-detail.page .pc .page-con.flex-con{padding:0;align-items:flex-start;background-color:transparent}.teacher-detail.page .pc .page-con.flex-con .con{background-color:#fff}.teacher-detail.page .pc .page-con.flex-con .con.courses{width:calc(100vw - var(--t-d-side-width) - var(--t-d-side-padding) - 5px);max-width:calc(1345px - var(--t-d-side-width) - var(--t-d-side-padding));padding:30px 30px 30px var(--t-d-side-padding);margin-right:-15px;border-right:15px solid var(--t-d-page-bg-color)}.teacher-detail.page .pc .page-con.flex-con .con.courses .content{width:100%;height:100%;padding:30px;border-left:none;border-right:none;border-width:10px}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .mask{top:-10px;bottom:-10px;border-width:10px;border-left-width:0;border-right-width:0}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .share{line-height:28px;padding:0 15px;font-size:14px;font-weight:400;font-family:Source Han Sans CN;white-space:nowrap;position:absolute;top:-10px;right:0;border-width:1px;border-radius:0;cursor:pointer}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .share:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background-color:#fff}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .share:hover:before{z-index:0}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .share .mask{top:-1px;bottom:-1px;left:-1px;right:-1px;border-width:1px}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .share i{margin-right:0}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .share span{line-height:28px;margin-left:5px}.teacher-detail.page .pc .page-con.flex-con .con.courses .content h5{margin-bottom:15px}.teacher-detail.page .pc .page-con.flex-con .con.courses .content h5:after{width:36px;left:27px}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .course-info{width:100%;padding:30px 0}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .course-info h1{line-height:26px;font-size:22px;margin-bottom:15px}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .course-info p{line-height:24px;font-size:16px;color:grey}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .course-info .flex-con{justify-content:space-between}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .course-info .flex-con span{line-height:24px;font-size:14px;font-weight:400;padding:0 10px;margin-top:10px;margin-right:10px}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .course-info .flex-con span i{font-size:16px}.teacher-detail.page .pc .page-con.flex-con .con.courses .content .course-info .flex-con .flex-con{margin-top:10px;justify-content:flex-start}.teacher-detail.page .pc .page-con.flex-con .con.lecturers{width:calc(var(--t-d-side-width) + var(--t-d-side-padding) + 20px);min-width:calc(var(--t-d-side-width) + var(--t-d-side-padding) + 20px);max-width:calc(var(--t-d-side-width) + var(--t-d-side-padding) + 20px);padding:30px var(--t-d-side-padding) 30px 30px;border-left:15px solid var(--t-d-page-bg-color)}.teacher-detail.page .pc .page-con.flex-con .con.lecturers .content{border-width:10px;border-left-width:0;border-right-width:0}.teacher-detail.page .pc .page-con.flex-con .con.lecturers .content.has-border{padding-top:30px;padding-bottom:30px}.teacher-detail.page .pc .page-con.flex-con .con.lecturers .content .mask{top:-10px;bottom:-10px;border-width:10px;border-left-width:0;border-right-width:0}.teacher-detail.page .pc .page-con.flex-con .con.lecturers .content h5{height:auto;margin-bottom:15px}.teacher-detail.page .pc .page-con.flex-con .con.lecturers .content h5:after{width:72px;left:27px}.teacher-detail.page .pc .page-con.flex-con .con.lecturers .content h5 img{margin-right:7px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAWCAYAAADAQbwGAAABrUlEQVQ4jZXVS4hPYRjH8c9/ZoR/7sk01Eyjca3ZiKWSIimyYzVlOTVDLGyUBVmwsWChFEmm2JJLGcTGQpKsqAm5NDNiYc1YPK/LnN73f/nVe87pvM/zPc95LucQWoXL+IRfmGljfcM4diWWHrzDyQRuV3XswQfshIs428BhDjZioAl4H57Ce6wuGI1iEq/wNq3dBdul+EHkoZYxOILnlYdtxRdsL0Bn/h4qmofv6MvsHcCjdoEb8Kbg1I2vJWBHYWMSKzA/s9cv2quoXIRwA+fMzm8dT0SxsqyaclGW466o3PUU8UE8S+efpeBKEXaIAkyZPRXHRR6zEZaAa/FCVHMIg1iPHbiAaextFbgSnzFciAI2YQwLsK0ZcAynGsD+qI4HuFQFTvnXwAtFEZZkALXkvE60031cRWfa70ssp3Ez3RxMhiUN4SMe4tp/MIlxBuaKVmjlNWF/JTI4gZciDWCZqOr5imEzdSaf1zKttAi38Ri9LcB6k+09LC4Z1XBUfKIOoStj04XDYt6PiQFoqgHcwgRGxNh1p+sJ3MGaVkBVbRY/r2nRElewpZHDb9wPbLXx7Nt1AAAAAElFTkSuQmCC)}.teacher-detail.page .pc .page-con.flex-con .con.lecturers .content .lecturer-info{--thumbs-width-min:calc(var(--thumbs-width)*0.75)}.teacher-detail.page .mob{--thumbs-width:76px}.teacher-detail.page .mob .page-con{padding:0 15px;border-width:5px;border-left-width:0;border-right-width:0}.teacher-detail.page .mob .page-con.share{width:100%;height:0;padding:0;margin-bottom:0;justify-content:space-between;align-items:flex-start;z-index:5}.teacher-detail.page .mob .page-con.share span.tag{width:97px;height:22px;padding:0 10px;top:var(--header-height);right:0;z-index:5;border-radius:0}.teacher-detail.page .mob .page-con.share span.tag:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background-color:#fff}.teacher-detail.page .mob .page-con.share span.tag:hover:before{display:none}.teacher-detail.page .mob .page-con.share span.tag .mask{top:-1px;bottom:-1px;left:-1px;right:-1px;border-width:1px}.teacher-detail.page .mob .page-con.share span.tag i{margin-right:0}.teacher-detail.page .mob .page-con.share span.tag .icon-defined{margin-left:5px}.teacher-detail.page .mob .page-con .mask{border-width:5px;border-left-width:0;border-right-width:0}.teacher-detail.page .mob .page-con .con{padding:30px 0}.teacher-detail.page .mob .page-con .con .course-info{padding:15px 0}.teacher-detail.page .mob .page-con .con .course-info:first-of-type{margin-top:10px}.teacher-detail.page .mob .page-con .con .course-info h1{line-height:20px;font-size:16px;font-weight:500;color:#333;margin-bottom:10px}.teacher-detail.page .mob .page-con .con .course-info p{line-height:22px;font-size:14px;font-weight:400;color:grey}.teacher-detail.page .mob .page-con .con .course-info .flex-con{margin-top:6px;justify-content:flex-start}.teacher-detail.page .mob .page-con .con .course-info .flex-con span{line-height:18px;font-size:12px;font-weight:400;padding:0 9px;margin-top:6px;margin-right:10px}.teacher-detail.page .mob .page-con .con .course-info .flex-con span i{font-size:13px}.teacher-detail.page .mob .page-con .con .lecturer-info{--thumbs-width-min:calc(var(--thumbs-width)*0.85)}.teacher-detail.page .mob .page-con .con .lecturer-info:first-of-type{margin-top:10px}.teacher-detail.page .mob .page-con .con .lecturer-info h5{font-size:16px}.teacher-detail.page .mob .page-con .con .lecturer-info h6{font-size:13px;line-height:18px}.teacher-detail.page .mob .page-con.t-detail .con .flex-con{width:100%;padding-top:15px;justify-content:flex-start;align-items:flex-start}.teacher-detail.page .mob .page-con.t-detail .con .flex-con.tags{flex-wrap:wrap}.teacher-detail.page .mob .page-con.t-detail .con .flex-con.tags span.tag{line-height:18px;margin-top:6px;margin-right:10px;padding:0 10px;font-size:12px}.teacher-detail.page .mob .page-con.t-detail .con .flex-con .img{width:var(--thumbs-width);height:var(--thumbs-width);min-width:var(--thumbs-width);margin-right:15px;border-radius:50%;border-width:1px}.teacher-detail.page .mob .page-con.t-detail .con .flex-con .img .mask{top:-1px;bottom:-1px;left:-1px;right:-1px;border-width:1px;border-radius:50%}.teacher-detail.page .mob .page-con.t-detail .con .flex-con .img img{width:100%;height:100%;max-width:calc(var(--thumbs-width) - 2px);max-height:calc(var(--thumbs-width) - 2px);-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:50%}.teacher-detail.page .mob .page-con.t-detail .con .flex-con .grid-con{width:100%}.teacher-detail.page .mob .page-con.t-detail .con .flex-con .grid-con h5{padding-top:5px}.teacher-detail.page .mob .page-con.t-detail .con .flex-con .grid-con h6{line-height:1.4;font-size:13px;margin-top:10px}.teacher-detail.page .mob .page-con.t-detail .con p{line-height:22px;font-size:14px;margin-top:20px}.teacher-detail.page .mob .page-con.plan{z-index:5}.teacher-detail.page .mob .page-con.plan .con.fixed-con{height:60px;padding:0 15px;bottom:66px;left:0;right:0;z-index:5;background-color:#fff}.teacher-detail.page .mob .page-con.plan .con.flex-con{padding-bottom:0}.teacher-detail.page .mob .page-con.plan .con.flex-con p{width:50%;padding:0 5px;font-size:14px;text-align:center}.teacher-detail.page .mob .page-con.plan .con.flex-con p span{line-height:1;font-size:22px;margin-top:8px}.teacher-detail.page .mob .page-con.plan .con.flex-con p:last-of-type{border-left:1px solid var(--t-d-content-border-color)}.teacher-detail.page .mob .page-con.plan .con .cli{border-width:0;border-radius:10px;box-shadow:0 1px 18px 0 rgba(116,118,121,.41)}.teacher-detail.page .mob .page-con.plan .con .cli .mask{border-width:0;border-radius:10px}.teacher-detail.page .mob .page-con.plan .con .cli span{line-height:45px;font-size:16px;font-weight:400;color:#fff}.teacher-detail.page .mob .page-con:last-of-type{margin-bottom:20px}.teacher-detail.page .mob .page-con:last-of-type .mask{border-bottom:none}@media(max-width:965px){.teacher-detail.page{--t-d-side-padding:30px}}@media(max-width:810px){.teacher-detail.page{--t-d-side-width:270px}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con .img{width:100px;height:100px;min-width:100px}.teacher-detail.page .pc .page-con.t-detail .con .le .flex-con h1{margin-left:15px}}@media(max-width:767px){.teacher-detail.page{padding-top:var(--header-height)}}