.qrPay{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:80px 20px}.qrPay__hint{color:var(--text-color);font:700 28px/28px var(--f1);white-space:pre-wrap;text-align:center}.qrPay__qr{margin:30px 0 0 0;position:relative;height:265px}.qrPay__spinner{position:absolute;top:-2px;right:0;bottom:-2px;left:0;display:flex;justify-content:center;align-items:center;background:#fff}.html--dark .qrPay__spinner{background:var(--html-bg)}.qrPay__img{display:block;width:265px;height:265px;margin:0 auto;object-fit:contain;overflow:hidden;border-radius:24px;box-shadow:0 0 56.42px 0 #F4EEE7}.qrPay__code{text-align:center;color:var(--text-color);font:500 17px/130% var(--f1);margin:20px 0 0 0;letter-spacing:8%;height:22px}.qrPay__timer{text-align:center;font:400 18px/normal var(--f1);margin:15px 0 0;color:var(--text-color)}.qrPay__time{color:#e95a36}.qrPay .pCard__wrap{margin:0 0 30px 0;width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}