html,body{margin:0}body{background-color:#fff;font-family:webfontLight}body::-webkit-scrollbar{width:6px;height:4px}body::-webkit-scrollbar-thumb{border-radius:5px;background:#8660fd}body::-webkit-scrollbar-track{border-radius:0;background:#eee}.section{min-width:1200px;margin:0 auto}.wrapper{position:relative;width:1200px;margin:0 auto}.topbar-con{position:relative;z-index:88;height:52px;background:#fff;box-shadow:0 1px 3px #ddd}.topbar-con .wrapper{display:flex;align-items:center}.topbar-con .platform-name{margin:0;padding:0;font:500 20px/52px webfontMedium}.topbar-con .topbar-logo{position:relative;top:-1px;height:20px;margin-right:12px}.footer{background-color:#15171f;color:#fff}.footer .sitemap-con{padding-top:60px;display:flex;padding-bottom:30px;border-bottom:1px solid #45474d}.footer .sitemap-con .item{flex:auto;color:#fff}.footer .copyright-con{padding:24px 0;font-size:12px;line-height:22px;text-align:center;vertical-align:middle}.footer .copyright-con .icon{position:relative;top:-2px;height:20px;display:inline-block;margin-right:5px;vertical-align:middle}.footer .copyright-con p{margin:0;padding:4px 0}.footer .copyright-con .ml-s1{margin-left:20px}.footer .copyright-con a{color:#fff}.banner{position:relative;z-index:30;height:748px;overflow:hidden}.banner:before{content:"";position:absolute;top:-15px;left:50%;width:528px;height:528px;margin-left:288px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/star1.png) no-repeat center top;background-size:528px auto}.banner .wrapper{height:100%;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/1_1.png) no-repeat center -50px;background-size:auto 748px}.banner .actions-bar{position:absolute;left:10px;top:470px}.banner .actions-bar .btn-action{box-sizing:border-box;float:left;min-width:124px;height:48px;margin-right:16px;padding:0 16px;border:1px solid #a5afbc;border-radius:4px;font-size:16px;line-height:46px;color:#79889b;text-align:center;vertical-align:middle;cursor:pointer}.banner .actions-bar .btn-action:hover{color:#333}.popover-conactus{overflow:hidden;position:absolute;left:138px;top:520px;padding:0;border:1px solid #eee;border-radius:4px;box-shadow:0 0 3px #a5afbc;opacity:0;transition:all .1s}.popover-conactus.show{opacity:1;margin-left:20px}.popover-conactus.hidden{display:none}.pendant-text-explorer{position:absolute;top:56px;right:10px;width:200px;height:20px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/t1.png) no-repeat right top;background-size:auto 10px}.slider-solutions{height:700px}.slider-solutions .wrapper{height:100%;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/solutions.png) no-repeat 12px 32px;background-size:auto 127px}.slider-solutions .wrapper:before,.slider-solutions .wrapper:after{content:"";position:absolute}.slider-solutions .wrapper:before{width:303px;height:303px;left:-210px;top:-210px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/star2.png) no-repeat center top;background-size:303px auto}.slider-solutions .wrapper:after{width:162px;height:162px;left:420px;top:0;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/star4.png) no-repeat center top;background-size:162px auto}.slider-advantages{height:700px}.slider-advantages .wrapper{height:100%;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/advantages.png) no-repeat 12px 32px;background-size:auto 127px}.slider-explorer{position:relative;height:580px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/3.png) no-repeat center top;background-size:auto 580px}.slider-choice{height:600px}.slider-choice .wrapper{position:relative;height:100%;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/choice.png) no-repeat 12px 32px;background-size:397px auto}.slider-choice .star{position:absolute;left:1010px;top:110px;width:178px;height:120px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/star3.png) no-repeat left top;background-size:auto 120px}.slider-choice .star:hover{animation:shake .1s ease-in-out;animation-iteration-count:2}.slider-choice.legacy .plan-choice-a{opacity:0}.slider-choice.legacy .plan-choice-b{opacity:1}.slider-choice.legacy .plan-icon-a{z-index:8;left:778px;top:293px}.slider-choice.legacy .plan-icon-b{z-index:9;left:698px;top:200px}.slider-choice .plan-tit{position:absolute;left:12px;top:230px;width:300px;height:20px;background-repeat:no-repeat;background-position:0 0;background-size:auto 20px}.slider-choice .plan-choice-a,.slider-choice .plan-choice-b{position:relative;transition:all .3s}.slider-choice .plan-choice-a .plan-tit{background-image:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/plan-a-tit.png)}.slider-choice .plan-choice-b{opacity:0}.slider-choice .plan-choice-b .plan-tit{background-image:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/plan-b-tit.png)}.slider-choice .plan-info{position:absolute;top:280px;left:12px}.slider-choice .plan-info p{position:relative;box-sizing:border-box;width:600px;margin:0;padding:10px 0 10px 24px;font-size:16px;font-weight:300;line-height:24px;color:#666}.slider-choice .plan-info-dot{position:absolute;left:-5px;top:12px;overflow:hidden;width:8px;height:8px;border-width:5px;border-style:solid;border-color:#fff;border-radius:50%;background-color:#33da94}.slider-choice .plan-info-dot.light{animation-name:dot-light;animation-duration:1.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.slider-choice .plan-info-dot.light2{animation-delay:.6s}.slider-choice .plan-info-dot.light3{animation-delay:1.2s}.slider-choice .plan-choice-b .plan-info-dot{background-color:#a5afbc}.slider-choice .plan-icon-a,.slider-choice .plan-icon-b{overflow:hidden;position:absolute;width:344px;height:189px;background-position:0 0;background-size:344px auto;transition:all .3s}.slider-choice .plan-icon-a{z-index:9;left:698px;top:200px;background-image:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/plan-a.png)}.slider-choice .plan-icon-b{z-index:8;left:778px;top:293px;background-image:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/plan-b.png)}.banner-explorer{height:400px;background:#fff url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/mound.png) no-repeat center top;background-size:auto 400px}.banner-explorer .wrapper{height:100%}.banner-explorer .spaceship{position:absolute;left:50%;bottom:-4px;margin-left:-80px;width:274px;height:172px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/spaceship.png) no-repeat center top;background-size:274px auto;transition:all .2s}.banner-explorer .spaceship:hover{margin-left:-140px;transform:skew(6deg)}.pendant-screen1,.pendant-screen2{position:absolute}.pendant-screen1:hover,.pendant-screen2:hover{animation:shake .1s ease-in-out}.pendant-screen1{left:10px;top:190px;width:265px;height:181px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/screen1.png) no-repeat center top;background-size:265px auto}.pendant-screen1:hover{animation-iteration-count:3}.pendant-screen2{width:157px;height:103px;left:290px;top:157px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/screen2.png) no-repeat center top;background-size:157px auto}.pendant-screen2:hover{animation-iteration-count:2}.solutions-item,.advantages-item{position:absolute;top:224px;left:10px;width:340px;height:386px}.solutions-item.s2,.advantages-item.s2{left:430px}.solutions-item.s3,.advantages-item.s3{left:850px}.advantages-item:hover .inside-item{opacity:0;transform:rotateY(180deg)}.advantages-item:hover .inside-hl-item{opacity:1;transform:rotateY(0)}.advantages-item .inside-item,.advantages-item .inside-hl-item{overflow:hidden;position:absolute;inset:0;border-radius:8px;transition:all .5s}.advantages-item .inside-item{background-color:#fff;box-shadow:0 0 6px #ddd}.advantages-item .inside-item .v-title{position:absolute;left:0;top:222px;padding-left:92px;font-size:20px;font-family:webfontMedium;font-weight:700;line-height:40px;color:#15171f}.advantages-item .inside-item .v-title .num{position:absolute;top:0;left:40px;font-size:24px;color:#8660fd}.advantages-item .inside-item .v-title .num:after{content:"/";margin-left:2px;font-size:18px;font-weight:400;vertical-align:top}.advantages-item .inside-item .v-desc{position:absolute;left:92px;right:61px;top:276px;font-size:14px;line-height:22px;font-weight:300;color:#666}.advantages-item .inside-item .v-icon{position:absolute;left:0;right:0;top:60px;text-align:center}.advantages-item .inside-item .v-icon img{vertical-align:top}.advantages-item .inside-hl-item{transform:rotateY(180deg);background-color:#8660fd;color:#fff;opacity:0}.advantages-item .inside-hl-item .v-title{position:absolute;left:40px;top:84px;font-size:24px;line-height:32px}.advantages-item .inside-hl-item .v-title .num{position:absolute;left:0;bottom:100%;margin-bottom:12px;font-size:36px;line-height:44px}.advantages-item .inside-hl-item .v-title .num:after{content:"/";margin-left:4px;font-size:24px;font-weight:400;vertical-align:top}.advantages-item .inside-hl-item .v-title:after{content:"";position:absolute;left:0;top:100%;margin-top:16px;width:32px;height:4px;background-color:#33da94}.advantages-item .inside-hl-item .v-desc{position:absolute;left:40px;top:160px;right:40px;font-size:16px;line-height:24px;color:#fff}.explorer-info-con{position:absolute;left:540px;top:300px}.explorer-info-con p{position:relative;margin:0;padding:8px 0 8px 18px;font-size:16px;line-height:24px;font-weight:300;color:#666}.explorer-info-con p:before{content:"";position:absolute;left:0;top:16px;overflow:hidden;width:8px;height:8px;border-radius:50%;background-color:#8660fd}.solutions-item:hover .pic-con img{transform:scale(1.1)}.solutions-item .pic-con{overflow:hidden;height:210px;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center}.solutions-item .pic-con img{height:100%;vertical-align:top;transition:all .2s}.solutions-item .v-title{margin-top:32px;padding:0;font-size:20px;line-height:28px;font-family:webfontMedium;color:#15171f}.solutions-item .v-summary{padding:0;margin:0;font-size:16px;line-height:28px;font-weight:300;color:#666}.icon-res-mac{position:absolute;right:-370px;top:158px;width:1075px;height:417px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/1_2_2.png) no-repeat center top;background-size:1075px auto}@keyframes shake{0%{margin-left:8px}to{margin-left:0}}@keyframes dot-light{0%{border-color:#fff}12%{border-color:#d6f8ea}33%{border-color:#fff}to{border-color:#fff}}.slider-ai{height:660px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/ai.png) no-repeat center top;background-size:auto 580px}.slider-clients{height:620px;background:url(https://cdn-assets.hyperpaas.com/project/website/0.1.0/clients.png) no-repeat center top;background-size:auto 520px}