| 1 |
- #apps[data-v-1e179486]{overflow:hidden}.van-nav-bar[data-v-1e179486]{background:#39f}[data-v-1e179486] .van-nav-bar .van-icon,[data-v-1e179486] .van-nav-bar__title{color:#fff}[class*=van-hairline][data-v-1e179486]:after{border:none}.wrap[data-v-1e179486]{display:flex;width:400vw;transition:transform 1s cubic-bezier(.52,.37,.16,1.32)}div[data-v-1e179486]{box-sizing:border-box}.btn[data-v-1e179486]{display:inline-block;padding:10px 60px;width:300px;background-color:#06c;color:#fff;cursor:pointer;margin:8px auto 10px}#back[data-v-1e179486]{margin-top:10px}.play-page[data-v-1e179486],.result-page[data-v-1e179486],.start-page .title[data-v-1e179486],.start-page[data-v-1e179486]{text-align:center}.play-page[data-v-1e179486],.preview-page[data-v-1e179486],.result-page[data-v-1e179486],.start-page[data-v-1e179486]{position:relative;width:100vw}.start-page .title[data-v-1e179486]{line-height:4em;font-size:24px}.start-page .album-list[data-v-1e179486]{width:90%;height:65vh;overflow:auto;display:flex;flex-wrap:wrap;margin:0 auto;border:5px solid #0938d0;justify-content:space-around}.start-page .album-list[data-v-1e179486]:after{content:"";width:45%}.start-page .album-list .img-wrap[data-v-1e179486]{margin-bottom:5%;width:45%;margin-top:3%}.img-wrap-imgs[data-v-1e179486]{border:4px solid #f6c039;height:105px;border-radius:5px}.img-wrap-imgs>img[data-v-1e179486]{width:100%;height:97px}.img-wrap-imgs>p[data-v-1e179486]{margin-top:-18%;color:#fff;font-size:13px}.start-page .album-list .img-wrap img[data-v-1e179486]{width:100%}.start-page .album-list .img-wrap .file-wrap[data-v-1e179486]{position:relative;height:100%;background-position:50%;background-size:100%;background-repeat:no-repeat}.start-page .album-list .img-wrap .file-wrap[data-v-1e179486]:before{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;color:#ccc;cursor:pointer}.start-page .album-list .img-wrap .file-wrap input[data-v-1e179486]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.start-page-ft[data-v-1e179486]{position:absolute;width:100%;bottom:20px;font-size:12px;text-align:center}.start-page-ft a[data-v-1e179486]{color:#06c}.play-page[data-v-1e179486]{background-color:#39f}.play-page .deloy[data-v-1e179486]{padding:10px 20px;color:#fff}.play-page .play-area[data-v-1e179486]{position:relative;width:84vw;height:60vh;display:flex;flex-wrap:wrap;margin:20px auto;outline:4px solid #ccc}.play-page .play-area.active[data-v-1e179486]{outline-color:#1f8b40}.play-page .play-area .piece[data-v-1e179486]{position:absolute;left:0;top:0;width:28vw;height:20vh;border:1px solid transparent;background-repeat:no-repeat;background-size:84vw 60vh;transition:transform .6s ease-in-out}.play-page .play-area .piece.active[data-v-1e179486]{border:3px solid red}.play-page .play-area .piece-0[data-v-1e179486]{background-position:0 0}.play-page .play-area .piece-1[data-v-1e179486]{background-position:-28vw 0}.play-page .play-area .piece-2[data-v-1e179486]{background-position:-56vw 0}.play-page .play-area .piece-3[data-v-1e179486]{background-position:0 -20vh}.play-page .play-area .piece-4[data-v-1e179486]{background-position:-28vw -20vh}.play-page .play-area .piece-5[data-v-1e179486]{background-position:-56vw -20vh}.play-page .play-area .piece-6[data-v-1e179486]{background-position:0 -40vh}.play-page .play-area .piece-7[data-v-1e179486]{background-position:-28vw -40vh}.play-page .play-area .piece-8[data-v-1e179486]{background-position:-56vw -40vh}.result-page[data-v-1e179486]{background-color:#39f}.result-page .success-text[data-v-1e179486]{padding-top:160px;padding-bottom:20px;font-size:36px;color:#e4d721;font-weight:700}.result-page .total-time[data-v-1e179486]{display:block;margin-bottom:30px;color:#fff;font-size:24px}.last-page[data-v-1e179486]{position:relative}.last-page img[data-v-1e179486]{position:absolute;left:0;top:0}.play-again[data-v-1e179486]{position:absolute;bottom:10px;left:5px;z-index:10;width:48%}.share-other[data-v-1e179486]{position:absolute;bottom:10px;right:5px;z-index:10;width:48%}.share-bg[data-v-1e179486]{position:fixed;top:0;width:0;width:100%;height:100%;background:url(../img/share.9d0bac5f.png) no-repeat rgba(0,0,0,.8);background-position:100% 0;z-index:11}.footed[data-v-1e179486]{width:100%;position:fixed;bottom:0;z-index:-1}.footed>.footed-img[data-v-1e179486]{width:100%;height:76px;position:fixed;bottom:0}.footed-img>img[data-v-1e179486]{width:100%;height:76px}.headers[data-v-1e179486]{width:90%;margin:2% auto;position:relative}.headers>img[data-v-1e179486]{width:100%}.headers-left[data-v-1e179486]{left:4%}.headers-left[data-v-1e179486],.headers-right[data-v-1e179486]{width:20%;text-align:center;position:absolute;top:37%;font-size:30px;color:#fbd91f}.headers-right[data-v-1e179486]{left:76%}.header-content[data-v-1e179486]{position:absolute;left:35%;top:27%}.contents-list-item-button[data-v-1e179486]{width:65%;text-align:center;margin:3% auto}.contents-list-item-button>img[data-v-1e179486]{width:100%}.contents-list-item-button>p[data-v-1e179486]{margin-top:-31%;font-size:13px;color:#fff}.result-page .result_box[data-v-1e179486]{width:350px;box-sizing:border-box;margin:0 auto;margin-top:20px}.result-page .result_box .result_box_title[data-v-1e179486]{position:relative;top:5px;z-index:999}.result-page .result_box .result_box_title img[data-v-1e179486]{width:300px;height:76px}.result-page .result_box .result_box_content[data-v-1e179486]{position:relative;top:-40px;width:350px;height:360px;background-image:url(../img/Panel.b0c078fe.png);background-size:cover;background-repeat:no-repeat;box-sizing:border-box;padding-top:35px}.result-page .result_box .result_box_content .content[data-v-1e179486]{margin:0 auto;width:300px;height:300px}.result-page .result_box .result_box_content .content img[data-v-1e179486]{width:300px;height:300px}.result-page .result_box .result_box_content .refresh[data-v-1e179486]{position:relative;top:-4px}.result-page .result_box .result_box_content .refresh img[data-v-1e179486]{width:50px;height:52px}.result-page .result_box .num_box[data-v-1e179486]{margin:-10px auto 0;width:190px;height:80px;background-image:url(../img/num.3401f241.png);background-size:cover;background-repeat:no-repeat}.result-page .result_box .num_box .text[data-v-1e179486]{padding-top:35px;font-size:24px;color:#fff;font-weight:700;text-shadow:2px 2px 2px #3a230a}.result-page .result_box .result_btn[data-v-1e179486]{margin-top:10px;width:100%;text-align:center}.result-page .result_box .result_btn img[data-v-1e179486]{width:240px;height:50px}.result-page .result_box .rank_btn[data-v-1e179486]{width:100%;text-align:center}.result-page .result_box .rank_btn img[data-v-1e179486]{width:240px;height:50px}
|
