.step-box[data-v-0e946d1c]{display:-webkit-box;display:-ms-flexbox;display:flex}.step-box.right[data-v-0e946d1c]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.step-box .step-item[data-v-0e946d1c]{display:-webkit-box;display:-ms-flexbox;display:flex}.step-container.active .number[data-v-d52197e6]:before,.step-container.active .number span[data-v-d52197e6]{background:#4299e1}.step-container.active .title[data-v-d52197e6]{color:#4299e1}.step-container.on .number[data-v-d52197e6]:before,.step-container.on .number span[data-v-d52197e6]{background:#aacff2}.step-container.on .title[data-v-d52197e6]{color:#aacff2}.step-container .number[data-v-d52197e6]{width:160px;height:30px;position:relative}.step-container .number[data-v-d52197e6]:before{content:"";display:inline-block;width:100%;height:6px;background:#e6e6e6;border-radius:5px;position:absolute;top:50%;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.step-container .number span[data-v-d52197e6]{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:50%;background:#e6e6e6;color:#fff;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translateX(-12px) translateY(-12px);transform:translateX(-12px) translateY(-12px);font-family:Helvetica;font-size:16px}.step-container .title[data-v-d52197e6]{text-align:center;margin-top:10px;font-size:12px;color:#ccc}.body-bg[data-v-056659ff]{background:#fff}.body-bg .pay-container[data-v-056659ff]{margin:0 auto;width:990px;padding:30px 0}.body-bg .pay-container .step[data-v-056659ff]{margin-bottom:20px}.body-bg .pay-container .alert[data-v-056659ff]{background:#f3fded;padding:20px 20px 20px 45px;position:relative}.body-bg .pay-container .alert .checkmark[data-v-056659ff]{position:absolute;top:22px;left:22px;font-size:18px;color:#7abd54}.body-bg .pay-container .alert .tip[data-v-056659ff]{color:#7abd54;font:14px/150% Arial}.body-bg .pay-container .alert .time[data-v-056659ff]{margin-top:3px;color:#999}.body-bg .pay-container .alert .time span[data-v-056659ff]{color:#f60}.body-bg .pay-container .pay-box[data-v-056659ff]{margin-top:15px;height:500px;padding:20px;border:5px solid #eaeaea}.body-bg .pay-container .pay-box .title strong[data-v-056659ff]{font:20px microsoft yahei;color:#333;font-weight:700;margin-right:10px}.body-bg .pay-container .pay-box .title span[data-v-056659ff]:first-child{font-size:12px}.body-bg .pay-container .pay-box .title span[data-v-056659ff]:last-child{margin-left:10px;color:#f54343;font:20px microsoft yahei}.body-bg .pay-container .pay-box .pay-code[data-v-056659ff]{width:600px;margin:30px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex}.body-bg .pay-container .pay-box .pay-code--left[data-v-056659ff]{width:300px}.body-bg .pay-container .pay-box .pay-code--left img[data-v-056659ff]{width:100%}.body-bg .pay-container .pay-box .pay-code--right[data-v-056659ff]{width:300px;text-align:center}.body-bg .pay-container .pay-box .pay-code--right .title[data-v-056659ff]{font-size:16px;color:#333;font-family:microsoft yahei}.body-bg .pay-container .pay-box .pay-code--right .tip[data-v-056659ff]{margin-top:10px}.body-bg .pay-container .pay-box .pay-code--right .img[data-v-056659ff]{margin:0 auto;margin-top:10px;width:130px;height:130px}.body-bg .pay-container .pay-box .pay-code--right .img img[data-v-056659ff]{width:100%}.mask[data-v-056659ff]{position:fixed;top:0;background:rgba(0,0,0,.5);left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mask .content[data-v-056659ff]{width:300px;height:150px;background:#fff;padding:30px;border-radius:8px}.mask .content .title[data-v-056659ff]{text-align:center}.mask .content .title img[data-v-056659ff]{width:24px;height:24px;display:inline-block;position:relative;top:6px}.mask .content .title .success[data-v-056659ff]{font-size:18px;margin-left:5px}.mask .content .time[data-v-056659ff]{margin-top:25px;text-align:center;font-size:14px}.mask .content .time .second[data-v-056659ff]{color:#fc1818}