.wrapper{margin:0px auto;width:1200px}.wrapper h2{text-align:center}.tools-nav-panel{margin-bottom:0 !important;border-bottom:1px solid #f2f5f9}.title-block{font-size:25px}.title-block h2{font-size:32px}.title-block p{font-size:18px}strong{font-size:0}.btn-start{font-family:inherit;font-size:20px;background:var(--el-color-primary);color:#fff;padding:.7em 1em;padding-left:.9em;display:inline-flex;align-items:center;border:none;border-radius:16px;overflow:hidden;transition:all .2s;width:160px}.btn-start span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.btn-start svg{display:block;transform-origin:center center;transition:transform .3s ease-in-out}.btn-start:hover .svg-wrapper{-webkit-animation:fly-1 .6s ease-in-out infinite alternate;animation:fly-1 .6s ease-in-out infinite alternate}.btn-start:hover svg{transform:translateX(5px) rotate(45deg) scale(1.1)}.btn-start:hover span{transform:translateX(10px)}.btn-start:active{transform:scale(0.95)}@-webkit-keyframes fly-1{from{transform:translateY(0.1em)}to{transform:translateY(-0.1em)}}@keyframes fly-1{from{transform:translateY(0.1em)}to{transform:translateY(-0.1em)}}.section-1{padding:80px 0;background-image:linear-gradient(180deg, #fff, #f7f9ff);margin-top:79px;position:relative}.section-1 .content{display:flex;flex-direction:row;justify-content:space-around;height:400px;align-items:center;position:relative;z-index:2}.section-1 .content .left{flex:1}.section-1 .content .left h2{line-height:50px;margin-top:-80px;font-size:32px;text-align:left}.section-1 .content .left .title-sub{font-size:16px !important;color:#303659 !important;margin:24px 0 40px}.section-1 .content .left b,.section-1 .content .left p{font-size:14px;color:#888ea2}.section-1 .content .left b{color:#6246ea}.section-1 .content .left p.vip-tip{padding-top:10px;color:#303659 !important}.section-1 .content .left .btn{width:120px;margin-top:40px}.section-1 .content .left .btn.btn-modal{display:none}.section-1 .content .right{flex-shrink:0;pointer-events:none;-webkit-touch-callout:none;display:block;margin:auto;width:500px}.section-1:after{content:"";position:absolute;background:url(https://staticc.ywordle.com/static/2022-03-08/cf398a4e163baf4a18104368cbe4b813.svg) center/cover no-repeat;overflow:hidden;left:0;width:100%;height:100%;top:0;opacity:.5}.section-2{padding:100px 0}.section-2 .container h2{font-size:32px;margin-top:0}.section-2 .container .title-sub{color:#919790;text-align:center;font-size:12px;margin-top:8px}.section-2 .container .item-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.section-2 .container .item-wrapper .display-item{margin-top:60px;display:flex;align-items:center}.section-2 .container .item-wrapper svg{margin-right:40px}.section-2 .container .item-wrapper .item-right_title{font-size:16px;font-weight:600;color:#303659;margin:10px 0 12px}.section-2 .container .item-wrapper .item-right_content{display:block;color:#495a7c;width:320px;line-height:20px}.section-2 .container .item-wrapper .item-right_link{display:block;color:#6246ea;margin-top:10px;font-size:12px;font-weight:700}.section-2 .container .item-wrapper .item-right_link strong{font-size:0}.section-3{padding:100px 0}.section-3 h2{font-size:32px;margin-top:0}.section-3 .step-wrapper{margin-top:60px;justify-content:center}.section-3 .step-wrapper .step-item{flex-direction:column}.section-3 .step-wrapper .step-item_icon{width:80px;height:80px}.section-3 .step-wrapper .step-item_title{font-size:16px;margin:8px 0}.section-3 .step-wrapper .step-item_arrow{width:24px;height:24px;margin:55px 56px 0}.section-3 .step-wrapper .step-item_content{color:#303659;margin-top:10px;max-width:200px}.section-3 .step-wrapper,.section-3 .step-wrapper .step-item{display:flex;align-items:center}.section-3 .btn{width:160px;margin:auto}.section-4{background-image:linear-gradient(0deg, #fff, #f7f9ff);padding:100px 0}.section-try-box{padding:80px 0;background:#f5f7fa}.section-try-box .container{flex-direction:column}.section-try-box h2{font-size:32px;line-height:44px;color:#000;padding:0}.section-try-box p{margin-top:24px;font-size:18px;line-height:25px;text-align:center;color:#666}
@media screen and (max-width: 767px){.wrapper{max-width:90%;min-width:auto;margin-left:auto;margin-right:auto;display:block}.function-item{text-align:center}.function-item .flex3{margin:0}.btn-create,.btn-design{display:none}.unsupport-mobile{display:block}.comment-row{display:block}}@media screen and (min-width: 768px)and (max-width: 899px){.wrapper{max-width:700px}}@media screen and (max-width: 899px){.templates-items .template-column{width:50% !important}.main-banner .slanted-sep-top{top:calc(100% - 70px)}.main-banner .slanted-sep-top,.main-banner .slanted-sep-bottom{border-width:70px 0 0 155vw}.scene-gallery-container .title-block{padding-top:100px}.main-banner{padding-top:130px;padding-bottom:0px}}@media screen and (min-width: 900px)and (max-width: 1199px){#logo{width:auto}.wrapper{max-width:900px}}@media screen and (max-width: 600px){.templates-items .template-column{width:100% !important}#header-nav li:last-child{display:none}.advantage-box ul{display:block}.advantage-box ul li{margin-bottom:20px}.advantage-box ul p{max-width:300px;margin:0px auto}}
.tabs-container{display:flex;align-items:center;justify-content:space-between}.tabs-container .standard-tab{display:flex;width:260px;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:rgba(0,0,0,0);opacity:.5;color:#111;position:relative;margin-bottom:30px;padding-bottom:20px;cursor:pointer}.tabs-container .standard-tab.active{opacity:1}.tabs-container .step-name{color:#333;font-size:18px;font-weight:bold}.tabs-container .step-description{margin-top:8px;font-size:15px;line-height:26px;color:#555}.tabs-container .load-bar-base{position:absolute;left:0%;top:auto;right:0%;bottom:0%;height:5px;max-width:260px;margin-right:auto;margin-left:auto;background-color:rgba(17,17,17,.1);border-radius:500px}.tabs-container .load-bar{width:0%;height:5px;background-color:#1054fb;border-radius:500px}.tabs-container video{border-radius:3px;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.browser-frame{width:100%;height:40px;background:#eff0f3;border-radius:10px 10px 0 0;padding:0 20px;display:flex;align-items:center}.browser-frame .header-left{min-width:64px}.browser-frame .header-left span{width:12px;height:12px;border-radius:50%;display:inline-block}.browser-frame .header-left span:first-child{background:#f98077;border:1px solid #ea7168;margin-right:10px}.browser-frame .header-left span:nth-child(2){background:#fdce52;border:1px solid #f4c852;margin-right:10px}.browser-frame .header-left span:last-child{background:#61d56d;border:1px solid #5acc66}.browser-frame .header-center{width:300px;height:24px;background:#fff;border-radius:4px;margin:0px auto;position:relative;text-align:center}.browser-frame .header-center a{font-size:14px;color:#333;text-align:center;line-height:24px}
.tools-nav-panel{display:flex;margin-bottom:30px}.tools-nav-panel>b{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;margin-right:15px}.tools-nav-panel>b svg{width:30px !important;height:30px !important;margin-bottom:10px}.tools-nav-panel a{background:#fff;margin-right:10px;padding:15px 24px;cursor:pointer;border-radius:2px}.tools-nav-panel a label{position:relative;margin-bottom:10px;font-size:16px;color:#33383e;display:inline-block;cursor:pointer}.tools-nav-panel a p{font-size:12px;color:#636c78;font-weight:400}.tools-nav-panel label::after{position:absolute;content:"";width:0%;left:0;bottom:-4px;background:var(--el-color-primary);height:2px;transition:.3s ease-out}.tools-nav-panel a:hover label::after{width:100%}