@charset "UTF-8";.mnMainBanner{position:relative;height:120px;background:#fff}.mnMainBanner .owl-carousel{height:120px}.mnMainBanner .owl-dots{display:flex;align-items:center;gap:4px;position:absolute;bottom:8px;left:19px}.mnMainBanner .owl-dot span{display:block;border-radius:5px;width:5px;height:5px;background:#fff}.mnMainBanner .owl-dot.active span{width:9px;background:#abb0bb}.mnMainBannerCard{overflow:hidden;display:block;position:relative;width:100%;height:120px}.mnMainBannerCard img{display:block;position:absolute;top:0;left:50%;width:1128px!important;max-width:1128px;transform:translate(-50%)}.mnMentorsArea{padding:24px 0 16px}.mnMentorsArea .mnExploreAllButton{display:flex;align-items:center;justify-content:center;gap:9px;margin:24px auto 0;border:1px solid #007EFF;border-radius:6px;width:328px;height:48px;background:#fff;font-size:14px;font-weight:500;line-height:17px;color:#007eff}.mnMentorsTitle{font-size:24px;font-weight:600;line-height:34px;color:#161616;text-align:center}.mnMentorsTitle em{color:#007eff}.mnMentorCardList{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px}.mnMentorCard{overflow:hidden;display:flex;flex-direction:column;margin:0 auto;border:1px solid #DFDFDF;border-radius:16px;width:328px;height:452px;background:#fbfbfb}.mnMentorCard .mnCardCategory{flex-shrink:0;display:flex;align-items:center;gap:17px;padding:0 15px;height:35px;background:#abb0bb;font-size:14px;font-weight:500;line-height:22px;color:#fff}.mnMentorCard .mnCardCategory .mnItem{position:relative}.mnMentorCard .mnCardCategory .mnItem:nth-child(n+2):before{content:"";display:block;position:absolute;top:50%;left:-9px;width:1px;height:10px;background:#fff;transform:translateY(-50%)}.mnMentorCard .mnInner{padding:15px;background:url(../../images/v3/profile_logo.png) no-repeat right 8px top 8px;background-size:80px}.mnMentorCard .mnCardMeta{display:flex;gap:8px}.mnMentorCard .mnMemberThumb{flex-shrink:0;overflow:hidden;border-radius:56px;width:56px;height:56px}.mnMentorCard .mnMemberName{font-size:10px;font-weight:400;line-height:16px;color:#161616}.mnMentorCard .mnMemberInfo{flex-grow:1}.mnMentorCard .mnMemberCredentials{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:44px;font-size:14px;font-weight:500;line-height:22px;color:#161616}.mnMentorCard .mnMemberName{margin-top:-4px;font-size:10px;font-weight:400;line-height:16px;color:#161616}.mnMentorCard .mnMemberDetailBox{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:8px;border-radius:8px;background:#abb0bb1a}.mnMentorCard .mnMemberDetailBox .mnList{display:flex;gap:8px}.mnMentorCard .mnMemberDetailBox .mnItem{flex:1 0 0%;min-width:0%}.mnMentorCard .mnMemberDetailBox .mnLabel{font-size:8px;font-weight:400;line-height:100%;color:#8f8f8f}.mnMentorCard .mnMemberDetailBox .mnValue{margin-top:4px;font-size:10px;font-weight:500;line-height:16px;color:#161616}.mnMentorCard .mnCardThumb{overflow:hidden;position:relative;margin-top:8px;border-radius:6px;height:167px}.mnMentorCard .mnCardThumb video{display:block;margin:0 auto;height:100%}.mnMentorCard .mnCardThumb img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);border-radius:8px;box-shadow:0 0 2px 2px #00000040}.mnMentorCard .mnCardThumb .mnPlayIcon{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);background-image:url(../images/icons/ico_video_play.svg);background-size:48px 48px;background-repeat:no-repeat;background-position:center;pointer-events:none}.mnMentorCard .mnActions{display:flex;gap:8px;margin-top:14px}.mnMentorCard .mnActions .mnButton{flex:1 0 0%;display:flex;align-items:center;justify-content:center;border:1px solid #007EFF;border-radius:6px;min-width:0%;height:48px;font-size:14px;font-weight:600;line-height:22px}.mnMentorCard .mnActions .mnButton.outline{color:#007eff}.mnMentorCard .mnActions .mnButton.primary{background:#007eff;color:#fff}.mnDemoClassesArea{padding:32px 0 0;background:linear-gradient(180deg,#fff,#ebf4ff 71.85%)}.mnDemoClassesTitle{padding:0 16px;font-size:24px;font-weight:600;line-height:34px;color:#161616;text-align:center}.mnDemoClassesTitle em{color:#007eff}.mnDemoClassesDesc{margin-top:8px;padding:0 16px;font-size:14px;font-weight:400;line-height:22px;color:#161616;text-align:center}.mnDemoClassesThumb{display:flex;justify-content:center;margin:24px auto 0;background-repeat:no-repeat;background-position:center top}.mnShortsIntro{overflow:hidden;display:flex;align-items:center;justify-content:center;height:50vh;background:#161616}.mnShortsArea{overflow:hidden;position:fixed;top:0;bottom:0;left:0;width:100%;height:100%;background:transparent;z-index:-1}.mnShortsArea .mnSplide{left:50%;max-width:480px;transform:translate(-50%)}.mnShortsArea .mnSplideSlide{flex-direction:column;align-items:normal}.mnShortsArea .mnSplideCover{flex-shrink:0;padding:57px 0 0;background:#85bbff}.mnShortsArea .mnSplideCover .mnTopRow{margin:0 auto;padding:0 0 6px;border-bottom:2px solid #FFF;width:320px}.mnShortsArea .mnSplideCover .mnSchoolName{min-height:40px;font-size:32px;font-weight:700;line-height:40px;color:#fff}.mnShortsArea .mnSplideCover .mnSubject{margin-top:3px;min-height:30px;font-size:20px;font-weight:700;line-height:30px;color:#193f9a}.mnShortsArea .mnSplideCover .mnMiddleRow{margin:0 auto;padding:6px 0;width:320px}.mnShortsArea .mnSplideCover .mnType{display:inline-flex;align-items:center;gap:4px;padding:0 10px;border-radius:10px;height:30px;background:#ff5e2f;font-size:14px;font-weight:600;line-height:20px;color:#fff;vertical-align:top}.mnShortsArea .mnSplideCover .mnExam{margin-top:6px;min-height:24px;font-size:16px;font-weight:700;line-height:24px;color:#fff}.mnShortsArea .mnSplideCover .mnBottomRow{overflow:hidden;position:absolute;top:50%;left:50%;width:100%;padding-top:56.66%;transform:translate(-50%,-50%);background:#000;z-index:20}.mnShortsArea .mnSplideCard{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;position:relative;bottom:0;background:#161616}.mnShortsArea .mnSplidePopup{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#161616cc}.mnShortsArea .mnSplidePopup .mnTitle{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:16px;font-size:23px;font-weight:700;line-height:28px;color:#ffe70f;text-align:center}.mnShortsArea .mnSplidePopup .mnTitle:after,.mnShortsArea .mnSplidePopup .mnTitle:before{content:"";display:block;border-top:12px solid #FFE70F;border-left:7px solid transparent;border-right:7px solid transparent}.mnShortsArea .mnSplidePopup .mnButton{display:flex;align-items:center;justify-content:center;border-radius:6px;width:160px;height:46px;font-size:14px;font-weight:600;line-height:22px}.mnShortsArea .mnSplidePopup .mnButton.primary{background:#007eff;color:#fff}.mnShortsArea .mnSplidePopup.active{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999}.mnShortsArea.fullscreen-mode{background:#161616;transition:.1s;z-index:999}
