@font-face{font-family:Sands;src:url(../fonts/NotoSansHans-Regular.otf)}@font-face{font-family:SandsBold;src:url(../fonts/NotoSansHans-Bold.otf)}.sandsBold{font-family:SandsBold}.sands{font-family:Sands}*{margin:0;padding:0;cursor:default}a{cursor:pointer}body{margin:0}:after,:before{box-sizing:border-box;-webkit-box-sizing:border-box}:after{clear:both}.row:after,.row:before{display:table;content:""}.img{width:100%;vertical-align:middle}body,html{width:750px;margin:0 auto;width:100%;height:100%}body{color:#fff;font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}a{-webkit-tap-highlight-color:rgba(0,0,0,0)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}button,input{background-color:transparent;outline:none}button{border:0}li{list-style:none}a{text-decoration:none}#wrapper,.content{width:100%;height:100%;position:relative}.fl{float:left}header{width:100%;padding-top:25px}header .header-blank{width:1px;height:20px;background-color:#28344a;float:left;margin:5px 15px 0}header .login{border:1px solid #28344a;width:63px;height:28px;border-radius:666px;text-align:center;line-height:28px;float:right;color:#28344a;transition:all .3s;display:none;cursor:pointer}header .login a{transition:all .3s;display:block;color:#fff}header .login-act{float:right;transition:all .3s;position:relative;cursor:pointer;display:none;min-width:90px}header .login-act img{width:30px;height:30px;border-radius:100%;display:inline-block;margin-right:4px;cursor:pointer}header .login-act span{max-width:60px;text-align:left;display:inline-block;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:#28344a}header .login-act ul{font-size:13px;display:none;position:absolute;top:35px;z-index:3;text-align:center;width:100px;min-height:62px;min-width:83px;padding:8px 0;background:url(//webapp.codoon.com/codoon-welcome-cdn/images/login_bg.37165.png) no-repeat 50%;background-size:contain}header .login-act ul li{padding-top:11px;text-indent:15px}header .login-act ul li a{display:block;color:#797979}header .login:hover{border:1px solid #00bc71}header .login:hover a{color:#00bc71!important}header .menu{float:right}header .menu li{float:left;margin-right:50px;margin-top:7px}header .menu li a{transition:all .3s;color:#28344a}header .menu li a:hover{color:#00bb74}header .menu .act a{color:#00bc71!important}.aaa{display:none}body .header-new{position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);top:0;z-index:4}body .header-new .login{cursor:pointer;color:#fff;border:1px solid #fff;transition:all .3s}body .header-new .login:hover{border:1px solid #00bc71}body .header-new .login:hover a{color:#00bc71}body .header-new .menu li{transition:all .3s}body .header-new .menu li a{color:#fff}body .header-new .menu li:hover a{color:#00bc71}body .header-new .login-act span{color:#fff}h2{color:#28344a;font-size:40px;width:100%}.tips,h2{text-align:center}.tips{color:#96999d;font-size:16px}.pr-box{position:relative;width:100%;height:100%}.blank0{height:0;clear:both;font-size:0;overflow:hidden}.content-box{width:1200px;margin:0 auto;position:relative}footer{width:100%;padding-bottom:30px;background:#f2f4f6;padding-top:25px}footer .title{font-size:16px;color:#28344a;margin-bottom:45px}footer td p{color:#7e858b;font-size:12px;margin-top:13px}footer td a{color:#7e858b;float:right}footer .line-blank{height:1px;width:100%;margin-top:50px;background-color:#ebecf0;margin-bottom:45px}footer .footer-link{margin:0 auto;margin-bottom:15px}footer .footer-link td a{float:none;cursor:pointer}footer .weibo{margin:0 auto 10px}footer .weibo td{text-align:center}footer .weibo td a{display:block;position:relative;float:none}footer .weibo td a img{cursor:pointer}footer .weibo td .erweima{position:absolute;top:-165px;left:-46px;z-index:-1;opacity:0}footer .weibo td .weixin-erweima:hover .erweima{-webkit-animation:showFromTopToBottom .8s 0s forwards ease-out;animation:showFromTopToBottom .8s 0s forwards ease-out}.tc{text-align:center}.fonts{font-size:12px;color:#7e858b}.dialog_bg{display:none;width:100%;height:100%;min-height:1217px;position:fixed;*position:absolute;_position:absolute;left:0;top:0;z-index:6;background-color:rgba(0,0,0,.9)}.dialog_bg .dialog_val{margin:0 auto;color:#6d6d6d;top:50%!important;left:50%!important;position:absolute;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;text-align:center}@media screen and (min-width:992px) and (max-width:1366px){.content-box{width:960px}}@media screen and (min-width:1px) and (max-width:751px){footer{display:none}}.tab-run .process1{max-width:120px;-webkit-animation:process-width .8s .4s forwards ease-in-out;animation:process-width .8s .4s forwards ease-in-out}.tab-run .process2{max-width:160px;-webkit-animation:process-width .8s .6s forwards ease-in-out;animation:process-width .8s .6s forwards ease-in-out}.tab-run .process3{max-width:81px;-webkit-animation:process-width .8s .9s forwards ease-in-out;animation:process-width .8s .9s forwards ease-in-out}.tab-run .process4{max-width:145px;-webkit-animation:process-width .8s 1.2s forwards ease-in-out;animation:process-width .8s 1.2s forwards ease-in-out}.tab-run .process5{max-width:185px;-webkit-animation:process-width .8s 1.4s forwards ease-in-out;animation:process-width .8s 1.4s forwards ease-in-out}.tab-run .process6{max-width:130px;-webkit-animation:process-width .8s 1.6s forwards ease-in-out;animation:process-width .8s 1.6s forwards ease-in-out}.tab-run .num1{-webkit-animation:show 1.6s forwards ease-in-out;animation:show 1.6s forwards ease-in-out}.tab-run .num2{-webkit-animation:show 1.6s .2s forwards ease-in-out;animation:show 1.6s .2s forwards ease-in-out}.tab-run .num3{-webkit-animation:show 1.6s .5s forwards ease-in-out;animation:show 1.6s .5s forwards ease-in-out}.tab-run .num4{-webkit-animation:show 1.6s .8s forwards ease-in-out;animation:show 1.6s .8s forwards ease-in-out}.tab-run .num5{-webkit-animation:show 1.6s 1s forwards ease-in-out;animation:show 1.6s 1s forwards ease-in-out}.tab-run .num6{-webkit-animation:show 1.6s 1.2s forwards ease-in-out;animation:show 1.6s 1.2s forwards ease-in-out}.tab-run .line-data-img,.tab-run .ride-data-img,.tab-run .walk-data-img{-webkit-animation:linedata .8s 0s forwards ease-in-out;animation:linedata .8s 0s forwards ease-in-out}.tab-run .line-step-img,.tab-run .ride-step-img,.tab-run .walk-step-img{-webkit-animation:linedata .8s 1.4s forwards ease-in-out;animation:linedata .8s 1.4s forwards ease-in-out}.animate .gou1{-webkit-animation:show .6s .3s forwards ease-in-out;animation:show .6s .3s forwards ease-in-out}.animate .gou2{-webkit-animation:show .6s .6s forwards ease-in-out;animation:show .6s .6s forwards ease-in-out}.animate .gou3{-webkit-animation:show .6s 1.1s forwards ease-in-out;animation:show .6s 1.1s forwards ease-in-out}.animate .gou4{-webkit-animation:show .6s 1.4s forwards ease-in-out;animation:show .6s 1.4s forwards ease-in-out}.animate .gou4radar{-webkit-animation:light 1.8s 1.6s infinite ease-in-out;animation:light 1.8s 1.6s infinite ease-in-out}.animate .people1{-webkit-animation:showAndPosition .8s .2s forwards ease-out;animation:showAndPosition .8s .2s forwards ease-out}.animate .people2{-webkit-animation:showAndPosition .8s .8s forwards ease-out;animation:showAndPosition .8s .8s forwards ease-out}.animate .people3{-webkit-animation:showAndPosition .8s 1.4s forwards ease-out;animation:showAndPosition .8s 1.4s forwards ease-out}.animate .people4{-webkit-animation:showAndPosition 1.3s 2s forwards ease-out;animation:showAndPosition 1.3s 2s forwards ease-out}.animate .list-image-0{-webkit-animation:showFromRightToLeft .3s .2s forwards ease-out;animation:showFromRightToLeft .3s .2s forwards ease-out}.animate .list-image-1{-webkit-animation:showFromRightToLeft .3s .4s forwards ease-out;animation:showFromRightToLeft .3s .4s forwards ease-out}.animate .list-image-2{-webkit-animation:showFromRightToLeft .3s .8s forwards ease-out;animation:showFromRightToLeft .3s .8s forwards ease-out}.animate .list-image-3{-webkit-animation:showFromRightToLeft .3s 1s forwards ease-out;animation:showFromRightToLeft .3s 1s forwards ease-out}@-webkit-keyframes process-width{0%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes process-width{0%{opacity:0;width:0}to{opacity:1;width:100%}}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}@-webkit-keyframes showAndPosition{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes showAndPosition{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes showFromBottomToTop{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);z-index:0}to{opacity:1;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes showFromBottomToTop{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);z-index:0}to{opacity:1;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes showFromTopToBottom{0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);z-index:0}to{opacity:1;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes showFromTopToBottom{0%{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);z-index:0}to{opacity:1;z-index:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes showFromRightToLeft{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes showFromRightToLeft{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes showFromLefttToRight{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes showFromLefttToRight{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes linedata{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes linedata{0%{width:0;opacity:0}to{width:100%;opacity:1}}@-webkit-keyframes light{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes light{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}