| 1 |
- *[data-v-f0fc1581]{box-sizing:border-box}.main[data-v-f0fc1581]{height:100%;width:100%;background:var(--el-overlay-color-lighter);position:fixed;right:0;bottom:0;display:flex}.main-content[data-v-f0fc1581]{height:100%;flex:1;background-color:#fff;padding:20px;display:flex;flex-direction:column}.main-content h1[data-v-f0fc1581]{font-size:18px;margin-bottom:10px}.main-content .container[data-v-f0fc1581]{display:flex;gap:20px;padding:20px 0;flex:1 1 0%}.main-content .container .left[data-v-f0fc1581]{flex:1 1 0%;display:flex;flex-direction:column}.main-content .container .left-content[data-v-f0fc1581]{background-color:#f4f4f4;padding:20px;flex:1 1 0%}.main-content .container .left-content h2[data-v-f0fc1581]{text-align:right;font-size:22px;font-weight:400}.main-content .container .left-content p[data-v-f0fc1581]{font-size:16px;padding:20px 0}.main-content .container .left-content .list[data-v-f0fc1581]{display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px}.main-content .container .left-content .list .item[data-v-f0fc1581]{width:100%;height:72px;display:flex;align-items:center;padding:10px;background-color:#fff;border:1px solid var(--el-border-color-base);cursor:pointer;position:relative;gap:10px;font-size:16px;border-radius:3px}.main-content .container .left-content .list .item img[data-v-f0fc1581]{width:40px;height:40px;object-fit:cover}.main-content .container .left-content .list .item.active[data-v-f0fc1581]{border:1px solid var(--el-color-primary)}.main-content .container .left-content .list .item[data-v-f0fc1581] .select{display:inline-block;position:absolute;right:0;bottom:0;width:0;height:0;border-right:36px solid var(--el-color-primary);border-top:36px solid transparent}.main-content .container .left-content .list .item[data-v-f0fc1581] .select .el-icon{position:absolute;left:15px;bottom:2px}.main-content .container .left-content .el-alert[data-v-f0fc1581]{margin-top:20px}.main-content .container .left-btn[data-v-f0fc1581]{display:flex;align-items:center;padding:20px 0;justify-content:space-between}.main-content .container .right[data-v-f0fc1581]{width:300px;border:1px solid var(--el-border-color-base)}.main-content .container .right h2[data-v-f0fc1581]{text-align:center;font-size:22px;padding-top:30px;font-weight:400}.main-content .container .right-content[data-v-f0fc1581]{padding:10px}.main-content .container .right-content p[data-v-f0fc1581]{display:flex;justify-content:space-between;align-items:center;font-size:16px}.main-content .container .right-content p+p[data-v-f0fc1581]{margin-top:20px}.main-content .container-2[data-v-f0fc1581]{display:flex;flex-direction:column;flex:1 1 0%}.main-content .container-2-content[data-v-f0fc1581]{flex:1 1 0%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:20px;gap:20px}.main-content .container-2-content img[data-v-f0fc1581]{width:100px;height:100px;object-fit:cover}.main-content .container-2-btn[data-v-f0fc1581],.my-header[data-v-f0fc1581]{text-align:center}.my-header h4[data-v-f0fc1581]{font-weight:500;font-size:22px;color:#242424}.my-amount[data-v-f0fc1581]{text-align:center;color:var(--el-color-primary);font-size:18px;padding:20px}.my-tabs[data-v-f0fc1581]{display:flex;background:#f5f5f5}.my-tabs>div[data-v-f0fc1581]{flex:1;padding:15px;text-align:center;font-size:18px;border-bottom:3px solid #f5f5f5;cursor:pointer}.my-tabs>div.active[data-v-f0fc1581]{border-bottom:3px solid var(--el-color-primary)}.my-tabs div+div[data-v-f0fc1581]{border-left:1px solid var(--el-border-color-base)}.my-content[data-v-f0fc1581]{padding:20px}.my-content .el-input[data-v-f0fc1581]{margin-bottom:15px}.my-content .radio-group-container[data-v-f0fc1581]{margin-bottom:15px;text-align:center}.my-content .scan-tip-img[data-v-f0fc1581]{width:100%;margin-top:10px}.my-content .camera-container[data-v-f0fc1581]{display:flex;flex-direction:column;align-items:center}.my-content .camera-container .scan-result[data-v-f0fc1581]{margin-bottom:15px;font-size:16px;color:var(--el-color-primary);width:100%;word-break:break-all;text-align:center}.my-content .camera-container .camera-tip[data-v-f0fc1581]{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px;margin-bottom:15px;color:#606266;font-size:16px}.my-content .camera-container .camera-placeholder[data-v-f0fc1581]{width:100%;height:180px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px;margin-bottom:15px}.dialog-box[data-v-f0fc1581]{text-align:center;margin:30px 0}.dialog-box .input-box[data-v-f0fc1581]{border:1px solid #47AAFF;border-radius:10px}.dialog-box .input-box input[data-v-f0fc1581]{border:none;font-size:24px;font-family:PingFang SC;margin-left:23px;height:70px;width:100%}.dialog-box .writeoff-introduce[data-v-f0fc1581]{margin-top:54px}.dialog-box .scanCode-tip[data-v-f0fc1581]{display:flex;flex-direction:row;margin-top:20px}.dialog-box .scanCode-tip div[data-v-f0fc1581]{flex:1;text-align:center;font-size:24px;font-family:PingFang SC}.dialog-box .scanCode-tip div h3[data-v-f0fc1581]{color:#000}.dialog-box .scanCode-tip div p[data-v-f0fc1581]{color:#888;margin-top:6px}.dialog-box .submit-btn[data-v-f0fc1581]{margin-top:20px}.custom-box-title[data-v-f0fc1581]{font-size:24px;font-weight:700;color:#000;text-align:center}.verify-animation[data-v-f0fc1581]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0}.verify-animation .loading-spinner[data-v-f0fc1581]{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--el-color-primary);border-radius:50%;animation:spin-f0fc1581 1s linear infinite;margin-bottom:15px}.verify-animation p[data-v-f0fc1581]{font-size:16px;color:#606266}.verify-result[data-v-f0fc1581]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}.verify-result .verify-icon[data-v-f0fc1581]{width:80px;height:80px;border-radius:50%;margin-bottom:15px;display:flex;align-items:center;justify-content:center;position:relative}.verify-result .verify-icon.success-icon[data-v-f0fc1581]{background-color:#67c23a}.verify-result .verify-icon.success-icon[data-v-f0fc1581]:before{content:"\2713";color:#fff;font-size:40px}.verify-result .verify-icon.error-icon[data-v-f0fc1581]{background-color:#f56c6c}.verify-result .verify-icon.error-icon[data-v-f0fc1581]:before{content:"\2715";color:#fff;font-size:40px}.verify-result p[data-v-f0fc1581]{font-size:20px;margin-bottom:10px;color:#303133}.verify-result .discount-amount[data-v-f0fc1581]{color:#e02020;font-weight:700;margin-bottom:15px}.verify-result .continue-btn[data-v-f0fc1581]{margin-top:15px;width:60%}.verify-result.success .verify-icon[data-v-f0fc1581]{background-color:#67c23a}.verify-result.success p[data-v-f0fc1581]:first-of-type{color:#67c23a}.verify-result.error .verify-icon[data-v-f0fc1581]{background-color:#f56c6c}.verify-result.error p[data-v-f0fc1581]:first-of-type{color:#f56c6c}@keyframes spin-f0fc1581{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gift-tag[data-v-f0fc1581]{display:inline-block;background-color:#f56c6c;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;margin:0 4px}.discount-tag[data-v-f0fc1581]{display:inline-block;background-color:#67c23a;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;margin:0 4px}
|
