.yb-editor-guide-page{font-family:PingFangSC,PingFang SC;min-width:1240px;overflow:hidden;--yb-section-padding-x: 20px}.yb-editor-guide-page .page-section1{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;padding:0 var(--yb-section-padding-x);width:100%;height:514px;background:linear-gradient(180deg,#a8eac6,#e7f9e0 46% 77%,#eaffe2)}.yb-editor-guide-page .page-section1 .left-box{position:relative;text-align:left}.yb-editor-guide-page .page-section1 .left-box .bg-img1{position:absolute;top:-180px;left:-310px;z-index:1}.yb-editor-guide-page .page-section1 .left-box .left-box-content{position:relative;z-index:2;display:flex;flex-direction:column}.yb-editor-guide-page .page-section1 .left-box .title{position:relative;width:-moz-fit-content;width:fit-content;margin-top:-17px;height:62px;font-weight:600;font-size:44px;color:#21af42;line-height:62px}.yb-editor-guide-page .page-section1 .left-box .title .title-text{position:relative;z-index:2}.yb-editor-guide-page .page-section1 .left-box .title .title-bg{position:absolute;bottom:-3px;right:0;width:100%}.yb-editor-guide-page .page-section1 .left-box .desc{margin-top:8px;height:57px;font-weight:600;font-size:41px;color:#1d2b2b;line-height:57px}.yb-editor-guide-page .page-section1 .left-box .contact-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:192px;height:50px;border:none;border-radius:4px;font-weight:600;font-size:18px;color:#fff;line-height:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:44px;background-color:#152b2f;text-shadow:0px 0px 16px rgba(131,135,135,.48)}.yb-editor-guide-page .page-section1 .left-box .contact-btn.animate-down .hover-box{bottom:-12px;left:50%;transform:translate(-50%,100%) scale(.8)}.yb-editor-guide-page .page-section1 .left-box .contact-btn.animate-down .hover-box:after{top:0;left:50%;transform:translate(-50%,-100%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #fff}.yb-editor-guide-page .page-section1 .left-box .contact-btn.animate-down.active .hover-box{opacity:1;transform:translate(-50%,100%) scale(1)}.yb-editor-guide-page .page-section1 .left-box .contact-btn.animate-right .hover-box{bottom:50%;right:-12px;left:auto;transform:translate(100%,50%) scale(.8)}.yb-editor-guide-page .page-section1 .left-box .contact-btn.animate-right .hover-box:after{top:50%;right:100%;transform:translateY(-50%);border-right:6px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.yb-editor-guide-page .page-section1 .left-box .contact-btn.animate-right.active .hover-box{opacity:1;transform:translate(100%,50%) scale(1)}.yb-editor-guide-page .page-section1 .left-box .contact-btn .hover-box{position:absolute;z-index:1001;padding:16px;width:188px;height:188px;background:#fff;box-shadow:0 6px 14px 6px #0000000a,0 4px 8px -3px #0000000f,0 1px 3px #0000000f;border-radius:4px;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.yb-editor-guide-page .page-section1 .left-box .contact-btn .hover-box:after{content:"";position:absolute;width:0;height:0}.yb-editor-guide-page .page-section1 .right-box{position:relative}.yb-editor-guide-page .page-section1 .right-box .right-box-content{position:relative;z-index:2}.yb-editor-guide-page .page-section1 .right-box .bg-img2{position:absolute;top:-15px;right:-55px;z-index:1}.yb-editor-guide-page .page-section2{padding:150px var(--yb-section-padding-x) 0;position:relative;width:100%;height:1325px;text-align:left}.yb-editor-guide-page .page-section2 .top-title{display:flex;align-items:center;justify-content:center;gap:18px;height:30px;font-weight:600;font-size:32px;color:#1f2431;line-height:30px}.yb-editor-guide-page .page-section2 .section2-part1,.yb-editor-guide-page .page-section2 .section2-part2{display:flex;justify-content:center}.yb-editor-guide-page .page-section2 .section2-part1 .box-img,.yb-editor-guide-page .page-section2 .section2-part2 .box-img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.yb-editor-guide-page .page-section2 .section2-part1 .box-icon,.yb-editor-guide-page .page-section2 .section2-part2 .box-icon{margin-left:-8px}.yb-editor-guide-page .page-section2 .section2-part1 .title,.yb-editor-guide-page .page-section2 .section2-part2 .title{position:relative;width:-moz-fit-content;width:fit-content;height:30px;font-weight:600;font-size:30px;color:#1f2431;line-height:30px}.yb-editor-guide-page .page-section2 .section2-part1 .title .title-text,.yb-editor-guide-page .page-section2 .section2-part2 .title .title-text{flex-shrink:0;position:relative;z-index:2}.yb-editor-guide-page .page-section2 .section2-part1 .title .title-bg,.yb-editor-guide-page .page-section2 .section2-part2 .title .title-bg{position:absolute;bottom:0;right:0;transform:translateY(50%)}.yb-editor-guide-page .page-section2 .section2-part1 .desc,.yb-editor-guide-page .page-section2 .section2-part2 .desc{margin-top:40px;font-weight:400;font-size:18px;color:#595959;line-height:38px}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:192px;height:50px;border:none;border-radius:4px;font-weight:600;font-size:18px;color:#fff;line-height:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:44px;background-color:#00be53;text-shadow:0px 2px 14px #b6cece}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn.animate-down .hover-box,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn.animate-down .hover-box{bottom:-12px;left:50%;transform:translate(-50%,100%) scale(.8)}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn.animate-down .hover-box:after,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn.animate-down .hover-box:after{top:0;left:50%;transform:translate(-50%,-100%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #fff}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn.animate-down.active .hover-box,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn.animate-down.active .hover-box{opacity:1;transform:translate(-50%,100%) scale(1)}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn.animate-right .hover-box,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn.animate-right .hover-box{bottom:50%;right:-12px;left:auto;transform:translate(100%,50%) scale(.8)}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn.animate-right .hover-box:after,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn.animate-right .hover-box:after{top:50%;right:100%;transform:translateY(-50%);border-right:6px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn.animate-right.active .hover-box,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn.animate-right.active .hover-box{opacity:1;transform:translate(100%,50%) scale(1)}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn .hover-box,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn .hover-box{position:absolute;z-index:1001;padding:16px;width:188px;height:188px;background:#fff;box-shadow:0 6px 14px 6px #0000000a,0 4px 8px -3px #0000000f,0 1px 3px #0000000f;border-radius:4px;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.yb-editor-guide-page .page-section2 .section2-part1 .contact-btn .hover-box:after,.yb-editor-guide-page .page-section2 .section2-part2 .contact-btn .hover-box:after{content:"";position:absolute;width:0;height:0}.yb-editor-guide-page .page-section2 .section2-part1{gap:128px;margin-top:100px}.yb-editor-guide-page .page-section2 .section2-part1 .left-box{width:513px;display:flex;flex-direction:column}.yb-editor-guide-page .page-section2 .section2-part1 .right-box{position:relative;width:562px;height:378px}.yb-editor-guide-page .page-section2 .section2-part2{gap:110px;margin-top:120px}.yb-editor-guide-page .page-section2 .section2-part2 .left-box{position:relative;width:562px;height:378px}.yb-editor-guide-page .page-section2 .section2-part2 .right-box{width:513px;display:flex;flex-direction:column}.yb-editor-guide-page .page-section3{position:relative;padding:80px var(--yb-section-padding-x) 140px;width:100%;text-align:left;background-color:#f9f9f9}.yb-editor-guide-page .page-section3:before{content:"";position:absolute;right:-50px;top:100px;width:400px;height:400px;border-radius:50%;background:#9ce5bb;opacity:.3;filter:blur(50px)}.yb-editor-guide-page .page-section3:after{content:"";position:absolute;left:-60px;bottom:-60px;width:400px;height:400px;border-radius:50%;background:#9ce5bb;opacity:.15;filter:blur(50px)}.yb-editor-guide-page .page-section3 .top-title{display:flex;align-items:center;justify-content:center;gap:18px;height:30px;font-weight:600;font-size:32px;color:#1f2431;line-height:30px}.yb-editor-guide-page .page-section3 .section3-part1{margin-top:80px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:40px}.yb-editor-guide-page .page-section3 .section3-part1 .part-item{display:flex;flex-direction:column;border-radius:12px;border:2px solid #fff}.yb-editor-guide-page .page-section3 .section3-part1 .part-item:before{content:"";clear:both}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box1{background:linear-gradient(180deg,#f1f5fe,#fff)}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box1 .title-box{background-color:#dae9fe}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box1 .image-box .icon{position:absolute;right:0;bottom:0}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box2{background:linear-gradient(180deg,#e9ffeb,#fff)}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box2 .title-box{background-color:#d3f3de}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box2 .image-box .icon{position:absolute;right:0;top:0}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box3{background:linear-gradient(180deg,#fff6ee,#fff)}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box3 .title-box{background-color:#feecde}.yb-editor-guide-page .page-section3 .section3-part1 .part-item.box3 .image-box .icon{position:absolute;right:10px;bottom:6px}.yb-editor-guide-page .page-section3 .section3-part1 .part-item .image-box{position:relative;z-index:2;margin:18px 14px 0;width:334px;height:175px;background:linear-gradient(180deg,#ffffff54,#fff);border-radius:13px;border:1px solid #ffffff}.yb-editor-guide-page .page-section3 .section3-part1 .part-item .image-box .image{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.yb-editor-guide-page .page-section3 .section3-part1 .part-item .title-box{margin:-45px 8px 10px;padding:61px 0 16px;width:344px;height:119px;border-radius:17px;text-align:center;font-weight:600;font-size:24px;color:#262626;line-height:38px}.yb-editor-guide-page .page-section3 .section3-part2{margin:120px auto 0;position:relative;z-index:2;width:1260px;height:350px;display:flex;flex-direction:column;align-items:center;background-image:url(//assets.yiban.io/assets/imgs/yb-editor-guide/section3-bg1-c476e6350a.png);background-size:contain;background-repeat:no-repeat}.yb-editor-guide-page .page-section3 .section3-part2:before{content:"";clear:both}.yb-editor-guide-page .page-section3 .section3-part2 .title{margin-top:62px;font-weight:600;font-size:39px;color:#262626;line-height:38px}.yb-editor-guide-page .page-section3 .section3-part2 .desc-li-box{margin-top:30px;display:flex;flex-direction:column}.yb-editor-guide-page .page-section3 .section3-part2 .desc-li{position:relative;padding-left:26px;font-weight:400;font-size:20px;color:#3e4a41;line-height:38px}.yb-editor-guide-page .page-section3 .section3-part2 .desc-li:before{content:"";width:9px;height:9px;background-color:#172b2f;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:192px;height:50px;border:none;border-radius:4px;font-weight:600;font-size:18px;color:#fff;line-height:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:32px;background-color:#152b2f;text-shadow:0px 0px 16px rgba(86,183,188,.48)}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn.animate-down .hover-box{bottom:-12px;left:50%;transform:translate(-50%,100%) scale(.8)}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn.animate-down .hover-box:after{top:0;left:50%;transform:translate(-50%,-100%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #fff}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn.animate-down.active .hover-box{opacity:1;transform:translate(-50%,100%) scale(1)}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn.animate-right .hover-box{bottom:50%;right:-12px;left:auto;transform:translate(100%,50%) scale(.8)}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn.animate-right .hover-box:after{top:50%;right:100%;transform:translateY(-50%);border-right:6px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn.animate-right.active .hover-box{opacity:1;transform:translate(100%,50%) scale(1)}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn .hover-box{position:absolute;z-index:1001;padding:16px;width:188px;height:188px;background:#fff;box-shadow:0 6px 14px 6px #0000000a,0 4px 8px -3px #0000000f,0 1px 3px #0000000f;border-radius:4px;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.yb-editor-guide-page .page-section3 .section3-part2 .contact-btn .hover-box:after{content:"";position:absolute;width:0;height:0}