.marathon-container[data-v-6c407803]{position:relative;width:100%;height:100vh;background:#2b97ff url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/mar-bg1.png) no-repeat bottom;background-position:center bottom -.25rem;background-size:100% auto;overflow:hidden}.marathon-container .sologan[data-v-6c407803]{position:absolute;top:calc(20% - 1.32rem);left:0;z-index:1;width:100%;height:1.56rem;background:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/sh-sologan.png) no-repeat 50%;background-size:contain}.marathon-container .video-wrap[data-v-6c407803]{position:absolute;left:0;top:0;bottom:.38rem;width:100%}.marathon-container .video-wrap .sky[data-v-6c407803]{position:absolute;top:0;left:0;width:100%;height:3.06rem;background:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/sky.png) no-repeat;background-size:100% 100%}.marathon-container .video-wrap video[data-v-6c407803]{position:absolute;left:0;bottom:0;width:100%;height:auto}.marathon-container .road[data-v-6c407803]{top:0;background:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/road-bg.png) no-repeat bottom;background-size:100% auto}.marathon-container .road-ani[data-v-6c407803],.marathon-container .road[data-v-6c407803]{position:absolute;bottom:-.25rem;left:0;width:100%}.marathon-container .road-ani .line[data-v-6c407803]{position:absolute;left:50%;bottom:.9rem;width:2.32rem;height:2.32rem;margin-left:-1.16rem;background:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/road-line.png) no-repeat bottom;background-size:100% 100%}.marathon-container .road-ani .boy[data-v-6c407803]{position:absolute;left:50%;bottom:1.5rem;width:3.6rem;margin-left:0}.marathon-container .boy[data-v-6c407803]{position:absolute;left:50%;bottom:1.58rem;z-index:1;margin-left:-.1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marathon-container .boy img[data-v-6c407803]{width:1.84rem;height:auto}.marathon-container .right-wrap[data-v-6c407803]{position:absolute;top:12%;right:0;z-index:2}.marathon-container .right-wrap .icon[data-v-6c407803]{width:.25rem;padding:.06rem;margin-bottom:.1rem;min-height:.27rem;line-height:.14rem;text-align:center;font-size:.12rem;font-family:PingFangSC-Semibold;font-weight:600;color:#fff;background:rgba(0,0,0,.3) no-repeat 50%;border-radius:.08rem 0 0 .08rem}.marathon-container .right-wrap .icon-music[data-v-6c407803]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA+1D4BCF/9AgGsei5CuVsRO3fv6nXyIUuJg5OOzezp6CVjXRYYFpKEs3EbA8AAAELSURBVDjL7dHZbsMgEAVQxowNeN93p9m6zP//YIuiygnGsvvSl+Q+oqPhwrCnDiqFu6ByB+9QVeXnBsd+TI6VANLhZ7UO3eu5yLiGwOOi4ATJmm0Pt4Eg6tN7G6EaA8p7u51iPbAqL+nX7+Ue8clqZU3gXzt5f+YADFacAh31RAM7VnwhPrJNPPdzX/j/MUqJOzE6YRCEp10YG04/AdqDHU7C9wXZsJLyAWNIIkVMxRJHSZ3Fb+UdlgH5yBj6BINhfbj1s+EsMsoCBWUBZK0R4oPtY8o7phKwPZAblVtOni6Tk1h8HW9wDYfKXIqjrb1Gw4x1z3TxwKxjtli/Tnxsynkp0zac1/3KX/IN24wZbGs62McAAAAASUVORK5CYII=);background-size:.22rem .22rem}.marathon-container .right-wrap .icon-music.pause[data-v-6c407803]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMA/AVQ9/P5IYAJsmwM5+PIwKi6RDzt6t/Zt66VhEwtJ1lSNxKfjXRgF62dZi8c0DMD3b8AAAF1SURBVDjL7dLpcoIwFIZhziEJsi8iooj7Vpd+9393JeN0ChQb+7t9fzqPWU6w/nTc9Bq81yOvLNOaDS7I/f27JOjUgZ9DZ31IJkpDElGWCJD/zN68x4JKxtVp6TLnIabBsN1GesEyPY53n5uPoLaD1o1B3tpx279tiOoe47Neaayw71/HJrJ79iKT69k6QuWWGccAFfs5hGPG1vJSPKaQswnrztdENFp6650J6/g2QxNFhy0bsZ4pZfpRROzfX8Bi5RxjAdAkrQMT1tPgvAoJUOViySas251mEoDITruNAet4NSoVQGFixrqgIuioctiEeaHwiOSbzT9jW0F6ntQYUH4Hsut2MM8gx8xjCao8KdrY9eNJlL61sBvC4+Y/c1DNTvuTCeaEJhrERdA7LCFME4XBY2TcsUGE6cpin4YuqDa9r1lgpHeeQn4bnVrwE9zZku1ZUWSbtu0eY9Ef54MOXnCysgx9jU6uDa79KFuD6jz3f7/pA7wHJ/Tkyo1yAAAAAElFTkSuQmCC)}.marathon-container .progress-wrap[data-v-6c407803]{position:absolute;top:calc(12% + 1.02rem);right:.22rem;z-index:2;width:.14rem;height:2.18rem;padding:.03rem;background:-webkit-gradient(linear,left top,left bottom,from(rgba(249,254,255,0)),to(rgba(233,239,246,.74)));background:-webkit-linear-gradient(top,rgba(249,254,255,0),rgba(233,239,246,.74));background:linear-gradient(180deg,rgba(249,254,255,0),rgba(233,239,246,.74));border-radius:.07rem;-webkit-box-shadow:0 .04rem .15rem 0 rgba(0,0,0,.15),inset 0 .03rem .04rem 0 hsla(0,0%,100%,.26),inset 0 -.02rem .03rem 0 hsla(0,0%,100%,.5);box-shadow:0 .04rem .15rem 0 rgba(0,0,0,.15),inset 0 .03rem .04rem 0 hsla(0,0%,100%,.26),inset 0 -.02rem .03rem 0 hsla(0,0%,100%,.5)}.marathon-container .progress-wrap .progress-bar[data-v-6c407803]{position:relative;width:100%;height:100%;background:rgba(0,0,0,.26);border-radius:.04rem}.marathon-container .progress-wrap .progress-bar .active[data-v-6c407803]{position:absolute;bottom:0;left:0;width:100%;height:0;background:-webkit-gradient(linear,left top,left bottom,from(#1fe9c0),color-stop(32.9326415757%,#2aecbc),to(#9ef054));background:-webkit-linear-gradient(top,#1fe9c0,#2aecbc 32.9326415757%,#9ef054);background:linear-gradient(180deg,#1fe9c0,#2aecbc 32.9326415757%,#9ef054);border-radius:.04rem;-webkit-box-shadow:inset 0 .03rem .04rem 0 hsla(0,0%,100%,.26);box-shadow:inset 0 .03rem .04rem 0 hsla(0,0%,100%,.26)}.marathon-container .progress-wrap .avatar-wrap[data-v-6c407803]{position:absolute;top:-.16rem;right:-.13rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.marathon-container .progress-wrap .avatar-wrap .icon[data-v-6c407803]{width:.34rem;height:.34rem;background:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/icon-avatar.png) no-repeat 50%;background-size:100% 100%}.marathon-container .progress-wrap .avatar-wrap .distance[data-v-6c407803]{position:relative;min-width:.58rem;height:.26rem;margin-right:.05rem;line-height:.26rem;text-align:center;font-size:.12rem;font-family:PingFangSC-Semibold;font-weight:600;color:#fff;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.02rem);backdrop-filter:blur(.02rem);border-radius:.08rem}.marathon-container .progress-wrap .avatar-wrap .distance[data-v-6c407803]:before{content:"";position:absolute;top:50%;right:-.08rem;width:0;height:0;margin-top:-.04rem;border:.04rem solid transparent;border-left-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(.02rem);backdrop-filter:blur(.02rem)}.marathon-container .btns-wrap[data-v-6c407803]{position:absolute;bottom:.44rem;z-index:2;left:0;width:100%}.marathon-container .btns-wrap .btn-left[data-v-6c407803]{position:absolute;left:.09rem;bottom:.14rem}.marathon-container .btns-wrap .btn-right[data-v-6c407803]{position:absolute;right:.09rem;bottom:.14rem}.marathon-container .btns-wrap .btn-big[data-v-6c407803]{position:absolute;bottom:0;left:50%;width:2.12rem;margin-left:-1.06rem}.marathon-container .btns-wrap .btn-big img[data-v-6c407803]{vertical-align:top;width:100%;height:auto}.marathon-container .btns-wrap .icon[data-v-6c407803]{width:.8rem;height:.64rem;margin-top:.04rem}.marathon-container .btns-wrap .icon img[data-v-6c407803]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.marathon-container .btns-wrap .icon-big[data-v-6c407803]{height:.68rem}.marathon-container .btns-wrap .hand-animation[data-v-6c407803]{position:absolute;right:-.4rem;top:.14rem}.marathon-container .btns-wrap .hand-animation .circle-wrap[data-v-6c407803]{opacity:0;-webkit-animation:opacity-data-v-6c407803 .5s 1s forwards;animation:opacity-data-v-6c407803 .5s 1s forwards}.marathon-container .btns-wrap .hand-animation .circle[data-v-6c407803]{position:absolute;right:1.04rem;top:.33rem;width:.1rem;height:.1rem;border-radius:50%}.marathon-container .btns-wrap .hand-animation .circle[data-v-6c407803]:after,.marathon-container .btns-wrap .hand-animation .circle[data-v-6c407803]:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:#fff;-webkit-animation:touchcircle-data-v-6c407803 4s infinite;animation:touchcircle-data-v-6c407803 4s infinite}.marathon-container .btns-wrap .hand-animation .circle[data-v-6c407803]:after{-webkit-animation-delay:2s;animation-delay:2s}.marathon-container .btns-wrap .hand-animation .circle2[data-v-6c407803]:before{-webkit-animation-delay:1s;animation-delay:1s}.marathon-container .btns-wrap .hand-animation .circle2[data-v-6c407803]:after{-webkit-animation-delay:3s;animation-delay:3s}.marathon-container .btns-wrap .hand-animation .hand[data-v-6c407803]{position:absolute;z-index:100;top:.22rem;right:.45rem;width:.61rem;height:.53rem;background:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/icon-finger1.png) no-repeat;background-size:100% 100%;-webkit-animation:handtouch-data-v-6c407803 1s infinite;animation:handtouch-data-v-6c407803 1s infinite}.marathon-container .cloud[data-v-6c407803]{position:absolute;bottom:-.1rem;left:0;width:100%;height:3.64rem;background:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/cloud.png) no-repeat bottom;background-size:100% 100%}.marathon-container .icon-gift[data-v-6c407803]{position:absolute;bottom:80%;left:50%;width:.46rem;height:.65rem;margin-left:-.23rem;opacity:0;background:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/icon-gift.png) no-repeat 50%;background-size:contain;-webkit-animation:giftMove-data-v-6c407803 1s ease forwards;animation:giftMove-data-v-6c407803 1s ease forwards}@-webkit-keyframes giftMove-data-v-6c407803{0%{opacity:0;-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}to{opacity:1;-webkit-transform:scale(1) translateY(2rem);transform:scale(1) translateY(2rem)}}@keyframes giftMove-data-v-6c407803{0%{opacity:0;-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}to{opacity:1;-webkit-transform:scale(1) translateY(2rem);transform:scale(1) translateY(2rem)}}@-webkit-keyframes handtouch-data-v-6c407803{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes handtouch-data-v-6c407803{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes touchcircle-data-v-6c407803{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5}to{-webkit-transform:scale(5);transform:scale(5);opacity:.1}}@keyframes touchcircle-data-v-6c407803{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5}to{-webkit-transform:scale(5);transform:scale(5);opacity:.1}}@-webkit-keyframes opacity-data-v-6c407803{0%{opacity:0}to{opacity:1}}@keyframes opacity-data-v-6c407803{0%{opacity:0}to{opacity:1}}.marathon-container[data-v-6c407803]{background-image:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/mar-bg-xm.png)}.marathon-container .sologan[data-v-6c407803]{background-image:url(https://jdl-carbon.s3-cache-accelerate.cn-north-1.jdcloud-oss.com/marTemplate/xm-sologan.png)}