.clearfix[data-v-7a8ea097]{clear:both}.clearfix[data-v-7a8ea097]:after,.clearfix[data-v-7a8ea097]:before{content:"";display:table}.clearfix-row[data-v-7a8ea097]{clear:both;display:inline-block;vertical-align:top;width:100%}.clearfix-row[data-v-7a8ea097]:after,.clearfix-row[data-v-7a8ea097]:before{content:"";display:table}.box-shadow5[data-v-7a8ea097]{box-shadow:0 0 5px rgba(0,0,0,.07)}canvas[data-v-7a8ea097]{position:absolute}.clearfix[data-v-89b2b81a]{clear:both}.clearfix[data-v-89b2b81a]:after,.clearfix[data-v-89b2b81a]:before{content:"";display:table}.clearfix-row[data-v-89b2b81a]{clear:both;display:inline-block;vertical-align:top;width:100%}.clearfix-row[data-v-89b2b81a]:after,.clearfix-row[data-v-89b2b81a]:before{content:"";display:table}.box-shadow5[data-v-89b2b81a]{box-shadow:0 0 5px rgba(0,0,0,.07)}[data-v-89b2b81a]{touch-action:pan-y}.allBox[data-v-89b2b81a]{background-color:#560729}.allBox .predictionResult[data-v-89b2b81a]{height:100vh;margin:0;padding:0;font-size:0;overflow-y:auto;background:url(/_nuxt/img/bg2.03d83d6.png) no-repeat 50%;background-size:100%}.allBox .predictionResult .contentBox[data-v-89b2b81a]{box-sizing:border-box;padding:.45rem .21rem 0;position:relative}.allBox .predictionResult .contentBox .contentBg[data-v-89b2b81a]{width:100%;height:100vh;position:absolute;top:0;right:0}.allBox .predictionResult .contentBox .logo[data-v-89b2b81a]{width:3.14rem;position:absolute;left:0;right:0;margin:auto}.allBox .predictionResult .contentBox .groupBox1[data-v-89b2b81a]{display:inline-flex;flex-direction:column;vertical-align:top;height:443px}.allBox .predictionResult .contentBox .groupBox1 li[data-v-89b2b81a]{display:flex;flex:1;color:#fff;font-size:.32rem;align-items:center;position:relative}.allBox .predictionResult .contentBox .groupBox1 li .placeholder[data-v-89b2b81a]{display:inline-block;width:.64rem;height:.42rem;background-color:#a2003a;position:relative;z-index:10}.allBox .predictionResult .contentBox .groupBox1 li .placeholder img[data-v-89b2b81a]{width:inherit;height:inherit}.allBox .predictionResult .contentBox .groupBox1 li .country[data-v-89b2b81a]{margin-left:4px}.allBox .predictionResult .contentBox .groupBox1 li .country span[data-v-89b2b81a]{display:block;margin-bottom:.1rem;width:30px;text-align:center;box-sizing:border-box}.allBox .predictionResult .contentBox .groupBox1 li .leftCountry span[data-v-89b2b81a]{padding-right:7px}.allBox .predictionResult .contentBox .groupBox1 li .rightRank[data-v-89b2b81a]{position:relative;left:1px}.allBox .predictionResult .contentBox .groupBox1 li .nationalFlag[data-v-89b2b81a]{width:.6rem;height:.42rem;position:relative;z-index:10}.allBox .predictionResult .contentBox .groupBox2[data-v-89b2b81a]{margin-left:.5rem}.allBox .predictionResult .contentBox .groupBox3[data-v-89b2b81a]{margin-right:.5rem}.allBox .predictionResult .contentBox .groupBox4[data-v-89b2b81a]{margin-left:0}.allBox .predictionResult .contentBox .groupBox5[data-v-89b2b81a]{margin-right:0}.allBox .predictionResult .contentBox .groupBox6[data-v-89b2b81a]{margin-bottom:1.8rem}.allBox .predictionResult .contentBox .groupBox7[data-v-89b2b81a]{margin-bottom:.8rem}.allBox .predictionResult .contentBox .champion[data-v-89b2b81a]{width:.967rem;text-align:center;position:absolute;left:0;right:0;margin:auto;z-index:10}.allBox .predictionResult .contentBox .champion .championLogo[data-v-89b2b81a]{width:.58rem}.allBox .predictionResult .contentBox .champion .firstCountry[data-v-89b2b81a]{width:.96rem;height:.64rem;background-color:#a2003a;margin-top:8px}.allBox .predictionResult .contentBox .champion .firstCountry img[data-v-89b2b81a]{width:inherit;height:inherit}.allBox .predictionResult .contentBox .championName[data-v-89b2b81a]{color:#fff;font-size:.37rem;width:2.6rem;word-break:break-all}.allBox .predictionResult .contentBox .rightCountry[data-v-89b2b81a]{float:right;position:relative;text-align:center}.allBox .predictionResult .bottomBtn[data-v-89b2b81a]{width:100%;position:fixed;bottom:.32rem;box-sizing:border-box;padding:0 .32rem;z-index:20}.allBox .predictionResult .bottomBtn .btnItem[data-v-89b2b81a]{display:inline-flex;height:1.07rem;color:#fff;font-size:.37rem;border-radius:4px;justify-content:center;align-items:center;vertical-align:top}.allBox .predictionResult .bottomBtn .btnItemLeft[data-v-89b2b81a]{width:3.06rem;background-color:silver}.allBox .predictionResult .bottomBtn .finished[data-v-89b2b81a]{background-color:#00b59c!important}.allBox .predictionResult .bottomBtn .btnItemRight[data-v-89b2b81a]{margin-left:.29rem;width:calc(100% - 3.35rem);background-color:#fff}.allBox .predictionResult .bottomBtn .btnItemRight img[data-v-89b2b81a]{width:.53rem}.allBox .predictionResult .bottomBtn .btnItemRight .line[data-v-89b2b81a]{display:inline-block;width:1px;height:.37rem;margin:0 .21rem;background-color:#e3e3e3}.allBox .predictionResult .bottomBtn .btnItemRight .logo2[data-v-89b2b81a]{width:2.56rem}.allBox .predictionResult .bottomBtn .btnItemRight .apple[data-v-89b2b81a]{margin-left:.14rem}.allBox .predictionResult .bottomBtn .btnItemRight .download[data-v-89b2b81a]{width:.64rem}.allBox .predictionResult .bottomBtn .btnItemRight .downloadText[data-v-89b2b81a]{color:#0f80da;font-size:.42rem;margin-left:.21rem}.allBox .predictionResult .bottomBtn .btnItemRight2[data-v-89b2b81a]{width:8.21rem;margin-left:0}.allBox .predictionResult .bottomBtn2[data-v-89b2b81a]{text-align:center}.allBox .predictionResult .finishedBox[data-v-89b2b81a]{position:unset;bottom:2.6rem;text-align:center}.allBox .predictionResult .finishedBox .code[data-v-89b2b81a]{display:block;width:1.7rem;height:1.7rem;border-radius:4px;background-color:#fff;box-sizing:border-box;padding-top:4px;text-align:center;line-height:1.7rem;margin:auto}.allBox .predictionResult .finishedBox .code img[data-v-89b2b81a]{width:1.5rem;height:1.5rem}.allBox .predictionResult .finishedBox .link[data-v-89b2b81a]{display:block;font-size:.32rem;color:#fff;margin:.21rem auto .42rem}.allBox .predictionResult .finishedBox .share[data-v-89b2b81a]{width:3.95rem;height:.96rem;background-color:#00b59c;margin-bottom:1.8rem}.allBox .predictionResult .popup[data-v-89b2b81a]{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.37rem;border-radius:4px;left:50%}.allBox .predictionResult .popup p[data-v-89b2b81a]{color:#fff;margin-top:.3rem}.allBox .predictionResult .popup .reverse-spinner[data-v-89b2b81a]{position:relative;height:50px;width:50px;border-color:hsla(0,0%,100%,.6) transparent transparent hsla(0,0%,100%,.6);border-style:solid;border-width:3px;border-radius:50%;-webkit-animation:spin-data-v-89b2b81a 1.5s linear infinite;animation:spin-data-v-89b2b81a 1.5s linear infinite}.allBox .predictionResult .popup .reverse-spinner[data-v-89b2b81a]:before{position:absolute;top:10px;left:10px;right:10px;bottom:10px;content:"";border-color:#fff transparent transparent #fff;border-style:solid;border-width:3px;border-radius:50%;-webkit-animation:spinBack-data-v-89b2b81a 1s linear infinite;animation:spinBack-data-v-89b2b81a 1s linear infinite}@-webkit-keyframes spinBack-data-v-89b2b81a{0%{transform:rotate(0deg)}to{transform:rotate(-2turn)}}@keyframes spinBack-data-v-89b2b81a{0%{transform:rotate(0deg)}to{transform:rotate(-2turn)}}@-webkit-keyframes spin-data-v-89b2b81a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-89b2b81a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}