.c-white{color:#fff!important}.c-blue{color:#4278ff!important}.c-yellow{color:#fbbc00!important}.c-green{color:#00941e!important}.c-red{color:#e84e54!important}.c-grey{color:#cbd5ee!important}.c-deepgray{color:#2d3446!important}.c-lightgray{color:#ccd0d5!important}.status-success{color:#42c798}.status-doing{color:#f3be3c}.status-wait{color:#1aa0fe}.status-fail{color:#e7685d}.status-success-dot{background:#42c798}.status-doing-dot{background:#f3be3c}.status-wait-dot{background:#1aa0fe}.status-fail-dot{background:#e7685d}.status-default-dot{background:#d9d9d9}.status-success-bg{background:#e5f6f0}.status-doing-bg{background:#fff9ea}.status-wait-bg{background:#e6f5ff}.status-fail-bg{background:#ffefed}.cashier-page{height:calc(100% - 40px);background:#fff}.cashier-page .content .recharge h3{font-size:20px;font-weight:700;color:#2d3446;line-height:28px;margin:40px 0 25px}.cashier-page .content .recharge .recharge-img{margin:64px auto 0;width:110px;height:110px}.cashier-page .content .recharge .recharge-img img{width:100%}.cashier-page .content .recharge ul{display:inline-block}.cashier-page .content .recharge ul li{font-size:14px;color:#2d3446;line-height:35px}.cashier-page .content .recharge ul li:first-child{margin-left:0}.cashier-page .content .recharge ul li.amount{position:relative;top:-6px}.cashier-page .content .recharge ul li label{color:#677392}.cashier-page .content .recharge ul li em{font-size:24px;color:#00941e}.cashier-page .content .recharge .qr-code-box{-webkit-box-shadow:0 9px 28px 8px rgba(19,35,76,.05),0 6px 16px 1px rgba(19,35,76,.08),0 3px 6px -4px rgba(19,35,76,.12);box-shadow:0 9px 28px 8px rgba(19,35,76,.05),0 6px 16px 1px rgba(19,35,76,.08),0 3px 6px -4px rgba(19,35,76,.12);border-radius:12px;width:224px;height:286px;margin:50px auto}.cashier-page .content .recharge .qr-code-box .pay-type{border-bottom:1px solid #e1e8f9}.cashier-page .content .recharge .qr-code-box .pay-type img{height:56px}.cashier-page .content .recharge .qr-code-box .qr-code{width:160px;height:160px;margin:12px auto}.cashier-page .content .recharge .qr-code-box .scan-code{font-size:14px;color:#677392;line-height:22px}.cashier-page .content .recharge .qr-code-box .scan-code img{width:16px;margin-right:5px;position:relative;top:3px}.cashier-page .content .recharge .button-box{margin:50px auto}.cashier-page .content .recharge .tip{font-size:14px;color:#677392;line-height:22px}.cashier-page .content .recharge .tip img{width:18px;margin-right:5px;position:relative;top:4px}.cashier-page .content .result{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-80%);transform:translate(-50%,-80%)}.cashier-page .content .result h2{font-size:24px;font-weight:700;color:#2d3446;line-height:32px;margin-top:16px}.cashier-page .content .result p{margin-top:8px;font-size:14px;color:#9ca9cb;line-height:22px}.cashier-page .content .result .btns{margin-top:24px;gap:12px}.cashier-page .content .result .btns,.cashier-page .footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}