.publicity-course-card{width:480px;justify-content:flex-start;align-content:flex-start;align-items:flex-start;background-color:#fff;--card-border-color:#c5c5c5;background-color:var(--card-border-color)}.publicity-course-card .card-bg{width:100%;height:100%;position:absolute!important;top:0;left:0;z-index:0!important}.publicity-course-card 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}.publicity-course-card 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%}.publicity-course-card .card-banner{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:30px;padding-top:40px;padding-bottom:25px;background-color:#fff}.publicity-course-card .card-banner h2{width:100%;padding:0 0 0 30px;margin-top:0;margin-bottom:0;justify-content:space-between;position:absolute!important;top:10px;left:0}.publicity-course-card .card-banner h2 img{width:auto;height:20px;margin-right:10px}.publicity-course-card .card-banner h2 span i{font-size:18px}.publicity-course-card .card-banner h2 span.tips{height:20px;position:relative;padding-left:18px;padding-right:12px;align-content:flex-start;align-items:flex-start}.publicity-course-card .card-banner h2 span.tips i{height:20px;line-height:18px;font-size:12px;font-style:normal;display:flex;position:relative}.publicity-course-card .card-banner h2 span.tips:before,.publicity-course-card .card-banner h2 span.tips i{border:none;background-color:transparent}.publicity-course-card .card-banner h2 span.tips:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;transform:rotate(45deg) skew(10deg,10deg);transform-origin:center center;left:-14px;top:0;background-color:#fff}.publicity-course-card .card-banner div.keywords{width:100%;margin-top:15px;justify-content:flex-start}.publicity-course-card .card-banner div.keywords i{font-size:16px}.publicity-course-card .card-banner div.keywords span{line-height:1;padding:3px 6px;margin-right:7px;font-size:12px;color:#333;border-radius:4px}.publicity-course-card .card-banner div.keywords span:not([class*=role]){border:1px solid var(--card-border-color)}.publicity-course-card .card-banner div.lecturers{margin-top:15px;margin-bottom:-15px;margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}.publicity-course-card .card-banner div.lecturers:not([class*=role]){background-color:var(--card-border-color)}.publicity-course-card .card-banner h1{line-height:1.2;font-size:34px;font-weight:700;color:#000}.publicity-course-card .card-banner p{line-height:20px;margin-top:20px;font-size:14px;color:#333}.publicity-course-card .card-banner p i{height:20px;line-height:20px;font-size:22px;font-weight:700;vertical-align:sub;display:inline-block}.publicity-course-card .card-banner p i:not([class*=role]){color:var(--card-border-color)}.publicity-course-card .card-content{height:100%;padding:30px;position:relative}.publicity-course-card .card-content .lecturers{padding-bottom:15px}.publicity-course-card .card-content .lecturers .flex-con:not(span){margin-bottom:15px;justify-content:flex-start;align-items:flex-start}.publicity-course-card .card-content .lecturers .flex-con:not(span) .img{width:80px;height:80px;min-width:80px;min-height:80px;margin-right:15px;border-radius:50%;border:2px solid #fff;overflow:hidden;background-color:hsla(0,0%,100%,.4)}.publicity-course-card .card-content .lecturers .flex-con:not(span) .img img{width:100%;height:100%;max-width:100%;max-height:100%}.publicity-course-card .card-content .lecturers .flex-con:not(span) .img span{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:50%;border-width:2px;border-style:solid;background-color:#fff;overflow:hidden}.publicity-course-card .card-content .lecturers .flex-con:not(span) .img span:not([class*=role]){border-color:var(--card-border-color)}.publicity-course-card .card-content .lecturers .flex-con:not(span) .img span i{font-size:56px}.publicity-course-card .card-content .lecturers .flex-con:not(span) .img span img{width:100%;height:100%;max-width:100%;max-height:100%;background-color:var(--card-border-color)}.publicity-course-card .card-content .lecturers .flex-con:not(span) .info h3{margin-top:5px;margin-bottom:8px;font-size:18px;color:#fff}.publicity-course-card .card-content .lecturers .flex-con:not(span) .info p{margin-top:0;margin-bottom:0;font-size:14px;color:hsla(0,0%,100%,.8)}.publicity-course-card .card-content .desc{position:relative}.publicity-course-card .card-content .desc p{width:100%;line-height:20px;font-size:14px;color:hsla(0,0%,100%,.5333333333333333)}.publicity-course-card .card-content .desc p i{height:20px;line-height:20px;font-size:24px;font-weight:400;vertical-align:sub;display:inline-block;color:#fff}.publicity-course-card .card-content .desc .img{margin-top:30px;justify-content:space-between;align-items:flex-end}.publicity-course-card .card-content .desc .img .logo img{width:96px;height:auto;margin-top:3px}.publicity-course-card .card-content .desc .img span{display:block;width:100%;margin-bottom:6px;line-height:1;font-size:14px;text-align:center;color:#fff}.publicity-course-card .card-content .content-back{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color:transparent}.publicity-course-card .card-content .content-back .bg-bottom,.publicity-course-card .card-content .content-back .bg-top{position:absolute;flex-wrap:wrap}.publicity-course-card .card-content .content-back .bg-bottom:after,.publicity-course-card .card-content .content-back .bg-bottom:before,.publicity-course-card .card-content .content-back .bg-top:after,.publicity-course-card .card-content .content-back .bg-top:before{content:"";display:block;height:3px;background-color:#fff}.publicity-course-card .card-content .content-back .bg-top{width:100px;top:0;right:0;justify-content:flex-end}.publicity-course-card .card-content .content-back .bg-top:after,.publicity-course-card .card-content .content-back .bg-top:before{margin-top:5px}.publicity-course-card .card-content .content-back .bg-top:before{width:100px}.publicity-course-card .card-content .content-back .bg-top:after{width:65px}.publicity-course-card .card-content .content-back .bg-bottom{width:125px;bottom:110px;left:30;justify-content:flex-start;border-top:3px solid #fff;display:none}.publicity-course-card .card-content .content-back .bg-bottom:after,.publicity-course-card .card-content .content-back .bg-bottom:before{margin-top:5px}.publicity-course-card .card-content .content-back .bg-bottom:before{width:90px}.publicity-course-card .card-content .content-back .bg-bottom:after{width:55px}