[data-v-28f8d7eb]:export{menuBg:#fff;menuText:#fff;menuActiveText:#fff}.order-status-steps[data-v-28f8d7eb]{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:12px;color:#e1e4e8;position:relative}.order-status-steps[data-v-28f8d7eb]:before{content:"";width:100%;height:1px;background:#e1e4e8;position:absolute;left:0;top:20px;transform:translateY(-50%);z-index:0}.order-status-steps[data-v-28f8d7eb]:after{content:"";width:calc((100% - 36px)/var(--length)*(var(--status) - 1) + 18px);height:1px;background:#36be89;position:absolute;left:0;top:20px;transform:translateY(-50%);z-index:1}.order-status-steps>div[data-v-28f8d7eb]{z-index:2;display:flex;flex-direction:column;align-items:center}.order-status-steps>div[data-v-28f8d7eb]>:first-child{width:16px;height:16px;border-radius:100%;border:4px solid #fff;background:#e1e4e8;position:relative}.order-status-steps>div.status[data-v-28f8d7eb]>:first-child{background:#36be89}.order-status-steps>div.status[data-v-28f8d7eb]>:nth-child(2){color:#2d3144}.order-status-steps>div.current[data-v-28f8d7eb]>:first-child{background:#36be89}.order-status-steps>div.current[data-v-28f8d7eb]>:nth-child(2){color:#2d3144}.order-status-steps>div[data-v-28f8d7eb]>:nth-child(2){line-height:16px;margin-top:8px}.order-status-steps>div[data-v-28f8d7eb]:last-child{align-items:flex-end}.order-status-steps>div[data-v-28f8d7eb]:first-child{align-items:flex-start}[data-v-1ab1c56c]:export{menuBg:#fff;menuText:#fff;menuActiveText:#fff}.recently-order[data-v-1ab1c56c]{background-color:#fff;margin-top:20px;border-radius:10px}.recently-order .view-title[data-v-1ab1c56c]{padding:10px;color:#3c495a;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.recently-order .recently-order-list[data-v-1ab1c56c]{margin-top:16px;font-size:12px;border:1px solid #f0f1f3}.recently-order .recently-order-list[data-v-1ab1c56c]>:first-child{padding-left:12px;padding-right:16px}.recently-order .recently-order-list>:first-child>div[data-v-1ab1c56c]{border-top:1px solid #f0f1f3;padding:6px 0;color:#6c7a8d}.recently-order .recently-order-list>:first-child>div[data-v-1ab1c56c]:first-child{border-top:0}.recently-order .recently-order-list>:first-child>div[data-v-1ab1c56c]>:first-child{display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#2d3144}.recently-order .recently-order-list>:first-child>div[data-v-1ab1c56c]>:first-child>:first-child>:nth-child(2){color:#6c7a8d;font-weight:400}.recently-order .recently-order-list>:first-child>div[data-v-1ab1c56c]>:first-child>:nth-child(2){padding:6px 10px;color:#36be89;background:rgba(54,190,137,.10196078431372549)}.recently-order .recently-order-list>:first-child>div>:first-child>:nth-child(2) span[data-v-1ab1c56c]{color:#ffa450}.recently-order .recently-order-list>:first-child>div[data-v-1ab1c56c]>:nth-child(2){display:flex;justify-content:space-between;align-items:center}.recently-order .recently-order-list>:first-child>div[data-v-1ab1c56c]>:nth-child(2)>:first-child{width:80%}.recently-order .recently-order-list .recently-order-item[data-v-1ab1c56c]{cursor:pointer;background:#f7faff;padding:12px;display:flex;align-items:center}.recently-order .recently-order-list .recently-order-item[data-v-1ab1c56c]>:first-child{flex:1}.recently-order .recently-order-list .recently-order-item[data-v-1ab1c56c]>:nth-child(2){flex:none}.recently-order .recently-order-list .recently-order-item>div[data-v-1ab1c56c]{display:flex;flex-direction:column;justify-content:space-between;padding-right:16px;color:#6c7a8d}.recently-order .recently-order-list .recently-order-item>div>div[data-v-1ab1c56c]{display:flex;justify-content:space-between;border-top:0}.recently-order .recently-order-list .recently-order-item>div>div[data-v-1ab1c56c]:first-child{color:#2d3144;font-weight:500}.recently-order .recently-order-list .recently-order-item>div>div[data-v-1ab1c56c]:first-child>:nth-child(2){color:#36be89}.recently-order .recently-order-list .recently-order-item>div>div[data-v-1ab1c56c]:nth-child(2){padding:6px 0}.recently-order .recently-order-list .recently-order-item>div>div:nth-child(2) span[data-v-1ab1c56c]{color:#2d3144}