.components-mobile-top-nav{position:relative;height:.22916667rem;border-bottom:.00520833rem solid hsla(0,0%,49.8%,.14);display:flex;align-items:center;justify-content:space-between;padding:0 .078125rem}.components-mobile-top-nav .arrow-left{width:.10416667rem;height:.10416667rem;margin-right:.05208333rem}.components-mobile-top-nav .top-logo{width:.32291667rem;height:.10416667rem}.components-mobile-top-nav .top-logo2{width:.42708333rem;height:.140625rem}.components-mobile-top-nav .nav-icon{width:.13541667rem;height:.09375rem}.components-mobile-top-nav .cancel-icon{width:.11458333rem;height:.10416667rem}.components-mobile-top-nav .nav-box{position:fixed;right:0;top:.22916667rem;z-index:99;background-color:#fff;width:.85416667rem;height:calc(100vh - .22917rem);-webkit-animation-name:open;animation-name:open;-webkit-animation-duration:.3s;animation-duration:.3s;overflow-y:auto}.components-mobile-top-nav .nav-box p{font-size:.08333333rem;padding:.14583333rem .16666667rem;color:#535353;border-bottom:1px solid #ccc}.components-mobile-top-nav .nav-box .active{color:#2568d7}@-webkit-keyframes open{0%{width:.67708333rem}to{width:.85416667rem}}@keyframes open{0%{width:.67708333rem}to{width:.85416667rem}}.components-mobile-top-nav .layer{position:absolute;right:0;top:.22916667rem;z-index:90;background-color:#9e9e9e;opacity:.1;width:100vw;height:100vh}.components-mobile-footer{position:relative;z-index:10;color:#fff;font-size:.05208333rem}.components-mobile-footer .bg-img{height:100%;width:100%;position:absolute;top:0;left:0;z-index:-1}.components-mobile-footer .footer-main .footer-1{display:flex;align-items:center;justify-content:space-between;padding:.05208333rem .078125rem}.components-mobile-footer .footer-main .footer-1 .footer-logo{width:.39583333rem;height:.13541667rem}.components-mobile-footer .footer-main .footer-1 .footer-des .link{text-align:center}.components-mobile-footer .footer-main .footer-1 .footer-des .link p{color:#fff;font-size:.0625rem;padding:0 .125rem}.components-mobile-footer .footer-main .footer-1 .footer-des .link p:first-child{padding-left:0}.components-mobile-footer .footer-main .footer-1 .footer-des .link p:nth-child(2){border-left:.00520833rem solid #fff;border-right:.00520833rem solid #fff}.components-mobile-footer .footer-main .footer-1 .footer-des .link p:nth-child(3){padding-right:0}.components-mobile-footer .footer-main .footer-2{text-align:center;border-top:1px solid #fff;padding:.02604167rem 0 .04166667rem 0;font-size:.05208333rem;opacity:.5}.components-mobile-footer .footer-main .footer-2 .beian,.components-mobile-footer .footer-main .footer-2 p{margin-top:.01041667rem}::-webkit-scrollbar{display:none}.mobile-water-cycle{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden}.mobile-water-cycle .section-title{font-size:.07291667rem;font-weight:700;color:#2568d7;text-align:center;height:100%}.mobile-water-cycle .section-1{position:relative;padding:.09375rem 0 .11458333rem 0;border-radius:.01041667rem}.mobile-water-cycle .section-1 .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.mobile-water-cycle .section-1 .step-box{margin-top:.08854167rem;height:.35208333rem}.mobile-water-cycle .section-1 .step-box .step-item{position:relative;flex:1;height:.35208333rem;font-size:.05208333rem;color:#535353}.mobile-water-cycle .section-1 .step-box .step-item p{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:.265625rem;line-height:.06947917rem;text-align:center}.mobile-water-cycle .section-1 .step-box .step-bg-img1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:.33333333rem;height:.359375rem}.mobile-water-cycle .section-1 .step-box .step-bg-img1 img{width:100%;height:100%}.mobile-water-cycle .section-2{padding:.09895833rem .078125rem .10416667rem .078125rem}.mobile-water-cycle .section-2 .water-img{margin-top:.08854167rem;width:100%;height:.625rem}.mobile-water-cycle .section-2 .step-box{display:flex}.mobile-water-cycle .section-2 .step-box .step-item{flex:1;border:1px solid #2568d7;border-radius:50%;height:.14583333rem;padding:.03125rem .015625rem;margin-top:.02604167rem;text-align:center;color:#535353;font-size:.05208333rem;font-weight:700}.mobile-water-cycle .section-2 .step-box .step-item span{color:#2568d7;font-size:.21875rem}.mobile-water-cycle .section-3{background:#f5f7fb;padding:.09895833rem 0;text-align:center}.mobile-water-cycle .section-3 .title2{font-size:.05208333rem;color:#222;height:100%}.mobile-water-cycle .section-3 .title3{font-size:.0625rem;color:#2568d7;font-weight:700;margin-top:.03125rem;height:100%}.mobile-water-cycle .section-3 .mt-33{margin-top:.02604167rem}.mobile-water-cycle .section-3 .grid-box2{margin-top:.08333333rem;margin-bottom:.05208333rem}.mobile-water-cycle .section-3 .grid-box2 .grid-item{margin-bottom:.0625rem;padding:0 .125rem;text-align:left}.mobile-water-cycle .section-3 .grid-box2 .grid-item img{width:100%}