.barCode[data-v-68dbed5d]{background:#1b89f9;min-height:100vh}.barCode .content .box[data-v-68dbed5d]{overflow:hidden;margin:40px 20px}.barCode .content .box .title[data-v-68dbed5d]{background-color:#f1f1f1;border-radius:10px 10px 0 0;padding:20px 10px;border:1px solid #eee;font-size:14px;font-weight:500;text-align:center}.barCode .content .box .val[data-v-68dbed5d]{border-radius:0 0 10px 10px;border:1px solid #eee;border-top:0;position:relative;background:#fff}.barCode .content .box .val .amount[data-v-68dbed5d]{text-align:center;font-size:30px;font-weight:700;padding-top:30px}.barCode .content .box .val .text[data-v-68dbed5d]{color:#61afe6;text-align:center;font-size:12px}.barCode .content .box .val .referenceNo[data-v-68dbed5d]{margin:10px 20px;border-radius:5px;background:#f1eff6;padding:5px;text-align:center;font-size:25px;font-weight:700}.barCode .content .box .val .vue-barcode[data-v-68dbed5d]{text-align:center}.barCode .content .box .val .vue-barcode[data-v-68dbed5d] .vue-barcode-element{width:100%}.barCode .content .box .val .tips[data-v-68dbed5d]{font-size:12px;padding:20px 5px 0 5px;font-weight:400;color:#848484;text-align:center}.barCode .content .box .val .refresh[data-v-68dbed5d]{color:#a71d5d;text-align:center;margin-bottom:10px}.barCode .content .box .val[data-v-68dbed5d]:before{left:-10px}.barCode .content .box .val[data-v-68dbed5d]:after,.barCode .content .box .val[data-v-68dbed5d]:before{content:"";position:absolute;top:-10px;width:20px;height:20px;border-radius:20px;background-color:#1b89f9;border:1px solid #eee}.barCode .content .box .val[data-v-68dbed5d]:after{right:-10px}.barCode .content .bottom[data-v-68dbed5d]{padding:20px 20px}