canvas[data-v-613a5d4e]{position:absolute;top:0;left:0;width:720px;height:1280px;z-index:10000;display:none}.page[data-v-613a5d4e]{width:100vw;height:100vh;background-color:#ff5636;padding:0 20px 80px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background-image:url(../img/bg.c1fb989f.png);background-size:cover;overflow-y:auto}.page .top .reply[data-v-613a5d4e]{padding-top:16px}.page .top .reply .content[data-v-613a5d4e]{padding:16px 20px;border-radius:16px;background-color:#fdfde5}.page .top .reply .content .title[data-v-613a5d4e]{display:flex;justify-content:space-between}.page .top .reply .content .title .tip[data-v-613a5d4e]{color:#8b4513;font-size:15px;position:relative}.page .top .reply .content .title .tip[data-v-613a5d4e]:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:7px;background-color:rgba(185,126,18,.1607843137254902)}.page .top .tips[data-v-613a5d4e]{padding:20px 0}.page .top .tips .tip[data-v-613a5d4e]{display:flex;justify-content:center;margin-bottom:4px}.page .top .tips .tip .text[data-v-613a5d4e]{position:relative;color:#fff;z-index:0}.page .top .tips .tip .text[data-v-613a5d4e]:before{position:absolute;content:"";bottom:0;z-index:-1;left:5%;height:10px;width:90%;border-radius:100px;background-color:hsla(0,0%,100%,.15)}.page .top .tips .tip .long-text[data-v-613a5d4e]:before{left:-5%;width:110%}.page .top .code-image[data-v-613a5d4e]{width:100%;background-color:#ffdead;border-radius:10px;box-shadow:inset 0 4px 6px 0 rgba(0,0,0,.10980392156862745);border:2px solid #fff;padding:10px}.page .top .code-image .code-border[data-v-613a5d4e]{width:100%;padding:16px;background-color:#fff;border-radius:12px}.page .top .code-image .code-border #code-template[data-v-613a5d4e]{position:relative}.page .top .code-image .code-border #code-template .bg[data-v-613a5d4e]{width:100%}.page .top .code-image .code-border #code-template .user-info[data-v-613a5d4e]{position:absolute;top:10px;left:10px;display:flex;align-items:center}.page .top .code-image .code-border #code-template .user-info .avatar[data-v-613a5d4e]{margin-right:10px;width:36px;height:36px;border-radius:50%}.page .top .code-image .code-border #code-template .user-info .name[data-v-613a5d4e]{font-size:14px}.page .top .code-image .code-border #code-template .qrcode[data-v-613a5d4e]{width:50px;height:50px;position:absolute;bottom:0;right:0}.page .top .code-image .code-border #code-template-simple[data-v-613a5d4e]{border:1px solid grey;padding:20px}.page .top .code-image .code-border #code-template-simple .info[data-v-613a5d4e]{display:flex;align-items:center;margin-bottom:16px}.page .top .code-image .code-border #code-template-simple .info .left[data-v-613a5d4e]{margin-right:10px}.page .top .code-image .code-border #code-template-simple .info .left .logo[data-v-613a5d4e]{width:34px;height:34px}.page .top .code-image .code-border #code-template-simple .info .right .title[data-v-613a5d4e]{font-size:14px;color:#000}.page .top .code-image .code-border #code-template-simple .info .right .name[data-v-613a5d4e]{font-size:12px}.page .top .code-image .code-border #code-template-simple .code[data-v-613a5d4e]{width:84%;display:flex;justify-content:center;align-items:center;position:relative;margin:0 auto 20px}.page .top .code-image .code-border #code-template-simple .code .qrcode[data-v-613a5d4e]{width:100%;height:100%}.page .top .code-image .code-border #code-template-simple .code .logo[data-v-613a5d4e]{border:1px solid #fff;position:absolute;width:24%;height:24%}.page .top .code-image .code-border #code-template-simple .tip[data-v-613a5d4e]{text-align:center}.page .bottom-box[data-v-613a5d4e]{width:100vw;position:fixed;bottom:0;left:0;padding:10px 0 15px;box-shadow:0 -2px 6px 0 rgba(0,0,0,.19);background-color:#ff5636;display:flex;justify-content:center}.page .bottom-box .long-btn[data-v-613a5d4e]{width:90%;height:42px;display:flex;justify-content:center;align-items:center;color:#ff8c00;font-size:16px;border:2px solid #ffd6a1;border-radius:100px;background-color:#ffecdb}.user_img[data-v-613a5d4e]{width:35px;height:35px;border-radius:5px}.page[data-v-4c4df55c]{width:100vw;height:100vh;background-color:#ff5636;padding:16px;position:relative;background-image:url(../img/bg.c1fb989f.png);background-size:cover;display:flex;flex-direction:column}.page .info[data-v-4c4df55c]{background-color:#ffefdf;border-radius:10px;padding:20px;margin-bottom:20px}.page .info .tips[data-v-4c4df55c]{display:flex;align-items:center;flex-direction:column;margin-bottom:10px}.page .info .tips .tip[data-v-4c4df55c]{color:#8b4513}.page .info .tips .num[data-v-4c4df55c]{padding:0 6px;color:#ff5636;font-weight:700}.page .info .total[data-v-4c4df55c]{display:flex;align-items:center;margin-bottom:20px}.page .info .total .icon[data-v-4c4df55c]{width:4px;height:14px;border-radius:3px;background-color:#ff8c00;margin-right:6px}.page .info .total .num[data-v-4c4df55c]{padding:0 6px;color:#ff5636}.page .info .gift[data-v-4c4df55c]{display:flex;overflow:auto;margin-bottom:8px}.page .info .gift .item[data-v-4c4df55c]{min-width:86px;display:flex;flex-direction:column;align-items:center;flex-grow:1}.page .info .gift .item .top[data-v-4c4df55c]{width:70px;height:70px;background-color:orange;border-radius:10px;margin-bottom:8px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.page .info .gift .item .top .icon[data-v-4c4df55c]{width:50%;height:50%}.page .info .gift .item .top .received[data-v-4c4df55c]{width:100%;text-align:center;position:absolute;background-color:#ffc271;color:#8b4513;font-size:12px;bottom:0}.page .info .gift .item .top-received[data-v-4c4df55c]{background-color:#ffd6a1}.page .info .gift .item .top-received .icon[data-v-4c4df55c]{opacity:.5}.page .info .gift .item .bottom[data-v-4c4df55c]{width:100%;position:relative}.page .info .gift .item .bottom .lines[data-v-4c4df55c]{display:flex;align-items:center}.page .info .gift .item .bottom .lines .line[data-v-4c4df55c]{width:50%;height:4px;background-color:#ffe1c4}.page .info .gift .item .bottom .lines .light[data-v-4c4df55c]{background-color:orange}.page .info .gift .item .bottom .round[data-v-4c4df55c]{position:absolute;top:-4px;left:calc(50% - 6px);width:12px;height:12px;background-color:#ffd6a1;border-radius:12px}.page .info .gift .item .bottom .light[data-v-4c4df55c]{background-color:orange}.page .info .gift .item .level[data-v-4c4df55c]{font-size:12px;margin-top:2px;text-align:center;color:#ffaf45}.page .info .countdown[data-v-4c4df55c]{display:flex;justify-content:center;align-items:center;font-size:13px;color:grey}.page .info .countdown .time[data-v-4c4df55c]{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin:0 5px;background-color:#ffe4bd;color:#ff8c00;font-size:12px;font-weight:700}.page .list[data-v-4c4df55c]{background-color:#ffefdf;border-radius:10px;padding:30px 30px 1px;position:relative;flex-grow:1;display:flex;flex-direction:column}.page .list .title[data-v-4c4df55c]{width:100%;top:-4px;left:0;position:absolute;display:flex;justify-content:center}.page .list .title .text[data-v-4c4df55c]{padding:3px 8px;color:#fff;border-radius:0 0 6px 6px;background-color:#ffaf45}.page .list .content[data-v-4c4df55c]{height:0;flex-grow:1;overflow-y:auto}.page .list .content .row[data-v-4c4df55c]{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center}.page .list .content .row .left[data-v-4c4df55c]{margin-right:14px}.page .list .content .row .left .avatar[data-v-4c4df55c]{width:44px;height:44px;border-radius:50%;border:2px solid #ffaf45}.page .list .content .row .right[data-v-4c4df55c]{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.page .list .content .row .right .user-info .name[data-v-4c4df55c]{color:#8b4513;font-size:16px;font-weight:700}.page .list .content .row .right .tips .tip[data-v-4c4df55c],.page .list .content .row .right .user-info .time[data-v-4c4df55c]{color:#bd6e3a;font-size:12px}.page .mask[data-v-4c4df55c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.64);display:flex;justify-content:center;align-items:center}.page .mask .content[data-v-4c4df55c]{width:84%;padding:20px 0 30px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center}.page .mask .content .title[data-v-4c4df55c]{font-size:16px;color:#000}.page .mask .content .gift-image[data-v-4c4df55c]{width:70%}.page .mask .content .tip[data-v-4c4df55c]{margin-top:-15%;margin-bottom:10px}.page .mask .content .get-gift[data-v-4c4df55c]{background-color:#ff5636;width:50%;height:32px;display:flex;color:#fff;border-radius:32px;justify-content:center;align-items:center}.page .code-mask[data-v-4c4df55c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.64);display:flex;justify-content:center;align-items:center}.page .code-mask .content[data-v-4c4df55c]{width:84%;padding:20px 0 30px;background-color:#fff;display:flex;border-radius:6px;flex-direction:column;align-items:center}.page .code-mask .content .title[data-v-4c4df55c]{color:#000;margin-bottom:10px;font-size:16px}.page .code-mask .content .tip[data-v-4c4df55c]{color:#8b4513;font-size:13px}.page .code-mask .content .code-image[data-v-4c4df55c]{width:70%;margin-bottom:20px}.page .code-mask .content .bottom-tip[data-v-4c4df55c]{font-size:15px}.page .fail-mask[data-v-4c4df55c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.64);display:flex;justify-content:center;align-items:center}.page .fail-mask .content[data-v-4c4df55c]{width:84%;padding:20px 0 30px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center}.page .fail-mask .content .title[data-v-4c4df55c]{font-size:17px;color:#000;margin-bottom:20px}.page .fail-mask .content .fail-image[data-v-4c4df55c]{width:34%;margin-bottom:12px}.page .fail-mask .content .tip[data-v-4c4df55c]{margin-bottom:20px}.page .fail-mask .content .fail-btn[data-v-4c4df55c]{background-color:#ff5636;width:70%;height:40px;font-size:15px;display:flex;color:#fff;border-radius:32px;justify-content:center;align-items:center}