@foxit/pay-layer/dist/npm_pay_layer.css

``` npm i @foxit/pay-layer -S ```

.paymentBox .paymentMask[data-v-8c08a8ee]{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.4);z-index:9999;top:0;left:0}.paymentBox .payment[data-v-8c08a8ee]{width:800px;height:620px;border-radius:4px;position:fixed;background:#fff;z-index:99999;top:50%;left:50%;margin-top:-310px;margin-left:-400px}.paymentBox .payment .paymentClose[data-v-8c08a8ee]{position:absolute;top:20px;right:20px;cursor:pointer}.paymentBox .payment .payment1[data-v-8c08a8ee]{width:100%;height:100%;border-radius:4px}.paymentBox .payment .payment1 .paymentLeft[data-v-8c08a8ee]{width:180px;height:620px;background:linear-gradient(#eef5ff,#bdd5fd);border-radius:4px 0 0 4px;color:#666;font-size:12px}.paymentBox .payment .payment1 .paymentLeft img[data-v-8c08a8ee]{width:88px;height:58px;margin:40px auto}.paymentBox .payment .payment1 .paymentLeft p[data-v-8c08a8ee]{margin:30px 0 20px 20px;font-weight:700}.paymentBox .payment .payment1 .paymentLeft h1[data-v-8c08a8ee]{margin:0 31px 0 28px;position:relative}.paymentBox .payment .payment1 .paymentLeft h1+h1[data-v-8c08a8ee]{margin-top:20px}.paymentBox .payment .payment1 .paymentLeft h1[data-v-8c08a8ee]:before{content:"·";color:#bbb;font-size:18px;line-height:18px;position:absolute;left:-8px}.paymentBox .payment .payment1 .paymentRight[data-v-8c08a8ee]{width:620px;height:620px}.paymentBox .payment .payment1 .paymentRight .paymentTop[data-v-8c08a8ee]{width:540px;height:60px;padding:40px;border-radius:0 4px 0 0;background:#fafcff}.paymentBox .payment .payment1 .paymentRight .paymentTop img[data-v-8c08a8ee]{width:60px;height:60px;border-radius:50%;margin-right:20px}.paymentBox .payment .payment1 .paymentRight .paymentTop div[data-v-8c08a8ee]{justify-content:space-around;flex:1;width:0}.paymentBox .payment .payment1 .paymentRight .paymentTop div p[data-v-8c08a8ee]{color:#424242;font-size:14px}.paymentBox .payment .payment1 .paymentRight .paymenBottom1[data-v-8c08a8ee]{width:540px;height:420px;padding:30px 40px;justify-content:space-between}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 p[data-v-8c08a8ee]{margin-bottom:20px;color:#999;font-size:14px}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .payWay .way_wx[data-v-8c08a8ee],.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .payWay .way_zfb[data-v-8c08a8ee]{width:158px;height:58px;border-radius:4px;margin-right:20px;margin-bottom:40px;justify-content:center;align-items:center;cursor:pointer}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .payWay .way_wx img[data-v-8c08a8ee],.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .payWay .way_zfb img[data-v-8c08a8ee]{width:127px;height:42px}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .payWay .wayStyle1[data-v-8c08a8ee]{border:1px solid #e8e8e8;background:transparent}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .payWay .wayStyle2[data-v-8c08a8ee]{border:1px solid #5793f8;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAYFBMVEUAAAACXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfQCXfT4+//1+f9imvhGifduo/lTkfhPj/fp8f7X5v3J3f2ryftlnfhMjfcE0BmuAAAAEnRSTlMA7t3NBQOtnpiNh7Ooo5OCwnJpvQ4NAAAAd0lEQVQoz33JRw6DQBBFQQdwjg9scL7/LU1rYNTS6Hdta6adg0LWDoJClrwtJihEqTshzkrehiwoilJXr/GCIihcHclu73xFtb2/+oB5dVZNj7sqFfe249s8cFetYMrPVOTK+fwxclUIiqH2CFbyrpdlskjmid0fkPEZKbYdfVsAAAAASUVORK5CYII=);background-position:100% 100%;background-repeat:no-repeat}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 h3[data-v-8c08a8ee]{color:#025df4;font-size:24px}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 h3 span[data-v-8c08a8ee]{font-size:40px;font-weight:700}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .handPay[data-v-8c08a8ee]{align-items:center;color:#333}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .handPay .payButton[data-v-8c08a8ee]{font-size:14px;line-height:40px;text-align:center;width:100px;height:40px;border-radius:4px;margin-right:20px}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .handPay .payButton1[data-v-8c08a8ee]{color:#fff;cursor:pointer;background:#025df4}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .handPay .payButton2[data-v-8c08a8ee]{color:#333;cursor:not-allowed;background:#999}.paymentBox .payment .payment1 .paymentRight .paymenBottom1 .handPay a[data-v-8c08a8ee]{color:#1379f6}.paymentBox .payment .payment1 .paymentRight .paymentBottom2[data-v-8c08a8ee]{width:540px;height:420px;padding:30px 40px;align-items:center}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payTop[data-v-8c08a8ee]{align-items:center;margin-bottom:26px}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payTop img[data-v-8c08a8ee]{width:111px;height:31px}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payTop .payTopVertical[data-v-8c08a8ee]{margin:auto 23px;width:1px;height:17px;background:#f2f2f2}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payTop span[data-v-8c08a8ee]{color:#025df4;font-size:24px}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payCode[data-v-8c08a8ee]{margin-bottom:20px}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payCode img[data-v-8c08a8ee]{width:200px;height:200px}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 p[data-v-8c08a8ee]{font-size:14px;color:#424242;margin-bottom:20px}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payUnfinished[data-v-8c08a8ee]{margin-bottom:20px;text-align:center}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payUnfinished h1[data-v-8c08a8ee]{font-size:16px;font-weight:700;color:#f11010;margin:10px 0}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payUnfinished h2[data-v-8c08a8ee]{font-size:12px;color:#666}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payReturn .paidSucceed[data-v-8c08a8ee],.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payReturn .payAgain[data-v-8c08a8ee]{margin:0 5px;text-align:center;border-radius:4px;font-size:14px;cursor:pointer}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payReturn .payAgain[data-v-8c08a8ee]{width:154px;height:38px;line-height:38px;background:#fff;color:#666;border:1px solid #e0e0e0}.paymentBox .payment .payment1 .paymentRight .paymentBottom2 .payReturn .paidSucceed[data-v-8c08a8ee]{width:100px;height:40px;line-height:40px;background:#025df4;color:#fff}.paymentBox .payment .payment2[data-v-8c08a8ee]{width:100%;height:100%;border-radius:4px;background:red}label[data-v-8c08a8ee]{font-size:medium}input[data-v-8c08a8ee]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;margin-right:5px}