/* 下单流程工作台示意 */
.order-flow-preview{margin-top:36px;overflow:hidden;border:1px solid #e3e7f1;border-radius:18px;background:#f6f8fc;box-shadow:0 16px 34px rgba(69,77,116,.07);color:#28324a}.order-flow-head{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:linear-gradient(110deg,#665bd0,#4c84e2);color:#fff}.order-flow-head>div{display:flex;align-items:center;gap:10px}.order-flow-head img{width:34px;height:34px;object-fit:cover;border:2px solid rgba(255,255,255,.75);border-radius:50%}.order-flow-head b,.order-flow-head small{display:block}.order-flow-head b{font-size:12px}.order-flow-head small{font-size:8px;color:rgba(255,255,255,.76);margin-top:2px}.order-flow-head i{font-style:normal;font-size:8px;padding:5px 9px;border:1px solid rgba(255,255,255,.26);border-radius:99px;color:rgba(255,255,255,.9)}.order-flow-body{padding:20px 24px 16px}.order-product{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#fff;border:1px solid #e9edf4;border-radius:12px}.order-cover{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:11px;background:linear-gradient(135deg,#826edb,#4d8fe7);color:#fff;font-size:11px;font-weight:800}.order-product>div:nth-child(2){min-width:0;flex:1}.order-product b,.order-product small,.order-product span{display:block}.order-product b{font-size:12px}.order-product small{font-size:9px;color:#8790a0;margin-top:3px}.order-product span{font-size:11px;color:#ef7158;font-weight:800;margin-top:5px}.order-product a{flex:none;padding:8px 12px;border-radius:7px;background:#eef0ff;color:#6158be;font-size:9px;font-weight:800}.order-timeline{display:flex;align-items:flex-start;justify-content:center;padding:25px 8% 7px}.flow-item{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.flow-item i{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #cdd2e1;border-radius:50%;font-size:10px;font-style:normal;color:#7b8394;background:#fff}.flow-item span{min-width:0}.flow-item b,.flow-item small{display:block}.flow-item b{font-size:10px}.flow-item small{font-size:8px;color:#8991a1;margin-top:2px;white-space:nowrap}.flow-item.done i{border-color:#5e60ca;background:#6c60cf;color:#fff}.flow-item.active i{border-color:#7d78df;background:#efedff;color:#6257bd;font-weight:800}.flow-line{height:1px;flex:.4;background:#dce0eb;margin:14px 9px 0}.order-flow-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid #e8ebf2;background:#fff;color:#858e9e;font-size:9px}.order-flow-foot span{display:flex;align-items:center;gap:6px}.order-flow-foot i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#e9f8ef;color:#40a676;font-size:8px;font-style:normal}.order-flow-foot a{color:#6158be;font-weight:800}@media(max-width:720px){.order-flow-preview{margin-top:24px;border-radius:14px}.order-flow-head{height:62px;padding:0 16px}.order-flow-head i{display:none}.order-flow-body{padding:13px}.order-product{padding:12px;gap:10px}.order-product small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-product a{font-size:8px;padding:7px 8px}.order-timeline{padding:19px 0 4px}.flow-item{gap:6px}.flow-item i{width:24px;height:24px;font-size:8px}.flow-item b{font-size:8px}.flow-item small{font-size:6px;white-space:normal;line-height:1.35}.flow-line{margin:12px 4px 0;flex:.12}.order-flow-foot{padding:10px 13px;font-size:7px}.order-flow-foot a{display:none}}