.advert-wrap[data-v-46bdc215]{margin:20px auto}.base-layout .card{display:flex;width:100%;max-width:1010px;margin:20px auto 0 auto}.base-layout .card .item{height:460px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.2);flex:1;border-radius:5px;padding:20px 30px;margin:0 auto}.base-layout .card .item h4{font-size:27px;font-weight:500;margin:0}.base-layout .card .item.about p{font-size:18px;margin:15px 0;text-align:justify}.base-layout .el-row{width:100%}@media screen and (max-width:480px){.base-layout .card .item{margin:0;box-sizing:border-box;width:100vw;margin-bottom:20px;border-radius:unset}}.game-intro{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;height:480px;color:#fff;background-color:#2b87d1;text-align:center;padding:0 20px}.game-intro i{font-size:120px;animation:shine 3s linear infinite,textFadeIn .5s linear}.game-intro h2{font-size:40px;animation:textFadeIn .5s linear}.game-intro span{font-size:25px;margin-bottom:30px;animation:textFadeIn .5s linear}@keyframes shine{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.hand-eye-coordination-test-game-wrap{text-align:center}.hand-eye-coordination-test-game-wrap .wrap{position:relative;width:350px;height:350px}.hand-eye-coordination-test-game-wrap .wrap .axis{background-color:#000;position:absolute}.hand-eye-coordination-test-game-wrap .wrap .ball{position:absolute;border-radius:50%;height:50px;width:50px;background-color:#fff;z-index:100}.hand-eye-coordination-test-game-wrap .wrap .target{box-sizing:border-box;position:absolute;border:2px dashed #fff;border-radius:50%}.hand-eye-coordination-test-game-wrap .wrap .x-axis{width:300px;height:30px;top:calc(50% - 15px);left:25px}.hand-eye-coordination-test-game-wrap .wrap .x-axis .x-ball{top:-10px}.hand-eye-coordination-test-game-wrap .wrap .y-axis{width:30px;height:300px;left:calc(50% - 15px);top:25px}.hand-eye-coordination-test-game-wrap .wrap .y-axis .y-ball{left:-10px}@media screen and (max-width:350px){.hand-eye-coordination-test-game-wrap .wrap{width:300px;height:300px}.hand-eye-coordination-test-game-wrap .wrap .x-axis{width:250px;height:30px}.hand-eye-coordination-test-game-wrap .wrap .y-axis{width:30px;height:250px}}.game-wrap{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;height:480px;color:#fff;background-color:#2b87d1;text-align:center;padding:0 20px}.game-wrap i{font-size:120px}.game-wrap h2,.game-wrap i{animation:textFadeIn .5s linear}.game-wrap h2{font-size:40px}.game-wrap span{font-size:25px;margin-bottom:30px;animation:textFadeIn .5s linear}.btn-wrap{width:300px;display:flex;justify-content:space-around}.btn-wrap .appreciate{font-size:14px;position:absolute;bottom:-30px;color:#a0a0a0;cursor:pointer}.btn-wrap .appreciate i{font-size:12px}.btn-wrap .appreciate:hover,.btn-wrap .appreciate:hover .el-icon-coffee-cup{text-decoration:underline}.btn-wrap .appreciate-modal span{font-size:12px}.btn-wrap .appreciate-modal i{font-size:16px}.btn-wrap .appreciate-modal .el-dialog__header{text-align:left}.btn-wrap .appreciate-modal .btn-wrap{margin:0 auto}.btn-wrap .appreciate-modal .pay-img{margin:10px 0}.btn-wrap .appreciate-modal .pay-img img{width:200px;height:200px}@media screen and (max-width:480px){.btn-wrap .appreciate-modal .el-dialog{width:90%}}