.red[data-v-0dde7848]{color:#fb466c}[data-v-0dde7848] .el-dialog .el-dialog__header{display:none}[data-v-0dde7848] .el-dialog .el-dialog__body{border-radius:16px}[data-v-0dde7848] .el-dialog .el-dialog__footer{display:none}.dialog-content[data-v-0dde7848]{overflow:hidden;position:relative;height:480px;width:100%}.dialog-content .swiper[data-v-0dde7848]{position:absolute;height:100%;width:200%;display:flex;transition:transform .3s ease-in-out}.dialog-content .swiper .swiper-item[data-v-0dde7848]{height:100%;width:50%;display:grid;grid-template:"header" -webkit-min-content "content" -webkit-max-content "hr" -webkit-min-content "tip" -webkit-min-content "btn" -webkit-min-content/1fr;grid-template:"header" min-content "content" max-content "hr" min-content "tip" min-content "btn" min-content/1fr;color:#333}.dialog-content .swiper .swiper-item.select-amount .header[data-v-0dde7848]{grid-area:header;display:grid;grid-template:". title close-btn" -webkit-min-content/24px 1fr 24px;grid-template:". title close-btn" min-content/24px 1fr 24px;place-items:center;margin-bottom:16px}.dialog-content .swiper .swiper-item.select-amount .header .title[data-v-0dde7848]{grid-area:title;font-size:28px;color:#a6a6a6}.dialog-content .swiper .swiper-item.select-amount .header .close-btn[data-v-0dde7848]{grid-area:close-btn;font-size:24px;color:#cacaca;cursor:pointer}.dialog-content .swiper .swiper-item.select-amount .content[data-v-0dde7848]{grid-area:content}.dialog-content .swiper .swiper-item.select-amount .content .remain-count[data-v-0dde7848]{font-size:20px;margin-bottom:35px}.dialog-content .swiper .swiper-item.select-amount .content .recharge-amount[data-v-0dde7848]{display:flex;flex-direction:column}.dialog-content .swiper .swiper-item.select-amount .content .recharge-amount .recharge-amount-title[data-v-0dde7848]{font-size:24px;margin-bottom:24px}.dialog-content .swiper .swiper-item.select-amount .content .recharge-amount .recharge-amount-select[data-v-0dde7848]{display:grid;grid-template-columns:repeat(3,1fr);row-gap:24px;place-items:center}.dialog-content .swiper .swiper-item.select-amount .content .recharge-amount .recharge-amount-select .recharge-amount-select-item[data-v-0dde7848]{width:173px;height:42px;background:#f7f7f7;border-radius:33px;display:flex;align-items:center;justify-content:center;line-height:42px;text-align:center;font-size:16px;cursor:pointer}.dialog-content .swiper .swiper-item.select-amount .content .recharge-amount .recharge-amount-select .recharge-amount-select-item.selected[data-v-0dde7848]{background:#eecad2;color:#fb466c;border:1px solid #fb466c}.dialog-content .swiper .swiper-item.scan-to-pay .header[data-v-0dde7848]{grid-area:header;display:grid;grid-template:"left title close-btn" -webkit-min-content/1fr 3fr 1fr;grid-template:"left title close-btn" min-content/1fr 3fr 1fr;place-items:center;margin-bottom:16px}.dialog-content .swiper .swiper-item.scan-to-pay .header .close-btn[data-v-0dde7848]{justify-self:end}.dialog-content .swiper .swiper-item.scan-to-pay .header .left[data-v-0dde7848]{grid-area:left;justify-self:start;display:flex;-moz-column-gap:8px;column-gap:8px;align-items:center;justify-content:center;text-align:center;cursor:pointer}.dialog-content .swiper .swiper-item.scan-to-pay .header .left .icon[data-v-0dde7848]{width:24px;height:24px}.dialog-content .swiper .swiper-item.scan-to-pay .header .left .text[data-v-0dde7848]{font-size:14px;line-height:14px;color:#d9d9d9}.dialog-content .swiper .swiper-item.scan-to-pay .header .title[data-v-0dde7848]{grid-area:title;font-size:28px;color:#a6a6a6}.dialog-content .swiper .swiper-item.scan-to-pay .header .close-btn[data-v-0dde7848]{grid-area:close-btn;font-size:24px;color:#cacaca;cursor:pointer}.dialog-content .swiper .swiper-item.scan-to-pay .qr-code[data-v-0dde7848]{width:190px;height:190px;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:hidden}.dialog-content .swiper .swiper-item.scan-to-pay .qr-code .qr-code-iframe[data-v-0dde7848]{transform:scale(1.26)}.dialog-content .swiper .swiper-item .hr[data-v-0dde7848]{grid-area:hr;width:100%;margin:24px 0 40px;background-color:#e6e6e6;height:1px;border:none}.dialog-content .swiper .swiper-item .due-amount[data-v-0dde7848]{grid-area:tip;justify-self:center;font-size:24px}.dialog-content .swiper .swiper-item .btn[data-v-0dde7848]{grid-area:btn;display:flex;justify-self:center;margin-top:48px;height:38px;background:#249aff;border-radius:2px}.container[data-v-968d605a]{width:100%;height:100%;background-color:#f1f4f7;display:grid;grid-template:"title" -webkit-min-content "tip" -webkit-min-content "count-panel" -webkit-min-content "record-panel" -webkit-min-content/1fr;grid-template:"title" min-content "tip" min-content "count-panel" min-content "record-panel" min-content/1fr;grid-gap:20px;place-items:center}.container .title[data-v-968d605a]{grid-area:title;padding:15px 20px 28px;width:100%;display:flex;font-size:20px;font-weight:700;color:#232323}.container .tip[data-v-968d605a],.container .title[data-v-968d605a]{background-color:#fff;box-shadow:2px 3px 10px 0 hsla(0,0%,46.7%,.1);align-items:center}.container .tip[data-v-968d605a]{grid-area:tip;padding:16px;border-radius:4px;width:calc(100% - 40px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:grid;grid-template:"icon right"/20px auto;-moz-column-gap:10px;column-gap:10px;font-size:16px;color:#333}.container .tip .icon[data-v-968d605a]{grid-area:icon;width:20px;height:20px}.container .tip .right[data-v-968d605a]{grid-area:right;width:100%;height:100%}.container .tip .right[data-v-968d605a] .el-carousel__container{height:100%}.container .tip .right .right-text[data-v-968d605a]{display:flex;align-items:center}.container .count-panel[data-v-968d605a]{grid-area:count-panel;padding:15px 20px 28px;background-color:#fff;border-radius:4px;box-shadow:2px 3px 10px 0 hsla(0,0%,46.7%,.1);width:calc(100% - 40px);display:grid;grid-auto-columns:1fr;grid-auto-flow:column;place-items:center;font-size:14px}.container .count-panel .count-panel-item[data-v-968d605a]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:8px}.container .count-panel .count-panel-item .count-panel-item-count[data-v-968d605a]{font-size:40px;color:#333}.container .count-panel .count-panel-item .count-panel-item-title[data-v-968d605a]{font-size:16px;color:#8d8d8d}.container .count-panel .count-panel-item.available .count-panel-item-count[data-v-968d605a]{color:#eb5757}.container .count-panel .count-panel-item[data-v-968d605a]:first-child,.container .count-panel .count-panel-item[data-v-968d605a]:nth-child(2){position:relative}.container .count-panel .count-panel-item[data-v-968d605a]:first-child:after,.container .count-panel .count-panel-item[data-v-968d605a]:nth-child(2):after{content:"";position:absolute;top:0;right:0;width:1px;height:89px;background-color:#eaeaea}.container .count-panel .count-panel-item-btn[data-v-968d605a]{justify-self:end}.container .record-panel[data-v-968d605a]{grid-area:record-panel;padding:20px;background-color:#fff;border-radius:4px;box-shadow:2px 3px 10px 0 hsla(0,0%,46.7%,.1);width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center}.container .record-panel .header[data-v-968d605a]{width:100%;display:flex;align-items:center;justify-content:space-between}.container .record-panel .table[data-v-968d605a]{width:100%}.container .record-panel .table[data-v-968d605a] .el-table__header{color:#232323}.container .record-panel .table[data-v-968d605a] .el-table__body .person .cell{display:flex;align-items:center;justify-content:center}.container .record-panel .table[data-v-968d605a] .el-table__body .person .cell .avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.container .record-panel .table[data-v-968d605a] .el-table__body .person .cell .name{margin-left:8px}.container .record-panel .table .empty .icon[data-v-968d605a]{margin-top:80px;width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.container .record-panel .pagination[data-v-968d605a]{align-self:end;margin-top:20px}