.bg[data-v-5c8c7b65]{width:100%;height:100vh}.codeBox[data-v-5c8c7b65]{background:#fff;display:flex;align-items:center;border-radius:50%;padding:.12rem}.canvasA[data-v-5c8c7b65]{height:11.6rem;position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.tagContent[data-v-5c8c7b65]{text-align:left}.contentBox[data-v-5c8c7b65]{position:absolute;top:.6rem;display:flex;align-items:center}.topContent[data-v-5c8c7b65]{display:flex;align-items:center;justify-content:center;font-size:.32rem;color:#fff}.topContent .cardItem[data-v-5c8c7b65]{display:flex;align-items:center;background:hsla(0,0%,100%,.16);width:3.32rem;height:1.74rem;border-radius:.32rem;overflow:hidden}.topContent .cardItem .number[data-v-5c8c7b65]{font-weight:700;font-size:.48rem;margin-bottom:.08rem;font-family:DINPRO}.topContent .cardItem .tag[data-v-5c8c7b65]{margin-left:.32rem;background:#1987fa;font-weight:600;width:.6rem;height:.6rem;line-height:.6rem;border-radius:.6rem;margin-right:.24rem}.logoBox[data-v-5c8c7b65]{position:absolute;top:1rem;font-size:.28rem;color:#fff}.logoBox img[data-v-5c8c7b65]{width:4.7rem;vertical-align:top;margin-bottom:.08rem}.saveIcon[data-v-5c8c7b65]{position:absolute;top:.74rem;right:0;width:.48rem;height:1.52rem}.popoupContent .xiaoliu[data-v-5c8c7b65]{margin-top:.12rem;width:1.76rem;height:2rem}.popoupContent .arrow[data-v-5c8c7b65]{width:.28rem;margin-right:.76rem}.popoupContent .shareTxt[data-v-5c8c7b65]{background:#fff;padding:.12rem .4rem;border-radius:.46rem;color:#222}.popoupContent .popupRight[data-v-5c8c7b65]{padding-top:.1rem;text-align:right}.popoupContent .popoupMain[data-v-5c8c7b65]{display:flex;flex-direction:row;justify-content:space-around;font-size:.32rem;padding:0 .36rem}.canvasArea[data-v-5c8c7b65]{position:relative;width:100%;height:100vh}.code[data-v-5c8c7b65]{width:1.6rem;height:1.6rem}.bottomArea[data-v-5c8c7b65]{margin-top:.32rem;width:100%;display:flex;justify-content:space-between}.bottomArea p[data-v-5c8c7b65]{text-align:left;font-size:.32rem;color:#fff}.hideImg[data-v-5c8c7b65]{position:absolute;top:0;left:0;width:100%;opacity:0;z-index:-1}.v-touch[data-v-5c8c7b65]{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center}.coloring[data-v-5c8c7b65]{color:#f8b200}.textContent[data-v-5c8c7b65]{position:absolute;top:2rem;left:.8rem;right:.8rem;height:100%;display:flex;flex-direction:column;color:#222;text-align:left}.textContent .desc[data-v-5c8c7b65]{font-size:.32rem;margin-top:.4rem;font-weight:500;line-height:.6rem}.textContent .title[data-v-5c8c7b65]{font-size:.8rem;text-align:center;font-weight:500;margin-top:.32rem}.textContent .main[data-v-5c8c7b65]{margin-top:.26rem;color:grey;font-size:.28rem;line-height:.44rem}.content[data-v-5c8c7b65]{position:absolute}.hello[data-v-5c8c7b65]{width:5.3rem}.hello[data-v-5c8c7b65],.year[data-v-5c8c7b65]{animation:flipInX-5c8c7b65 1s linear .5s;animation-fill-mode:both}.year[data-v-5c8c7b65]{width:5.42rem;animation-delay:1.5s}.bodyContent[data-v-5c8c7b65]{position:absolute;top:3rem;left:.32rem;right:.32rem;z-index:1}.bodyContent img[data-v-5c8c7b65]{wdith:100%!important}.tipsBottom[data-v-5c8c7b65]{position:fixed;display:flex;flex-direction:column;bottom:.8rem;font-size:.36rem;color:#fff;align-items:center;text-align:center}.tipsBottom img[data-v-5c8c7b65]{width:.6rem}.bill[data-v-5c8c7b65]{font-size:.32rem;color:#222;width:3.14rem;height:.8rem;border-radius:.8rem;border:none}.bill[data-v-5c8c7b65]:after{display:none}.share[data-v-5c8c7b65]{font-size:.32rem;color:#222;width:3.14rem;height:.8rem;border-radius:.8rem;border:none;background:#feda01}.share[data-v-5c8c7b65]:after{display:none}.buttonContent[data-v-5c8c7b65]{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:99;flex-direction:column;justify-content:center;align-items:center;width:100%;background:hsla(0,0%,100%,.8);padding:.32rem;padding-bottom:calc(.48rem + constant(safe-area-inset-bottom));padding-bottom:calc(.48rem + env(safe-area-inset-bottom));border-top-left-radius:.32rem;border-top-right-radius:.32rem}.buttonContent .title[data-v-5c8c7b65]{font-size:.32rem;font-weight:500;color:#222;width:100%;text-align:left;margin-bottom:.32rem}.buttonContent .goPayButton[data-v-5c8c7b65]{margin-top:.48rem;background:linear-gradient(90deg,#ff3030,#ff733f);border-radius:1.76rem;width:6.86rem;height:.96rem;line-height:.96rem;color:#fff;font-weight:500;font-size:.32rem}.animateContent[data-v-5c8c7b65]{display:flex;flex-direction:column;animation:rightan-5c8c7b65 1s linear infinite;animation-fill-mode:both}.text[data-v-5c8c7b65]{text-shadow:0 .01rem .05rem rgba(0,0,0,.64)}@keyframes rightan-5c8c7b65{0%{height:.54rem;opacity:0}to{height:.74rem;opacity:1}}@keyframes flipInX-5c8c7b65{0%{transform:perspective(4rem) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(4rem) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(4rem) rotateX(10deg);opacity:1}80%{transform:perspective(4rem) rotateX(-5deg)}to{transform:perspective(4rem)}}