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:0 auto;margin-top:30px;margin-bottom:20px;color:#6f7073;text-align:center;max-width:80%;line-height:120%}.xmall_info_btn{margin-top:30px}.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/codoon-whitelist/20220822/0817_phone_web_SYpUjD1BuZuLe7.jpg) 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%);top:57%;-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 .index_swpier_img{width:970px;margin-top:0}.swpier .swiper-container{width:100%}.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{text-align:center;margin:0 auto;width:100%;height:470px;background:url(https://fxd-cdn.codoon.com/codoon-whitelist/20220822/0817_phone_web_APP8WgCpqCNJSZR.jpg) no-repeat center center;background-size:cover}.product .data{width:100%;height:1236px;background:url(https://fxd-cdn.codoon.com/static/homepage/mobile/product-bg.png) no-repeat center center;background-size:cover}.product .data .data-box .active{margin-bottom:130px}.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:325px;height:104px;margin:0 auto}.product .data .road-line-tab li{height:104px;width:78px;float:left;background-size:cover;margin:0 15px}.product .data .road-line-tab .run{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_icon_run_normal@2xpEfau1.png) no-repeat center center;background-size:cover}.product .data .road-line-tab .run.on{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_icon_run_select@2xApl7MI.png) no-repeat center center;background-size:cover}.product .data .road-line-tab .bike{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_icon_bicycle_normal@2xR61CrC.png) no-repeat center center;background-size:cover}.product .data .road-line-tab .bike.on{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_icon_bicycle_select@2xLEjbWu.png) no-repeat center center;background-size:cover}.product .data .road-line-tab .ski{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_icon_walk_normal@2xbAHTnc.png) no-repeat center center;background-size:cover}.product .data .road-line-tab .ski.on{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_icon_walk_select@2xwgX82o.png) no-repeat;background-size:cover}.product .data .run-line-map-box{width:650px;height:340px;padding-top:80px;margin:0 auto}.product .data .swiper-container{width:100%}.product .data .swiper-slide{width:473px!important;position:relative;height:503px}.product .data .swiper-slide .line-data-img{width:100%;height:503px}.product .data .swiper-img1 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_1@2xyB4QRX.png) no-repeat center center;background-size:cover}.product .data .swiper-img2 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_2@2xDtT5QK.png) no-repeat center center;background-size:cover}.product .data .swiper-img3 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_3@2xfeRGl3.png) no-repeat center center;background-size:cover}.product .data .swiper-img4 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_4@2xYm6tU2.png) no-repeat center center;background-size:cover}.product .data .swiper-img5 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_5@2xcoNw2a.png) no-repeat center center;background-size:cover}.product .data .swiper-ride .swiper-img1 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bicycle_1@2xqBzjED.png) no-repeat center center;background-size:cover}.product .data .swiper-ride .swiper-img2 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bicycle_2@2xqs9rId.png) no-repeat center center;background-size:cover}.product .data .swiper-ride .swiper-img3 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bicycle_3@2xTMneLX.png) no-repeat center center;background-size:cover}.product .data .swiper-ride .swiper-img4 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bicycle_4@2xQdJhbw.png) no-repeat center center;background-size:cover}.product .data .swiper-walk .swiper-img1 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_4@2x05ttGP.png) no-repeat center center;background-size:cover}.product .data .swiper-walk .swiper-img2 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_2@2xgCnwsI.png) no-repeat center center;background-size:cover}.product .data .swiper-walk .swiper-img3 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_3@2xjVOEE4.png) no-repeat center center;background-size:cover}.product .data .swiper-walk .swiper-img4 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_4@2x0s8N6d.png) no-repeat center center;background-size:cover}.product .data .swiper-walk .swiper-img5 .line-data-img{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_5@2x4tBkCj.png) no-repeat center center;background-size:cover}.product .train .swiper-container{width:100%}.product .train .swiper-slide{width:560px!important;position:relative}.product .train .calendar-box{margin:0 auto;width:670px;height:532px;margin-top:0;background:url(https://fxd-cdn.codoon.com/static/upload/20220812/img_date_miniqzBCtk.png) no-repeat;background-size:cover}.product .train .calendar-img{display:block;margin:0 auto;margin-top:40px;margin-bottom:40px}.product .map{background:url(https://fxd-cdn.codoon.com/static/upload/20220812/map_bgK5ecTC.png) no-repeat center center;background-size:cover;width:100%;height:1220px;padding-top:108px}.product .codoon-run-market-ul{margin:25px auto 0;width:100%;height:679px;position:relative}.product .codoon-run-market-ul .people-phone-bg{margin:0 auto;width:410px;height:679px;background:url(https://fxd-cdn.codoon.com/static/upload/20220812/pelxX80wC.png) no-repeat center center;background-size:cover}.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/codoon-whitelist/20220822/0817_phone_web_aboutSTKlpv0AfSth.jpg) 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/codoon-whitelist/20220817/0817_phone_web_runuCoYpn.jpg) no-repeat}.match .content img{margin-bottom:100px}.equip .product-page1{background:url(https://fxd-cdn.codoon.com/codoon-whitelist/20220822/0817_phone_web_ZNjmVZ3xSEyh5i.jpg) 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-top:35px;margin-bottom:55px}.equip .fl{float:left}.equip .fr{float:right}.m_teamcodoon .page1{background:url(https://fxd-cdn.codoon.com/codoon-whitelist/20220913/page1PgJTOG.jpg) no-repeat center center;width:100%;height:768px}.m_teamcodoon .page2 img{margin:0 auto;display:block;width:100%}.m_teamcodoon .team_codoon_swpier_banner .swiper-pagination-bullet{background:#fff;opacity:1;width:12px;height:12px;margin:0 8px}.m_teamcodoon .team_codoon_swpier_banner .swiper-pagination-bullet-active{background:#007aff}.m_teamcodoon .team_codoon_swpier_banner .swiper-slide{width:100%}.m_teamcodoon .team_codoon_swpier_banner .swiper-slide img{width:100%;display:block}.m_teamcodoon .page5{background:#ecf5fd}.m_teamcodoon .page5 .swiper-title{width:100%;font-weight:700;height:80px;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;color:#28344a;font-size:35px;margin-bottom:8px;padding-top:58px}.m_teamcodoon .page5 .swiper-container{-ms-flex:1;-webkit-box-flex:1;flex:1;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.m_teamcodoon .page5 .swiper-container .swiper-wrapper{height:440px;padding-top:50px}.m_teamcodoon .page5 .swiper-slide{background-position:center;background-size:cover;width:148px;height:314px;margin-top:17px}.m_teamcodoon .page5 .swiper-slide img{margin:0 auto;display:block;width:100%;height:314px}.m_teamcodoon .page5 .swiper-slide .phone{width:164px;height:353px;position:absolute;top:0;border:5px solid #fff;z-index:4;border-radius:21px;display:none;left:-2px}.m_teamcodoon .page5 .active{width:170px;height:363px;margin-top:-8px!important}.m_teamcodoon .page5 .active .phone{display:block}.m_teamcodoon .page5 .active img{width:100%;height:100%;display:block}.m_fitmore img{display:block}.m_fitmore .page1{background:url(https://fxd-cdn.codoon.com/codoon-whitelist/20220929/fit_m_img1NuJke2.png) no-repeat center center;width:100%;height:1101px}.m_fitmore .fitmore_codoon_swpier_banner,.m_fitmore .fitmore_codoon_swpier_banner_page7{max-width:1920px;margin:0 auto}.m_fitmore .fitmore_codoon_swpier_banner .swiper-pagination-bullet,.m_fitmore .fitmore_codoon_swpier_banner_page7 .swiper-pagination-bullet{background:#fff;opacity:1}.m_fitmore .fitmore_codoon_swpier_banner .swiper-pagination-bullet-active,.m_fitmore .fitmore_codoon_swpier_banner_page7 .swiper-pagination-bullet-active{background:#007aff}.m_fitmore .fitmore_codoon_swpier_banner .swiper-slide,.m_fitmore .fitmore_codoon_swpier_banner_page7 .swiper-slide{width:100%}.m_fitmore .fitmore_codoon_swpier_banner .swiper-slide img,.m_fitmore .fitmore_codoon_swpier_banner_page7 .swiper-slide img{width:100%;display:block}@-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%}}@-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:100px}.swiper-train img{width:542px}.swiper-people .swiper-slide,.swiper-people img{width:434px;height:172px;display:block}