.loading{position:fixed;width:100%;height:100%;background-color:#000;z-index:9999}.loading img{width:10rem;height:10rem;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.arrow{width:8rem;height:2rem;position:fixed;bottom:2rem;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);z-index:999;background:none;border:none;padding:0;-webkit-animation:upArrowAni 3s linear infinite;animation:upArrowAni 3s linear infinite}.arrow img{width:2rem;height:2rem;text-align:center;line-height:2rem;color:#fff;font-size:1.5rem}@-webkit-keyframes upArrowAni{0%{opacity:0;-webkit-transform:translate3d(-50%,30%,0);transform:translate3d(-50%,30%,0)}20%{opacity:.8;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}20%{opacity:1;-webkit-transform:translate3d(-50%,-70%,0);transform:translate3d(-50%,-70%,0)}60%{opacity:.8;-webkit-transform:translate3d(-50%,-90%,0);transform:translate3d(-50%,-90%,0)}60%{opacity:0;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}to{opacity:0;-webkit-transform:translate3d(-50%,-120%,0);transform:translate3d(-50%,-120%,0)}}@keyframes upArrowAni{0%{opacity:0;-webkit-transform:translate3d(-50%,30%,0);transform:translate3d(-50%,30%,0)}20%{opacity:.8;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}20%{opacity:1;-webkit-transform:translate3d(-50%,-70%,0);transform:translate3d(-50%,-70%,0)}60%{opacity:.8;-webkit-transform:translate3d(-50%,-90%,0);transform:translate3d(-50%,-90%,0)}60%{opacity:0;-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}to{opacity:0;-webkit-transform:translate3d(-50%,-120%,0);transform:translate3d(-50%,-120%,0)}}.btn-music{width:2rem;height:2rem;background-color:transparent;position:fixed;top:1.5rem;right:1.5rem;z-index:999;border:.125rem solid #fff;border-radius:50%;-webkit-animation:btnMusicAni 3s linear infinite;animation:btnMusicAni 3s linear infinite;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.btn-music img{width:2rem;height:2rem;text-align:center;line-height:2rem;color:#fff;font-size:1rem;position:absolute;top:-.125rem;left:-.125rem}.btn-music.paused{opacity:.4;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes btnMusicAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes btnMusicAni{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container{max-height:100vh;overflow:hidden}.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}.text-box{letter-spacing:2px;font-family:DingTalkJinBuTi;width:23rem;padding:20px;text-align:justify;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;line-height:1.5;font-size:20px;position:fixed;top:7vh}.text-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../img/title_bg.d25208b0.png);opacity:.5;background-repeat:no-repeat;background-size:100% 100%;z-index:-1}.id-card-n{display:none}.id-card-b{display:block}.id-card{z-index:6;color:#bfb078;letter-spacing:2px;font-family:DingTalkJinBuTi;width:380px;height:430px;padding:30px 25px;text-align:justify;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;line-height:1.5;font-size:20px;position:fixed;top:25vh}.id-card-title{text-align:center;font-size:28px}.id-card-info{margin-top:20px;font-size:16px}.id-card-info p{margin:0}.id-card-info .data{font-size:20px;margin-bottom:10px}.id-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../img/id_card_bg.39738cb4.png);background-repeat:no-repeat;background-size:100% 100%;z-index:-1}.tip{margin:2px}.bg{background-image:url(https://dy-static.oss-cn-beijing.aliyuncs.com/temp/tututu/conputer_close.gif);width:100%}.bg,.bg2{background-size:cover;background-position:50%}.bg2{opacity:0;-webkit-animation:fadeInBg2 1s ease-in-out forwards;animation:fadeInBg2 1s ease-in-out forwards}.card_sendbg{background-image:url(../img/card_sendbg.9c7df720.png)}.block_bg,.card_sendbg{background-size:cover;background-position:50%;width:100%}.block_bg{background-image:url(../img/block_bg.f67240d1.png)}.blockes_bg{background-image:url(../img/blockes_bg.574c1f31.png)}.apple_tree_bg,.blockes_bg{background-size:cover;background-position:50%;width:100%}.apple_tree_bg{background-image:url(../img/apple_tree_bg.24afa887.png)}.creator_bg{background-image:url(../img/creator_bg.42fc3cbe.png)}.creator_bg,.operation_bg{background-size:cover;background-position:50%;width:100%}.operation_bg{background-image:url(../img/operation_bg.1ca37858.png)}.opus_bg{background-image:url(../img/opus_bg.c81df227.png)}.hard_bg,.opus_bg{background-size:cover;background-position:50%;width:100%}.hard_bg{background-image:url(../img/hard_bg.b9c90519.png)}.remember_bg{background-image:url(../img/remember_bg.8d1f4f31.png);background-size:cover;background-position:50%;width:100%}.last_bg{background-color:#427bff;width:100%}@-webkit-keyframes fadeInBg2{0%{background-image:url(https://dy-static.oss-cn-beijing.aliyuncs.com/temp/tututu/conputer_close.png);opacity:.9}to{background-image:url(https://dy-static.oss-cn-beijing.aliyuncs.com/temp/tututu/conputer_open.png);opacity:1}}@keyframes fadeInBg2{0%{background-image:url(https://dy-static.oss-cn-beijing.aliyuncs.com/temp/tututu/conputer_close.png);opacity:.9}to{background-image:url(https://dy-static.oss-cn-beijing.aliyuncs.com/temp/tututu/conputer_open.png);opacity:1}}.startBtn{font-size:22px;margin-top:70vh;line-height:45px;height:45px;width:200px;background:#4095e5;border-radius:25px}.block,.startBtn{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.plus{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation:mymove 2s ease-out infinite;animation:mymove 2s ease-out infinite;position:absolute;top:-100px;left:250px;opacity:0}@-webkit-keyframes mymove{0%{top:-100px;opacity:0}50%{top:-150px;opacity:1}to{top:-200px;opacity:0}}@keyframes mymove{0%{top:-100px;opacity:0}50%{top:-150px;opacity:1}to{top:-200px;opacity:0}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-500%);transform:translateY(-500%);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideDown{0%{-webkit-transform:translateY(-500%);transform:translateY(-500%);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slideDown100{0%{-webkit-transform:translateX(-2%);transform:translateX(-2%);opacity:1}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-2%);transform:translateX(-2%);opacity:1}}@keyframes slideDown100{0%{-webkit-transform:translateX(-2%);transform:translateX(-2%);opacity:1}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-2%);transform:translateX(-2%);opacity:1}}.coin{position:absolute;top:20px;z-index:3;left:128px;-webkit-animation:slideDown 2s ease-out infinite;animation:slideDown 2s ease-out infinite}@-webkit-keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@-webkit-keyframes rotateAround{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotateAround{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.robotic_arm{-webkit-transform-origin:90% 70%;transform-origin:90% 70%;-webkit-animation:rotateAround 2s linear infinite;animation:rotateAround 2s linear infinite}.last-info{letter-spacing:2px;font-family:DingTalkJinBuTi;width:400px;height:640px;text-align:justify;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;line-height:1.5;font-size:20px;position:fixed;top:5vh;padding:0 55px}.last-info:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../img/last_bg.8e6ee515.png);background-repeat:no-repeat;background-size:100% 100%;z-index:-1}.last_gjc p{padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{margin:0}button:focus,i:focus{outline:none}@font-face{font-family:DingTalkJinBuTi;src:url(../fonts/DingTalkJinBuTi-Regular.f059c1c6.ttf)}