.container[data-v-a006525a]{box-sizing:border-box;padding-top:60px;background:#f6f6f6;min-height:100vh}.navheader[data-v-a006525a]{position:fixed;top:0;left:0;width:100%;height:50px;background:#fff;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.08)}.navheader .title[data-v-a006525a]{font-size:18px;font-weight:500;text-align:center;line-height:50px}.navheader .back[data-v-a006525a]{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px}.order-list[data-v-a006525a]{padding:10px 15px}.drop[data-v-a006525a]{display:inline-block;width:100%;text-align:center;color:#ccc;font-size:14px;margin-top:20px;margin-bottom:30px}.drop img[data-v-a006525a]{width:24px;height:24px}.empty-state[data-v-a006525a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}.empty-state .empty-icon[data-v-a006525a]{width:100px;height:100px;margin-bottom:15px;opacity:.7}.empty-state .empty-text[data-v-a006525a]{color:#999;font-size:14px}.order-item[data-v-a006525a]{width:100%;height:auto;float:left;box-sizing:border-box;padding:15px;background-color:#fff;border-radius:10px;margin-bottom:15px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:all .3s ease}.order-item[data-v-a006525a]:active{background-color:rgba(0,0,0,.02);transform:scale(.98)}.order-item .title[data-v-a006525a]{width:100%;height:auto;float:left;display:flex;padding-bottom:15px;border-bottom:1px dashed #eee;margin-bottom:10px}.order-item .title .date[data-v-a006525a]{flex:1;font-size:12px;font-weight:400;color:#999;line-height:12px}.order-item .title .status[data-v-a006525a]{flex:1;text-align:right;font-size:14px;font-weight:500;line-height:14px}.order-item .title .status.paid[data-v-a006525a]{color:#52c41a}.order-item .title .status.unpaid[data-v-a006525a]{color:#f5222d}.order-item .title .status.processing[data-v-a006525a]{color:#1890ff}.order-item .title .status.failed[data-v-a006525a]{color:#f5222d}.order-item .title .status.cancelled[data-v-a006525a]{color:#999}.order-item .body[data-v-a006525a]{width:100%;height:auto;float:left;display:flex;align-items:center}.order-item .body .goods[data-v-a006525a]{flex:1}.order-item .body .goods .name[data-v-a006525a]{width:100%;height:auto;float:left;font-size:16px;font-weight:500;color:#333;line-height:1.4;padding-bottom:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.order-item .body .payment[data-v-a006525a]{width:auto;height:auto;float:left;font-size:12px;font-weight:400;color:#999;line-height:12px;background-color:#f9f9f9;padding:5px 8px;border-radius:4px;display:inline-block}.order-item .charge[data-v-a006525a]{width:120px;height:auto;text-align:right;font-size:20px;font-weight:500;color:#ff6b00;line-height:20px;padding-top:10px}.order-item .charge .unit[data-v-a006525a]{font-size:12px}.order-item .order-footer[data-v-a006525a]{width:100%;display:flex;justify-content:flex-end;margin-top:15px;padding-top:10px;border-top:1px dashed #eee}.order-item .order-footer .view-course-btn[data-v-a006525a]{padding:6px 12px;background:#3ca7fa;color:#fff;font-size:12px;border-radius:4px;box-shadow:0 2px 5px rgba(60,167,250,.3);transition:all .3s}.order-item .order-footer .view-course-btn[data-v-a006525a]:active{transform:scale(.95)}