forest-H5/pages/usercenter/myorder/myorder.css

page{background-color: #FBFBFC;}

.status-bar{display: flex;border-bottom: 1px solid #ddd;}
.status-bar-item{flex: 1;text-align: center;font-size: 24rpx;padding: 24rpx 0;}
.status-bar-item.active{color: #FF5030;}

.order{padding: 24rpx;}
.order-item{margin-bottom: 24rpx;padding: 24rpx;background-color: #fff;}
.order-item .status{margin-bottom: 24rpx;text-align: right;color: #FF5030;font-size: 26rpx;}
.order-info{display: flex;align-items: center;padding-bottom: 24rpx;}
.order-info-imgwrap{margin-right: 24rpx;width: 160rpx;height: 160rpx;overflow: hidden;text-align: center;}
.order-info-img{width: 100%;height: 100%;}
.order-info-text{flex: 1;}
.order-info-title{font-size: 30rpx;color: #333;line-height: 42rpx;margin-bottom: 20rpx;}
.order-info-num{display: flex;justify-content: flex-end;color: #999;align-items: flex-end;}
.order-info-bynum{margin-right: 24rpx;}
.order-info-bynum .bynum{margin-left: 12rpx;}
.order-info-amount .rmb{margin-left: 12rpx;font-size: 28rpx;color: #FF5030;line-height: 40rpx;}
.order-info-amount .amount{margin-left: 8rpx;font-size: 36rpx;color: #FF5030;font-weight: bold;}
.order-tool{display: flex;justify-content: flex-end;padding-top: 24rpx;border-top: 1px solid #eee;}
.order-tool .btn{width: 160rpx;height: 60rpx;line-height: 60rpx;font-size: 26rpx;color: #333;margin-right: 0;margin-left: 24rpx;background-color: #fff;}