.page[data-v-72277bca]{background:url(../img/match_bg.628c5537.png) no-repeat;background-size:cover;height:100vh}.page[data-v-72277bca] .van-nav-bar{transition:all .05s ease-out;background-color:transparent;z-index:999}.page[data-v-72277bca] .van-nav-bar .van-nav-bar__left .back,.page[data-v-72277bca] .van-nav-bar .van-nav-bar__left .back img{width:.48rem;height:.48rem}.page .page-box[data-v-72277bca]{display:flex;flex-direction:column;align-items:center}.page .page-box .title[data-v-72277bca]{margin-top:2rem;font-family:Roboto-Bold;font-weight:700;font-size:.66rem;color:#d8d8d8}.page .page-box .text[data-v-72277bca]{margin-top:.1rem;font-family:Roboto;font-weight:400;font-size:.36rem;color:hsla(0,0%,100%,.8)}.page .page-box .match[data-v-72277bca]{position:fixed;top:48%;left:50%;transform:translate(-50%,-50%);display:flex}.page .page-box .match .my[data-v-72277bca]{font-family:Roboto-Regular;font-weight:400;font-size:.3rem;color:#fff;display:flex;flex-direction:column;align-items:center;margin-right:-.58rem;width:2.06rem}.page .page-box .match .my img[data-v-72277bca]{width:2.06rem;height:2.06rem;border-radius:50%}.page .page-box .match .my .name[data-v-72277bca]{display:flex;padding:.09rem .12rem;max-width:2.06rem;height:.46rem;background:rgba(29,63,175,.74);box-sizing:border-box;align-items:center;border-radius:.26rem;margin-top:.19rem}.page .page-box .match .my .name span[data-v-72277bca]{padding-top:.05rem;padding-right:.05rem;overflow:hidden}.page .page-box .match .my .name .country[data-v-72277bca]{width:.28rem;height:.28rem;margin-left:.1rem}.page .page-box .match .match—box[data-v-72277bca]{font-family:Roboto-Regular;font-weight:400;font-size:.3rem;color:#fff;display:flex;flex-direction:column;align-items:center;margin-left:-.58rem;width:2.06rem;height:3rem}.page .page-box .match .match—box img[data-v-72277bca]{width:2.06rem;height:2.06rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.page .page-box .match .match—box .name[data-v-72277bca]{display:flex;padding:.09rem .12rem;max-width:2.06rem;height:.46rem;background:rgba(230,59,120,.74);box-sizing:border-box;align-items:center;border-radius:.26rem;margin-top:.19rem}.page .page-box .match .match—box .name span[data-v-72277bca]{padding-top:.05rem;padding-right:.05rem;overflow:hidden}.page .page-box .match .match—box .name .country[data-v-72277bca]{width:.28rem;height:.28rem;margin-left:.1rem}.page #demoCanvas[data-v-72277bca]{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:#000}.page #match—box[data-v-72277bca]{width:3rem;height:1.5rem;position:relative}.page #match[data-v-72277bca]{position:fixed;width:3rem;height:1.5rem;top:10%;left:50%;transform:translateX(-50%);z-index:-1;background-color:transparent}