body,html{width:100%;margin:0 auto}.user-header{border-radius:100%}.menu-icon{position:absolute;left:30px;top:45px}h3{font-size:40px;text-align:center;color:#28344a}.subhead{font-size:24px;margin:30px auto 100px;color:#6f7073;text-align:center;max-width:80%;line-height:160%}.head-button{width:208px;height:60px;text-align:center;line-height:60px;border:1px solid #c7c7c7;border-radius:999px;color:#6f7073;margin:0 auto 105px;font-size:24px}.head-button a{color:#6f7073}section{position:relative}.section-box{width:100%;position:relative;padding:80px 0 0 0}.fl{float:left}.fr{float:right}.menu{position:absolute;right:32px;top:53px}.menu-box{width:100%;background-color:#fff;z-index:888;position:fixed;top:0;left:0;display:none;padding-top:80px}.menu-box .login{margin:30px auto;color:#343434;font-size:36px;margin-bottom:60px;display:block}.menu-box .menu-list{width:280px;margin:0 auto}.menu-box .menu-list li{text-align:center;height:90px;line-height:90px}.menu-box .menu-list li a{color:#6f7073;font-size:30px}.menu-box .close-btn{position:absolute;right:20px;top:40px}.index-page1{width:100%;height:100%;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/index-bg.png) top center;background-size:cover}.index-page1 .slogan{width:75%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.index-page1 .download-app-box{width:80%;height:100px;position:absolute;bottom:10%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.swpier{padding-bottom:155px}.swpier .swpier_img{width:970px;margin-top:0}.swpier .swiper-container{width:100%}.swpier .swpier_img_phone{display:none}.swpier .swiper-slide{background-position:center;background-size:cover;width:180px;height:318px;margin:0 6px;margin-top:25px}.swpier .swiper-slide img{display:block;height:100%;width:100%}.swpier .active{width:192px;margin-top:0;height:342px;margin-left:2px}.swpier .active img{display:block;margin-right:20px}.swpier .phone{z-index:1;width:256px;height:486px;position:absolute;bottom:78px;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);background:url(https://fxd-cdn.codoon.com/static/homepage/index/phone_bg.png) no-repeat center center}.info{background-color:#f7f7f7}.info .swiper-container{width:100%}.info .equip_list{width:310px;height:310px;position:relative}.info .equip_list img{width:100%;height:100%;display:block}.info .equip_list .tip{display:none;position:absolute;background:rgba(41,50,69,.6);width:100%;height:100%;top:0;left:0;color:#fff;font-size:24px;font-weight:700;cursor:pointer;text-align:center}.info .equip_list .tip div{padding-top:100px;margin-bottom:34px}.info .equip_list.active .tip{display:block;opacity:1}.info .equip_list.active a{margin:0 auto;font-size:24px;color:#fff;text-align:center;display:block;width:140px;height:50px;border:1px solid #fff;line-height:50px;border-radius:16px}.info .swiper-slide{height:auto!important}.info .swiper-slide{width:50%!important;height:100%;margin:0}.info .swiper-slide img{margin:0 auto;width:100%;height:auto}.bottom{background-color:#f6f7fa}.bottom table td{text-align:center;color:#7e858b;font-size:24px}.bottom table td a{color:#7e858b}.bottom .copyright{font-size:20px;color:#7e858b;text-align:center;width:100%}.bottom .weibo{width:180px;margin:40px auto 0;padding-bottom:60px}.bottom .weibo td{text-align:center}.bottom .weibo td a{display:block;position:relative;float:none}.bottom .weibo td a img{cursor:pointer}.bottom .weibo td .erweima{position:absolute;top:-165px;left:-36px;z-index:-1;opacity:0}.bottom .weibo td .weixin-erweima:hover .erweima{-webkit-animation:showFromTopToBottom .8s 0s forwards ease-out;animation:showFromTopToBottom .8s 0s forwards ease-out}.product-page1{width:100%;height:470px;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/product-top.png) no-repeat}.product .data{width:100%;height:1268px;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/product-bg.png) no-repeat}.product .data .data-box .active{margin-bottom:130px}.product .data .data-box .active .line-data-img,.product .data .data-box .active .line-step-img,.product .data .data-box .active .ride-data-img,.product .data .data-box .active .ride-step-img,.product .data .data-box .active .walk-data-img,.product .data .data-box .active .walk-step-img{-webkit-animation:linedata .8s 0s forwards ease-in-out;animation:linedata .8s 0s forwards ease-in-out}.product .data .swiper-img2.active .process1{max-width:180px;-webkit-animation:process-width .8s .4s forwards ease-in-out;animation:process-width .8s .4s forwards ease-in-out}.product .data .swiper-img2.active .process2{max-width:220px;-webkit-animation:process-width .8s .6s forwards ease-in-out;animation:process-width .8s .6s forwards ease-in-out}.product .data .swiper-img2.active .process3{max-width:141px;-webkit-animation:process-width .8s .9s forwards ease-in-out;animation:process-width .8s .9s forwards ease-in-out}.product .data .swiper-img2.active .process4{max-width:205px;-webkit-animation:process-width .8s 1.2s forwards ease-in-out;animation:process-width .8s 1.2s forwards ease-in-out}.product .data .swiper-img2.active .process5{max-width:245px;-webkit-animation:process-width .8s 1.4s forwards ease-in-out;animation:process-width .8s 1.4s forwards ease-in-out}.product .data .swiper-img2.active .process6{max-width:190px;-webkit-animation:process-width .8s 1.6s forwards ease-in-out;animation:process-width .8s 1.6s forwards ease-in-out}.product .data .swiper-img2.active .num1{-webkit-animation:show 1.6s forwards ease-in-out;animation:show 1.6s forwards ease-in-out}.product .data .swiper-img2.active .num2{-webkit-animation:show 1.6s .2s forwards ease-in-out;animation:show 1.6s .2s forwards ease-in-out}.product .data .swiper-img2.active .num3{-webkit-animation:show 1.6s .5s forwards ease-in-out;animation:show 1.6s .5s forwards ease-in-out}.product .data .swiper-img2.active .num4{-webkit-animation:show 1.6s .8s forwards ease-in-out;animation:show 1.6s .8s forwards ease-in-out}.product .data .swiper-img2.active .num5{-webkit-animation:show 1.6s 1s forwards ease-in-out;animation:show 1.6s 1s forwards ease-in-out}.product .data .swiper-img2.active .num6{-webkit-animation:show 1.6s 1.2s forwards ease-in-out;animation:show 1.6s 1.2s forwards ease-in-out}.product .data .road-line-tab{width:375px;height:72px;margin:0 auto}.product .data .road-line-tab li{width:65px;height:65px;float:left;background-size:cover;margin:0 30px}.product .data .road-line-tab .run{background-image:url(https://fxd-cdn.codoon.com/static/homepage/run_normal.png)}.product .data .road-line-tab .run.on{background-image:url(https://fxd-cdn.codoon.com/static/homepage/run_selected.png)}.product .data .road-line-tab .bike{background-image:url(https://fxd-cdn.codoon.com/static/homepage/ride_normal.png)}.product .data .road-line-tab .bike.on{background-image:url(https://fxd-cdn.codoon.com/static/homepage/ride_selected.png)}.product .data .road-line-tab .ski{background-image:url(https://fxd-cdn.codoon.com/static/homepage/walk_normal.png)}.product .data .road-line-tab .ski.on{background-image:url(https://fxd-cdn.codoon.com/static/homepage/walk_selected.png)}.product .data .run-line-map-box{width:650px;height:340px;padding-top:100px;margin:0 auto}.product .data .swiper-container{width:100%}.product .data .swiper-slide{width:560px!important;position:relative;height:462px}.product .data .swiper-img1{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/data.png) no-repeat}.product .data .swiper-img1 .line-data-img{width:100%;height:100%;opacity:0;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/data_line.png) no-repeat}.product .data .ride-swiper-img1{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/ride_haiba_normal.png) no-repeat;background-size:560px 462px;width:100%;height:100%}.product .data .ride-swiper-img1 .ride-data-img{width:560px;height:462px;opacity:1;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/ride_haiba.png) no-repeat;background-size:560px 462px}.product .data .walk-swiper-img1{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/walk_haiba_normal.png) no-repeat;width:100%;height:100%;background-size:560px 462px}.product .data .walk-swiper-img1 .walk-data-img{width:100%;height:100%;opacity:1;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/walk_haiba.png) no-repeat;background-size:560px 462px}.product .data .swiper-img2{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/pace.png) no-repeat;background-size:560px 462px}.product .data .swiper-img2 .line-pace{width:533px;margin:0 auto}.product .data .swiper-img2 .chart-table{margin:130px auto 0}.product .data .swiper-img2 .chart-table tr.on .num{background-color:#00bc71;color:#fff}.product .data .swiper-img2 .chart-table tr.on .process{background-image:-webkit-linear-gradient(left,#48dca1,#01bd72);background-image:linear-gradient(to right,#48dca1,#01bd72)}.product .data .swiper-img2 .chart-table .num{text-align:center;width:30px;height:25px;text-align:center;line-height:25px;color:#b5c4d0;font-size:21px;opacity:1}.product .data .swiper-img2 .chart-table .process-box{height:25px;width:390px;background-color:#f6fbfe;border-radius:3px}.product .data .swiper-img2 .chart-table .process-box .process{width:390px;height:25px;opacity:0;border-radius:3px;background-image:-webkit-linear-gradient(left,#b4f6da,#a3f4d0);background-image:linear-gradient(to right,#b4f6da,#a3f4d0)}.product .data .line-step{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/step.png) no-repeat;width:100%;height:100%}.product .data .line-step .line-step-img{width:100%;height:100%;opacity:0;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/step_line.png) no-repeat}.product .data .ride-step{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/ride_speed_normal.png) no-repeat;width:100%;height:100%}.product .data .ride-step .ride-step-img{width:100%;height:100%;opacity:0;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/ride_speed.png) no-repeat}.product .data .walk-step{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/walk_stepby_normal.png) no-repeat;width:100%;height:100%}.product .data .walk-step .walk-step-img{width:100%;height:100%;opacity:0;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/walk_stepby.png) no-repeat}.product .data .data-box{display:none}.product .train .swiper-container{width:100%}.product .train .swiper-slide{width:560px!important;position:relative}.product .train .calendar-box{height:553px;margin-top:-110px;background:url(https://fxd-cdn.codoon.com/static/20210105110853/img_date_wap@2x.png) no-repeat;background-size:100% 100%}.product .map{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/map-background.png) no-repeat;height:1334px}.product .map .beijing-market{width:690px}.product .map .codoon-run-market-content-map{overflow:hidden}.product .map .codoon-run-market-content{display:none}.product .map .codoon-run-market-content-map-img{width:690px;height:410px;margin:150px auto 140px;position:relative;overflow:hidden}.product .map .codoon-run-market-content-map-img .people1{position:absolute;width:46px;height:56px;background:url(https://fxd-cdn.codoon.com/static/homepage/market-ding.png) no-repeat;left:72px;top:20px;opacity:0}.product .map .codoon-run-market-content-map-img .people2{position:absolute;width:46px;height:56px;background:url(https://fxd-cdn.codoon.com/static/homepage/market-ding.png) no-repeat;background-size:46px 56px;left:170px;top:205px;opacity:0}.product .map .codoon-run-market-content-map-img .people3{position:absolute;width:46px;height:56px;background:url(https://fxd-cdn.codoon.com/static/homepage/market-ding.png) no-repeat;background-size:46px 56px;right:120px;top:55px;opacity:0}.product .map .codoon-run-market-content-map-img .people4{position:absolute;width:46px;height:63px;background:url(https://fxd-cdn.codoon.com/static/homepage/market-ding-green.png) no-repeat;background-size:46px 63px;right:200px;bottom:80px;opacity:0}.product .map .codoon-run-market-content-map-img .people{width:40px;height:40px;border-radius:999px;margin:3px auto 0}.product .map .codoon-run-market-content-map-img .people img{border-radius:999px}.product .map .codoon-run-market-content-map-img2 .people1{top:80px;left:120px}.product .map .codoon-run-market-content-map-img3 .people1{top:60px;left:90px}.product .map .codoon-run-market-content-map{width:700px;margin:0 auto}.product .map .codoon-run-market-content-map li{position:relative;float:left;margin:0 0 38px;width:350px;height:60px;color:#c4c8cb}.product .map .codoon-run-market-content-map li p{position:absolute;left:60px;top:20px;font-size:18px}.product .codoon-run-market-ul{width:345px;margin:0 auto}.product .codoon-run-market-ul li{float:left;width:75px;height:55px;text-align:center;line-height:42px;color:#91989e;margin:0 20px;cursor:pointer;font-size:24px}.product .codoon-run-market-ul li.on{background:url(https://fxd-cdn.codoon.com/static/homepage/codoon-map-ul-bg.png) no-repeat;background-size:75px 55px;color:#fff}.product .codoon-apps .tc{text-align:center}.product .codoon-apps .tc a{width:706px;display:block;margin:0 auto;margin-bottom:10px}.about .product-page1{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/about-top.png) no-repeat center center}.about .content{margin-top:45px;padding:0 5%;width:90%}.about .content .title{color:#00bc71;font-size:30px;margin-bottom:30px}.about .content .text{color:#3f3f3f;font-size:24px;margin-bottom:45px;line-height:160%}.about .content .smtitle{color:#00bc71;font-size:24px;margin-bottom:30px}.about .content table td{color:#3f3f3f;font-size:24px}.match{width:100%;height:470px}.match .product-page1{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/match-product.png) no-repeat}.match .content img{margin-bottom:100px}.equip .product-page1{background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/equip-top.png) no-repeat;width:100%;height:470px}.equip .center-btn{margin:0 auto;display:block}.equip .tc{text-align:center}.equip .img-blank{margin-top:57px;margin-bottom:85px}.equip .center-box{width:380px;margin:0 auto;margin-bottom:55px}.equip .fl{float:left}.equip .fr{float:right}@-webkit-keyframes linedata{from{width:0}to{width:560px;opacity:1}}@keyframes linedata{from{width:0}to{width:560px;opacity:1}}@-webkit-keyframes process-width{from{opacity:0;width:0%}to{opacity:1;width:100%}}@keyframes process-width{from{opacity:0;width:0%}to{opacity:1;width:100%}}.people1{-webkit-animation:showAndPosition .8s .2s forwards ease-out;animation:showAndPosition .8s .2s forwards ease-out}.people2{-webkit-animation:showAndPosition .8s .8s forwards ease-out;animation:showAndPosition .8s .8s forwards ease-out}.people3{-webkit-animation:showAndPosition .8s 1.4s forwards ease-out;animation:showAndPosition .8s 1.4s forwards ease-out}.people4{-webkit-animation:showAndPosition 1.3s 2s forwards ease-out;animation:showAndPosition 1.3s 2s forwards ease-out}@-webkit-keyframes showAndPosition{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes showAndPosition{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.h1{color:#000;font-size:24px;font-weight:700;margin-bottom:20px}.h2{color:#000;font-size:22px;font-weight:700;margin-bottom:8px}.h3{color:#000;font-size:16px;font-weight:700;margin-bottom:10px}.texts{margin-bottom:10px!important}.team img{display:block;width:100%}.swiper-train{margin-bottom:130px}.swiper-train img{width:542px}