.course-intro{display:flex;gap:75px;gap:4.6875rem;padding:95px 0;padding:5.9375rem 0}.course-intro .course-intro-left{width:520px;width:32.5rem}.course-intro .course-intro-left .tag{background:#036;border-radius:3px 3px 3px 3px;border-radius:0.1875rem 0.1875rem 0.1875rem 0.1875rem;color:#fff;font-size:14px;font-size:0.875rem;font-weight:400;line-height:26px;line-height:1.625rem;padding:0 10px;padding:0 0.625rem;text-align:center;width:-moz-fit-content;width:fit-content}.course-intro .course-intro-left h1{color:#e3000c;font-size:30px;font-size:1.875rem;letter-spacing:1px}.course-intro .course-intro-left h1,.course-intro .course-intro-left h2{font-style:normal;font-weight:400;line-height:42px;line-height:2.625rem;text-align:left;text-transform:none}.course-intro .course-intro-left h2{color:#036;font-size:36px;font-size:2.25rem;letter-spacing:2px;letter-spacing:0.125rem}.course-intro .course-intro-right{color:#001b32;font-size:16px;font-size:1rem;line-height:34px;line-height:2.125rem;text-align:left;width:650px;width:40.625rem}
.course-intro .course-intro-right span{text-wrap-mode: wrap !important;}
.course-teacher{display:flex;gap:95px;gap:5.9375rem;padding:50px 0;padding:3.125rem 0}.course-teacher .teacher-avatar{border-radius:20px;border-radius:1.25rem;height:518px;height:32.375rem;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:518px;width:32.375rem}.course-teacher .teacher-info .teacher-info-title h3{color:#e3000c;font-size:34px;font-size:2.125rem;letter-spacing:1px;line-height:27px;line-height:1.6875rem}.course-teacher .teacher-info .teacher-info-title h4{color:#036;font-size:24px;font-size:1.5rem;font-weight:400;line-height:26px;line-height:1.625rem;padding-top:16px;padding-top:1rem}.course-teacher .teacher-info .class{color:#036;font-size:22px;font-size:1.375rem;font-weight:400;line-height:26px;line-height:1.625rem;padding-top:20px;padding-top:1.25rem}.course-teacher .teacher-info p{color:#001b32;font-size:16px;font-size:1rem;line-height:34px;line-height:2.125rem;width:643px;width:40.1875rem}.course-teacher .teacher-info p+p{padding-top:20px;padding-top:1.25rem}
.course-teacher .teacher-info p span{text-wrap-mode: wrap !important;}
.video-section{align-items:center;display:flex;justify-content:center}.video-wrap{height:613px;height:38.3125rem;position:relative;width:1250px;width:78.125rem}.video-wrap .video-btn{background:url(../images/project/video-btn.png) no-repeat;background-size:100% 100%;height:140px;height:8.75rem;left:50%;margin-left:-70px;margin-left:-4.375rem;margin-top:-70px;margin-top:-4.375rem;position:absolute;top:50%;width:140px;width:8.75rem}.dialog-content{height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}
.course-intro.vid-intro .course-intro-left,.course-intro.vid-intro .course-intro-right {
    width: 100%;
}

.course-intro.vid-intro .left {
    flex: none;
    width: 48%;
}

.course-intro.vid-intro .video_box {
    width: 48.5%;
    height: 346px;
}

.course-intro.vid-intro .course-intro-left h2 {
    font-size: 1.8rem;
    font-weight: bold;
}

.course-intro.vid-intro .course-intro-left h1 {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 2.5rem;
    position: relative;
}

.course-intro.vid-intro .left iframe {
    display: none;
}

.course-intro.vid-intro .course-intro-right {
}

.course-intro.vid-intro .video_box p {
    display: none;
}
.course-intro.vid-intro .video_box * {
    height: 100%;
}
.course-intro.vid-intro .course-intro-left h1:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.3rem;
    bottom: -1.2rem;
    left: 0;
    background: linear-gradient(90deg, rgb(14 67 118 / 16%), rgba(0, 0, 0, 0) 100%);
}

@media screen and (max-width:750px){.video-wrap{height:auto;margin:0 auto 50px;margin:0 auto 3.125rem;width:92%}.course-intro{flex-direction:column;gap:20px;gap:1.25rem;padding:20px;padding:1.25rem}.course-intro .course-intro-left{text-wrap:balance;width:100%}.course-intro .course-intro-left h1,.course-intro .course-intro-left h2{font-size:24px;font-size:1.5rem}.course-intro .course-intro-right{width:100%}.course-teacher{flex-direction:column;gap:20px;gap:1.25rem;padding:37px 20px;padding:2.3125rem 1.25rem}.course-teacher .teacher-avatar{height:auto;width:100%}.course-teacher .teacher-info p{width:100%}
.course-intro.vid-intro .left{
    width: 100%;
}
.course-intro.vid-intro .video_box{
    width: 100%;
    height: 63vw;
}
}