.container[data-v-085b3a04]{position:relative;width:300px;height:300px;text-align:center}.container-code[data-v-085b3a04]{position:absolute;margin:auto;right:0;top:0;left:0;bottom:0;height:160px}.online-pay-code[data-v-a972501a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:10px 0 4px}.online-pay-code .sg-qrcode[data-v-a972501a]{position:relative;padding:14px;line-height:0;background-color:#fff;border-radius:14px;box-shadow:0 0 0 1px rgba(76,128,246,.08),0 12px 28px rgba(76,128,246,.16)}.online-pay-code .sg-qrcode[data-v-a972501a]:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px dashed rgba(76,128,246,.3);border-radius:20px;pointer-events:none}.online-pay-code-countdown[data-v-a972501a]{display:inline-flex;align-items:center;margin-top:18px;padding:6px 16px;font-size:12px;line-height:1;color:#909399;background-color:#f5f7fa;border-radius:999px;transition:color .2s,background-color .2s}.online-pay-code-countdown i[data-v-a972501a]{margin-right:6px;font-size:13px}.online-pay-code-countdown.is-warning[data-v-a972501a]{color:#e6a23c;background-color:#fdf6ec;animation:online-pay-countdown-pulse-data-v-a972501a 1s ease-in-out infinite}.online-pay[data-v-a972501a]{padding:2px 0 4px}.online-pay-amount[data-v-a972501a]{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;padding:16px 12px;background:linear-gradient(180deg,#f5f8ff,#fff);border:1px solid #edf2fe;border-radius:14px}.online-pay-amount-label[data-v-a972501a]{margin-bottom:8px;font-size:13px;color:#909399;letter-spacing:.5px}.online-pay-amount-value[data-v-a972501a]{font-size:30px;font-weight:600;line-height:1.1;color:#ff5b42;letter-spacing:-.5px;font-variant-numeric:tabular-nums;word-break:break-all}.online-pay-amount-currency[data-v-a972501a]{margin-right:4px;font-size:16px;font-weight:600;color:#ff5b42;opacity:.85}.online-pay>div[data-v-a972501a]:not([class]){display:table;margin:0 auto 12px;padding:3px 12px;font-size:12px;line-height:1.6;color:#909399;background-color:#f5f7fa;border-radius:999px;text-align:center}.online-pay>div:not([class]) .theme-danger-color[data-v-a972501a]{font-weight:600}.online-pay-tip[data-v-a972501a]{display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:13px;color:#606266}.online-pay-tip[data-v-a972501a]:after,.online-pay-tip[data-v-a972501a]:before{content:"";flex:1;height:1px}.online-pay-tip[data-v-a972501a]:before{margin-right:10px;background:linear-gradient(90deg,rgba(228,231,237,0),#e4e7ed)}.online-pay-tip[data-v-a972501a]:after{margin-left:10px;background:linear-gradient(90deg,#e4e7ed,rgba(228,231,237,0))}.online-pay-channels[data-v-a972501a]{display:flex;gap:12px}.online-pay-channel[data-v-a972501a]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:16px 0 14px;background-color:#fff;border:1px solid #ebeef5;border-radius:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .25s,box-shadow .25s,background-color .25s,transform .25s}.online-pay-channel img[data-v-a972501a]{width:42px;height:42px;margin-bottom:8px;opacity:.9;filter:grayscale(45%);transition:filter .25s,opacity .25s,transform .25s}.online-pay-channel-name[data-v-a972501a]{font-size:13px;color:#606266;transition:color .25s}.online-pay-channel[data-v-a972501a]:hover{background-color:#fbfcfe;transform:translateY(-2px)}.online-pay-channel:hover img[data-v-a972501a]{opacity:1;filter:grayscale(0);transform:scale(1.06)}.online-pay-channel[data-v-a972501a]:active{transform:translateY(0) scale(.98)}.online-pay-channel[data-v-a972501a]:first-child:hover{border-color:rgba(7,193,96,.55);box-shadow:0 10px 20px rgba(7,193,96,.16)}.online-pay-channel:first-child:hover .online-pay-channel-name[data-v-a972501a]{color:#07c160}.online-pay-channel[data-v-a972501a]:last-child:hover{border-color:rgba(22,119,255,.55);box-shadow:0 10px 20px rgba(22,119,255,.16)}.online-pay-channel:last-child:hover .online-pay-channel-name[data-v-a972501a]{color:#1677ff}[data-v-a972501a] .el-dialog{overflow:hidden;border-radius:14px;box-shadow:0 18px 48px rgba(30,55,110,.18)}[data-v-a972501a] .el-dialog .el-dialog__header{padding:16px 20px;background:linear-gradient(180deg,#f6f9ff,#fff);border-bottom:1px solid #f0f3f9}[data-v-a972501a] .el-dialog .el-dialog__title{font-size:16px;font-weight:600;color:#303133}[data-v-a972501a] .el-dialog .el-dialog__headerbtn{top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s}[data-v-a972501a] .el-dialog .el-dialog__headerbtn .el-dialog__close{font-size:16px;color:#909399;transition:color .2s}[data-v-a972501a] .el-dialog .el-dialog__headerbtn:hover{background-color:#edf2fe}[data-v-a972501a] .el-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#4c80f6}[data-v-a972501a] .el-dialog .el-dialog__body{padding:18px 20px 20px}@keyframes online-pay-countdown-pulse-data-v-a972501a{0%,to{opacity:1}50%{opacity:.55}}