<template>
	<view class="page" :style="themeColor" v-if="isLoading">
		<view v-if="in_array(info.status,'-1,0,7,8')"
			class="flex benben-position-layout flex flex-wrap align-center orderDetails_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd0_0'>
				<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
					<text class='fu-iconfont2  orderDetails_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">&#xE794;</text>
				</view>
				<view class='flex flex-wrap align-stretch justify-center flex-sub'>
					<text class='orderDetails_fd0_0_c1_c0'>订单详情</text>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd0_0_c2'>
				</view>
			</view>

		</view>
		<view v-if="in_array(info.status,'1,2,3,4,5,6')"
			class="flex benben-position-layout flex flex-wrap align-center orderReceiving_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub orderReceiving_fd0_0'>
				<view class='flex flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="back" data-url="1">
					<text class='fu-iconfont2  orderReceiving_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">&#xE794;</text>
				</view>
				<view class='flex flex-wrap align-stretch justify-center flex-sub'>
					<text class='orderReceiving_fd0_0_c1_c0'>订单详情</text>
				</view>
				<view class='flex flex-wrap align-center orderReceiving_fd0_0_c2'>
				</view>
			</view>

		</view>
		<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>

		<block v-if="in_array(info.status,'1,2,3,4,5,6') && isPublish">
			<map style="width: 750rpx; height: 240px;" :latitude="lat" :longitude="lng" scale="13" :markers="covers"></map>
		</block>


		<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_1"
			v-if="in_array(info.status,'-1,0,7,8')">
			<view class='flex flex-wrap align-center justify-between'>
				<view class='flex flex-direction flex-wrap align-stretch'>
					<text class='orderDetails_fd1_0_c0_c0'>{{info.status | filterStatus}}</text>
					<!-- <text class='orderDetails_fd1_0_c0_c0_1' v-if="in_array(info.status,'7,8')">订单已完成</text> -->
					<!-- <text class='orderDetails_fd1_0_c0_c0_2' v-if="id=='11'">订单已取消</text> -->
					<view class='flex flex-wrap align-center orderDetails_fd1_0_c0_c1' v-if="info.status == 0">
						<text class='orderDetails_fd1_0_c0_c1_c0'>剩余支付时间</text>
						<benben-countdown class=' orderDetails_fd1_0_c0_c1_c1' @timeEnd="handleTimeEnd" :time-type='true'
							:count-time="info.surplus_pay_time">
							<template #default="{ d, h, i, s }">
								<text class='orderDetails_fd1_0_c0_c1_c1_c2'>{{h}}</text>

								<text class='orderDetails_fd1_0_c0_c1_c1_c3'>:</text>

								<text class='orderDetails_fd1_0_c0_c1_c1_c4'>{{i}}</text>

								<text class='orderDetails_fd1_0_c0_c1_c1_c5'>:</text>

								<text class='orderDetails_fd1_0_c0_c1_c1_c6'>{{s}}</text>

								<text class='orderDetails_fd1_0_c0_c1_c1_c7'></text>
							</template>
						</benben-countdown>
					</view>
					<!-- <view class='flex flex-wrap align-center justify-center orderDetails_fd1_0_c0_c2' v-if="in_array(info.status,'7')" @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/dpxq/ImmediatEevaluation/ImmediatEevaluation?sn=${sn}`">
            <text class='orderDetails_fd1_0_c0_c2_c0'>评价</text>
          </view> -->
					<!-- <view class='flex flex-wrap align-center' v-if="id=='11'">
            <text class='orderDetails_fd1_0_c0_c3_c0'>超时未支付</text>
          </view> -->
				</view>
				<image class='orderDetails_fd1_0_c1' :src='STATIC_URL+"174.png"' v-if="info.status == 0"></image>
				<image class='orderDetails_fd1_0_c1_1' :src='STATIC_URL+"107.png"' v-if="in_array(info.status,'7,8')"></image>
				<image class='orderDetails_fd1_0_c1_2' :src='STATIC_URL+"110.png"' v-if="info.status == -1"></image>
			</view>
		</view>


		<!---flex布局flex布局开始-->
		<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_2">
			<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd2_0' v-if="info.status == 0">
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="cancelOrder">
					<image class='orderDetails_fd2_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"41.png"'></image>
					<text class='orderDetails_fd2_0_c0_c1'>取消订单</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleContactShop">
					<image class='orderDetails_fd2_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
					<text class='orderDetails_fd2_0_c1_c1'>联系商家</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/dpxq/immediatePayment/immediatePayment?state=${info.pick_type}&money=${(info.payable_money - 0).toFixed(2)}&time=${info.surplus_pay_time}&sn=${info.order_sn}&score=${info.score_money - 0}&isdeduction=${(info.score_money - 0)>0 ? 1 : 2}`">
					<image class='orderDetails_fd2_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"43.png"'></image>
					<text class='orderDetails_fd2_0_c2_c1'>立即付款</text>
				</view>
			</view>
			<view class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd2_1'
				v-if="info.status == 8 || info.status == 7">
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="delOrder">
					<image class='orderDetails_fd2_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"109.png"'></image>
					<text class='orderDetails_fd2_1_c0_c1'>删除订单</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleContactShop">
					<image class='orderDetails_fd2_1_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
					<text class='orderDetails_fd2_1_c1_c1'>联系商家</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/dpxq/ImmediatEevaluation/ImmediatEevaluation?sn=${sn}`">
					<image class='orderDetails_fd2_1_c2_c0' mode="aspectFit" src='/static/pingjia.png'></image>
					<text class='orderDetails_fd2_1_c2_c1'>去评价</text>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="postBuyAgain">
					<image class='orderDetails_fd2_1_c2_c0' mode="aspectFit" :src='STATIC_URL+"108.png"'></image>
					<text class='orderDetails_fd2_1_c2_c1'>再来一单</text>
				</view>

			</view>
			<view class='flex flex-wrap align-center justify-center flex-sub orderDetails_fd2_2' v-if="info.status == -1">
				<view class='flex flex-direction flex-wrap align-center' @tap.stop="delOrder">
					<image class='orderDetails_fd2_2_c0_c0' mode="aspectFit" :src='STATIC_URL+"109.png"'></image>
					<text class='orderDetails_fd2_2_c0_c1'>删除订单</text>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->


		<!---flex布局flex布局开始-->
		<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderReceiving_flex_2"
			v-if="in_array(info.status,'1,2,3,4,5,6')">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_0' v-if="info.status == 1">
				<view class='flex flex-wrap align-center justify-center'>
					<text class='orderReceiving_fd2_0_c0_c0'>商家待接单</text>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_0_c1'>
					<text class='orderReceiving_fd2_0_c1_c0'>等待商家接单</text>
				</view>
				<view class='flex flex-wrap align-center orderReceiving_fd2_0_c2'>
				</view>
				<view class='flex flex-wrap align-center justify-between orderReceiving_fd2_0_c3'>
					<view class='flex flex-wrap align-center' @tap.stop="cancelOrder">
						<image class='orderReceiving_fd2_0_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"50.png"'></image>
						<text class='orderReceiving_fd2_0_c3_c0_c1'>取消订单</text>
					</view>
					<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
						<image class='orderReceiving_fd2_0_c3_c1_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
						<text class='orderReceiving_fd2_0_c3_c1_c1'>联系商家</text>
					</view>
				</view>
			</view>
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_1' v-if="info.status == 2">
				<view class='flex flex-wrap align-center justify-center'>
					<text class='orderReceiving_fd2_1_c0_c0'>商家已接单</text>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_1_c1'>
					<text class='orderReceiving_fd2_1_c1_c0'>商家备货中</text>
				</view>
				<view class='flex flex-wrap align-center orderReceiving_fd2_1_c2'>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_1_c3'>
					<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
						<image class='orderReceiving_fd2_1_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
						<text class='orderReceiving_fd2_1_c3_c0_c1'>联系商家</text>
					</view>
				</view>
			</view>
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_2' v-if="info.status == 3">
				<view class='flex flex-wrap align-center justify-center'>
					<text class='orderReceiving_fd2_2_c0_c0'>骑手待接单</text>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_2_c1'>
					<text class='orderReceiving_fd2_2_c1_c0'>正在等待骑手接单</text>
				</view>
				<view class='flex flex-wrap align-center orderReceiving_fd2_2_c2'>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_2_c3'>
					<view class='flex flex-wrap align-center' @click="handleChatShop">
						<image class='orderReceiving_fd2_2_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
						<text class='orderReceiving_fd2_2_c3_c0_c1'>联系商家</text>
					</view>
				</view>
			</view>
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_2' v-if="info.status == 4">
				<view class='flex flex-wrap align-center justify-center'>
					<text class='orderReceiving_fd2_2_c0_c0'>骑手已接单</text>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_2_c1'>
					<text class='orderReceiving_fd2_2_c1_c0'>骑手正在赶往商家</text>
				</view>
				<view class='flex flex-wrap align-center orderReceiving_fd2_2_c2'>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_2_c3'>
					<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
						<image class='orderReceiving_fd2_2_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
						<text class='orderReceiving_fd2_2_c3_c0_c1'>联系商家</text>
					</view>
				</view>
			</view>
			<!-- <view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_3' v-if="info.status == 5">
        <view class='flex flex-wrap align-center justify-center'>
          <text class='orderReceiving_fd2_3_c0_c0'>骑手已到店</text>
        </view>
        <view class='flex flex-wrap align-center justify-center orderReceiving_fd2_3_c1'>
          <text class='orderReceiving_fd2_3_c1_c0'>骑手正在等待取餐</text>
        </view>
        <view class='flex flex-wrap align-center orderReceiving_fd2_3_c2'>
        </view>
        <view class='flex flex-wrap align-center justify-center orderReceiving_fd2_3_c3'>
          <view class='flex flex-wrap align-center'>
            <image class='orderReceiving_fd2_3_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
            <text class='orderReceiving_fd2_3_c3_c0_c1'>联系商家</text>
          </view>
        </view>
      </view> -->
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_4' v-if="info.status == 5">
				<view class='flex flex-wrap align-center justify-center'>
					<text class='orderReceiving_fd2_4_c0_c0'>骑手配送中</text>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_4_c1'>
					<text class='orderReceiving_fd2_4_c1_c0'>骑手正在给你送餐</text>
				</view>
				<view class='flex flex-wrap align-center orderReceiving_fd2_4_c2'>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_4_c3'>
					<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
						<image class='orderReceiving_fd2_4_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
						<text class='orderReceiving_fd2_4_c3_c0_c1'>联系商家</text>
					</view>
				</view>
			</view>
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_5' v-if="info.status == 6">
				<view class='flex flex-wrap align-center justify-center'>
					<text class='orderReceiving_fd2_5_c0_c0'>待取货</text>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_5_c1'>
					<text class='orderReceiving_fd2_5_c1_c0'>取货码：</text>
					<text class='orderReceiving_fd2_5_c1_c1'>{{info.pick_code}}</text>
				</view>
				<view class='flex flex-wrap align-center orderReceiving_fd2_5_c2'>
				</view>
				<view class='flex flex-wrap align-center justify-center orderReceiving_fd2_5_c3'>
					<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
						<image class='orderReceiving_fd2_5_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
						<text class='orderReceiving_fd2_5_c3_c0_c1'>联系商家</text>
					</view>
				</view>
			</view>
			<!-- <view class='flex flex-direction flex-wrap align-stretch flex-sub orderReceiving_fd2_6'
        v-if="in_array(info.status,'4,5,6,7,8')">
        <view class='flex flex-wrap align-center orderReceiving_fd2_6_c0'>
          <image class='orderReceiving_fd2_6_c0_c0' mode="aspectFit" :src='STATIC_URL+"106.png"'></image>
          <text class='orderReceiving_fd2_6_c0_c1'>张东升</text>
        </view>
        <view class='flex flex-wrap align-center orderReceiving_fd2_6_c1'>
        </view>
        <view class='flex flex-wrap align-center justify-center orderReceiving_fd2_6_c2'>
          <view class='flex flex-wrap align-center'>
            <image class='orderReceiving_fd2_6_c2_c0_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
            <text class='orderReceiving_fd2_6_c2_c0_c1'>致电骑手</text>
          </view>
        </view>
      </view> -->
		</view>

		<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout orderDetails_flex_4"
			style="margin-top: 24rpx;"
			v-if="(info.pick_type == 1 && in_array(info.status,'4,5,6,7,8')) || info.pick_type == 2">
			<view class='flex flex-direction flex-wrap align-stretch orderDetails_fd4_0'
				v-if="info.pick_type == 1 && in_array(info.status,'4,5,6,7,8')">
				<view class='flex flex-wrap align-center justify-between orderDetails_fd4_0_c0'
					v-if="in_array(info.status,'7,8')">
					<text class='orderDetails_fd4_0_c0_c0'>骑手已送达</text>
					<view class='flex flex-wrap align-center'>
						<text class='orderDetails_fd4_0_c0_c1_c0'>送达时间：{{info.delivery_time}}</text>
						<!-- <benben-countdown class=' orderDetails_fd4_0_c0_c1_c1' :count-time="fd4_0_c0_c1_c1">
              <template #default="{ d, h, i, s }">
                <text class='orderDetails_fd4_0_c0_c1_c1_c2'>{{h}}</text>

                <text class='orderDetails_fd4_0_c0_c1_c1_c3'>:</text>

                <text class='orderDetails_fd4_0_c0_c1_c1_c4'>{{i}}</text>

                <text class='orderDetails_fd4_0_c0_c1_c1_c5'>:</text>

                <text class='orderDetails_fd4_0_c0_c1_c1_c6'>{{s}}</text>

                <text></text>
              </template>
            </benben-countdown> -->
					</view>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd4_0_c1' v-if="in_array(info.status,'7,8')">
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd4_0_c2'>
					<image class='orderDetails_fd4_0_c2_c0' mode="aspectFill" :src='info.rider_info.head_img'></image>
					<text class='orderDetails_fd4_0_c2_c1'>{{info.rider_info.name}}</text>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd4_0_c3'>
				</view>
				<view class='flex flex-wrap align-center justify-center orderDetails_fd4_0_c4' @tap.stop="handleContactRider">
					<image class='orderDetails_fd4_0_c4_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
					<text class='orderDetails_fd4_0_c4_c1'>致电骑手</text>
				</view>
			</view>
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd4_1' v-if="info.pick_type == 2">
				<view class='flex flex-wrap align-center orderDetails_fd4_1_c0'>
					<text class='orderDetails_fd4_1_c0_c0'>自提信息</text>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd4_1_c1'>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd4_1_c2'>
					<text class='orderDetails_fd4_1_c2_c0'>自提时间</text>
					<view class='flex flex-wrap align-center'>
						<text class='orderDetails_fd4_1_c2_c1_c0'>{{info.pick_time}}</text>
						<!-- <text class='orderDetails_fd4_1_c2_c1_c1'>10:30</text> -->
					</view>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd4_1_c3'>
					<text class='orderDetails_fd4_1_c3_c0'>自提地址</text>
					<view class='orderDetails_fd4_1_c3_c1 flex align-center' @click="handleToMap"> <text
							class="flex-sub">{{info.store_info.address_address}} </text>
						<image style="width:44rpx; height: 44rpx; margin-left: 20rpx;" src="/static/daohang.png" mode="widthFix">
						</image>
					</view>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd4_1_c4'>
					<text class='orderDetails_fd4_1_c4_c0'>自提人电话</text>
					<text class='orderDetails_fd4_1_c4_c1'>{{info.pick_mobile}}</text>
				</view>
			</view>
		</view>


		<!---flex布局flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_3">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd3_0' v-if="info.pick_type == 1">
				<view class='flex flex-wrap align-center orderDetails_fd3_0_c0'>
					<text class='orderDetails_fd3_0_c0_c0'>配送信息</text>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd3_0_c1'>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c2'>
					<text class='orderDetails_fd3_0_c2_c0'>期望时间</text>
					<text class='orderDetails_fd3_0_c2_c1'>{{info.expected_time}}</text>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c2' v-if="info.status >= 1 && info.status <= 5">
					<text class='orderDetails_fd3_0_c2_c0'>预计送达时间</text>
					<text class='orderDetails_fd3_0_c2_c1'>{{info.estimated_time || ''}}</text>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd3_0_c3'>
					<text class='orderDetails_fd3_0_c3_c0'>配送地址</text>
					<text class='orderDetails_fd3_0_c3_c1'>{{info.address.name}}({{info.address.sex == 1 ? '先生' : '女士'}})
						{{info.address.mobile}}
						{{info.address.address}}</text>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->


		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->
		<view class="flex flex-wrap align-center benben-flex-layout orderDetails_flex_5">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd5_0'>
				<view class='flex flex-wrap align-center orderDetails_fd5_0_c0' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/dpxq/storeDetails/storeDetails?id=${info.store_info.aid}`">
					<image class='orderDetails_fd5_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"45.png"'></image>
					<text class='orderDetails_fd5_0_c0_c1'>{{info.store_info.store_name}}</text>
				</view>
				<view class='flex flex-wrap align-stretch orderDetails_fd5_0_c1' v-for="(item, index) in info.goods_lists"
					:key="index">
					<view class='flex flex-wrap align-center orderDetails_fd5_0_c1_c0'>
						<image class='orderDetails_fd5_0_c1_c0_c0' mode="aspectFill" :src='item.goods_thumb'></image>
					</view>
					<view class='flex flex-direction flex-wrap align-stretch justify-between flex-sub'>
						<view class='flex flex-wrap align-stretch justify-between'>
							<view class='orderDetails_fd5_0_c1_c1_c0_c0'>{{item.goods_name}}</view>
							<view class='flex flex-wrap align-center'>
								<text class='orderDetails_fd5_0_c1_c1_c0_c1_c0'>￥</text>
								<text class='orderDetails_fd5_0_c1_c1_c0_c1_c1'>{{item.shop_price}}</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center' v-if="item.sku_name">
							<text class='orderDetails_fd5_0_c1_c1_c1_c0'>{{item.sku_name}}</text>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c1_c1_c2_c0'>x</text>
							<text class='orderDetails_fd5_0_c1_c1_c2_c1'>{{item.num}}</text>
						</view>
					</view>
				</view>

				<view class='flex flex-direction flex-wrap align-stretch orderDetails_fd5_0_c3'>
					<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c0'>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c0_c0_c0'>打包费</text>
							<image class='orderDetails_fd5_0_c3_c0_c0_c1' :src='STATIC_URL+"46.png"'
								@tap.stop="popupShow1684483109161=true"></image>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c0_c1_c0'>￥</text>
							<text class='orderDetails_fd5_0_c3_c0_c1_c1'>{{info.pack_money || 0}}</text>
						</view>
					</view>
					<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c3_c1' v-if="info.pick_type == 1">
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c1_c0_c0'>配送费</text>
							<image class='orderDetails_fd5_0_c3_c1_c0_c1' :src='STATIC_URL+"46.png"'
								@tap.stop="popupShow1684483396301=true"></image>
						</view>
						<view class='flex flex-wrap align-center'>
							<text class='orderDetails_fd5_0_c3_c1_c1_c0'>￥</text>
							<text class='orderDetails_fd5_0_c3_c1_c1_c1'>{{info.freight || 0}}</text>
						</view>
					</view>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd5_0_c4'>
				</view>
				<view class='flex flex-wrap align-center justify-end' v-if="info.status >= 0">
					<view class='flex flex-wrap align-center orderDetails_fd5_0_c5_c0'>
						<text class='orderDetails_fd5_0_c5_c0_c0'>已抵扣</text>
						<text class='orderDetails_fd5_0_c5_c0_c1'>￥</text>
						<text class='orderDetails_fd5_0_c5_c0_c2'>{{info.score_money}}</text>
					</view>
					<view class='flex flex-wrap align-center' v-if="info.status == 0">
						<text class='orderDetails_fd5_0_c5_c1_c0'>应付：</text>
						<text class='orderDetails_fd5_0_c5_c1_c1'>￥</text>
						<text class='orderDetails_fd5_0_c5_c1_c2'>{{info.payable_money}}</text>
					</view>
					<view class='flex flex-wrap align-center' v-if="info.status > 0">
						<text class='orderDetails_fd5_0_c5_c1_c0'>实付：</text>
						<text class='orderDetails_fd5_0_c5_c1_c1'>￥</text>
						<text class='orderDetails_fd5_0_c5_c1_c2'>{{info.real_money}}</text>
					</view>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd5_0_c6'>
					<view class='flex flex-wrap align-center' @tap.stop="handleChatShop">
						<image class='orderDetails_fd5_0_c6_c0_c0' mode="aspectFit" :src='STATIC_URL+"47.png"'></image>
						<text class='orderDetails_fd5_0_c6_c0_c1'>联系商家</text>
					</view>
					<view class='flex flex-wrap align-center' @click="handleContactShop">
						<image class='orderDetails_fd5_0_c6_c1_c0' mode="aspectFit" :src='STATIC_URL+"48.png"'></image>
						<text class='orderDetails_fd5_0_c6_c1_c1'>致电商家</text>
					</view>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_6">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd6_0'>
				<view class='flex flex-wrap align-center justify-between'>
					<text class='orderDetails_fd6_0_c0_c0'>备注</text>
					<view class='orderDetails_fd6_0_c0_c1'>{{info.remark || '无'}}</view>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->
		<!---flex布局flex布局开始-->
		<view class="flex benben-flex-layout flex-wrap align-center orderDetails_flex_7">
			<view class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd7_0'>
				<view class='flex flex-wrap align-center orderDetails_fd7_0_c0'>
					<text class='orderDetails_fd7_0_c0_c0'>订单信息</text>
				</view>
				<view class='flex flex-wrap align-center orderDetails_fd7_0_c1'>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd7_0_c2'>
					<text class='orderDetails_fd7_0_c2_c0'>订单编号</text>
					<view class='flex flex-wrap align-center'>
						<text class='orderDetails_fd7_0_c2_c1_c0'>{{sn}}</text>
						<text class='orderDetails_fd7_0_c2_c1_c1' @tap.stop="copyText(sn)">复制</text>
					</view>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd7_0_c3'>
					<text class='orderDetails_fd7_0_c3_c0'>下单时间</text>
					<text class='orderDetails_fd7_0_c3_c1'>{{info.create_time}}</text>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd7_0_c4' v-if="info.pay_type">
					<text class='orderDetails_fd7_0_c4_c0'>支付方式</text>
					<text class='orderDetails_fd7_0_c4_c1'>{{info.pay_type}}</text>
				</view>
				<view class='flex flex-wrap align-center justify-between orderDetails_fd7_0_c5'
					v-if="info.real_money && info.pay_type">
					<text class='orderDetails_fd7_0_c5_c0'>支付金额</text>
					<view class='flex flex-wrap align-center'>
						<text class='orderDetails_fd7_0_c5_c1_c0'>￥</text>
						<text class='orderDetails_fd7_0_c5_c1_c1'>{{info.real_money}}</text>
					</view>
				</view>
			</view>
		</view>

		<!---flex布局flex布局结束-->
		<benben-popup v-model="popupShow1684483396301" :mask="true" mode='bottom'>
			<!---配送费说明弹窗flex布局开始-->
			<view class="flex flex-direction align-stretch benben-flex-layout orderDetails_flex_8">
				<view class='flex flex-wrap align-center justify-between orderDetails_fd8_0'>
					<view class='flex flex-wrap align-center orderDetails_fd8_0_c0'>
					</view>
					<text class='orderDetails_fd8_0_c1'>配送费说明</text>
					<image class='orderDetails_fd8_0_c2' :src='STATIC_URL+"175.png"' @tap.stop="popupShow1684483396301=false">
					</image>
				</view>
				<scroll-view scroll-y="true" class='flex flex-wrap align-center orderDetails_fd8_1'>
					<text class='orderDetails_fd8_1_c0'>
						<jyf-parser :html="parser2 | richTextFormat"></jyf-parser>
					</text>
				</scroll-view>
			</view>

			<!---配送费说明弹窗flex布局结束-->

		</benben-popup>
		<benben-popup v-model="popupShow1684482606108" :mask="true" mode='center'>
			<!---取消订单flex布局开始-->
			<view class="flex flex-direction flex-wrap align-center orderDetails_flex_9"
				@tap.stop="popupShow1650940432200=true">
				<text class='orderDetails_fd9_0'>提示</text>
				<text class='orderDetails_fd9_1'>确定要取消订单吗？</text>
				<view class='flex flex-wrap align-center orderDetails_fd9_2'>
					<button class='orderDetails_fd9_2_c0' @tap.stop="popupShow1684482606108=false">取消</button>
					<button class='orderDetails_fd9_2_c1'>确定</button>
				</view>
			</view>

			<!---取消订单flex布局结束-->

		</benben-popup>
		<benben-popup v-model="popupShow1684483109161" :mask="true" mode='bottom'>
			<!---打包费说明弹窗flex布局开始-->
			<view class="flex flex-direction align-stretch benben-flex-layout orderDetails_flex_10">
				<view class='flex flex-wrap align-center justify-between orderDetails_fd10_0'>
					<view class='flex flex-wrap align-center orderDetails_fd10_0_c0'>
					</view>
					<text class='orderDetails_fd10_0_c1'>打包费说明</text>
					<image class='orderDetails_fd10_0_c2' :src='STATIC_URL+"175.png"' @tap.stop="popupShow1684483109161=false">
					</image>
				</view>
				<scroll-view scroll-y="true" class='flex flex-wrap align-center orderDetails_fd10_1'>
					<text class='orderDetails_fd10_1_c0'>
						<jyf-parser :html="parser1 | richTextFormat"></jyf-parser>
					</text>
				</scroll-view>
			</view>

			<!---打包费说明弹窗flex布局结束-->

		</benben-popup>


	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"popupShow1684483109161": false,
				"popupShow1684482606108": false,
				"popupShow1684483396301": false,
				"fd4_0_c0_c1_c1": 360000,
				"fd1_0_c0_c1_c1": 360000,
				"orderNameber": "201809030004",
				"id": "1",
				isLoading: false,
				sn: '',
				info: {},
				lat: 39.909,
				lng: 116.39742,
				parser1: '',
				parser2: '',
				covers: [],
				timer: null
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},

		},
		watch: {},
		onLoad(options) {
			let {
				sn
			} = options
			if (sn !== undefined) this.sn = sn;
			this.getXieyi(19);
			this.getXieyi(20);
			this.getLocation()
		},
		onUnload() {
			if (this.timer) {
				clearInterval(this.timer)
			}
		},
		onReady() {

		},
		onShow() {
			this.getPublishStatus()
			// #ifdef APP-PLUS
			this.getPublishStatus()
			// #endif
			this.getOrderDetail();
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			getLocation() {
				// #ifdef H5
				this.lat = '34.738695';
				this.lng = '113.64328';
				// #endif
				// #ifndef H5
				uni.getLocation({
					type: 'gcj02',
					success: (res) => {
						this.lat = res.latitude;
						this.lng = res.longitude;
					},

					fail: err => {
						console.log(err)
					}
				});
				// #endif
			},
			handleToMap() {
				console.log(this.info.store_info);
				uni.openLocation({
					latitude: this.info.store_info.address_lat - 0,
					longitude: this.info.store_info.address_lng - 0,
					name: this.info.store_info.address_address,
					success: function() {
						console.log('success');
					},
					fail: (err) => {
						console.log(err);
					}
				});
			},
			getXieyi(type) {
				console.log(type)
				this.$api.post(global.apiUrls.getXieyi, {
						aid: type
					}).then(res => {
						if (res.data.code == 1) {
							let info = res.data.data;
							if (type == 19) {
								this.parser1 = info.body;
							}
							if (type == 20) {
								this.parser2 = info.body;
							}


						}
					})
					.catch(err => {
						console.log(err);
					});
			},
			/**
			 * @description 删除订单
			 */
			delOrder() {
				this.$util.showModal({
					title: '提示',
					content: '确认删除此订单?',
					confirmColor: "#ff9300",
					success: res => {
						if (res.confirm) {
							this.$api
								.post(global.apiUrls.postDelOrder, {
									order_sn: this.info.order_sn
								})
								.then(res => {
									let data = res.data;
									if (data.code == 1) {
										this.$message.info('删除成功');
										setTimeout(() => {
											uni.navigateBack({
												delta: 1
											})
										}, 1000)
									} else {
										this.$message.info(data.msg);
									}
								})
								.catch(err => {
									console.log('err: ' + JSON.stringify(err));
								});
						}
					}
				});
			},
			handleChatShop() {
				uni.navigateTo({
					url: '/pages/my/xiaoxi/chatRoom?name=' + this.info.store_info.store_name + '&id=' + this.info.store_info
						.aid
				})
			},
			handleContactShop() {
				let phone = this.info.store_info.service_phone;
				if (!phone) return this.$message.info('该店铺没有设置联系电话~');
				this.callMobile(phone)
				// uni.makePhoneCall({
				//   phoneNumber: phone
				// })
			},
			handleContactRider() {
				let phone = this.info.rider_info.mobile;
				if (!phone) return this.$message.info('该骑手没有设置联系电话~');
				this.callMobile(phone)
				// uni.makePhoneCall({
				//   phoneNumber: phone
				// })
			},
			postBuyAgain() {
				this.$util.showModal({
					title: '提示',
					content: '确定要再来一单？',
					confirmColor: "#ff9300",
					success: res => {
						if (res.confirm) {
							this.$api
								.post(global.apiUrls.postBuyAgain, {
									order_sn: this.info.order_sn
								})
								.then(res => {
									let data = res.data;

									if (data.code == 1) {
										setTimeout(() => {
											uni.redirectTo({
												url: `/pages/dpxq/storeDetails/storeDetails?id=${this.info.store_info.aid}`
											})
										}, 1000)
									} else {
										this.$message.info(data.msg);
									}
								})
								.catch(err => {
									console.log('err: ' + JSON.stringify(err));
								});
						}
					}
				});
			},
			/**
			 * @description 取消订单
			 */
			cancelOrder() {
				console.log(123)
				this.$util.showModal({
					title: '提示',
					content: '确定取消当前订单？',
					confirmColor: "#ff9300",
					success: res => {
						if (res.confirm) {
							console.log(123)
							this.$api
								.post(global.apiUrls.postCancelOrder, {
									order_sn: this.info.order_sn
								})
								.then(res => {
									let data = res.data;
									this.$message.info(data.msg);
									if (data.code == 1) {
										this.getOrderDetail();
									}
								})
								.catch(err => {
									console.log('err: ' + JSON.stringify(err));
								});
						}
					}
				});
			},
			handleTimeEnd() {
				uni.navigateBack({
					delta: 1
				})
			},
			getRiderInfo() {
				this.getRider()
				if (this.timer) {
					clearInterval(this.timer)
				}
				this.timer = setInterval(()=>{
					this.getRider()
				}, 30000)
			},
			getRider() {
				this.$api.post(global.apiUrls.post674d6a65730f3, {
						order_sn: this.sn
					}).then(res => {
						if (res.data.code == 1) {
							let covers = [...this.covers]
							covers.push({
									id: 333,
									latitude: res.data.data.lat - 0,
									longitude: res.data.data.lng - 0,
									width: 36,
									height: 36,
									iconPath: '../static/rider.png'
									// iconPath: 'https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/rider.png',
									// callout: {
									// 	content: this.info.store_info.store_name,
									// 	color: '#ffffff',
									// 	fontSize: 14,
									// 	borderRadius: 16,
									// 	bgColor: '#FF9D00',
									// 	padding: 6,
									// 	display: 'ALWAYS',
									// 	textAlign: 'center',
									// 	anchorY: 10
									// }
								})
								
							
							this.covers = covers;
						}
					}).catch(err => {
					console.log(err);
				});
			},
			/**
			 * 获取订单详情
			 */
			getOrderDetail() {
				this.$api.post(global.apiUrls.getOrderDetail, {
						order_sn: this.sn
					}).then(res => {
						if (res.data.code == 1) {
							this.isLoading = true
							this.info = res.data.data;
							// if (this.info.pick_type == 1) {
							//   this.lat = this.info.address.lat;
							//   this.lng = this.info.address.lng;
							// } else {
							//   this.lat = this.info.store_info.address_lat;
							//   this.lng = this.info.store_info.address_lng;
							// }
							if (this.info.pick_type == 1) {
								this.lat = this.info.address.lat;
								this.lng = this.info.address.lng;
								if (this.info.status == 4 || this.info.status == 5) {
									this.getRiderInfo()
								}

							} else {
								this.lat = this.info.store_info.address_lat;
								this.lng = this.info.store_info.address_lng;
							}
							// https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/rider.png
							let covers = [{
									id: 999,
									latitude: this.lat - 0,
									longitude: this.lng,
									width: 36,
									height: 36,
									iconPath: '../static/location.png'
								},
								{
									id: 666,
									latitude: this.info.store_info.address_lat - 0,
									longitude: this.info.store_info.address_lng - 0,
									width: 36,
									height: 36,
									iconPath: '../static/shop.png'
									// iconPath: this.info.store_info.logo,
									// callout: {
									// 	content: this.info.store_info.store_name,
									// 	color: '#ffffff',
									// 	fontSize: 14,
									// 	borderRadius: 16,
									// 	bgColor: '#FF9D00',
									// 	padding: 6,
									// 	display: 'ALWAYS',
									// 	textAlign: 'center',
									// 	anchorY: 10
									// }
								},
							];

							this.covers = covers;
						} else {
							this.$message.info(res.data.msg)
						}
					})
					.catch(err => {
						console.log(err);
					});
			},
		},
		filters: {
			// 订单状态过滤器  status每个值代表的状态
			// -1 => '已取消', 0 => '待付款', 1 => '待接单', 2 => '备货中', 3 => '骑手待接单'
			//  4 => '待取货', 5 => '待送达', 6 => '待到店自提', 7 => '待评价'  8=> '已完成'
			filterStatus(val) {
				switch (val - 0) {
					case 0:
						return '待付款';
					case 1:
						return '商家待接单';
					case 2:
						return '备货中';
					case 3:
						return '骑手待接单';
					case 4:
						return '待取货';
					case 5:
						return '待送达';
					case 6:
						return '待到店自提';
					case 7:
						return '待评价';
					case 8:
						return '已完成';
					case -1:
						return '已取消';
					case -2:
						return '已拒单';
					default:
						return '';
				}
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/40.png) no-repeat, rgba(246, 247, 249, 1);
		background-size: 100% auto !important;
	}

	.orderDetails_flex_0 {
		background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/40.png) no-repeat, transparent;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.orderDetails_fd0_0_c2 {
		width: 32rpx;
		height: 32rpx;
	}

	.orderDetails_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		line-height: 88rpx;
	}

	.orderDetails_fd0_0_c0_c0 {
		font-size: 32rpx;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		line-height: 88rpx;
	}

	.orderDetails_fd0_0 {
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.orderDetails_flex_1 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd1_0_c1_2 {
		width: 140rpx;
		height: 140rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd1_0_c1_1 {
		width: 140rpx;
		height: 140rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd1_0_c1 {
		width: 140rpx;
		height: 140rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd1_0_c0_c3_c0 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd1_0_c0_c2_c0 {
		color: #FF9300;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 56rpx;
	}

	.orderDetails_fd1_0_c0_c2 {
		background: rgba(255, 255, 255, 1);
		width: 136rpx;
		height: 56rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		background-size: 100% auto !important;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd1_0_c0_c1_c1_c7 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.orderDetails_fd1_0_c0_c1_c1_c6 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.orderDetails_fd1_0_c0_c1_c1_c5 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.orderDetails_fd1_0_c0_c1_c1_c4 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.orderDetails_fd1_0_c0_c1_c1_c3 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.orderDetails_fd1_0_c0_c1_c1_c2 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
	}

	.orderDetails_fd1_0_c0_c1_c1 {
		background: rgba(255, 255, 255, 0);
	}

	.orderDetails_fd1_0_c0_c1_c0 {
		line-height: 33rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderDetails_fd1_0_c0_c1 {
		margin: 8rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd1_0_c0_c0_2 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #FFFFFF;
	}

	.orderDetails_fd1_0_c0_c0_1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 700;
		color: #FFFFFF;
	}

	.orderDetails_fd1_0_c0_c0 {
		line-height: 45rpx;
		font-size: 38rpx;
		font-weight: 700;
		color: #FFFFFF;
	}

	.orderDetails_flex_2 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd2_2_c0_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
		color: rgba(253, 115, 115, 1);
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd2_2_c0_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_2 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 40rpx 64rpx 40rpx 64rpx;
	}

	.orderDetails_fd2_1_c2_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd2_1_c2_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_1_c1_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd2_1_c1_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_1_c0_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
		color: rgba(253, 115, 115, 1);
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd2_1_c0_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_1 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 40rpx 64rpx 40rpx 64rpx;
	}

	.orderDetails_fd2_0_c2_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
		color: rgba(255, 118, 0, 1);
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd2_0_c2_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_0_c1_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd2_0_c1_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_0_c0_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd2_0_c0_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd2_0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 40rpx 64rpx 40rpx 64rpx;
	}

	.orderDetails_flex_3 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd3_0_c3_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
		max-width: 321rpx;
		text-align: right;
	}

	.orderDetails_fd3_0_c3_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd3_0_c3 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd3_0_c2_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd3_0_c2_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd3_0_c2 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd3_0_c1 {
		background: rgba(238, 238, 238, 1);
		height: 1rpx;
		background-size: 100% auto !important;
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd3_0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 600;
		line-height: 32rpx;
	}

	.orderDetails_fd3_0_c0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd3_0 {
		background: rgba(255, 255, 255, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 24rpx 0rpx 24rpx 0rpx;
	}

	.orderDetails_flex_4 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd4_1_c4_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd4_1_c4_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd4_1_c4 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd4_1_c3_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
		max-width: 321rpx;
		text-align: right;
	}

	.orderDetails_fd4_1_c3_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd4_1_c3 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd4_1_c2_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd4_1_c2_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd4_1_c2_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd4_1_c2 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd4_1_c1 {
		background: rgba(238, 238, 238, 1);
		height: 1rpx;
		background-size: 100% auto !important;
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd4_1_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 600;
		line-height: 32rpx;
	}

	.orderDetails_fd4_1_c0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd4_1 {
		background: rgba(255, 255, 255, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 24rpx 0rpx 24rpx 0rpx;
	}

	.orderDetails_fd4_0_c4_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd4_0_c4_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderDetails_fd4_0_c4 {
		margin: 20rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd4_0_c3 {
		background: rgba(238, 238, 238, 1);
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderDetails_fd4_0_c2_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd4_0_c2_c0 {
		width: 120rpx;
		height: 120rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.orderDetails_fd4_0_c2 {
		padding: 32rpx 24rpx 32rpx 24rpx;
	}

	.orderDetails_fd4_0_c1 {
		background: rgba(238, 238, 238, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderDetails_fd4_0_c0_c1_c1_c6 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.orderDetails_fd4_0_c0_c1_c1_c5 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.orderDetails_fd4_0_c0_c1_c1_c4 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.orderDetails_fd4_0_c0_c1_c1_c3 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.orderDetails_fd4_0_c0_c1_c1_c2 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.orderDetails_fd4_0_c0_c1_c1 {
		background: #FFFFFF;
	}

	.orderDetails_fd4_0_c0_c1_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.orderDetails_fd4_0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 600;
		line-height: 32rpx;
	}

	.orderDetails_fd4_0_c0 {
		margin: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd4_0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 24rpx 0rpx 19rpx 0rpx;
	}

	.orderDetails_flex_5 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd5_0_c6_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c6_c1_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c6_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c6_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c6 {
		margin: 43rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 71rpx 0rpx 71rpx;
	}

	.orderDetails_fd5_0_c5_c1_c2 {
		color: #E32121;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c5_c1_c1 {
		color: #E32121;
		font-size: 24rpx;
		font-weight: 700;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c5_c1_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c0_c2 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c0_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c0_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c5_c0 {
		margin: 0rpx 32rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c4 {
		background: rgba(238, 238, 238, 1);
		background-size: 100% auto !important;
		height: 1rpx;
		margin: 0rpx 0rpx 36rpx 0rpx;
	}

	.orderDetails_fd5_0_c3_c1_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 28rpx;
	}

	.orderDetails_fd5_0_c3_c1_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 28rpx;
	}

	.orderDetails_fd5_0_c3_c1_c0_c1 {
		width: 24rpx;
		height: 24rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 8rpx;
	}

	.orderDetails_fd5_0_c3_c1_c0_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c1 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c3_c0_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 28rpx;
	}

	.orderDetails_fd5_0_c3_c0_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 28rpx;
	}

	.orderDetails_fd5_0_c3_c0_c0_c1 {
		width: 24rpx;
		height: 24rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 8rpx;
	}

	.orderDetails_fd5_0_c3_c0_c0_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd5_0_c3_c0 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.orderDetails_fd5_0_c3 {
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c2_c1_c1_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c2_c1_c1_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c2_c1_c0_c1_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c2_c1_c0_c1_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c2_c1_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c2_c0_c0 {
		width: 152rpx;
		height: 152rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c2_c0 {
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c2 {
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.orderDetails_fd5_0_c1_c1_c2_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c1_c1_c2_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd5_0_c1_c1_c1_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 50rpx;
	}

	.orderDetails_fd5_0_c1_c1_c0_c1_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c1_c1_c0_c1_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c1_c1_c0_c0 {
		width: 340rpx;
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c1_c0_c0 {
		width: 152rpx;
		height: 152rpx;
		border-radius: 8rpx;
	}

	.orderDetails_fd5_0_c1_c0 {
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c1 {
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.orderDetails_fd5_0_c0_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderDetails_fd5_0_c0_c0 {
		width: 30rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.orderDetails_fd5_0_c0 {
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.orderDetails_fd5_0 {
		background: rgba(255, 255, 255, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 24rpx 20rpx 24rpx;
	}

	.orderDetails_flex_6 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd6_0_c0_c1 {
		width: 550rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 700;
		line-height: 30rpx;
		text-align: right;
	}

	.orderDetails_fd6_0_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 600;
		line-height: 30rpx;
	}

	.orderDetails_fd6_0 {
		background: rgba(255, 255, 255, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 24rpx 24rpx 24rpx 24rpx;
	}

	.orderDetails_flex_7 {
		padding: 0rpx 24rpx 48rpx 24rpx;
	}

	.orderDetails_fd7_0_c5_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c5_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c5_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c5 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd7_0_c4_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c4_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c4 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd7_0_c3_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c3_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c3 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd7_0_c2_c1_c1 {
		margin: 0rpx 0rpx 0rpx 16rpx;
		color: #3C9EFF;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 24rpx;
	}

	.orderDetails_fd7_0_c2_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c2_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderDetails_fd7_0_c2 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd7_0_c1 {
		background: rgba(238, 238, 238, 1);
		height: 1rpx;
		background-size: 100% auto !important;
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd7_0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 600;
		line-height: 32rpx;
	}

	.orderDetails_fd7_0_c0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderDetails_fd7_0 {
		background: rgba(255, 255, 255, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 24rpx 0rpx 24rpx 0rpx;
	}

	.orderDetails_flex_8 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
	}

	.orderDetails_fd8_1_c0 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
		line-height: 46rpx;
	}

	.orderDetails_fd8_1 {
		max-height: 800rpx;
		overflow: scroll;
		padding: 48rpx 27rpx 72rpx 37rpx;
	}

	.orderDetails_fd8_0_c2 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd8_0_c1 {
		font-size: 36rpx;
		font-weight: 600;
		color: #333333;
		line-height: 50rpx;
	}

	.orderDetails_fd8_0_c0 {
		width: 28rpx;
		height: 0rpx;
	}

	.orderDetails_fd8_0 {
		padding: 40rpx 40rpx 0rpx 40rpx;
	}

	.orderDetails_flex_9 {
		background: #fff;
		width: 540rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.orderDetails_fd9_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: rgba(255, 147, 0, 1);
		width: 270rpx;
	}

	.orderDetails_fd9_2_c0 {
		border-top: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		padding: 0rpx 103rpx 0rpx 103rpx;
	}

	.orderDetails_fd9_2 {
		margin: 37rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd9_1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
	}

	.orderDetails_fd9_0 {
		font-size: 36rpx;
		font-weight: 800;
		line-height: 44rpx;
		color: #333333;
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.orderDetails_flex_10 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
	}

	.orderDetails_fd10_1_c0 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
		line-height: 46rpx;
	}

	.orderDetails_fd10_1 {
		max-height: 800rpx;
		padding: 48rpx 27rpx 72rpx 37rpx;
		overflow: scroll;
	}

	.orderDetails_fd10_0_c2 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.orderDetails_fd10_0_c1 {
		font-size: 36rpx;
		font-weight: 600;
		color: #333333;
		line-height: 50rpx;
	}

	.orderDetails_fd10_0_c0 {
		width: 28rpx;
		height: 0rpx;
	}

	.orderDetails_fd10_0 {
		padding: 40rpx 40rpx 0rpx 40rpx;
	}

	.orderReceiving_flex_2 {
		padding: 15rpx 24rpx 0rpx 24rpx;
	}

	.orderReceiving_fd2_6_c2_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_6_c2_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_6_c2 {
		margin: 20rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 71rpx 0rpx 71rpx;
	}

	.orderReceiving_fd2_6_c1 {
		background: rgba(238, 238, 238, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderReceiving_fd2_6_c0_c1 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 32rpx;
	}

	.orderReceiving_fd2_6_c0_c0 {
		width: 120rpx;
		height: 120rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_6_c0 {
		margin: 0rpx 24rpx 0rpx 24rpx;
	}

	.orderReceiving_fd2_6 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 20rpx 0rpx;
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_5_c3_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_5_c3_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_5_c3 {
		margin: 20rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 71rpx 0rpx 71rpx;
	}

	.orderReceiving_fd2_5_c2 {
		background: rgba(238, 238, 238, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderReceiving_fd2_5_c1_c1 {
		color: #FF9300;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_5_c1_c0 {
		color: #FF9300;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_5_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_5_c0_c0 {
		color: #333333;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 50rpx;
	}

	.orderReceiving_fd2_5 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 20rpx 0rpx;
	}

	.orderReceiving_fd2_4_c3_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_4_c3_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_4_c3 {
		margin: 20rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 71rpx 0rpx 71rpx;
	}

	.orderReceiving_fd2_4_c2 {
		background: rgba(238, 238, 238, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderReceiving_fd2_4_c1_c0 {
		color: #FF9300;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_4_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_4_c0_c0 {
		color: #333333;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 50rpx;
	}

	.orderReceiving_fd2_4 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 20rpx 0rpx;
	}

	.orderReceiving_fd2_3_c3_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_3_c3_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_3_c3 {
		margin: 20rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 71rpx 0rpx 71rpx;
	}

	.orderReceiving_fd2_3_c2 {
		background: rgba(238, 238, 238, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderReceiving_fd2_3_c1_c0 {
		color: #FF9300;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_3_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_3_c0_c0 {
		color: #333333;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 50rpx;
	}

	.orderReceiving_fd2_3 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 20rpx 0rpx;
	}

	.orderReceiving_fd2_2_c3_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_2_c3_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_2_c3 {
		margin: 20rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 71rpx 0rpx 71rpx;
	}

	.orderReceiving_fd2_2_c2 {
		background: rgba(238, 238, 238, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderReceiving_fd2_2_c1_c0 {
		color: #FF9300;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_2_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_2_c0_c0 {
		color: #333333;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 50rpx;
	}

	.orderReceiving_fd2_2 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 20rpx 0rpx;
	}

	.orderReceiving_fd2_1_c3_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_1_c3_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_1_c3 {
		margin: 43rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 71rpx 0rpx 71rpx;
	}

	.orderReceiving_fd2_1_c2 {
		background: rgba(238, 238, 238, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderReceiving_fd2_1_c1_c0 {
		color: #FF9300;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_1_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_1_c0_c0 {
		color: #333333;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 50rpx;
	}

	.orderReceiving_fd2_1 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 20rpx 0rpx;
	}

	.orderReceiving_fd2_0_c3_c1_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_0_c3_c1_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_0_c3_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_0_c3_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_0_c3 {
		margin: 43rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 71rpx 0rpx 71rpx;
	}

	.orderReceiving_fd2_0_c2 {
		background: rgba(238, 238, 238, 1);
		margin: 24rpx 0rpx 0rpx 0rpx;
		height: 1rpx;
		background-size: 100% auto !important;
	}

	.orderReceiving_fd2_0_c1_c0 {
		color: #FF9300;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 30rpx;
	}

	.orderReceiving_fd2_0_c1 {
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.orderReceiving_fd2_0_c0_c0 {
		color: #333333;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 50rpx;
	}

	.orderReceiving_fd2_0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		padding: 32rpx 0rpx 20rpx 0rpx;
	}

	.orderReceiving_flex_0 {
		background: rgba(255, 255, 255, 1);
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.orderReceiving_fd0_0_c2 {
		width: 32rpx;
		height: 32rpx;
	}

	.orderReceiving_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: rgba(51, 51, 51, 1);
		line-height: 88rpx;
	}

	.orderReceiving_fd0_0_c0_c0 {
		font-size: 32rpx;
		font-weight: 500;
		color: rgba(51, 51, 51, 1);
		line-height: 88rpx;
	}

	.orderReceiving_fd0_0 {
		margin: 0rpx 32rpx 0rpx 32rpx;
	}
</style>