body,html{height:100%;width:100%}:root{--base-color:#0070ee}@keyframes pulse-border-2{0%{transform:translate(-50%,-50%) translateZ(0) scale(1);opacity:.7}100%{transform:translate(-50%,-50%) translateZ(0) scale(1.35);opacity:.1}}@keyframes slide{0%{transform:translateZ(0)}100%{transform:translate3d(-100%,0,0)}}body{margin:0;padding:0;position:relative;background-color:#081d3a}span.back-to-top a,span.get-more a{margin-bottom:12px}a{text-decoration:none}header.wy-header{position:fixed;z-index:99;width:100%;display:none}.content,.mask{position:absolute}header.wy-header a.logo span.pref,header.wy-header a.logo span.pref::before,header.wy-header a.logo span.pref:after{background:#0070ee}header.wy-header a.logo span.suff:hover{color:#0070ee}header.wy-header .wy-header-nav a::after{border-bottom-color:#0070ee}.mask{left:50%;top:592px;margin-left:-450px;background-repeat:no-repeat;width:900px;height:calc(100% - 594px);z-index:1;background-image:url('https://assets.wuyuan.io/common-template/img/all/1/workbench.png');background-size:100%;border-top-left-radius:24px;border-top-right-radius:24px}.content,.index{width:100%;height:100%;z-index:2}.content{top:0;left:0;overflow-y:scroll;overflow-x:hidden;color:#fff}.index{position:relative;box-sizing:border-box;padding:48px 0}span.back-to-top,span.get-more{cursor:pointer;z-index:12;text-align:center}span.get-more{position:absolute;bottom:24px;left:50%;margin-left:-300px;display:block;width:600px;font-size:22px}span.get-more a{display:inline-block}span.back-to-top{position:fixed;bottom:48px;right:24px;margin-left:-64px;width:128px;font-size:24px;display:none}.bg-switch,.hot-tip{display:block;background-size:100% 100%;cursor:pointer}.bg-switch{position:fixed;bottom:32px;left:48px;margin-right:-64px;width:82px;height:46px;z-index:3;box-shadow:2px 1px 5px #111}.button,.hot-tip,.hot-tip:after{position:absolute}.bg-switch:hover .hot-tip-wrap{height:200px;opacity:1}.hot-tip{top:128px;right:168px;color:#fff;width:72px;height:72px;line-height:72px;text-align:center;border-radius:36px;z-index:333;transition:all .3s ease-in-out;opacity:.75;box-shadow:2px 1px 5px #aa514f;background-color:#7e00ff;background-position:center center}.b-0,.banner{height:100%}.hot-tip:after{content:"";animation:pulse-border-2 2s ease-out infinite;top:36px;left:50%;background:#7e00ff;width:100%;border-radius:36px;height:100%}.hot-tip:hover::after{display:none}.hot-tip:hover{opacity:1;box-shadow:3px 2px 3px rgba(0,0,0,.15)}body[lang=en] .hot-tip{font-size:12px}.button{font-size:24px;padding:8px 13px;color:#0070ee;display:block;z-index:3;cursor:pointer;line-height:30px;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:238px;text-align:center;top:calc(100% + 558px);border-radius:50px;border:2px solid #fff}.button i,.button label{position:relative;z-index:1}.button label{cursor:pointer;user-select:none}.button.view-sample{left:50%;margin-left:-132px;color:#ffa000;border-color:#ffa000}.button.view-sample:hover{background:#ffa000;color:#fff}.button.get-started{left:50%;margin-left:-462px;color:#02a000;border-color:#02a000}.button.get-started:hover{background:#02a000;color:#fff}.button.forum{margin-left:198px;left:50%;color:#ff0084;border-color:#ff0084}.button.forum:hover{background:#ff0084;color:#fff}.banner .des a,a.e-letter{color:#0070ee}.banner{width:100%;position:relative;z-index:2;box-sizing:content-box;background:rgba(0,0,0,.62);padding:48px 0}.b-0 p,.b-0 p .free,.banner .des,.banner .slg,.banner .slg.title,.banner:after{position:absolute}.banner img:not(.no-shadow){position:absolute;box-shadow:0 0 4px 1px #0070ee;border-radius:6px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}.banner img:not(.no-shadow):hover{box-shadow:0 0 8px 4px #0070ee;opacity:1}.banner .slg{display:block;font-weight:700;font-size:32px;text-shadow:1px 0 4px #fff}.banner .slg.title{text-align:center;display:block;top:48px;left:50%;width:1024px;margin-left:-512px;opacity:0;font-size:32px}.banner .slg.title a.demo-link{color:#0070ee;cursor:pointer;text-shadow:none}.banner .slg.title a.demo-link i{margin-right:4px}.banner .des{font-size:20px}.banner.hover .slg.title{opacity:1}.banner *{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.banner:after{content:'';border-top:solid 1px rgba(255,255,255,.15);width:0;bottom:48px;left:50%;margin-left:-256px;transition:all .6s ease-in-out}.banner.hover:after{width:512px}body[lang=en] .b-0 span.logo-des{font-size:28px;text-align:center;user-select:none}body[lang=en] .b-0 .hours3{width:350px}body[lang=en] .b-0 p{font-size:20px;text-align:left}body[lang=en] .b-0 p span.logo-des img{width:148px;margin-top:-6px;margin-right:6px}body[lang=en] .b-0 p span.logo-des .after{left:-132px;top:-32px}body[lang=en] .b-0 .video{width:300px;top:530px}body[lang=en] .b-0 .video span{font-size:14px}body[lang=en] .b-0 .video.video-1{width:250px;margin-left:-120px}body[lang=en] .b-0 .video.video-2{margin-left:138px}body[lang=en] .b-0 .video.video-3{width:250px;margin-left:-378px}body[lang=en] .b-0 .video-mark{min-width:280px}#no-coding{color:#0070ee!important}.b-0 p{width:800px;font-size:22px;top:108px;left:50%;margin-left:-400px;z-index:2;font-weight:400;text-align:center}.b-0 p .logo-des{color:#000}.b-0 p .free{font-weight:900;color:#1db100;right:-24px;top:0;padding:6px 12px;font-size:15px;cursor:pointer;border-radius:6px}.b-0 span.slogan-1{margin:50px 0;display:block}.b-0 span.slogan-2{position:relative;display:block;font-size:26px;font-weight:900;text-align:center;color:#000;text-shadow:2px 0 8px #eee;cursor:pointer}.b-0 .video .fa-play,.b-0 .video span{font-size:16px;position:absolute;text-align:center}.b-0 .video{position:absolute;width:232px;height:60px;border-radius:30px;box-sizing:border-box;border:rgba(255,255,255,.1);background:rgba(255,255,255,.15);cursor:pointer;left:50%;top:518px;overflow:hidden}.b-0 .video .fa-play{width:30px;height:30px;line-height:30px;display:inline-block;top:15px;left:15px}.b-0 .video span{line-height:24px;left:52px;top:6px}.b-0 .video .flash{position:absolute;left:-20px;width:0;height:100%;background:#fff;opacity:.5;transform:skewX(-30deg);transform-origin:0 100%;transition:all .6s ease-in-out}.b-0 .video:hover .flash{width:64px;left:300px}.b-0 .video-1{margin-left:-116px}.b-0 .video-2{margin-left:132px}.b-0 .video-3{margin-left:-364px;overflow:visible}.b-0 .video-3 span{font-size:25px;top:50%;transform:translateY(-50%)}.b-0 .video-3 .video-mark{color:#fff;position:absolute;top:-36px;left:12px;background:#02a000;line-height:30px;padding:0 12px;border-radius:16px;min-width:220px;text-align:center}.b-0 .video-3 .video-mark:after{content:'';position:absolute;height:10px;width:10px;background:#02a000;transform:rotate(-45deg);bottom:-4px;left:18px;font-size:13px}.b-0 span.logo-des{font-weight:900;font-size:32px;display:block;margin-top:0;position:relative;line-height:60px}.b-0 span.logo-des img{width:128px;margin-top:7px;margin-right:4px}.b-0 span.logo-des .after{font-size:18px;text-align:center;font-weight:400;position:absolute;background:#00a200;width:126px;height:28px;line-height:28px;border-radius:2px;left:-126px;top:-25px}.b-0 span.logo-des:hover:after{background:#199c05}.b-0 span.logo-des a{color:#0070ee;font-size:36px}@media screen and (min-width:1600px){header.wy-header .my-project,header.wy-header .user-info,header.wy-header .wy-header-nav a{font-size:16px}header.wy-header .my-project .project-icon,header.wy-header .user-info .project-icon{margin-top:2px}.b-0 p{top:128px;width:1200px;margin-left:-600px}.b-0 p .logo-des{font-size:38px}.b-0 p .slogan-1{font-size:28px}.b-0 p .slogan-2{font-size:30px}.b-0 .video{width:256px;height:66px;border-radius:34px;top:600px}.b-0 .video span{top:10px;left:60px;font-size:18px}.b-0 .video .fa-play{font-size:20px;top:18px;left:16px}.b-0 .video-3{margin-left:-388px}.b-0 .video-3 span{font-size:28px;top:32px}.b-0 .video-2{margin-left:156px}}.b-1{height:618px;border-top-left-radius:128px;border-top-right-radius:128px}.b-1 .slg.bottom{text-align:center;display:block;position:absolute;top:512px;left:50%;width:800px;margin-left:-400px;opacity:0;font-size:32px;transition:all 1s ease-in-out}.b-1 .tags,.b-1 img{top:108px;position:absolute;opacity:0}.b-1 img{width:36%;height:332px;left:32px}.b-1 .tags{right:72px;width:260px;text-align:center;transition:all .8s ease-in-out}.b-1 .tags span{display:inline-block;height:24px;line-height:24px;font-size:13px;padding:0 6px;margin:2px 4px;border:1px solid #0070ee;border-radius:14px;font-weight:400}.b-1 .app i,.b-1 i.fa{width:48px;height:48px;line-height:48px;text-align:center}.b-1 i.fa{display:inline-block;position:absolute;top:148px;left:52%;font-size:23px;margin-left:-48px;margin-top:-6px;opacity:0}.b-1 .slg.s1,.b-1 .slg.s2,.b-1 .slg.s3,.b-1 .slg.s4{margin-left:300px}.b-1 .slg{font-size:25px;left:52%;top:64px;opacity:0}.b-1 .slg.s1{top:148px;transition:all .1s ease-in-out}.b-1 .slg.s2{top:212px;transition:all .2s ease-in-out}.b-1 .slg.s3{top:276px;transition:all .3s ease-in-out}.b-1 .slg.s4{top:340px;transition:all .4s ease-in-out}.b-1 .slg.full-support{left:unset;top:368px;right:100px}.b-1 .app{display:block;position:absolute;opacity:0}.b-1 .app i{font-size:22px;margin-bottom:4px;box-sizing:border-box;border-radius:26px;position:relative;display:block;color:#fff}.b-1 .app a{font-size:14px;display:block;text-align:center}.b-1 .app.dingding{top:588px;right:220px;transition:all .3s ease-in-out}.b-1 .app.dingding i{background:#0070ee;border:2px solid #0070ee;transition:all .15s ease-in-out}.b-1 .app.wechat{top:588px;right:288px;transition:all .2s ease-in-out}.b-1 .app.wechat i{background:#1db100;border:2px solid #1db100;transition:all .3s ease-in-out}.b-1 .app.minprogram{top:588px;right:352px;transition:all .1s ease-in-out}.b-1 .app.minprogram i{background:#ff0084;border:2px solid #ff0084;transition:all .6s ease-in-out}.b-1.hover i.fa.a1,.b-1.hover i.fa.a2,.b-1.hover i.fa.a3,.b-1.hover i.fa.a4{transition:all .4s ease-in-out;opacity:1}body[lang=en] .b-1 .tags{top:48px;right:64px;width:290px}body[lang=en] .b-1 .slg.full-support{font-size:16px;right:64px}.b-1.hover .slg.bottom{top:460px;opacity:1}.b-1.hover .tags{opacity:1}.b-1.hover img{left:108px;opacity:1}.b-1.hover i.fa.a1{top:148px}.b-1.hover i.fa.a2{top:212px}.b-1.hover i.fa.a3{top:276px}.b-1.hover i.fa.a4{top:340px}.b-1.hover .slg{opacity:1}.b-1.hover .slg.s1,.b-1.hover .slg.s2,.b-1.hover .slg.s3,.b-1.hover .slg.s4{margin-left:0}.b-1.hover .app{opacity:1}.b-1.hover .app.dingding{top:288px}.b-1.hover .app.wechat{top:348px}.b-1.hover .app.minprogram{top:408px}.b-2 img.img1,.b-2 img.img2{top:148px;left:50%;width:45%;opacity:0;-webkit-transition:all .4s ease-in-out}.b-2{height:980px}.b-2 img{cursor:pointer}.b-2 img.img2{margin-left:-48%;transition:all .4s ease-in-out}.b-2 img.img1{margin-left:3%;transition:all .4s ease-in-out}.b-2 img.img3,.b-2 img.img4{top:548px;width:45%;-webkit-transition:all .4s ease-in-out;opacity:0;left:50%}.b-2 img.img3{margin-left:-48%;transition:all .4s ease-in-out}.b-2 img.img4{margin-left:3%;transition:all .4s ease-in-out}.b-2 i.fa{position:absolute;left:50%;margin-left:-16px;font-size:32px;opacity:0}.b-2 i.fa.arrow-1{top:300px}.b-2 i.fa.arrow-2{top:700px}.b-2 .img-title{position:absolute;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:0;border-radius:12px;padding:2px 12px;font-weight:900;font-size:14px;margin-top:-2px}.b-2 .title1{margin-left:-27%;left:50%;top:120px}.b-2 .title2{left:50%;margin-left:24%;top:120px}.b-2 .title3{margin-left:-27%;left:50%;top:520px}.b-2 .title4{left:50%;margin-left:24%;top:520px}.b-2.hover span.slg{top:32px;opacity:1}.b-2.hover img.img2,.b-2.hover img.img4{margin-left:3%;opacity:1}.b-2.hover img.img1,.b-2.hover img.img3{margin-left:-48%;opacity:1}.b-2.hover .title1,.b-2.hover .title2,.b-2.hover .title3,.b-2.hover .title4,.b-2.hover i.fa{opacity:1}.b-3{height:300px}.b-3 span.slg{left:0;top:0;width:100%;text-align:center;opacity:1}.b-3 div.db{background-image:url('https://assets.wuyuan.io/enhancer/site-assets/2.2.0/zh-cn/img/databases.png');background-size:632px 70px;background-repeat:no-repeat;width:173px;height:70px;position:absolute;top:128px;left:50%;opacity:1}.b-3 div.db.dameng,.b-3 div.db.gbase,.b-3 div.db.kingbase,.b-3 div.db.pgsql,.b-8 .deploy-ill{background-size:100%;background-repeat:no-repeat}.b-3 div.db.oracle{background-position:-173px 0;width:195px;margin-left:-450px}.b-3 div.db.mysql{background-position:0 0;width:173px;margin-left:-230px}.b-3 div.db.mssql{background-position:-375px 0;margin-left:-45px;width:261px}.b-3 div.db.pgsql{background-image:url('https://assets.wuyuan.io/enhancer/site-assets/2.2.0/zh-cn/img/postgresql-logo3.png');width:240px;height:63px;margin-left:250px;margin-top:6px}.b-3 div.db.kingbase{background-image:url('https://assets.wuyuan.io/common-template/img/all/logo/kingbase-logo.png');width:220px;height:66px;margin-left:-340px;margin-top:120px}.b-3 div.db.dameng{background-image:url('https://assets.wuyuan.io/common-template/img/all/logo/dameng-logo.png');width:270px;height:96px;margin-left:-106px;margin-top:90px}.b-3 div.db.gbase{background-image:url('https://assets.wuyuan.io/common-template/img/all/logo/nandatongyong.png');width:160px;height:60px;margin-left:182px;margin-top:118px}.b-4 .slg.s1{width:720px;margin-left:-360px;left:50%}body[lang=en] .b-3 div.db{left:640px}.b-4,.b-5{height:632px}.b-4 .slg,.b-5 .slg{width:100%;left:0;text-align:center}.b-4 .slg.s2,.b-5 .slg.s2{top:108px}.b-4 img,.b-5 img{width:768px;position:absolute;left:50%;top:180px;margin-left:-384px}.b-4 img:not(.no-shadow),.b-5 img:not(.no-shadow){opacity:1}.b-6{height:160px}.b-6 span.slg{width:960px;left:50%;top:0;margin-left:-480px;font-size:24px;opacity:0;transition:all .4s ease-in-out}.b-6 span.slg i{color:#0070ee}.b-6 .button.read-more{opacity:0;font-size:30px;top:64px;left:50%;width:520px;transform:translateX(-50%);transition:all .3s ease-in-out;border:none}.b-6.hover a.read-more,.b-6.hover span.slg,.b-7 .slg.title{opacity:1}.b-6 .button.read-more:hover{color:#fff}.b-6.hover span.slg.s1{top:60px}.b-6.hover span.slg.s2{top:124px}.b-6.hover span.slg.s3{top:188px}.b-6.hover span.slg.s4{top:252px}.b-6.hover span.slg.s5{top:316px}.b-6.hover span.slg.s6{top:380px}body[lang=en] .b-6 span.slg{width:1080px;margin-left:-540px;font-size:22px}.b-8{height:420px}.b-8 .slg{width:1024px;margin:auto;text-align:center;position:relative}.b-8 .deploy-ill{width:1024px;height:300px;margin:12px auto;background-image:url('https://assets.wuyuan.io/common-template/img/all/1/deploy.png')}.b-7{height:580px}.b-7:after{display:none}.b-7 .reviews{position:relative;top:72px;width:1080px;margin:auto;display:flex}.b-7 .reviews .comments-wrap{flex:1;box-sizing:border-box;padding:24px 32px;line-height:28px;position:relative}.b-7 .reviews .comments-wrap .comments{position:relative;float:left;width:100%;height:auto}.b-7 .reviews .comments-wrap .comments i{font-size:36px}.b-7 .reviews .comments-wrap .comments i:first-child{margin-left:-18px;margin-top:-2px;float:left}.b-7 .reviews .comments-wrap .comments i:last-child{float:right}.b-7 .reviews .comments-wrap .comment-by{text-align:right;display:block;margin-top:12px;width:100%;float:left}.b-7 .reviews .comments-wrap:nth-child(2):after,.b-7 .reviews .comments-wrap:nth-child(2):before{content:'';height:200px;border-left:solid 1px #333;position:absolute;top:50%;margin-top:-100px}.b-7 .reviews .comments-wrap:nth-child(2):before{left:0}.b-7 .reviews .comments-wrap:nth-child(2):after{right:0}body[lang=en] .b-7{height:700px}body[lang=en] .b-7 .reviews .comments-wrap{font-size:14px;line-height:28px}.wy-footer{position:relative;background:#fff}body.light .b-0::before,body.light .b-1::before{content:"";position:absolute;left:0;right:-10rem;bottom:0;width:100%}body.light{background-color:#e8ebef}body.light .content{color:#585858}body.light .b-0 .video{z-index:3;border:rgba(255,255,255,.45);background:rgba(255,255,255,.45);box-shadow:0 8px 12px #aaa}body.light .b-0 .video-mark{background:linear-gradient(45deg,#0070ee,#00cfc8)}body.light .b-0 .video-mark:after{background-color:#0076eb}body.light .b-1{box-shadow:0 -8px 12px #aaa}body.light .b-1::before{top:0;background:radial-gradient(50% 50% at 70% 50%,rgba(140,201,56,.12) 0,rgba(140,201,56,0) 100%)}body.light .b-0::before{z-index:0;top:-10rem;background:radial-gradient(50% 50% at 50% 50%,rgba(74,177,213,.15) 0,rgba(235,141,17,0) 100%)}body.light .banner{background:rgba(255,255,255,.85)}body.light .banner img:not(.no-shadow){box-shadow:0 0 4px 2px #333}body.light .banner img:not(.no-shadow):hover{box-shadow:0 0 8px 4px #0070ee}body.light .banner .button.read-more:hover{color:#111}body.light span.get-more{color:#fff}body.light .wy-footer:before{background:radial-gradient(60% 60% at 70% 70%,rgba(74,177,213,.15) 0,rgba(235,141,17,0) 100%)}