.qr-code[data-v-243b324c]{overflow-y:auto;position:relative;min-height:724px;height:100vh;background:linear-gradient(180deg,#ff8514,#fceeda)}.qr-code .code-wrap[data-v-243b324c]{position:absolute;top:0;left:0;width:100%;padding-top:15.6rem}.qr-code .code-wrap .front[data-v-243b324c]{position:relative;z-index:2}.qr-code .code-wrap .front .bottom[data-v-243b324c],.qr-code .code-wrap .front .top[data-v-243b324c]{margin:0 auto;width:272px;background-color:#fff;border-radius:16px}.qr-code .code-wrap .front .top[data-v-243b324c]{display:flex;flex-direction:column;align-items:center;padding:15px 0 15px 0}.qr-code .code-wrap .front .top .title[data-v-243b324c]{font-weight:600;font-size:20px;line-height:28px;color:#202839;padding-bottom:4px}.qr-code .code-wrap .front .top .describe[data-v-243b324c]{font-weight:400;font-size:13px;line-height:18px;color:#7e89a3;padding-bottom:15px}.qr-code .code-wrap .front .top .pic-box[data-v-243b324c]{width:146px;height:146px}.qr-code .code-wrap .front .top .pic-box img[data-v-243b324c]{width:100%}.qr-code .code-wrap .front .top .tip-text[data-v-243b324c]{padding-top:5px;font-weight:400;font-size:12px;line-height:17px;color:#7e89a3}.qr-code .code-wrap .front .bottom[data-v-243b324c]{margin-top:14px;padding:13px 0;font-weight:400;font-size:12px;line-height:17px;text-align:center}.qr-code .code-wrap .front .bottom .title[data-v-243b324c]{color:#7e89a3;padding-bottom:4px}.qr-code .code-wrap .front .bottom .content[data-v-243b324c]{color:#202839}.qr-code .code-wrap .behind[data-v-243b324c]{position:relative;top:-200px;left:0;right:0;margin:0 auto;width:142px;height:142px;border:4px solid #000;z-index:1}.qr-code .bg-box[data-v-243b324c]{position:relative;height:100%;min-height:724px}.qr-code .bg-box img[data-v-243b324c]{width:100%}.qr-code .bg-box .bg-top[data-v-243b324c]{position:absolute;top:0}.qr-code .bg-bottom[data-v-243b324c]{position:absolute;bottom:0;width:100%}