.body[data-v-d9ddab4d]{width:100%;padding:20px;display:flex;box-sizing:border-box}.left[data-v-d9ddab4d]{padding:20px;margin-right:20px;background-color:#f5f5f5;border-radius:20px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.table-area[data-v-d9ddab4d]{flex-grow:1;height:calc(100% - 20px);padding-bottom:20px}.table-area-btn[data-v-d9ddab4d]{width:250px;background-color:#fff;border-radius:12px;padding:30px;font-size:18px;color:gray;margin-top:20px;cursor:pointer}.select-table-area[data-v-d9ddab4d]{color:#1291ff;border:1px solid #1291ff;background-color:#deebf6}.right[data-v-d9ddab4d]{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.right-top[data-v-d9ddab4d]{flex:0 0 auto;padding:15px 20px;background-color:#f5f5f5;border-radius:20px;margin-bottom:20px;display:flex;font-size:15px;color:#606266;overflow:hidden}.status_btn[data-v-d9ddab4d]{padding:8px 16px;height:40px;min-width:100px;border-radius:8px;border:1px solid transparent;background-color:transparent;display:flex;align-items:center;gap:8px;text-align:center;transition:all .3s ease;cursor:pointer}.status_btn .status_indicator[data-v-d9ddab4d]{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status_btn .status_content[data-v-d9ddab4d]{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.status_btn .status_title[data-v-d9ddab4d]{font-weight:500}.status_btn .status_count[data-v-d9ddab4d]{opacity:.8;font-size:13px}.status_btn .loading-dot[data-v-d9ddab4d]{min-width:20px;text-align:center;font-size:13px;opacity:.8;animation:loadingDots-d9ddab4d 1.5s infinite}.select_status_btn[data-v-d9ddab4d]{font-weight:700;box-shadow:0 2px 12px #00000026}.right-bottom[data-v-d9ddab4d]{width:100%;height:100%;display:flex;flex-wrap:wrap;overflow-y:auto;align-content:flex-start}.tableBox[data-v-d9ddab4d]{height:200px;width:18%;margin-right:1%;margin-bottom:10px;flex:0 0 auto;border:1px solid #d9d9d9;background:rgb(245,246,247);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.tableBox .status-container[data-v-d9ddab4d]{display:flex;align-items:center}.tableBox .status[data-v-d9ddab4d]{padding:5px 15px;background-color:#deebf6;color:gray;border-radius:12px 0}.tableBox .time[data-v-d9ddab4d]{color:gray;padding:5px 10px;display:flex;align-items:center}.tableBox .content[data-v-d9ddab4d]{flex-grow:1;padding:20px}.tableBox .content .title[data-v-d9ddab4d]{font-size:30px;font-weight:700;margin-bottom:10px}.tableBox .content .price[data-v-d9ddab4d]{font-size:20px;color:gray}.tableBox .footer[data-v-d9ddab4d]{padding:10px;display:flex;align-items:center;justify-content:space-between}.tableBox .footer .changeStatus[data-v-d9ddab4d]{width:100px}.tableBox .footer .footer-right[data-v-d9ddab4d]{display:flex;align-items:center}.tableBox .footer .num[data-v-d9ddab4d]{color:gray;margin-left:8px}.tableBox .qrcode-btn[data-v-d9ddab4d]{min-width:20px;height:20px;border-radius:6px;background-color:#1291ff;color:#fff;display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;transition:all .3s}.tableBox .qrcode-btn .qrcode-icon[data-v-d9ddab4d]{width:16px;height:16px;fill:currentColor}.tableBox .qrcode-btn[data-v-d9ddab4d]:hover{background-color:#0d7ad9;transform:scale(1.1)}.pagination[data-v-d9ddab4d]{margin-top:10px}.back[data-v-d9ddab4d]{height:100vh;width:100vw;background-color:#0000001a;position:fixed;top:0;left:0;z-index:10000}.imageQrcode[data-v-d9ddab4d]{height:60vh;width:60vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px}.loading-container[data-v-d9ddab4d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.loading-icon[data-v-d9ddab4d]{animation:rotating-d9ddab4d 2s linear infinite;color:#1291ff;margin-bottom:15px}.loading-text[data-v-d9ddab4d]{font-size:16px;color:#606266}@keyframes rotating-d9ddab4d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loadingDots-d9ddab4d{0%,to{opacity:.3}50%{opacity:1}}