body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-menu{position:absolute;top:20px;left:0;width:100%;z-index:1}.app-menu ul{display:flex;justify-content:center;align-items:center;list-style:none;height:100%;font-size:18px;font-weight:400;color:#434343}.menu-logo{width:260px!important;height:64px;background-image:url(/image/im-home-logo.png);background-size:50%;background-repeat:no-repeat;background-position:0}.app-menu li.menu-logo a{font-size:24px;font-weight:600;color:#fff;letter-spacing:5px;text-align:left}.menu-space{flex:1 1}.app-menu li{width:95px;text-align:center;font-size:18px;line-height:71px;box-sizing:border-box}.app-menu li i{background-repeat:no-repeat;width:40px;height:40px;margin-right:10px}.app-menu li a{text-decoration:none;height:100%;font-size:16px;color:#fff;display:block;cursor:pointer}.app-menu li:hover a,.app-menu ul li.active{font-weight:600}.app-menu li.phone-logo,.app-menu li.phone-nav-icon{display:none}.app-menu.header-menu{position:fixed;z-index:9;top:0;left:0;width:100%;height:80px;background:#fff;box-shadow:0 10px 20px rgba(71,80,89,.15);transform:translateY(-120px);transition:transform .3s ease-in-out}.app-menu.header-menu.active{transform:translateY(0);border-bottom:none}.app-menu.header-menu.active ul{display:flex;align-items:center}.app-menu.header-menu.active li a{color:#475059}.app-menu.header-menu.active li.menu-logo{background-image:url(/image/im-home-logo3.png)}.app-menu li.login-text{font-size:16px;color:#fff}.app-menu li.login-text span{cursor:pointer}.app-menu.header-menu.active li.login-text{color:#475059;font-size:16px}.avatar-img,.login-state span{display:inline-block}.avatar-img{width:40px;height:40px;background:#efefef;background-size:100% 100%;background-position:50%;border-radius:100%;vertical-align:middle;margin-right:5px}.app-menu li.common-class span{font-size:16px;color:#fff;cursor:pointer}.app-menu.header-menu.active li.common-class span{color:#475059}@media screen and (max-width:767px){.app-menu ul{height:100%;display:flex;flex-flow:inherit;align-items:flex-start;justify-content:space-between}.app-menu li{display:none}.app-menu li.menu-logo,.app-menu li.phone-nav-icon{display:block}.app-menu li.menu-logo{background-image:url(/image/im-home-logo.png);background-size:80%;background-repeat:no-repeat;background-position:0;height:45px;width:160px!important}.app-menu li.phone-nav-icon{background:url(/image/phone/phone-nav-menu.svg) no-repeat;background-position:50%;background-size:60%;width:45px;height:40px}.app-menu.phone{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background:linear-gradient(135deg,#ff4d4f,#40a9ff,#52c41a);flex-flow:wrap;justify-content:center;transition:all .5s}.app-menu.phone li.menu-logo,.app-menu.phone li.menu-space,.app-menu.phone li.phone-nav-icon{display:none}.app-menu.phone li{display:block;height:auto;width:100%;line-height:45px}.app-menu.phone li.phone-logo{padding:30px 20px 0}.app-menu.phone li.phone-logo div{width:100%;border-bottom:1px solid #fff;position:relative}.app-menu.header-menu.active li.menu-logo{background-position:0}.app-menu.phone li.phone-logo a{width:157px;height:54px;background-image:url(/image/im-home-logo.png);background-size:100%;background-repeat:no-repeat;display:inline-block;background-position:bottom}.app-menu.header-menu.active li.phone-nav-icon{background-image:url(/image/phone/phone-nav-menu2.svg);background-repeat:no-repeat}.app-menu.phone li.phone-logo img{padding:10px;position:absolute;top:-15px;right:-10px;max-width:50px;max-height:40px}.app-menu.phone li a{height:auto;color:#fff;width:100%}.app-menu.phone.active,.app-menu.phone.active:hover a,.app-menu.phone li:hover a{font-weight:600;color:#fff!important}.app-menu.phone li.download{display:none}}@-webkit-keyframes navdown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes navdown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@-webkit-keyframes navup{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}@keyframes navup{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0)}}*{box-sizing:border-box}*,h4,p{padding:0;margin:0}li,ul{list-style-type:none}img{max-width:100%;height:auto}.clearfix:after{content:"";display:block;clear:both}.layout{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 0}.prow{margin:0 -15px}.container{width:1100px;margin:0 auto;padding-left:15px;padding-right:15px;position:relative}.homepage{color:#434343}.home-banner{position:relative;padding:140px 0 60px;text-align:center;color:#fff;background-image:url(/image/banner-home2.png);background-position:top;background-size:100% 100%;background-repeat:no-repeat}.banner-title{position:relative;z-index:1;max-width:400px;margin:0 auto}.banner-title h2{font-size:42px;color:#fff;text-align:left;line-height:1.08333333;letter-spacing:5px}.banner-title p{font-size:14px;text-align:left;line-height:25px;margin:10px 0}.banner-btn{width:200px;height:64px;line-height:64px;font-size:14px;color:#fff;background:#fcb42b;border-radius:35px;cursor:pointer;margin:20px 0;text-align:center}.banner-btn:hover{background:#ffc20a}.home-person{bottom:-168px;left:0;right:0;overflow:hidden}.home-person,.person-illust{position:absolute;height:533px}.person-illust{bottom:0;right:-90px;width:600px;background:url(/image/01.png) 0 100% no-repeat;background-size:100% 100%}.home-about.recording{background:linear-gradient(0deg,#fff,#e9e9e9);padding-top:40px}.home-video{z-index:1}.home-video,.video{position:relative;margin:0 auto}.video{width:100%;max-width:360px;max-width:800px}.video-bg{position:relative;display:block;background-image:url(/image/video-bg.png);background-position:0 0;background-repeat:no-repeat;background-size:100% auto;border-radius:10px}.video-bg:before{content:"";display:block;padding-top:59.375%}.video-icon{position:absolute;top:50%;left:50%;transition:transform .2s ease-out,opacity .2s ease-out;transform:translate3d(-50%,-50%,0) scale(.95);opacity:.8}.video-icon:hover{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);-webkit-transform:translate3d(-50%,-50%,0) scale(1)}.home-about{height:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:50px;text-align:center}.customers-list ul,.support-list ul{margin:0 -10px}.customers-list ul li,.support-list ul li{width:25%;padding:0 10px;float:left;margin-bottom:15px}.customers-list ul li{width:25%}.support-list ul li{width:20%;color:#1d3a73;font-size:14px;height:130px}.support-list ul li p span{display:block}.img-box{min-height:80px;display:flex;align-items:center;justify-content:center}.list-item p{padding-top:20px}.home-content-title{margin-bottom:40px}.title-tip{font-size:14px;color:red;margin:0}.title{font-size:36px;color:#16ad79;letter-spacing:5px}.features-content img{transform:scale(.8)}.triangle{height:30px}.triangle,.triangle svg{position:absolute;left:0;width:100%;z-index:20!important}.triangle svg{top:0;height:100%}.triangle--bottom{bottom:-1px}.triangle--gray svg{fill:#f2f5f7}.home-about.like{padding-top:50px;padding-bottom:0}.volunteer-bg{background-image:url(/image/volunteer.svg);background-repeat:no-repeat;background-size:100%;background-position:50%;width:100%;padding-bottom:20%}.banner-btn.join-btn{margin:30px auto}.home-process{display:flex;justify-content:space-between;align-items:center}.home-process li{width:160px}.home-process li div{position:relative}.process-arrow{width:55px!important;height:66px;display:inline-block;background:url(/image/icon/process-arrow.svg) 50% 21px no-repeat}.home-process li p{color:#1d3a73;font-size:15px;padding-top:10px;font-weight:600}.swiper-slide{height:280px!important;border-radius:4px;background:#f2f5f7}.swiper-item{padding:0 25px}.slide-ava{width:95px;height:95px;margin-top:-40px;margin-left:35%;background-repeat:no-repeat;background-size:100%;border-radius:100%;margin-bottom:25px}.intro{font-size:14px;color:#515869}.swiper-item h4{font-size:18px;color:#0283fd;padding-top:40px}.h-form{font-size:14px;color:#9399a0}.swiper-container{padding:20px 0 0!important}.home-slider .swiper-container-horizontal>.swiper-pagination-bullets,.home-slider .swiper-pagination-custom,.swiper-pagination-fraction{bottom:-2px}.home-phone-process{padding-bottom:20px}.home-phone-process img{max-width:160px}.banner-btm{background-repeat:no-repeat;width:100%;height:70px;position:absolute;bottom:-1px;right:0;background-size:100% 100%}.top-circle{position:absolute;top:20%;left:15%}.top-circle img{max-height:400px}.home-about.process{padding-top:40px}.home-about.ranking{background:linear-gradient(0deg,#fff,#ebf6fa)}.home-ranking-box{width:100%;padding:40px 0 60px;background-image:url(/image/home-ranking-bg.png);background-repeat:no-repeat;background-position:bottom;background-size:100% 100%}.ranking-box{margin:0 auto;display:flex;justify-content:space-between}.ranking-left,.ranking-right{width:45%;float:left}.ranking-box .bole-table{background:#cae4ff;box-shadow:0 1px 7px rgba(202,228,255,.55);border-radius:8px}.ranking-content .bole-table-content,.ranking-content .bole-table-top{background:#cae4ff;color:#1b8cff}.ranking-box .bole-table-top h4{color:#1b8cff}.ranking-box .bole-table-content ul li{box-shadow:0 1px 7px rgba(108,172,239,.55)}.ranking-content .bole-table-content ul li span:nth-child(2),.ranking-content .bole-table-top ul li:nth-child(2){width:50%}.ranking-content .bole-table-content ul li span:nth-child(3),.ranking-content .bole-table-top ul li:nth-child(3){width:35%}.home-volunteer{top:0}@media (min-width:768px){.home-banner{padding-top:180px;padding-bottom:100px}.triangle{height:50px}.banner-title{margin:-50px 0 0}.video{margin-top:60px}.home-phone-process{display:none}.banner-btm{background-image:url(/image/banner-btm-big2.png)}.home-volunteer{top:100px}}@media (min-width:1000px){.triangle{height:70px}.banner-title{margin-top:0;max-width:800px}.home-person{bottom:-150px;right:0;height:700px;margin-left:-30px;margin-right:-30px}.person-illust{width:787px;height:700px;right:-50px}.home-video{position:relative;z-index:1;max-width:800px;margin:0 auto}.video{margin:30px 0 0 auto}}@media (min-width:1025px){.features-content img{opacity:0;transition:opacity 1s,transform .8s;will-change:transform,opacity}.features-content img.entered{transform:translateX(0)!important;opacity:1}}@media (min-width:1400px){.banner-title h2{font-size:72px}}@media screen and (max-width:1200px){.container{width:100%}}@media screen and (max-width:767px){.title{font-size:24px}.home-banner{padding-top:100px;padding-bottom:50px}.banner-title h2{font-size:24px}.banner-title h2,.banner-title p{text-align:center}.banner-btn{margin:20px auto}.home-about,.home-about.like{padding-top:20px;padding-bottom:20px}.home-content-title{margin-bottom:15px}.home-person{display:none}.customers-list ul li,.support-list ul li{width:50%}.support-list ul li{margin-bottom:15px!important}.home-process{display:none}.home-process li{width:50%;float:left;margin-bottom:20px}.process-arrow{display:none}.home-process li:last-child{width:100%}.banner-btm{background-image:url(/image/banner-btm.png);bottom:-1px}.top-circle img{max-height:300px}.ranking-box{flex-flow:column}.ranking-left,.ranking-right{width:100%;max-width:100%}.ranking-right{margin-top:15px}.home-about.ranking{background-size:contain}}@media screen and (min-width:768px) and (max-width:1399px){.banner-btm{bottom:-1px}}.home-footer{height:80px;background:#f2f5f7;display:flex;align-items:center}.home-footer-box{width:100%;font-size:14px;color:#879099}.home-footer-left{width:60%;float:left;padding:0 5px;text-align:left}.home-footer-middle,.home-footer-right{width:40%;float:left;padding:0 5px;text-align:right}.home-footer-right{margin-top:10px}.home-footer-right ul{display:flex;margin:0 -5px;justify-content:flex-end}.home-footer-right ul li{float:left;padding:0 5px;text-align:center}.home-footer-right ul li img{max-width:100px}.foot-btn{width:100%;height:40px;line-height:40px;background:#1890ff;text-align:center;display:block;margin-top:10px;cursor:pointer}.foot-btn,.foot-btn:hover{color:#fff}@media screen and (max-width:992px){.home-footer{height:auto;padding:20px 0}.home-footer-left,.home-footer-middle,.home-footer-right{width:100%}.home-footer-left{text-align:center}.home-footer-middle{margin-top:0;text-align:center}.home-footer-right ul{justify-content:space-around}}.download-btn,.download-btn-box{display:flex;justify-content:center}.download-btn{min-width:120px;padding:20px 0;text-align:left;background:#17b982;color:#fff;margin:0 15px;border-radius:8px;transition:transform .2s,box-shadow .5s}.download-btn:hover{cursor:pointer;transform:scale(1.04)}.download-btn h3{color:#fff;font-weight:600;margin:0;font-size:20px;line-height:26px}.download-btn h3 span{font-size:16px;font-weight:500;padding-left:5px}.download-btn img{margin-right:10px;max-width:50px}.download-content{background:#fff}.download-bg{position:relative;width:100%}.download-btn-desc{line-height:52px;font-size:24px}.download-btn-box-left{width:50%;text-align:left}.download-btn-tip{margin-left:20px;padding:5px 0;color:#666}@media screen and (max-width:767px){.download-btn-box{flex-flow:column}.download-btn{width:100%;margin:0 auto 10px}.download-banner{padding-top:100px;padding-bottom:80px}.download-bg{top:-70px}.download-btn-body{margin-top:-70px}.download-btn-box-left{width:100%;margin-bottom:20px}}@media screen and (min-width:768px){.download-banner{padding-top:120px;padding-bottom:180px}}