@charset "utf-8";.menu-layer{display:none;width:100%;position:absolute;top:0;background-color:rgba(0,0,0,.9);z-index:1}.menu-layer.show{display:block}.menu-layer .icon-close{position:absolute;top:4%;right:5%;width:16px;height:16px;background:url(/201708/images/mobile/icon-menu-close.png?v=20240223160928) center no-repeat;background-size:contain}.menu-layer .menu-container{position:absolute;width:300px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);font-size:16px}.menu-layer .menu-container a{color:#fff}.menu-layer .menu-container .menu-item{height:55px;border-bottom:1px solid #5a5a5d}.menu-layer .menu-container .menu-item .content-wrap{line-height:55px;padding-left:50px}.menu-layer .menu-container .menu-item .content-wrap.home{background:url(/201708/images/mobile/icon-menu-home.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.cj{background:url(/201708/images/mobile/icon-menu-cj.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.price{background:url(/201708/images/mobile/icon-menu-price.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.club{background:url(/201708/images/mobile/icon-menu-club.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.question{background:url(/201708/images/mobile/icon-menu-question.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.video{background:url(/201708/images/mobile/icon-menu-video.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.contact{background:url(/201708/images/mobile/icon-menu-contact.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.d-download{background:url(/201708/images/mobile/icon-menu-download.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.article{background:url(/201708/images/mobile/icon-menu-article.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.menu-layer .menu-container .menu-item .content-wrap.p-document{background:url(/201708/images/mobile/icon-menu-docment.png?v=20240223160928) left center no-repeat;background-size:30px 30px}.header{height:50px}.header .logo{width:118px;height:35px;margin-left:12px;margin-top:8px;float:left;background:url(/201708/images/mobile/logo.png?v=20240223160928) no-repeat;background-size:118px 35px}.header .menu-button{width:32px;height:24px;background:url(/201708/images/mobile/icon-menu.png?v=20240223160928) center no-repeat;background-size:16px 12px;float:right;margin:13px 10px 0 0}*{margin:0;padding:0}a{text-decoration:none}.gray{background-color:#f7f7f7}.wrapper .banner{height:225px;background:#0097e0;color:#fff;position:relative}.wrapper .banner .header{width:100%;height:50px}.wrapper .banner .header .logo{width:118px;height:35px;float:left;margin-left:12px;background:url(/201708/images/mobile/logo-white.png?v=20240223160928) center no-repeat;background-size:118px 35px}.wrapper .banner .header .menu-button{width:32px;height:24px;float:right;margin:13px 10px 0 0;background:url(/201708/images/mobile/icon-menu-white.png?v=20240223160928) center no-repeat;background-size:16px 12px}.wrapper .banner .title{margin-top:10.6%;font-size:34px;text-align:center}.wrapper .banner .sub-title{margin-top:5.5%;font-size:18px;text-align:center}.wrapper .banner .pic{position:absolute;width:80px;height:66px;right:0;bottom:0;background:url(/201708/images/mobile/pages/easy/icon-banner.png?v=20240223160928) center no-repeat;background-size:contain}.wrapper .section{padding:0 20px;height:340px;overflow:hidden}.wrapper .section .title{font-size:22px;line-height:36px;margin-top:10%;text-align:center}.wrapper .section .title .blue{color:#0097e0}.wrapper .section .section-icon{width:300px;margin:0 auto}.wrapper .section .description{margin-top:8%;font-size:16px;line-height:24px;color:#7a7a7a}.wrapper .section.section-1 .section-icon{height:110px;background:url(/201708/images/mobile/pages/easy/icon-section-1.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:10%}.wrapper .section.section-2{height:416px}.wrapper .section.section-2 .section-icon{height:190px;background:url(/201708/images/mobile/pages/easy/icon-section-2.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:10%}.wrapper .section.section-2 .description{margin-top:10%}.wrapper .section.section-3{height:446px}.wrapper .section.section-3 .section-icon{height:176px;background:url(/201708/images/mobile/pages/easy/icon-section-3.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:8%}.wrapper .section.section-4{height:416px}.wrapper .section.section-4 .section-icon{height:256px;background:url(/201708/images/mobile/pages/easy/icon-section-4.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:2%}.wrapper .section.section-4 .description{margin-top:2%}.wrapper .section.section-4 p{text-align:center;color:#7a7a7a}.wrapper .section.section-4 .step-wrap{text-align:center;color:#7a7a7a;font-size:16px;overflow:hidden;margin-top:2%;line-height:22px}.wrapper .section.section-4 .step-wrap .step-item{display:inline-block;padding-left:22px;margin-right:16px}.wrapper .section.section-4 .step-wrap .step-item.step-1{background:url(/201708/images/mobile/pages/easy/icon-step1.png?v=20240223160928) left center no-repeat;background-size:18px 18px}.wrapper .section.section-4 .step-wrap .step-item.step-2{background:url(/201708/images/mobile/pages/easy/icon-step2.png?v=20240223160928) left center no-repeat;background-size:18px 18px}.wrapper .section.section-4 .step-wrap .step-item.step-3{background:url(/201708/images/mobile/pages/easy/icon-step3.png?v=20240223160928) left center no-repeat;background-size:18px 18px;margin-right:0}.wrapper .so-easy{position:relative;height:180px;background:url(/201708/images/mobile/pages/cloudbility/soEasy-bg.jpg?v=20240223160928) no-repeat;background-size:cover}.wrapper .so-easy .content-wrap{position:absolute;top:12%;right:10%;color:#fff}.wrapper .so-easy .content-wrap .minor-text{font-size:12px;line-height:24px}.wrapper .so-easy .content-wrap .main-text{font-size:18px;line-height:30px}.wrapper .so-easy .content-wrap .pic{width:102px;height:38px;background:url(/201708/images/mobile/pages/cloudbility/soEasy-text-pic.png?v=20240223160928) no-repeat;background-size:contain}.wrapper .so-easy .content-wrap .button{margin-top:6px;width:140px;height:30px;line-height:30px;text-align:center;text-decoration:none;border-radius:3px;background:#7ed321;color:#fff;font-size:14px}.foot{width:100%;height:150px;padding:32px 20px 0;box-sizing:border-box;background:#333;font-size:12px;color:#fff!important}.foot .foot-left{width:100px;float:left;margin-left:4%}.foot .foot-left .QR-code{display:block;width:70px;height:70px;margin:0 auto}.foot .foot-left .QR-text{text-align:center;line-height:20px;margin-top:4px}.foot .foot-right{width:165px;float:right}.foot .foot-right .btn{line-height:32px;color:#fff}.foot .foot-right .btn:after{content:'>';width:10px;height:100%;float:right}@media screen and (max-width:370px){.wrapper .banner{height:200px}.wrapper .banner .title{font-size:30px}.wrapper .banner .sub-title{font-size:16px}.wrapper .section{padding:0 12px;height:360px;overflow:hidden}.wrapper .section .title{font-size:20px}.wrapper .section .section-icon{width:270px}.wrapper .section .description{font-size:14px;line-height:20px;color:#7a7a7a}.wrapper .section.section-1{height:296px}.wrapper .section.section-1 .section-icon{height:96px}.wrapper .section.section-2{height:370px}.wrapper .section.section-2 .section-icon{height:160px}.wrapper .section.section-3{height:376px}.wrapper .section.section-3 .section-icon{height:160px}.wrapper .section.section-4{height:336px}.wrapper .section.section-4 .section-icon{height:192px}.wrapper .section.section-4 .step-wrap{font-size:14px}.wrapper .so-easy{height:158px}.wrapper .so-easy .content-wrap .minor-text{font-size:12px;line-height:20px}.wrapper .so-easy .content-wrap .main-text{font-size:16px;line-height:26px}.wrapper .so-easy .content-wrap .button{width:120px;height:26px;line-height:26px}.foot .foot-right .btn{line-height:30px}}