.CourseDetail_course_detail_container__2l89I{height:auto;background:#f7fbff}.CourseDetail_banner___EK_2,.CourseDetail_course_detail_container__2l89I{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.CourseDetail_banner___EK_2{height:626px;background-image:url(/imgs/course-detail-banner.png);background-size:cover;padding-top:174px}.CourseDetail_course_tab__cbIO4{width:1350px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:60px;margin-top:30px}.CourseDetail_course_tab__cbIO4 :first-child,.CourseDetail_course_tab__cbIO4 :last-child{font-size:16px;font-family:san-medium;font-weight:400;color:hsla(0,0%,100%,.8)}.CourseDetail_book_icon__eU3wC{width:31px;height:29px}.CourseDetail_course_info__SHV5A{width:1350px;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.CourseDetail_course_info__SHV5A img{width:441px;height:271px;box-shadow:0 0 18px 0 rgba(0,0,0,.58);border-radius:12px}.CourseDetail_course_info_container__qlVDf{width:839px;height:271px;display:flex;flex-direction:column;justify-content:center;align-items:center}.CourseDetail_course_info_container__qlVDf .CourseDetail_course_title__dolp4{width:100%;height:57px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:36px;text-align:center}.CourseDetail_course_info_container__qlVDf .CourseDetail_course_title__dolp4 :first-child{padding:13px;background:#fff;border-radius:5px;font-size:32px;font-family:san-medium;font-weight:500;color:#04a5f5;margin-right:24px;width:200px}.CourseDetail_course_info_container__qlVDf .CourseDetail_course_title__dolp4 :last-child{font-size:30px;font-family:san-medium;font-weight:500;color:#fff}.CourseDetail_course_des__L3xC6{width:839px;height:162px;background:rgba(0,0,0,.1);border-radius:10px;padding:32px 42px 30px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.CourseDetail_course_des_top__3iUxW{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.CourseDetail_course_ctype__cI7ck{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.CourseDetail_course_ctype__cI7ck :first-child{width:150px;font-size:31px;font-family:san-regular;font-weight:400;color:#fff}.CourseDetail_course_ctype__cI7ck :last-child{width:400px;font-size:31px;font-family:san-bold;font-weight:700;color:#fff;margin-left:23px}.CourseDetail_course_ctype1__Med_a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.CourseDetail_course_ctype1__Med_a :first-child{width:100px;font-size:31px;font-family:san-regular;font-weight:400;color:#fff}.CourseDetail_course_ctype1__Med_a :last-child{width:150px;font-size:31px;font-family:san-bold;font-weight:700;color:#fff}.CourseDetail_spantype__Yj7nA{width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CourseDetail_course_select__oFE06{width:1350px;height:119px;background:#fff;box-shadow:0 0 59px 0 rgba(0,0,0,.1);border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 37px 0 51px;margin-top:-58px}.CourseDetail_course_select__oFE06 button{border:none;outline:none;width:211px;height:70px;background:#08a2f1;box-shadow:0 4px 6px 0 rgba(0,0,0,.15);border-radius:5px;text-align:center;line-height:70px;font-size:30px;font-family:san-bold;font-weight:700;color:#fff}.CourseDetail_course_select__oFE06 button:hover{cursor:pointer;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;-ms-transition:.1s;-o-transition:.1s}.CourseDetail_select_left__WKat7{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.CourseDetail_select_left__WKat7 :first-child{font-size:22px;font-family:san-medium;font-weight:500;color:#000}.CourseDetail_select_left__WKat7 :nth-child(2){font-size:40px;font-family:DINC-Bold;font-weight:700;color:#e82a32;margin:0 0 0 23px}.CourseDetail_select_left__WKat7 :nth-child(3),.CourseDetail_select_left__WKat7 :nth-child(6),.CourseDetail_select_left__WKat7 :nth-child(9){width:1px;height:19px;background:rgba(77,103,121,.2);margin:0 26px}.CourseDetail_select_left__WKat7 :nth-child(4),.CourseDetail_select_left__WKat7 :nth-child(7){font-size:23px;font-family:san-regular;font-weight:400;color:rgba(77,103,121,.7);margin:0 27px 0 0}.CourseDetail_select_left__WKat7 :nth-child(10),.CourseDetail_select_left__WKat7 :nth-child(5),.CourseDetail_select_left__WKat7 :nth-child(8){font-size:23px;font-family:san-medium;font-weight:500;color:#4d6779}.CourseDetail_select_left__WKat7 .CourseDetail_line__39gnJ{width:1px;height:19px;background:rgba(77,103,121,.2);margin:0 26px}.CourseDetail_select_left__WKat7 .CourseDetail_huikan__91ohf{font-size:23px;font-family:san-medium;font-weight:500;color:#4d6779}.CourseDetail_course_outlet__CJQ28{width:100%;height:auto;margin-top:138px;display:flex;flex-direction:row;justify-content:center;align-items:center;background-image:url(/imgs/course-bg.png);background-size:cover;margin-bottom:50px}.CourseDetail_teacher_and_course__eORuH{width:1350px;min-height:800px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.CourseDetail_teacher_and_course_left__sPCk5{min-width:908px;max-width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:calc(100% - 20px);margin-right:20px}.CourseDetail_course_years_container__sW_e6{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;transform:translateX(-39px);-webkit-transform:translateX(-39px);-moz-transform:translateX(-39px);-ms-transform:translateX(-39px);-o-transform:translateX(-39px)}.CourseDetail_course_years_container__sW_e6 .CourseDetail_year__Q9aZO{width:302px;height:139px;background-image:url(/imgs/course-des-bg.png);background-size:cover;text-align:left;font-size:28px;font-family:san-regular;font-weight:400;color:#4d6779;position:absolute;padding-left:80px;padding-top:35px;top:-90px}.CourseDetail_course_years_container__sW_e6 .CourseDetail_year__Q9aZO:hover{cursor:pointer}.CourseDetail_course_years_container__sW_e6 :first-child{z-index:5;left:15px}.CourseDetail_course_years_container__sW_e6 :nth-child(2){z-index:4;left:260px}.CourseDetail_course_years_container__sW_e6 .CourseDetail_year_active__dm5e5{left:225 px}.CourseDetail_course_years_container__sW_e6 .CourseDetail_default__YGoGd,.CourseDetail_course_years_container__sW_e6 .CourseDetail_year_active__dm5e5{background-image:url(/imgs/course-des-bg-active.png);background-size:cover;width:281px;height:135px;font-size:28px;font-family:san-bold;font-weight:700;color:#00adff;z-index:6;text-align:left;padding-left:63px;padding-top:45px;top:-110px}.CourseDetail_course_years_container__sW_e6 .CourseDetail_default__YGoGd{left:28px}.CourseDetail_course_years_container__sW_e6 .CourseDetail_transformed___ZWOz{transform:translateX(-10px);-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px)}.CourseDetail_classes_container__peiTV{min-height:264px;background:#fff;box-shadow:0 0 16px 0 rgba(0,0,0,.18);border-radius:20px;z-index:5;flex-direction:column;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;padding:34px}.CourseDetail_classes_container__peiTV,.CourseDetail_teacher_interduce__9KNsU{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:flex-start}.CourseDetail_teacher_interduce__9KNsU{flex-direction:row;background:#f6fafe;border-radius:10px;min-height:161px;padding:19px 28px}.CourseDetail_teacher_interduce__9KNsU img{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;margin-right:29px}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo,.CourseDetail_teacher_interduce__9KNsU .CourseDetail_teacher_intr__OBzXg{width:calc(100% - 146px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo h6,.CourseDetail_teacher_interduce__9KNsU .CourseDetail_teacher_intr__OBzXg h6{font-size:24px;font-family:san-bold;font-weight:700;color:#1d1d1d;margin-bottom:17px}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo p,.CourseDetail_teacher_interduce__9KNsU .CourseDetail_teacher_intr__OBzXg p{width:100%;height:auto;font-size:18px;font-family:san-regular;font-weight:400;color:#4d6779;line-height:30px;margin-bottom:18px}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo .CourseDetail_lage_height__sum_Q,.CourseDetail_teacher_interduce__9KNsU .CourseDetail_teacher_intr__OBzXg .CourseDetail_lage_height__sum_Q{width:100%;height:60px;font-size:18px;font-family:san-regular;font-weight:400;color:#4d6779;margin-bottom:18px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo div,.CourseDetail_teacher_interduce__9KNsU .CourseDetail_teacher_intr__OBzXg div{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo div :hover,.CourseDetail_teacher_interduce__9KNsU .CourseDetail_teacher_intr__OBzXg div :hover{cursor:pointer}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo div :first-child,.CourseDetail_teacher_interduce__9KNsU .CourseDetail_teacher_intr__OBzXg div :first-child{font-size:16px;font-family:san-regular;font-weight:400;color:#17a8f9}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo div img,.CourseDetail_teacher_interduce__9KNsU .CourseDetail_teacher_intr__OBzXg div img{width:13px;height:7px;margin-left:8px}.CourseDetail_teacher_interduce__9KNsU .CourseDetail_course_intr__aFiLo{width:100%}.CourseDetail_course_list_container__HkuUV{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:52px}.CourseDetail_course_list_title__8esX_{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:28px}.CourseDetail_title__30P_P{font-size:26px;font-family:san-bold;font-weight:700;color:#000}.CourseDetail_right__kEL4C{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.CourseDetail_right__kEL4C a{font-size:18px;font-family:san-regular;font-weight:400;color:#4d6779;margin-right:25px;display:flex;flex-direction:row;justify-content:center;align-items:center}.CourseDetail_right__kEL4C img{width:40px;height:32px;margin-right:5px}.CourseDetail_right__kEL4C:hover{cursor:pointer}.CourseDetail_course__kWun_{width:100%;min-height:81px;height:auto;background:#f6fafe;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;transition:all .3s ease}.CourseDetail_course__kWun_ :last-child{border-bottom:none}.CourseDetail_course_item_box__unM_Z{width:100%;height:81px;background-image:url(/imgs/course_title-bg.png);background-size:100% 100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.CourseDetail_video_icon__UFBgB{width:83px;height:94px;margin-left:36px;margin-right:30px;transform:translateY(-25px);-webkit-transform:translateY(-25px);-moz-transform:translateY(-25px);-ms-transform:translateY(-25px);-o-transform:translateY(-25px)}.CourseDetail_video_tag__rNbrY{width:39px;height:39px;margin-left:36px;margin-right:30px;transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px)}.CourseDetail_course_left_title__Dutyt{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.CourseDetail_course_left_title__Dutyt h5{font-size:20px;font-family:san-bold;font-weight:700;color:#fff;transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px)}.CourseDetail_course_right_classTime___jJNQ{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-right:46px}.CourseDetail_course_right_classTime___jJNQ span{font-size:16px;font-family:san-regular;font-weight:400;color:#fff}.CourseDetail_course_right_classTime___jJNQ :first-child{margin-right:26px}.CourseDetail_course_right_classTime___jJNQ :nth-child(2){margin-right:9px}.CourseDetail_course_right_classTime___jJNQ img,.CourseDetail_course_right_classTime___jJNQ span{transform:translateY(-8px);-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px)}.CourseDetail_course_right_classTime___jJNQ img:hover,.CourseDetail_course_right_classTime___jJNQ span:hover{cursor:pointer}.CourseDetail_course_classes_item__e093c{width:calc(100% - 60px);margin:0 30px;border-bottom:1px solid rgba(0,54,109,.1);height:68px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.CourseDetail_course_classes_item__e093c :hover{cursor:pointer}.CourseDetail_course_classes_item__e093c div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.CourseDetail_course_classes_item__e093c div img{margin:0 20px 0 10px}.CourseDetail_course_classes_item__e093c div h5{font-size:18px;font-family:san-medium;font-weight:500;color:#000}.CourseDetail_course_classes_item__e093c img{margin-right:19px}.CourseDetail_heightbox__NTYoQ{width:100%;height:100px}.CourseDetail_pdf_text__B4vzY{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CourseDetail_pdf_icon__l4jXL{width:40px;height:32px}.CourseDetail_model_a__gAbPr{width:350px;height:230px;text-align:center}.CourseList_course_list_container__PRtnR{width:415px;min-height:150px;height:auto;background:rgba(0,143,244,.05);border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:33px 27px 23px 23px}.CourseList_course_box__235bw{width:365px;height:145px;transition:transform .5 ease}.CourseList_course_box__235bw,.CourseList_course_box__235bw:hover{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.CourseList_course_box__235bw:hover{transform:scale(1.05)}.CourseList_course_list_title_text__yDDoy{font-size:26px;font-family:san-bold;font-weight:700;color:#000;margin-bottom:26px}.CourseList_course_list_item__q4A2u{width:100%;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.CourseList_course_list_item__q4A2u img{width:191px;height:117px;border-radius:10px;margin-right:20px}.CourseList_course_list_item__q4A2u:hover{cursor:pointer}.CourseList_course_info__oRkL_{width:153px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.CourseList_course_info__oRkL_ .CourseList_course_title__yDVo6{width:100%;height:54px;font-size:18px;font-family:san-medium;font-weight:500;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.CourseList_course_info__oRkL_ .CourseList_course_time__793aK{font-size:16px;font-family:san-medium;font-weight:500;color:#4d6779;margin:8px 0}.CourseList_course_info__oRkL_ div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.CourseList_course_info__oRkL_ div :first-child{font-size:20px;font-family:DINC-Bold;font-weight:700;color:#e82a32}.CourseList_course_info__oRkL_ div :last-child{font-size:16px;font-family:san-medium;font-weight:500;color:#4d6779}