.Layout_box_container__N_F6V{width:100%;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:row;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(23,168,249,.1),#f7fbff);padding-top:200px;padding-bottom:37px}.Layout_container__XGB9b{width:1350px;height:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.Layout_nav_bar__xWy6B{width:292px;min-height:1141px;height:auto;background:url(/imgs/user-nav-bg.png) no-repeat;background-size:100% 100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.Layout_nav_bar__xWy6B :hover{cursor:pointer}.Layout_small_container__916Q8{width:272px;height:100%;padding:40px 0}.Layout_bar_user_info__EBA7j,.Layout_small_container__916Q8{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.Layout_bar_user_info__EBA7j{width:100%;height:auto}.Layout_bar_user_info__EBA7j .Layout_photo__r2bUK{width:124px;height:124px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:relative}.Layout_bar_user_info__EBA7j .Layout_photo__r2bUK .Layout_edit_icon__0a7Qy{position:absolute;right:0;bottom:0;width:31px;height:31px}.Layout_bar_user_info__EBA7j .Layout_photo__r2bUK .Layout_avatar__4AP1d{width:124px;height:124px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.Layout_bar_user_info__EBA7j .Layout_uname__E7NGr{font-size:22px;font-family:san-bold;font-weight:700;color:#000;margin-top:13px}.Layout_bar_user_info__EBA7j .Layout_company__UO8rE{font-size:18px;font-family:san-regular;font-weight:400;color:#344b6d;margin-top:11px;margin-bottom:23px}.Layout_nav_item__VeXPJ{width:241px;height:52px;margin:7px 0;padding:0 25px 0 9px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative}.Layout_active_tag__TJVKY{width:4px;height:20px;background:#0ca3f2;border-radius:0 4px 4px 0;position:absolute;left:-20px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.Layout_item_left__UI1BM{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.Layout_item_left__UI1BM .Layout_img__Nh7oP{width:44px;height:44px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;margin-right:19px}.Layout_item_left__UI1BM :last-child{font-size:18px;font-family:san-regular;font-weight:500;color:#344b6d}.Layout_icon__fGs4H{width:20px;height:20px;background-image:url(/imgs/default-icon.png);background-size:cover}.Layout_active__i87wq{background:linear-gradient(-86deg,#007fd4,#00b7fc);box-shadow:0 3px 10px 0 rgba(0,0,0,.75);border-radius:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.Layout_active__i87wq .Layout_item_left__UI1BM :last-child{color:#fff}.Layout_active__i87wq .Layout_icon__fGs4H{background-image:url(/imgs/default-active-icon.png)}.Layout_logout__7OC3w{width:224px;height:49px;background:rgba(52,75,109,.11);border-radius:5px;text-align:center;line-height:49px;border:none;outline:none;font-size:18px;font-family:san-medium;font-weight:500;color:#344b6d;margin-bottom:40px;margin-top:10px}.Layout_logout__7OC3w :hover{cursor:pointer;background:linear-gradient(-86deg,#007fd4,#00b7fc);box-shadow:0 3px 10px 0 rgba(0,0,0,.75)}.Layout_right_container__ybpbt{width:1042px;min-height:800px;height:auto;background:#fff;box-shadow:16px 17px 9px 0 #8eb3d6;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:30px 30px 30px 37px}.Layout_uploadinput__xwzaZ{position:relative;display:inline-block;overflow:hidden;display:block;text-align:center;margin-top:20px}.Layout_uploadinput__xwzaZ :hover{cursor:pointer}.Layout_uploadinput__xwzaZ span{padding:10px 15px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#8eb3d6;color:#fff}.Layout_uploadinput__xwzaZ input{position:absolute;left:0;top:0;opacity:0;filter:"alpha(opacity=0)";-webkit-filter:"alpha(opacity=0)";width:100%;height:55px}.Layout_photo_view__ZDSaB{text-align:center}.Layout_photo_view__ZDSaB img{width:82px;height:82px}.Layout_photo_view__ZDSaB img:hover{cursor:pointer}.Layout_tips___VLm9{text-align:center;color:red;margin-bottom:10px;letter-spacing:1px}.Layout_realModal__9hgAb{width:300px;text-align:center}.MyCourses_container__VoNrh{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.MyCourses_tab__SgZLC{width:100%;height:auto;background:rgba(23,168,249,.1);border-radius:5px}.MyCourses_tab_bar__FgChk{width:100%;height:89px;border-radius:5px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:26px}.MyCourses_tab_bar__FgChk button{width:143px;height:58px;background:rgba(23,168,249,.1);border:1px solid #0ca3f2;border-radius:5px;text-align:center;line-height:58px;font-size:22px;font-family:san-medium;font-weight:500;color:#0ca3f2;margin-right:30px}.MyCourses_tab_bar__FgChk button:hover{cursor:pointer}.MyCourses_tab_bar__FgChk .MyCourses_active__2owFj,.MyCourses_tab_bar__FgChk button:hover{background:linear-gradient(-86deg,#0093f3,#00b7fc);box-shadow:0 3px 10px 0 rgba(0,0,0,.75);color:#fff}.MyCourses_tab_bar__FgChk .MyCourses_active__2owFj{border:none}.MyCourses_tab_bar_classification__twwHj{margin:0 0 30px 30px;width:94%;height:auto}.MyCourses_class_ification__r8bH_{width:100%;height:auto;display:flex}.MyCourses_class_ification__r8bH_ .MyCourses_classification_span__qWb5Z{width:120px;height:40px;line-height:40px;font-size:18px;font-weight:600}.MyCourses_class_ification__r8bH_ .MyCourses_classification_span_content_box__0FkQe{width:100%;display:flex;flex-wrap:wrap}.MyCourses_class_ification__r8bH_ .MyCourses_classification_span_content_box__0FkQe .MyCourses_classification_span_content__7sWPJ{width:auto;height:40px;line-height:40px;padding:0 10px;margin:0 5px 5px 0;border-radius:10px}.MyCourses_class_ification__r8bH_ .MyCourses_classification_span_content_box__0FkQe .MyCourses_classification_span_content__7sWPJ:hover,.MyCourses_class_ification__r8bH_ .MyCourses_classification_span_content_box__0FkQe .MyCourses_classification_span_content_blue__8fN31{background-color:#00a8ff;color:#fff}.MyCourses_class_ification__r8bH_ .MyCourses_classification_span_content_box__0FkQe:hover{cursor:pointer}.MyCourses_professional_type__LygoN{width:100%;height:auto;display:flex}.MyCourses_professional_type__LygoN .MyCourses_classification_span__qWb5Z{width:120px;height:40px;line-height:40px;font-size:18px;font-weight:600}.MyCourses_professional_type__LygoN .MyCourses_classification_span_content_box__0FkQe{width:100%;display:flex;flex-wrap:wrap}.MyCourses_professional_type__LygoN .MyCourses_classification_span_content_box__0FkQe .MyCourses_classification_span_content__7sWPJ{width:auto;height:40px;line-height:40px;padding:0 10px;margin:0 5px 5px 0;border-radius:10px}.MyCourses_professional_type__LygoN .MyCourses_classification_span_content_box__0FkQe .MyCourses_classification_span_content__7sWPJ:hover,.MyCourses_professional_type__LygoN .MyCourses_classification_span_content_box__0FkQe .MyCourses_classification_span_content_blue__8fN31{background-color:#00a8ff;color:#fff}.MyCourses_professional_type__LygoN .MyCourses_classification_span_content_box__0FkQe:hover{cursor:pointer}.MyCourses_course_list__hZylL{width:100%;height:auto;display:grid;grid-template-columns:repeat(3,306px);grid-gap:30px 18px;gap:30px 18px;margin-top:30px}.MyCourses_pagination_container__LmJBx{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:40px 0}.MyCourses_first_page__EAYmS,.MyCourses_last_page__WLSaC{color:#4e5969}.MyCourses_first_page__EAYmS:hover,.MyCourses_last_page__WLSaC:hover{cursor:pointer}.MyCourses_first_page__EAYmS{margin-right:27px}.MyCourses_last_page__WLSaC{margin-left:27px}.MyCourses_nodata__NDaKc{width:100%;padding:100px 0}.MyCourses_realModal__ZrPxX{width:300px;text-align:center}.Course_course_item__A4gxe{width:306px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;background-color:#fff;padding-bottom:20px;background:#fff;box-shadow:0 0 18px 0 rgba(0,0,0,.1);border-radius:10px}.Course_course_item__A4gxe .Course_tag__I6zLx{position:absolute;top:0;right:0;width:70px;height:28px;background-image:url(/imgs/tag.png);background-size:cover;text-align:right;line-height:28px;padding-right:12px;font-size:17px;font-family:DINC-Bold;font-weight:700;color:#fff}.Course_course_item__A4gxe:hover{cursor:pointer;transform:translateY(-16px);-webkit-transform:translateY(-16px);-moz-transform:translateY(-16px);-ms-transform:translateY(-16px);-o-transform:translateY(-16px);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;box-shadow:0 0 35px 0 rgba(0,0,0,.29)}.Course_course_item__A4gxe img{width:306px;height:188px;border-radius:10px 10px 0 0}.Course_course_item__A4gxe .Course_courser_title__B0ql6{width:100%;padding:0 13px 0 16px;margin:13px 0 5px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.Course_course_item__A4gxe .Course_courser_title__B0ql6 :first-child{padding:7px;border-radius:3px;font-size:16px;font-family:san-regular;font-weight:400;margin-right:12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.Course_course_item__A4gxe .Course_courser_title__B0ql6 .Course_gongxu__2E7du{background:rgba(23,168,249,.1);border:1px solid #17a8f9;color:#17a8f9}.Course_course_item__A4gxe .Course_courser_title__B0ql6 .Course_zhuanye__AcDUX{background:rgba(0,169,181,.1);border:1px solid #00a9b5;color:#00a9b5}.Course_course_item__A4gxe .Course_courser_title__B0ql6 .Course_gongyi__L0NvE{background:rgba(255,135,0,.1);border:1px solid #ff8700;color:#ff8700}.Course_course_item__A4gxe .Course_courser_title__B0ql6 :last-child{width:160px;font-size:20px;font-family:san-bold;font-weight:700;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Course_course_item__A4gxe .Course_course_info__Z4WvD{width:100%;padding:0 17px 0 21px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Course_course_item__A4gxe .Course_course_info__Z4WvD div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:16px;font-family:san-regular;font-weight:400;color:#4d6779}.Course_course_item__A4gxe .Course_course_info__Z4WvD div :nth-child(2){width:1px;height:16px;background-color:#4d6779;margin:0 5px}.Course_course_item__A4gxe .Course_course_info__Z4WvD button{width:92px;height:33px;background:#17a8f9;box-shadow:0 4px 6px 0 rgba(0,0,0,.15);border-radius:5px;font-size:16px;font-family:san-medium;font-weight:500;color:#fff;text-align:center;line-height:33px;outline:none;border:none}.Course_study_progress__spEwD{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 16px}.Course_study_progress__spEwD :first-child{font-size:16px;font-family:san-regular;font-weight:400;color:#4d6779}.Course_study_progress__spEwD :last-child{font-size:20px;font-family:DINC-Bold;font-weight:700;color:#e82a32}.Course_progress__xY059{width:100%;padding:0 15px 0 18px;margin:10px 0 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Course_progress__xY059 span{font-size:16px;font-family:san-regular;font-weight:400;color:#4d6779}.Course_progress__xY059 span strong{font-size:20px;font-family:DINC-Bold;font-weight:700;color:#e82a32}.Course_btns__TAsxV{width:100%;padding:0 23px 0 25px;margin:16px 0 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Course_btns__TAsxV button{width:114px;height:38px;box-shadow:0 4px 6px 0 rgba(0,0,0,.15);border-radius:5px;font-size:18px;font-family:san-medium;font-weight:500;color:#fff;border:none;outline:none}.Course_btns__TAsxV button:hover{cursor:pointer}.Course_btns__TAsxV span{font-size:16px;font-family:san-regular;font-weight:400;color:#4d6779}.Course_btns__TAsxV .Course_continue__erZE_{background:#17a8f9;transition:transform .5s ease-in-out}.Course_btns__TAsxV .Course_continue__erZE_:hover{transform:scale(1.1)}.Course_btns__TAsxV .Course_evaluate__v1Jyg{background:#00a9b5;transition:transform .5s ease-in-out}.Course_btns__TAsxV .Course_evaluate__v1Jyg:hover{transform:scale(1.1)}.Course_rate_box__aFQM7 span{margin-right:15px}.Course_textarea_style__HGvxx{font-size:14px;font-family:san-regular;font-weight:400;color:#000;margin-top:20px;padding:10px}.Course_rate_box__aFQM7{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.Course_module_box__Q1FsO{display:flex;width:100%;flex-direction:column-reverse;justify-content:center;align-items:center}.Course_module_box__Q1FsO img{width:40%;background-color:#343538}.Course_module_box__Q1FsO div{font-size:16px}.Course_dividingline__7MyJ2{width:100%;height:1px;background-color:#e4e4e4;margin-top:10px}.Course_realModal__VA_ZV{width:300px;text-align:center}.Face_vidobox__Obl_S{width:100%;height:100%;margin:auto;position:relative}.Face_vidobox__Obl_S .Face_videominbox__Phwsb{width:100%;height:200px;position:absolute;top:0;left:0}.Face_vidobox__Obl_S .Face_canvasminbox__6UQog{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.Face_vidobox__Obl_S .Face_textminbox__313dJ{position:absolute;top:20px;left:50%;transform:translateX(-50%)!important;font-size:20px;color:red;-webkit-transform:translateX(-50%)!important;-moz-transform:translateX(-50%)!important;-ms-transform:translateX(-50%)!important;-o-transform:translateX(-50%)!important}.Face_cancel__LszRJ{position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}