.content-bg-top{width:100%;height:80%;background-image:-webkit-linear-gradient(top,#f2f3f6,#e7eaee);background-image:linear-gradient(to bottom,#f2f3f6,#e7eaee)}section.content{min-height:900px}.content-bg-bottom{width:100%;height:20%;background-image:-webkit-linear-gradient(top,#e5e7ec,#dfe2e6);background-image:linear-gradient(to bottom,#e5e7ec,#dfe2e6)}section.page-index{min-height:800px}.index{position:absolute;top:0;left:50%;height:100%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);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}.phone-box{width:80%;text-align:center;position:relative}.phone-box img{display:block;width:100%}.phone-box .download-box{position:absolute;width:165px;right:95px;bottom:40px}.phone-box .download-box .download-btn-href-btn{width:100%;height:48px;background-color:#00bc71;text-align:center;line-height:48px;color:#fff;display:inline-block;border-radius:666px;cursor:pointer}.map{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bg@2xVKSZuJ.png) no-repeat center center;background-size:cover;height:1100px}.map .map-line3{position:relative;top:-45px;-ms-flex:1;-webkit-box-flex:1;flex:1}.map .data-box{display:none}.map .run-line-map-box{text-align:center;position:relative;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;width:900px;height:334px;margin:70px auto 20px}.map .run-line-map-box .start{position:absolute;left:-20px;top:80px}.map .run-line-map-box .line1{position:absolute;left:156px;top:80px}.map .run-line-map-box .line2{position:absolute;left:375px;top:205px}.map .run-line-map-box .map-line1{width:100%;height:100%;z-index:999;-ms-flex:1;-webkit-box-flex:1;flex:1}.map .run-line-map-box .map-line2{-ms-flex:1;-webkit-box-flex:1;flex:1}.map .run-line-map-box .map-img1{width:315px;background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_1@2xyB4QRX.png) no-repeat center center;background-size:cover;height:334px;margin-left:40px}.map .run-line-map-box .map-img2{width:315px;background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bicycle_1@2xqBzjED.png) no-repeat center center;background-size:cover;height:334px;margin-left:40px}.map .run-line-map-box .map-img3{width:315px;background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_4@2x05ttGP.png) no-repeat center center;background-size:cover;height:334px;margin-left:40px}.map .title-text h2{padding-top:85px;margin-bottom:25px}.map .road-line-tab{margin:25px auto 0;width:400px}.map .road-line-tab li{float:left;height:104px;width:78px;margin:0 auto;margin:0 25.5px;cursor:pointer}.map .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}.map .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}.map .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}.map .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}.map .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}.map .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}.map .chart-img{width:100%;max-width:315px;height:335px;margin:0 auto}.map .line-data-run1{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_2@2xDtT5QK.png) no-repeat center center;background-size:contain}.map .line-data-run2{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_3@2xfeRGl3.png) no-repeat center center;background-size:contain}.map .line-data-run3{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_4@2xYm6tU2.png) no-repeat center center;background-size:contain}.map .line-data-run4{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_run_5@2xcoNw2a.png) no-repeat center center;background-size:contain}.map .line-data-cyc1{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bicycle_2@2xqs9rId.png) no-repeat center center;background-size:contain}.map .line-data-cyc2{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bicycle_3@2xTMneLX.png) no-repeat center center;background-size:contain}.map .line-data-cyc3{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_bicycle_4@2xQdJhbw.png) no-repeat center center;background-size:contain}.map .line-data-walk1{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_2@2xgCnwsI.png) no-repeat center center;background-size:contain}.map .line-data-walk2{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_3@2xjVOEE4.png) no-repeat center center;background-size:contain}.map .line-data-walk3{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_4@2x0s8N6d.png) no-repeat center center;background-size:contain}.map .line-data-walk4{background:url(https://fxd-cdn.codoon.com/static/upload/20220815/web_img_walk_5@2x4tBkCj.png) no-repeat center center;background-size:contain}.train{background-image:-webkit-linear-gradient(top,#fff,#f1f4f7);background-image:linear-gradient(to bottom,#fff,#f1f4f7)}.train h2{margin-bottom:35px;padding-top:110px}.train .tips{margin-bottom:90px}.train .train-trans-bg{width:100%;height:850px;background-image:-webkit-linear-gradient(top,#fff,#f1f4f7);background-image:linear-gradient(to bottom,#fff,#f1f4f7);position:absolute;left:0;top:0;z-index:0}.train .content-box{width:960px}.train .calendar-box{width:455px;height:543px;background:url(https://fxd-cdn.codoon.com/static/upload/20220812/img_date@2xWKXq7o.png) no-repeat;background-size:100% 100%;float:left;margin-left:40px;position:relative}.train .calendar-box .gou{width:18px;height:18px;background:url(https://fxd-cdn.codoon.com/static/homepage/gou.png) no-repeat;position:absolute;opacity:0}.train .calendar-box .gou1{left:212px;top:129px}.train .calendar-box .gou2{top:230px;left:144px}.train .calendar-box .gou3{top:181px;left:284px}.train .calendar-box .gou4{width:40px;height:40px;background-color:#00bc71;border-radius:999px;text-align:center;line-height:40px;color:#fff;font-size:14px;position:absolute;left:341px;top:203px;opacity:0;z-index:1}.train .calendar-box .gou4radar{width:40px;height:40px;background-color:#d4ede7;border-radius:999px;position:absolute;left:341px;top:203px;opacity:0;z-index:0}.train .training-list{float:right;margin-right:20px;width:380px;height:542px}.train .training-list img{width:380px;height:128px;margin-bottom:7px}section{overflow:hidden}.codoon-run-market{background:url(https://fxd-cdn.codoon.com/static/upload/20220812/map-backgroundj9GSZX.png) no-repeat center center;width:100%;background-size:cover}.codoon-run-market h2{margin-bottom:35px;padding-top:110px;width:100%}.codoon-run-market .tips{color:#888}.codoon-run-market .content-box{width:960px}.codoon-run-market .codoon-run-market-ul{margin:25px auto 0;width:890px;height:679px;position:relative}.codoon-run-market .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}.codoon-run-market .codoon-run-market-ul .people{position:absolute;width:217px;height:103px;opacity:0}.codoon-run-market .codoon-run-market-ul .people1{background:url(https://fxd-cdn.codoon.com/static/upload/20220812/yj1@2xH5DM0X.png) no-repeat center center;left:72px;top:0;background-size:cover}.codoon-run-market .codoon-run-market-ul .people2{background:url(https://fxd-cdn.codoon.com/static/upload/20220812/yj2@2xbFOG63.png) no-repeat center center;left:115px;top:135px;background-size:cover}.codoon-run-market .codoon-run-market-ul .people3{background:url(https://fxd-cdn.codoon.com/static/upload/20220812/yj3@2xQWeRhO.png) no-repeat center center;left:165px;top:355px;background-size:cover}.codoon-run-market .codoon-run-market-ul .people4{background:url(https://fxd-cdn.codoon.com/static/upload/20220812/yj4@2xPsoO0A.png) no-repeat center center;background-size:cover;right:90px;top:215px}.codoon-run-market .codoon-run-market-ul .people5{background:url(https://fxd-cdn.codoon.com/static/upload/20220812/yj5@2xk9H8yo.png) no-repeat;background-size:cover;right:165px;top:390px}.animate .codoon-run-market-ul .people1{-webkit-animation:showFromBottomToTop .8s .2s forwards ease-out;animation:showFromBottomToTop .8s .2s forwards ease-out}.animate .codoon-run-market-ul .people2{-webkit-animation:showFromBottomToTop .8s .8s forwards ease-out;animation:showFromBottomToTop .8s .8s forwards ease-out}.animate .codoon-run-market-ul .people3{-webkit-animation:showFromBottomToTop .8s 1.4s forwards ease-out;animation:showFromBottomToTop .8s 1.4s forwards ease-out}.animate .codoon-run-market-ul .people4{-webkit-animation:showFromBottomToTop .8s 2s forwards ease-out;animation:showFromBottomToTop .8s 2s forwards ease-out}.animate .codoon-run-market-ul .people5{-webkit-animation:showFromBottomToTop .8s 2.4s forwards ease-out;animation:showFromBottomToTop .8s 2.4s forwards ease-out}.community h2{margin-bottom:35px;padding-top:110px}.community .tips{margin-bottom:80px}.community .photo-wall{height:540px;width:100%;position:relative}.community .photo-wall a{background-size:cover;display:block;position:absolute;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}.community .photo-wall a:hover .tip{display:none}.community .photo-wall a:hover .transform{-webkit-animation:showFromBottomToTop .5s .2s forwards ease-out;animation:showFromBottomToTop .5s .2s forwards ease-out}.community .photo-wall span{line-height:50px;margin-left:55px}.community .photo-wall .tip{-webkit-transition:all .3s;transition:all .3s;width:100%;height:100%;background:rgba(41,50,69,.6)}.community .photo-wall .transform{width:100%;height:50px;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),#000);background-image:linear-gradient(to bottom,rgba(0,0,0,0),#000);position:absolute;bottom:0;left:0;opacity:0}.community .photo-wall .transform img{position:absolute;left:6px;top:7px}.community .photo-wall .wall-img1{width:19.921875%;height:66.6666666667%;left:0;top:0;background:url(https://fxd-cdn.codoon.com/static/homepage/2a.jpg) no-repeat center center;background-size:cover}.community .photo-wall .wall-img2{width:19.921875%;height:32.5925925926%;left:0;bottom:0;margin:0;background:url(https://fxd-cdn.codoon.com/static/homepage/3a.jpg) no-repeat center center;background-size:cover}.community .photo-wall .wall-img3{width:25%;height:40.7407407407%;top:0;left:20.154538557%;background:url(https://fxd-cdn.codoon.com/static/homepage/7a.jpg) no-repeat;background-size:cover}.community .photo-wall .wall-img4{width:25%;height:58.3333333333%;bottom:0;left:20.154538557%;background:url(https://fxd-cdn.codoon.com/static/homepage/8a.jpg) no-repeat center center;background-size:cover}.community .photo-wall .wall-img5{width:37.890625%;height:45%;top:0;left:45.422977114%;background:url(https://fxd-cdn.codoon.com/static/homepage/11a.jpg) no-repeat;background-size:cover}.community .photo-wall .wall-img6{width:22.96875%;height:54.2592592593%;bottom:0;left:45.422977114%;background:url(https://fxd-cdn.codoon.com/static/homepage/14a.jpg) no-repeat;background-size:cover}.community .photo-wall .wall-img7{width:16.40625%;height:45%;top:0;right:0;background:url(https://fxd-cdn.codoon.com/static/homepage/15a.jpg) no-repeat;background-size:cover}.community .photo-wall .wall-img8{width:31.40625%;height:54.2592592593%;bottom:0;right:0;background:url(https://fxd-cdn.codoon.com/static/homepage/16a.jpg) no-repeat;background-size:cover}@media screen and (min-width:768px) and (max-width:1336px){.phone-box{margin:84px auto 0}}