.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}}.dynamic-visual-acuity-test-game-wrap h2{font-size:18px;margin:10px 0}.dynamic-visual-acuity-test-game-wrap .progress-wrap{width:20%;border-radius:999px;background-color:rgba(0,0,0,.1)}.dynamic-visual-acuity-test-game-wrap .progress-wrap .progress{height:10px;border-radius:999px;background-color:#fff}.dynamic-visual-acuity-test-game-wrap .main{position:relative;margin-top:10px;border:2px solid #000;background-color:#000}.dynamic-visual-acuity-test-game-wrap .main .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:grey;display:flex;align-items:center;justify-content:center;color:#fff}.dynamic-visual-acuity-test-game-wrap input{margin:10px 0;background:rgba(0,0,100,.2);border-radius:3px;text-align:center;font-size:20px;font-weight:700;width:30%;outline-style:none;box-shadow:none;border-color:transparent;padding:10px;color:#fff;border:1px solid transparent}.dynamic-visual-acuity-test-game-wrap input:focus{border:1px solid #ccc}.dynamic-visual-acuity-test-game-wrap input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.dynamic-visual-acuity-test-game-wrap input::placeholder{color:hsla(0,0%,100%,.5)}.dynamic-visual-acuity-test-game-wrap .result{height:40px;line-height:40px;margin:10px 0}.dynamic-visual-acuity-test-game-wrap .common-btn{height:30px;font-size:14px;min-width:80px}@media screen and (max-width:480px){.dynamic-visual-acuity-test-game-wrap .progress-wrap{width:50%}.dynamic-visual-acuity-test-game-wrap input{font-size:16px;width:50%}}.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%}}.game-wrap .card-list{margin-bottom:30px}.game-wrap .card-list span{font-size:18px}