.packet-page[data-v-567f41ac]{background-color:#e95845;position:relative}.packet-page[data-v-567f41ac]:before{position:absolute;z-index:2;content:"";width:100vw;height:70vw;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:0;background-color:hsla(0,0%,100%,.2)}.packet-page .inner[data-v-567f41ac]{position:relative;z-index:3;min-height:calc(100vh - 32px);padding-top:calc(30vw - 55px);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.packet-page .inner>[data-v-567f41ac]{width:100%}.packet-page .inner>.avatar[data-v-567f41ac]{width:70px;height:70px;border-radius:50%;border:4px solid #efd6ad;margin:26px auto 0 auto;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16);background-color:#f8f8f8}.packet-page .inner>.avatar img[data-v-567f41ac]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.packet-page .inner>.packet-title[data-v-567f41ac]{margin-top:30px;text-align:center;font-size:22px;line-height:1.6;color:#efd6ad}.packet-page .inner>.remain[data-v-567f41ac]{margin-top:6px;opacity:.6;text-align:center;color:#efd6ad;font-size:12px}.packet-page .inner>.btns[data-v-567f41ac]{margin-top:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:60px}.packet-page .inner>.btns button[data-v-567f41ac]{width:auto;padding:0 10px;height:34px;line-height:34px;margin:0 12px;font-size:15px;color:#efd6ad}.packet-page .inner>.btns button[data-v-567f41ac]:after{border-color:#efd6ad}.packet-page .inner>.btns button i[data-v-567f41ac]{margin-right:2px}.packet-page .inner>.instruction-for-use[data-v-567f41ac]{margin-top:auto}.packet-page .inner>.instruction-for-use>.title[data-v-567f41ac]{text-align:center}.packet-page .inner>.instruction-for-use>.title>span[data-v-567f41ac]{display:inline-block;background-color:hsla(0,0%,100%,.2)}.packet-page .inner>.instruction-for-use>.title>span.text[data-v-567f41ac]{padding:4px 8px;padding-top:5px;border-radius:2px;font-size:12px;color:#efd6ad;margin:0 12px}.packet-page .inner>.instruction-for-use>.title>span.shape[data-v-567f41ac]{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:0 12px;vertical-align:middle}.packet-page .inner>.instruction-for-use>.title>span.big[data-v-567f41ac]{width:8px;height:8px}.packet-page .inner>.instruction-for-use>.title>span.small[data-v-567f41ac]{width:6px;height:6px}.packet-page .inner>.instruction-for-use>.content ul li[data-v-567f41ac]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:16px 0}.packet-page .inner>.instruction-for-use>.content ul li[data-v-567f41ac]:nth-child(2){padding:0;border-bottom:1px dashed #efd6ad;opacity:.5;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.packet-page .inner>.instruction-for-use>.content ul li>span[data-v-567f41ac]:first-child{display:inline-block;border-radius:50%;font-size:10px;font-weight:700;margin-right:16px;width:20px;height:20px;text-align:center;line-height:20px;background-color:#efd6ad;color:#6a6a6a}.packet-page .inner>.instruction-for-use>.content ul li>.text[data-v-567f41ac]{color:#efd6ad}.packet-page .inner>.instruction-for-use>.content ul li>.text p[data-v-567f41ac]:first-child{font-size:15px}.packet-page .inner>.instruction-for-use>.content ul li>.text p[data-v-567f41ac]:last-child{margin-top:10px;font-size:12px;opacity:.6}.packet-page .inner>.instruction-for-use>.content ul li>[data-v-567f41ac]:last-child{margin-left:auto}.packet-page .inner>.instruction-for-use>.content ul li .qrcode[data-v-567f41ac]{width:70px;height:70px;background-color:#fff;border:3px solid #efd6ad;border-radius:2px}.packet-page .inner>.instruction-for-use>.content ul li .qrcode img[data-v-567f41ac]{width:100%;height:100%}.packet-page .inner>.instruction-for-use>.content ul li .copy-btn[data-v-567f41ac]{color:#efd6ad;text-decoration:underline}.packet-page .inner>.status[data-v-567f41ac]{margin-bottom:20px;margin-top:auto;text-align:center;color:#efd6ad}.packet-page .inner>.status .continue-pay[data-v-567f41ac]{margin-top:10px}.packet-page .inner>.status .continue-pay button[data-v-567f41ac]{display:inline-block;width:50%;padding:0 30px}