@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 .section{padding:0 20px;height:420px;overflow:hidden}.wrapper .section .title{font-size:26px;line-height:36px;margin-top:12%;text-align:center}.wrapper .section .title .orange{color:#e98c06}.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{height:506px}.wrapper .section.section-1 .logo{height:40px;margin-top:4%;background:url(/201708/images/mobile/pages/cloudbility/logo-gj.png?v=20240223160928) left no-repeat;background-size:135px 40px}.wrapper .section.section-1 .section-icon{height:226px;background:url(/201708/images/mobile/pages/cloudbility/icon-section-1.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:10%;position:relative}.wrapper .section.section-2 .section-icon{height:180px;background:url(/201708/images/mobile/pages/cloudbility/icon-section-2.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:14%}.wrapper .section.section-2 .description{margin-top:10%}.wrapper .section.section-3{height:432px}.wrapper .section.section-3 .section-icon{height:170px;background:url(/201708/images/mobile/pages/cloudbility/icon-section-3.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:9.3%}.wrapper .section.section-4{height:385px}.wrapper .section.section-4 .section-icon{width:100%;height:150px;background:url(/201708/images/mobile/pages/cloudbility/icon-section-4.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:10%}.wrapper .section.section-5 .description{margin-top:14%}.wrapper .section.section-5 .reason-list{width:300px;margin:0 auto;margin-top:10%}.wrapper .section.section-5 .reason-list .reason-item{height:70px;padding:4% 0;background:url(/201708/images/mobile/pages/cloudbility/icon-blue-arrow.png?v=20240223160928) right center no-repeat}.wrapper .section.section-5 .reason-list .reason-item .item-icon{width:70px;height:70px;float:left}.wrapper .section.section-5 .reason-list .reason-item .item-icon.easy{background:url(/201708/images/mobile/pages/cloudbility/icon-easy.png?v=20240223160928) center no-repeat;background-size:contain}.wrapper .section.section-5 .reason-list .reason-item .item-icon.money{background:url(/201708/images/mobile/pages/cloudbility/icon-money.png?v=20240223160928) center no-repeat;background-size:contain}.wrapper .section.section-5 .reason-list .reason-item .item-icon.safe{background:url(/201708/images/mobile/pages/cloudbility/icon-safe.png?v=20240223160928) center no-repeat;background-size:contain}.wrapper .section.section-5 .reason-list .reason-item .item-content{float:left;width:200px;height:100%;margin-left:15px}.wrapper .section.section-5 .reason-list .reason-item .item-title{font-size:14px;line-height:30px;color:#333}.wrapper .section.section-5 .reason-list .reason-item .item-detail{font-size:12px;line-height:18px;color:#7a7a7a}.wrapper .section.section-6{height:536px}.wrapper .section.section-6 .section-icon{height:206px;background:url(/201708/images/mobile/pages/cloudbility/icon-section-6.png?v=20240223160928) center no-repeat;background-size:contain;margin-top:8%}.wrapper .section.section-6 .description{margin-top:14%}.wrapper .section.section-6 .company-block{width:216px;height:70px;margin:8% auto 0;padding-left:85px;padding-top:10px;box-sizing:border-box;background:url(/201708/images/mobile/pages/cloudbility/logo-aoguan.png?v=20240223160928) left center no-repeat;background-size:64px 60px}.wrapper .section.section-6 .company-info{font-size:16px;line-height:24px}.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}.section-1 .title{margin-top:9.4%}.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}.team-count{position:absolute;top:191px;left:0;transform:rotate(20deg) skew(18deg);font-size:12px;color:#7a7a7a}.host-count{position:absolute;top:192px;right:10px;transform:rotate(-21deg) skew(-18deg);font-size:12px;color:#7a7a7a}.count-val{display:inline-block;margin:0 3px 0;vertical-align:text-bottom}.count-val i{width:8.5px;height:15px;display:inline-block;background-repeat:no-repeat;background-position:0 0;text-indent:-999em}.count-val.waitingNum i{-webkit-animation:num-init .5s linear infinite;animation:num-init .5s linear infinite}.count-val.waitingNum i:nth-child(2n+1){-webkit-animation-name:num-init-even;animation-name:num-init-even}.team-count-val i{background-image:url(/201708/images/mobile/pages/cloudbility/host-num.png?v=20240223160928);background-size:cover}.host-count-val i{background-image:url(/201708/images/mobile/pages/cloudbility/host-num.png?v=20240223160928);background-size:cover}@keyframes num-init{from{background-position:0 0}to{background-position:0 -270px}}@keyframes num-init-even{from{background-position:0 -270px}to{background-position:0 0}}@media screen and (max-width:370px){.wrapper .section{padding:0 10px;height:380px}.wrapper .section .title{font-size:24px}.wrapper .section .section-icon{width:270px}.wrapper .section .description{font-size:14px;line-height:20px;color:#7a7a7a}.wrapper .section.section-1{height:465px;overflow:hidden}.wrapper .section.section-1 .section-icon{height:218px}.wrapper .section.section-2 .section-icon{height:160px}.wrapper .section.section-3{height:376px}.wrapper .section.section-3 .section-icon{height:146px}.wrapper .section.section-4{height:350px}.wrapper .section.section-4 .section-icon{height:132px}.wrapper .section.section-5{height:396px}.wrapper .section.section-6{height:486px}.wrapper .section.section-6 .section-icon{height:186px}.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}.team-count{top:179px;left:-10px}.host-count{top:180px;right:0}}