@-webkit-keyframes fadeIn-data-v-31aa3173{0%{opacity:0}50%{opacity:1}to{opacity:0}}.createImg[data-v-31aa3173]{position:absolute;width:100%;top:0;left:0;z-index:990}.hint[data-v-31aa3173]{position:absolute;width:100%;bottom:2rem;left:2%;z-index:991;color:#ffba00;animation:fadeIn-data-v-31aa3173 1s linear infinite;-webkit-animation:fadeIn-data-v-31aa3173 1s linear infinite}aside[data-v-31aa3173]{position:absolute;left:0;top:0;z-index:998;background:rgba(0,0,0,.5);width:100%;height:100%}aside img[data-v-31aa3173]{width:10%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.bg[data-v-31aa3173]{width:10rem;height:14.93333rem;background-size:100% 100%;background-repeat:no-repeat}.tool[data-v-31aa3173]{position:absolute;top:1%;left:1%;z-index:995}.tool .back-btn[data-v-31aa3173]{display:block;width:.82667rem;height:.81333rem;position:absolute;left:.32rem;top:.50667rem}.tool .back-btn>img[data-v-31aa3173]{width:100%}.tool .switch-btn[data-v-31aa3173]{width:2.13333rem;height:.8rem;line-height:.8rem;text-align:center;font-size:.29333rem;color:#fff;background:rgba(121,123,121,.6);position:absolute;left:.32rem;top:1.54667rem}.container .img-box[data-v-31aa3173]{position:relative}.container .img-box .rank-list[data-v-31aa3173]{color:#fff;position:absolute;left:0;right:0;top:10.26667rem;margin:0 auto;width:7.73333rem}.container .img-box .rank-list .rank-title[data-v-31aa3173]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:.42667rem}.container .img-box .rank-list .rank-first[data-v-31aa3173]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;font-size:.4rem}.container .img-box .rank-list .rank-first .rank-num[data-v-31aa3173]{width:.8rem;height:.8rem;line-height:.8rem;border-radius:50%;text-align:center;font-size:.38rem;text-shadow:0 0 0;background:rgba(48,54,20,.6)}.container .img-box .rank-list .rank-first .rank-city[data-v-31aa3173]{width:3.1rem;text-align:center;font-size:.42rem;font-weight:700}.container .img-box .rank-list .rank-first .rank-count[data-v-31aa3173]{font-size:.45rem;font-weight:700}.container .img-box .rank-list .rank-second[data-v-31aa3173]{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.53333rem;margin:.32rem 0;color:#ffba00;font-weight:700}.container .img-box .rank-list .rank-second .rank-num[data-v-31aa3173]{font-size:.5rem;width:.8rem;height:.8rem;line-height:.8rem;border-radius:50%;text-align:center;font-size:.38rem;text-shadow:0 0 0;background:rgba(48,54,20,.6)}.container .img-box .rank-list .rank-second .rank-city[data-v-31aa3173]{width:3.1rem;text-align:center;font-size:.6rem;font-weight:700;margin-left:1rem}.container .img-box .rank-list .rank-second .rank-count[data-v-31aa3173]{font-weight:700;margin-left:.8rem;font-size:.6rem;display:inline-block;margin-top:.1rem;width:1.2rem}.container .img-box .city-name[data-v-31aa3173]{position:absolute;right:.8rem;top:.38667rem;font-size:1.6rem;color:#fff;margin:0 auto}.container .img-box>img[data-v-31aa3173]{width:100%;display:block}.container .img-box .rank-box[data-v-31aa3173]{position:absolute;right:1rem;top:2.5rem}.container .img-box .rank-box .rank-item[data-v-31aa3173]{width:4.8rem;text-align:left;font-size:.38rem;color:#fff;overflow:hidden}.container .img-box .rank-box .rank-item.rank-item1[data-v-31aa3173]{font-size:.53rem;letter-spacing:2px}.container .img-box .rank-box .rank-item.rank-item1 span[data-v-31aa3173]{display:inline-block;line-height:.8rem}.container .img-box .rank-box .rank-item.rank-item1 span[data-v-31aa3173],.container .img-box .rank-box .rank-item>span[data-v-31aa3173]{font-size:.5rem;color:#ffba00;width:1rem;text-align:right;letter-spacing:0;vertical-align:middle;float:right}.container .user-info[data-v-31aa3173]{padding:.13333rem .26667rem .08rem .4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .user-info .user-box[data-v-31aa3173]{text-align:left;color:#000;font-size:.42667rem;font-weight:700}.container .user-info .user-box .user-head[data-v-31aa3173]{display:block;width:1.06667rem;height:1.06667rem;border-radius:50%}.container .user-info .qr-code[data-v-31aa3173]{width:2.16rem;height:2.46667rem}.container .user-info .qr-code>img[data-v-31aa3173]{width:100%}.container .rank-box-1[data-v-31aa3173]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:.4rem 0}.container .rank-box-1 .flex-item[data-v-31aa3173]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.container .rank-box-1 .flex-item.flex-item-0 span[data-v-31aa3173]{color:#fff;display:inline-block;width:.8rem;height:.8rem;border-radius:50%;font-size:.38rem;line-height:.8rem;overflow:hidden;background:rgba(48,54,20,.6)}.container .rank-box-1 .flex-item.flex-item-1 span[data-v-31aa3173],.container .rank-box-1 .flex-item.flex-item-2 span[data-v-31aa3173]{color:#fff;font-size:.42rem}.rank-box-1.rank-box-1-second .flex-item.flex-item-1 span[data-v-31aa3173]{color:#ffba00;font-size:.6rem;font-weight:700}.rank-box-1.rank-box-1-second .flex-item.flex-item-0 span[data-v-31aa3173],.rank-box-1.rank-box-1-second .flex-item.flex-item-2 span[data-v-31aa3173]{color:#ffba00;font-size:.5rem}