.home-page-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#f7faff}.home-page-container{height:calc(100vh - 60px);margin-top:60px;position:relative;overflow:auto}.home-page-container .center-main-layout{width:820px;height:820px;font-size:16px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home-page-container .center-main-layout .center-main-bc{background:url(/homePageImages/sub-menu-bg.svg) 50%/contain no-repeat;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-page-container .center-main-layout .center-main-bc .main-icon{width:10%;height:10%;-webkit-filter:drop-shadow(2px 2px 1.8px #2955de);filter:drop-shadow(2px 2px 1.8px #2955DE)}.home-page-container .center-main-layout .center-main-bc .page-title{color:#fff;font-size:1.375em;font-weight:400;line-height:29px;letter-spacing:2.7px;text-align:center;margin:.5em 0 0}.home-page-container .menu-module-position{position:absolute;width:16.5%;height:16.5%}.home-page-container .menu-module-position .menu-module-wrapper{width:100%;height:100%}.home-page-container .menu-module-position.menu-small-circle{width:11%;height:11%}.home-page-container .menu-module-position.menu-small-circle .menu-title{font-size:1em}.home-page-container .first-menu-container{width:100%;height:100%;position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home-page-container .first-menu-container.menu-clickable{cursor:pointer}.home-page-container .first-menu-container .menu-img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.home-page-container .first-menu-container .menu-title{position:relative;z-index:2;color:#fff;font-size:1.125em;white-space:pre-wrap;text-align:center}.home-page-container .second-menu-position.position-left{position:absolute;z-index:3;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-page-container .second-menu-position.position-left .third-menu-container{position:absolute;z-index:4;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.home-page-container .second-menu-position.position-right{position:absolute;z-index:3;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.home-page-container .second-menu-position.position-right .third-menu-container{position:absolute;z-index:4;top:50%;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.home-page-container .second-menu-position{opacity:0;visibility:hidden}.home-page-container .second-menu-position.show-menu{opacity:1;visibility:initial;-webkit-animation:show-menu-animation .4s ease-in-out .2s backwards;animation:show-menu-animation .4s ease-in-out .2s backwards}.home-page-container .second-menu-position .second-menu-wrapper{position:relative;z-index:3}.home-page-container .second-menu-position .second-menu-wrapper .ant-badge{font-size:inherit;position:absolute;top:0;right:0;z-index:5;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.home-page-container .second-menu-position .second-menu{border-radius:10px;background:#fff;font-size:1em;text-align:center;height:2.8em;line-height:2.8em;min-width:8em;padding:0 10px}.home-page-container .second-menu-position .second-menu.second-menu-clickable{cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.home-page-container .second-menu-position .second-menu.second-menu-clickable:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.home-page-container .third-menu-container{opacity:0;visibility:hidden}.home-page-container .third-menu-container.show-menu{opacity:1;visibility:initial;-webkit-animation:show-menu-animation .28s ease-in-out .1s backwards;animation:show-menu-animation .28s ease-in-out .1s backwards}.home-page-container .third-menu-container .third-menu{height:2.6em;line-height:2.6em;min-width:6em;padding:0 10px;border-radius:90px;font-size:.9375em;text-align:center;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.home-page-container .third-menu-container .third-menu:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.home-page-container .third-menu-container .third-menu:not(.third-menu:last-of-type){margin-bottom:8px}.home-page-container .second-menu-position.seaBlue .second-menu{color:#22b5fc;-webkit-box-shadow:0 4px 10px 0 rgba(34,181,252,.1),0 -4px 10px 0 rgba(34,181,252,.1);box-shadow:0 4px 10px 0 rgba(34,181,252,.1),0 -4px 10px 0 rgba(34,181,252,.1)}.home-page-container .second-menu-position.seaBlue .third-menu{color:#22b5fc;background:-webkit-gradient(linear,right top,left top,from(#b6ebff),to(rgba(196,223,255,0)));background:linear-gradient(-90deg,#b6ebff,rgba(196,223,255,0) 100%)}.home-page-container .second-menu-position.purple .second-menu{color:#7970ff;-webkit-box-shadow:0 4px 10px 0 rgba(121,112,255,.1),0 -4px 10px 0 rgba(121,112,255,.1);box-shadow:0 4px 10px 0 rgba(121,112,255,.1),0 -4px 10px 0 rgba(121,112,255,.1)}.home-page-container .second-menu-position.red .second-menu{color:#f87979;-webkit-box-shadow:0 4px 10px 0 rgba(248,121,121,.1),0 -4px 10px 0 rgba(248,121,121,.1);box-shadow:0 4px 10px 0 rgba(248,121,121,.1),0 -4px 10px 0 rgba(248,121,121,.1)}.home-page-container .second-menu-position.lightBlue .second-menu{color:#2c87fe;-webkit-box-shadow:0 4px 10px 0 rgba(44,135,254,.1),0 -4px 10px 0 rgba(44,135,254,.1);box-shadow:0 4px 10px 0 rgba(44,135,254,.1),0 -4px 10px 0 rgba(44,135,254,.1)}.home-page-container .second-menu-position.lightBlue .third-menu{color:#4997fd;background:-webkit-gradient(linear,left top,right top,from(#d6e6ff),to(rgba(196,223,255,0)));background:linear-gradient(90deg,#d6e6ff,rgba(196,223,255,0) 100%)}.home-page-container .second-menu-position.green .second-menu{color:#36b28b;-webkit-box-shadow:0 4px 10px 0 rgba(54,178,139,.1),0 -4px 10px 0 rgba(54,178,139,.1);box-shadow:0 4px 10px 0 rgba(54,178,139,.1),0 -4px 10px 0 rgba(54,178,139,.1)}.home-page-container .second-menu-position.deepBlue .second-menu{color:#6186f8;-webkit-box-shadow:0 4px 10px 0 rgba(58,104,244,.1),0 -4px 10px 0 rgba(58,104,244,.1);box-shadow:0 4px 10px 0 rgba(58,104,244,.1),0 -4px 10px 0 rgba(58,104,244,.1)}.home-page-container .back-button-text{position:fixed;right:49.4px;bottom:10.35px;width:210px;height:85.84px;text-align:center;background:url(/homePageImages/button_bc.png) 50%/100% 100% no-repeat;cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.home-page-container .back-button-text:active{-webkit-transform:translateY(4px);transform:translateY(4px)}.home-page-container .back-button-text .title{line-height:67.84px;color:#fff;font-size:26px}.home-page-container .connect-line-animation{opacity:0;visibility:visible}.home-page-container .connect-line-animation.show-line{opacity:1;visibility:visible;-webkit-animation:show-menu-animation .3s ease-out,line-animation .25s ease-out;animation:show-menu-animation .3s ease-out,line-animation .25s ease-out}.home-page-container .connect-line-animation:before{content:"";width:100%;height:90px;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@-webkit-keyframes line-animation{0%{width:0}}@keyframes line-animation{0%{width:0}}@-webkit-keyframes show-menu-animation{0%{opacity:0}to{opacity:1}}@keyframes show-menu-animation{0%{opacity:0}to{opacity:1}}@media (max-width:1600px),screen and (max-height:750px){.home-page-container .center-main-layout{width:660px;height:660px;font-size:14px}.home-page-container .back-button-text{width:180px;height:75px}.home-page-container .back-button-text .title{line-height:59px;font-size:20px}}@media (max-height:600px),screen and (max-width:1280px){.home-page-container .center-main-layout{width:500px;height:500px;font-size:12px}.home-page-container .back-button-text{width:140px;height:60px}.home-page-container .back-button-text .title{line-height:47px;font-size:17px}}