.header-out[data-v-2d4be688]{min-height:3.75rem;padding:1.875rem .875rem 0;display:flex;align-items:center}.header-out .header[data-v-2d4be688]{display:flex;align-items:center;width:100%;height:100%}.header-out .header-left[data-v-2d4be688],.header-out .header-right[data-v-2d4be688]{min-width:1.875rem;display:flex;align-items:center}.header-out .header-right[data-v-2d4be688]{justify-content:flex-end;padding-right:.125rem}.header-out .header-left[data-v-2d4be688]{margin-right:.625rem}.header-out .header-center[data-v-2d4be688]{flex:1;font-size:1.0625rem;font-weight:700;text-align:center;display:flex}.header-out .arrow-left[data-v-2d4be688]{width:1.375rem}.header-out .header-right .icon[data-v-2d4be688]{font-size:.875rem}@media screen and (min-width:767.5px){.header[data-v-2d4be688]{width:24.375rem;margin:0 auto;left:auto;background-color:#f7f7f7}}.main-page[data-v-501985a3]{background-color:#000;padding:1.875rem .875rem 1.25rem;width:100%;height:auto;min-height:100vh}.main-page .invite-heder[data-v-501985a3]{display:flex;align-items:center;height:2.5rem;justify-content:center;position:relative}.main-page .invite-heder .back[data-v-501985a3]{width:1.25rem;height:.9375rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}.main-page .invite-heder .name[data-v-501985a3]{font-size:1.375rem;color:#fff;font-weight:600}.main-page .main-content[data-v-501985a3]{display:flex;flex-direction:column}.main-page .main-content .top-bar[data-v-501985a3]{display:flex;flex-direction:column;margin-top:2.5rem}.main-page .main-content .top-bar .code-part[data-v-501985a3]{display:flex;justify-content:center;background-color:#fff;border-top-left-radius:1.5625rem;border-top-right-radius:1.5625rem;padding:2.5rem 0 1.875rem;position:relative;border-bottom:.0625rem dashed var(--main-color)}.main-page .main-content .top-bar .code-part .qr-code[data-v-501985a3]{width:8.75rem;height:8.75rem}.main-page .main-content .top-bar .msg-bar[data-v-501985a3]{padding:.875rem;display:flex;flex-direction:column;background-color:var(--main-color);position:relative;border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}.main-page .main-content .top-bar .msg-bar .item[data-v-501985a3]{display:flex;justify-content:space-between;align-items:center}.main-page .main-content .top-bar .msg-bar .item .left[data-v-501985a3]{display:flex;flex-direction:column}.main-page .main-content .top-bar .msg-bar .item .left .name[data-v-501985a3]{color:#fff}.main-page .main-content .top-bar .msg-bar .item .left .code[data-v-501985a3]{color:#fff;margin-top:.5rem;font-size:.75rem;max-width:12.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-page .main-content .top-bar .msg-bar .item .right[data-v-501985a3]{display:flex;align-items:center}.main-page .main-content .top-bar .msg-bar .item .right .copy[data-v-501985a3]{display:flex;align-items:center;justify-content:center;padding:.3125rem .9375rem;border-radius:1.875rem;background-color:#fff;color:var(--main-color);font-size:.75rem}.main-page .main-content .top-bar .msg-bar .item2[data-v-501985a3]{margin-top:.625rem;border-top:.0625rem dashed #ddd;padding-top:.625rem}.main-page .main-content .top-bar .msg-bar .bot[data-v-501985a3]{width:1.25rem;height:1.25rem;background:#000;border-radius:50%;position:absolute;top:-.5rem;left:-.625rem}.main-page .main-content .top-bar .msg-bar .bot2[data-v-501985a3]{right:-.625rem;top:-.375rem;width:1.25rem;height:1.25rem;background:#000;border-radius:50%;position:absolute}.main-page .main-content .top-bar .img-part[data-v-501985a3]{display:flex;align-items:center;justify-content:center;padding:.3125rem;background-color:#fff;position:absolute;top:-1.875rem;border-radius:50%}.main-page .main-content .top-bar .img-part .img[data-v-501985a3]{width:3.125rem;height:3.125rem;background-color:var(--main-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.main-page .main-content .top-bar .img-part .img .img-1[data-v-501985a3]{width:1.625rem;height:1.625rem}.main-page .main-content .main-content-box[data-v-501985a3]{padding:1.25rem .875rem;background-color:#fff;border-radius:1.25rem;margin-top:.9375rem}.main-page .main-content .main-content-box .mt[data-v-501985a3]{margin-top:1.25rem}.main-page .main-content .main-content-box .info-item[data-v-501985a3]{display:flex;align-items:center;justify-content:space-between}.main-page .main-content .main-btn[data-v-501985a3]{margin-top:.9375rem;background-color:#fff;color:var(--main-color)}