.nav{width:100%;height:max-content;position:fixed;top:0;z-index:100;background-color:transparent;color:#fff;box-shadow:none;transition:background-color .2s ease-in-out,shadow-box .2s ease-in-out}.nav .navContent{margin:0 auto;width:1200px;height:100%}.nav .navContent .navCenter{display:flex;justify-content:flex-start}.nav .navContent .navCenter .navItem{align-items:center;font-weight:300;margin:0 16px;font-size:16px;cursor:pointer}.nav .navContent .navCenter .navItem a{display:block;height:70px}.nav .navContent .navCenter .navItem .navItemTitle{width:100%;height:70px;line-height:70px;color:inherit;text-decoration:none;border-bottom:4px solid #ffffff00;transition:all .3s;display:inline-flex;justify-content:center}.nav .navContent .navCenter .navItem .navItemTitle img{width:14px;margin-top:8px;margin-left:8px}.nav .navContent .navCenter .navItem .navItemDropdownWrap{max-height:0px;overflow:hidden;opacity:0;width:150px;position:absolute;padding-top:8px;transition:all .3s ease-in}.nav .navContent .navCenter .navItem .navItemDropdownWrap .navItemDropdown{color:#000;background-color:#fff;border-radius:8px;display:flex;flex-wrap:wrap;row-gap:4px;padding:4px}.nav .navContent .navCenter .navItem .navItemDropdownWrap .navItemDropdown .navItemDropdownItem{width:100%;height:40px;line-height:40px;padding:0 16px;border-radius:8px;color:#000;text-decoration:none;transition:all .3s}.nav .navContent .navCenter .navItemTitle:hover{border-bottom:4px solid #ffffffff}.nav .navContent .navCenter .navItem:hover .navItemDropdownWrap{max-height:250px;opacity:1}.nav .navContent .navCenter .navItemDropdownItem:hover{background-color:#f5f5f5}.nav .navContent .navCenter .logoName{height:50px;margin-top:10px;margin-right:32px}.nav .navContent .navCenter .gitee{margin-left:auto;margin-top:17px}.nav .navContent .navCenter .gitee .giteeLogo{height:36px;width:94px}.navBackground{background-image:linear-gradient(136deg,#3573D8FF 0%,#92B3F4FF 100%);box-shadow:0 0 6px #dcdfe2}.footerPage{width:100%;height:200px;margin-top:-200px;background:#343434ff;display:flex;justify-content:center;align-items:center}.footerPage .footer{height:155px;width:1200px;display:flex;justify-content:space-between}.footerPage .footer .footerLeft .footerName{font-size:30px;color:#fff;text-align:left;margin:20px 0 6px}.footerPage .footer .footerLeft .footerTitle{font-size:16px;color:#fff;text-align:left}.footerPage .footer .footerLeft .footerImg{margin-top:37px;height:108px;width:108px;padding:8px;background:#ffffff;display:flex;justify-content:center;align-items:center}.footerPage .footer .footerLeft .footerImg img{width:92px;height:92px}.footerPage .footer .footerRight{display:flex;align-items:flex-end;flex-direction:column;margin-top:36px}.footerPage .footer .footerRight a{text-decoration:none}.footerPage .footer .footerRight .footerRightImgs{width:180px;height:40px;display:flex;justify-content:space-around}.footerPage .footer .footerRight .footerRightImgs a{width:40px;height:40px;border-radius:50%;border:1px solid #9cb1f1;display:flex;justify-content:center;align-items:center}.footerPage .footer .footerRight .footerRightTexts{display:flex;justify-content:flex-end;margin:24px 0}.footerPage .footer .footerRight .footerRightTexts .footerRightText{font-size:16px;color:#9cb1f1;margin-left:18px}.footerPage .footer .footerRight .copyRight{font-size:16px;color:#9cb1f1;text-align:right}.footerPage .footer .footerRight .copyRight a{text-decoration:underline;color:inherit;cursor:pointer}.QRCodeScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:all ease-in .2s;z-index:-1}.QRCodeScreen .QRCodeWindow{width:600px;height:400px;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center}.QRCodeScreen .QRCodeWindow .QRCodeImg{width:50%}.oneCourse{border-radius:6px!important;overflow:hidden;transition:all .2s}.oneCourse .courseTop{position:relative}.oneCourse .courseTop .courseTopLabel{position:absolute;top:16px;right:16px;color:#fff;font-size:14px;line-height:22px;padding:0 4px;border-radius:8px;background:#b414f6ff}.oneCourse .courseTop .courseTopImg{width:100%}.oneCourse .courseBottom{width:100%;height:min-content;padding:12px 16px;background-color:#fff}.oneCourse .courseBottom .courseBottomTitle{font-size:16px;color:#191919;letter-spacing:1px;font-weight:bolder;margin-bottom:0;text-align:left}.oneCourse .courseBottom .courseBottomText{font-size:14px;line-height:20px;color:#393939;text-align:left;margin:15px 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:60px}.oneCourse .courseBottom .courseDetail{height:48px;display:flex;justify-content:space-between;align-items:center}.oneCourse .courseBottom .courseDetail .detailLeft{display:flex;justify-content:left;align-items:center}.oneCourse .courseBottom .courseDetail .detailLeft .detailLeftImg{height:20px;margin-right:8px}.oneCourse .courseBottom .courseDetail .detailLeft .detailLeftTime{letter-spacing:.5px;font-size:14px;color:#676767}.oneCourse .courseBottom .courseDetail .detailRight{display:flex;justify-content:center;align-items:center;width:120px;height:48px}.oneCourse .courseBottom .courseDetail .detailRight .detailRightName{line-height:48px;font-size:14px;color:#191919;text-align:center;margin-right:12px}.homePage{width:100%;min-width:1200px;display:flex;justify-content:center;flex-direction:column;align-items:center;background-color:#fff}.homePage .blockTitle{line-height:43px;font-size:36px;color:#191919;font-weight:bolder;margin-bottom:20px}.homePage .blockIntroduce{font-size:20px;margin-bottom:20px;color:#666}.homePage .banner{width:100%;height:554px;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;background:url(/assets/homeBanner-fde83838.webp) center center no-repeat;background-size:cover}.homePage .banner .bannerTitle{line-height:100px;font-size:72px;color:#fff;font-weight:bolder;text-align:center;margin:150px 0 32px}.homePage .banner .bannerIntroduce{line-height:43px;font-size:36px;color:#fff;font-weight:bolder;text-align:center;margin-bottom:70px}.homePage .banner .bannerBtn{border:none;border-radius:20px;font-size:16px;line-height:2px;text-align:left;padding:19px 40px;font-weight:bolder;color:#4569d4;background:#FFFFFF;transition:all .2s cubic-bezier(.645,.045,.355,1);text-decoration:none}.homePage .banner .bannerBtn:hover{background:#4569d4ff;color:#fff;cursor:pointer}.homePage .competence,.homePage .official,.homePage .partners{background-color:#fff}.homePage .api,.homePage .newsActivities{background-image:linear-gradient(0deg,#e5f0ffa3 0%,#e9f3ff17 49%,#eef7ffa3 100%,#a0dcffa3 100%)}.homePage .courseBlogs{background-image:linear-gradient(-40deg,#4569D4FF 0%,#E8EEFFFF 100%)}.homePage .outerBlock{width:100%;text-align:center;align-items:center}.homePage .outerBlock .innerBlock{width:1200px;margin:72px auto}.homePage .codeBlock{border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 0 16px #e5e5e580;background-color:#fff;transition:all .2s;text-align:left;overflow:hidden;max-height:480px}.homePage .codeBlock .codeTitle{min-height:48px;background:#c7d4f6;padding-left:19px;line-height:48px;font-size:16px;color:#191919;transition:all .2s}.homePage .codeBlock .codeText{height:432px;overflow-y:scroll;font-size:16px}.homePage .codeBlock img{width:100%;height:100%;vertical-align:top}.homePage .codeBlock:hover{border:1px solid #4569d4ff;box-shadow:0 0 16px #4569d480}.homePage .codeBlock:hover .codeTitle{color:#fff;background:#5879d8}.homePage .competence .allCompetence{display:flex;justify-content:space-between;text-align:left}.homePage .competence .allCompetence .oneCompetence{position:relative;width:384px;height:207px;border-radius:8px;background-image:linear-gradient(-28deg,#B8C7F58C 0%,#4569D4FF 100%);padding:32px 0 0 32px;border:1px solid rgba(69,105,212,.3)}.homePage .competence .allCompetence .oneCompetence .oneTitle{line-height:29px;font-size:24px;color:#fff;margin-bottom:18px}.homePage .competence .allCompetence .oneCompetence .oneIntroduce{line-height:24px;font-size:16px;color:#fff;margin-right:70px}.homePage .competence .allCompetence .oneCompetence .oneComment{margin-top:1rem;line-height:16px;font-size:12px;color:#d3d3d3;margin-right:120px}.homePage .competence .allCompetence .oneCompetence .oneImg{position:absolute;width:125px;height:125px;right:0;bottom:0}.homePage .competence .video{margin:24px auto 0;border-radius:8px;overflow:hidden;height:675px}.homePage .api .allApi{display:flex;justify-content:space-between;gap:48px;text-align:left}.homePage .api .allApi .oneApi{width:calc((100% - 48px)/2)}.homePage .api .allApi .oneApi .apiTopContent{margin-bottom:20px;width:max-content;padding:0 20px;font-size:16px;color:#333;display:flex}.homePage .api .allApi .oneApi .apiTopContent div{margin:0 12px;line-height:25px}.homePage .api .allApi .oneApi .apiTopContent .reactive-tip{line-height:50px;margin-left:1rem}.homePage .api .allApi .oneApi .apiTopContent .reactive-tip a{color:#00e;text-decoration-line:underline}.homePage .api .allApi .oneApi .apiTopContent .apiViewer iframe{height:3rem;margin:0}.homePage .api .allApi .oneApi .apiCenter{width:550px;border:1px solid #4569d4;border-radius:8px;box-shadow:0 0 16px #4569d480;background-color:#fff;transition:all .2s;overflow:hidden}.homePage .api .allApi .oneApi .apiCenter .apiTitle{min-height:48px;color:#fff;background:#5879d8;padding-left:19px;line-height:48px;font-size:16px;transition:all .2s}.homePage .api .allApi .oneApi .apiCenter .apiCode{height:458px;font-size:16px;overflow-y:auto}.homePage .api .allApi .apiCenter:hover{border:1px solid #4569d4ff;box-shadow:0 0 16px #4569d480}.homePage .api .allApi .apiCenter:hover .apiTitle{color:#fff;background:#5879d8}.homePage .official .officialTab{display:flex;justify-content:space-between;margin-bottom:20px}.homePage .official .officialTab .officialBtn{width:180px;height:44px;background-image:linear-gradient(to right,#ffffff,#c7d4f6);border:1px solid #4569d4;border-radius:8px;text-decoration:none;display:flex;transition:all .2s}.homePage .official .officialTab .officialBtn img{margin-top:-20px;height:70px}.homePage .official .officialTab .officialBtn p{width:100%;font-size:16px;line-height:40px;color:#4569d4;transform:translate(-10%)}.homePage .official .officialTab .officialBtn:hover{box-shadow:0 0 16px #4569d480;cursor:pointer}.homePage .official .officialTab .active{background:linear-gradient(to right,#c7d4f6,#4569d4);border:1px solid #c7d4f6}.homePage .official .officialTab .active p{color:#fff}.homePage .official .officialContent{width:100%;display:flex;justify-content:space-between;gap:48px}.homePage .official .officialContent .right{width:100%}.homePage .official .officialContent .left{width:calc((100% - 48px)/2);min-width:576px}.homePage .courseBlogs .tab-menu-item{color:#fff}.homePage .courseBlogs .tab-menu-bar{border-bottom:8px solid #ffffff!important}.homePage .courseBlogs .moreBtn{height:14px;line-height:14px;text-align:right;float:right;font-size:14px;color:#fff;margin:0 0 16px}.homePage .courseBlogs .moreBtn:hover{text-decoration:underline}.homePage .courseBlogs .courseList{width:1200px;display:flex;justify-content:space-between}.homePage .courseBlogs .courseList .oneCourseWrap{width:calc((100% - 60px)/4)}.homePage .courseBlogs .blogList{width:1200px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.homePage .courseBlogs .blogList .oneBlogWrap{width:calc((100% - 20px)/2)}.homePage .courseBlogs .blogList .oneBlogWrap .blogItem{height:140px;display:flex;overflow:hidden;border-radius:8px}.homePage .courseBlogs .blogList .oneBlogWrap .blogItem .blogImg{width:230px;height:100%;padding:0;background-image:linear-gradient(180deg,#9CB1F1FF 0%,#0F276EFF 100%);max-width:100%;max-height:100%}.homePage .courseBlogs .blogList .oneBlogWrap .blogItem .blogInfo{width:auto;padding:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.homePage .courseBlogs .blogList .oneBlogWrap .blogItem .blogInfo .blogTitle{font-size:20px;color:#191919;font-weight:bolder;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.homePage .courseBlogs .blogList .oneBlogWrap .blogItem .blogInfo .blogSub{font-size:14px;color:#999}.homePage .newsActivities .tab-menu-bar{border-bottom:8px solid #4569d4!important}.homePage .newsActivities .moreBtn{height:14px;line-height:14px;text-align:right;float:right;font-size:14px;color:#4569d4;margin:0 0 16px}.homePage .newsActivities .moreBtn:hover{text-decoration:underline}.homePage .newsActivities .newsList{width:1200px;display:flex;justify-content:space-between;text-align:left}.homePage .newsActivities .newsList .newsListLeft{width:503px;max-height:405px}.homePage .newsActivities .newsList .newsListLeft .newsImg{width:100%;max-height:273px;border-radius:4px 4px 0 0;background-image:linear-gradient(180deg,#9CB1F1FF 0%,#0F276EFF 100%)}.homePage .newsActivities .newsList .newsListLeft .newsInfo{padding:12px;height:126px}.homePage .newsActivities .newsList .newsListLeft .newsInfo .newsTitle{font-size:20px;font-weight:bolder;color:#191919;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.homePage .newsActivities .newsList .newsListLeft .newsInfo .newsIntroduce{margin:6px 0;font-size:14px;color:#393939;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;line-clamp:2}.homePage .newsActivities .newsList .newsListLeft .newsInfo .newsTime{color:#999;font-size:14px}.homePage .newsActivities .newsList .newsListRight{display:flex;flex-direction:column;gap:14.5px}.homePage .newsActivities .newsList .newsListRight a{width:674px;height:75px;display:flex}.homePage .newsActivities .newsList .newsListRight a .newsItem{width:100%;display:flex}.homePage .newsActivities .newsList .newsListRight a .newsItem .newsInfo{height:100%;border-radius:4px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:14.5px;background:#ffffff}.homePage .newsActivities .newsList .newsListRight a .newsItem .newsInfo .newsTitle{font-size:20px;color:#191919;font-weight:bolder;width:85%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;max-height:24px}.homePage .newsActivities .newsList .newsListRight a .newsItem .newsInfo .newsTime{font-size:14px;color:#999;text-align:right;align-self:center}.homePage .newsActivities .newsList .newsListRight a .newsItem .newsInfo .newsIntroduce{font-size:14px;line-height:20px;color:#393939;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;line-clamp:1;max-height:20px}.homePage .newsActivities .newsList .newsListRight a:first-child{height:136px}.homePage .newsActivities .newsList .newsListRight a:first-child .newsImg{width:230px;height:100%;padding:0;background-image:linear-gradient(180deg,#9CB1F1FF 0%,#0F276EFF 100%)}.homePage .newsActivities .newsList .newsListRight a:first-child .newsInfo{width:442px;padding:12px}.homePage .newsActivities .newsList .newsListRight a:first-child .newsInfo .newsIntroduce{-webkit-line-clamp:2;line-clamp:2;max-height:40px}.homePage .newsActivities .activityList{width:1200px;display:flex;text-align:left}.homePage .newsActivities .activityList .oneActivity{width:1200px;height:405px;display:flex;border-radius:4px;overflow:hidden}.homePage .newsActivities .activityList .oneActivity .oneActivityImg{width:700px;height:100%}.homePage .newsActivities .activityList .oneActivity .oneActivityInfo{flex:1;height:400px;padding:48px 32px}.homePage .newsActivities .activityList .oneActivity .oneActivityInfo .oneActivityTitle{font-size:20px;color:#191919;font-weight:bolder;margin-bottom:14px}.homePage .newsActivities .activityList .oneActivity .oneActivityInfo .oneActivityIntroduce{font-size:14px;color:#393939;margin-bottom:72px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-clamp:3}.homePage .newsActivities .activityList .oneActivity .oneActivityInfo .oneActivityTime{font-size:14px;color:#393939;margin-bottom:18px}.homePage .newsActivities .activityList .oneActivity .oneActivityInfo .oneActivityType{font-size:14px;color:#393939}.homePage .partners .partnerLogos{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}.homePage .partners .partnerLogos .partnerLogoWrap{box-sizing:border-box;width:20%;height:80px;padding:4px;margin-bottom:16px}.homePage .partners .partnerLogos .partnerLogoWrap .partnerLogoBlock{width:100%;height:100%;text-align:center;padding:16px}.homePage .partners .partnerLogos .partnerLogoWrap .partnerLogoBlock .partnerLogo{max-width:100%;max-height:100%;height:100%;margin:auto 0}.homePage .ant-tabs-top>.ant-tabs-nav:before,.homePage .ant-tabs-bottom>.ant-tabs-nav:before,.homePage .ant-tabs-top>div>.ant-tabs-nav:before,.homePage .ant-tabs-bottom>div>.ant-tabs-nav:before{border-bottom:none!important}.tab .tab-menu{width:100%}.tab .tab-menu .tab-menu-wrap{width:max-content;margin:0 auto;display:flex;column-gap:72px;position:relative}.tab .tab-menu .tab-menu-wrap .tab-menu-item{line-height:64px;font-size:32px;margin:0 12px}.tab .tab-menu .tab-menu-wrap .tab-menu-item:hover{cursor:pointer}.tab .tab-menu .tab-menu-wrap .tab-menu-bar{border-bottom:8px solid #000000;position:absolute;height:100%;top:0;left:0;transition:width .3s,left .3s}.tab .tab-content{padding:0}.tab a{text-decoration:none}.banners{width:100%;height:240px;background:url(/assets/homeBanner-fde83838.webp);background-repeat:no-repeat;background-attachment:scroll;background-size:100%}.banners .banner{width:1200px;margin:0 auto;display:flex;justify-content:space-between;padding-top:102px}.banners .banner .bannerLeft{display:flex;flex-direction:column;gap:8px;color:#fff}.banners .banner .bannerLeft .bannerTitle{font-size:28px}.banners .banner .bannerRightImg{height:110px}html,body{width:100%;min-width:1200px;padding:0;margin:0;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}p{margin:0}@font-face{font-family:HUAWEI-SANS;src:url(/assets/HUAWEISANS-REGULAR-0c7e9efc.TTF) format("truetype")}@font-face{font-family:FZLTHJW;src:url(/assets/FZLTHJW-1ebcacb3.woff2) format("woff")}html,body{font-family:HUAWEI-SANS,Helvetica,Arial,FZLTHJW,PingFang SC,Microsoft YaHei,sans-serif}body::-webkit-scrollbar{display:none}::-webkit-scrollbar-thumb{background-color:#bbb}.main-container{background:#f5f5f5;min-height:100vh;padding-bottom:200px}code,.cm-theme-light *{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Courier New,Courier,monospace}.itemTab{border:1px solid rgba(95,129,229,.55);border-radius:4px;background-color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.itemTab:hover{box-shadow:0 0 16px #4569d480;cursor:pointer;transform:scale(1.01)}.topBanner{width:100%;height:38px;padding:8px 12px;background-color:#4569d4;display:flex;color:#fff;position:fixed;top:0;z-index:200}.topBanner .topContent{display:flex;justify-content:center;width:100%}.topBanner .close-btn{width:22px;background:none;border:none;color:#fff;cursor:pointer}.topBanner+.nav{margin-top:38px}.topBanner~.main-container{margin-top:38px}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}