<template>
	<!-- <z-paging ref="paging" v-model="list" @query="queryList"> -->
	<view class="head">
		<!-- 订单详情 -->
		<!-- <u-navbar title="订单详情" autoBack placeholder> -->
		<u-navbar title="订单详情" leftIconSize="0" @leftClick="leftClick" placeholder>
			<u-icon name="arrow-left" slot="left" color="#333333" size="24"></u-icon>
		</u-navbar>
		</u-navbar>
		<view class="head-xin df aic" v-if="listone.refund_status_name">
			<div>{{listone.refund_status_name}}</div>
		</view>
		<view class="head-xin df aic" v-if="!listone.refund_status_name">
			<div>{{textset}}</div>
		</view>
		<view class="Buyer-information" v-if="listone.order_info">
			<div class="df aic jcsb">
				<div>买家信息</div>
				{{listone.delivery_status_name}}
			</div>
			<div class="Buyer-xu"></div>
			<div class="df aic">
				<div>{{listone.member_info.nickname}}</div>
				<div class="df aic jcsa">{{store_type}}</div>
			</div>
			<div>
				{{store_name}}
			</div>
			<div class="df aic">
				<div>{{listone.shop_address}}</div>
				<div>{{listone.member_info.nickname}}<span>{{listone.member_info.mobile}}</span></div>
			</div>
			<div class="df aic">
				<div>收货地址：</div>
				<div>{{listone.order_info.name}}</div>
				<div>{{listone.shop_mobile}}</div>
			</div>
			<div>
				<div>{{listone.shop_address}}{{listone.order_info.address}}</div>
			</div>
			<div class="Buyer-xu"></div>
			<div class="df">
				<div class="df aic jcsa">
					<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/suona.png`)" mode=""></image>
				</div>
				<div>{{listone.refund_reason}}</div>
			</div>
			<div class="df aic jcsb">
				<div class="df aic">
					<div class="df aic jcsa">
						<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/rectangle.png`)" mode=""></image>
					</div>
					<div>{{listone.refund_remark}}</div>
				</div>
				<!-- <div><u-icon name="arrow-right"></u-icon></div> -->
			</div>
		</view>

		<view class="menu-list">
			<div class="inventory-list df aic" v-for="(item,index) in 1" :key="index">
				<div class="df aic jcsa">
					<image :src="$util.img(listone.sku_image)" mode=""></image>
				</div>
				<div class="">

					<div class="">{{listone.goods_name}}</div>
					<div class="df">
						<div>产地：<span>{{listone.address}}</span></div>
						<div>规格：<span>0.5kg</span></div>
					</div>
					<div>￥{{listone.price}}<span>/袋</span></div>
				</div>
				<div>×{{listone.num}}</div>
			</div>

		</view>
		<view class="refund-amount">
			<div class="df aic jcsb">
				<div>退款金额</div>
				<div>￥{{listone.real_goods_money}}</div>
			</div>
			<div class="refund-foot"></div>
			<div class="df">
				<div>订单编号</div>
				<div>{{listone.order_no}}</div>
			</div>
			<div class="df">
				<div>下单时间</div>
				<div>{{ $util.timeStampTurnTime(listone.create_time) }}</div>
			</div>
			<div class="df" v-if="pay_time.length>0">
				<div>付款时间</div>
				<div>{{ pay_time}}</div>
			</div>
			<div class="df" v-if="delivery_time.length>0">
				<div>发货时间</div>
				<div>{{ delivery_time}}</div>
			</div>

			<div class="df" v-if="finish_time.length>0">
				<div>完成时间</div>
				<div>{{finish_time}}</div>
			</div>


		</view>
		<view class="button-btn df aic jcf"
			v-if="listone.refund_status_name?listone.refund_status==0||listone.refund_status==1:false">
			<div class="df aic jcsa button-two" @click="close(listone.member_id,listone.order_goods_id)">关闭维权</div>
			<div class="df aic jcsa button-one" @click="refuse(listone.member_id,listone.order_goods_id)">拒绝退款</div>
			<div class="df aic jcsa button-two" @click="tongyi(listone.member_id,listone.order_goods_id)">同意退款</div>
			<!-- <div class="df aic jcsa button-three" @click="customer">联系顾客</div> -->
		</view>
		<view class="button-btn df aic jcf" v-if="listone.refund_status==2">
			<div class="df aic jcsa button-three" @click="itxfh">转账</div>
		</view>
		<view class="button-btn df aic jcf" v-if="sex==3">
			<!-- <div class="df aic jcsa button-two" @click='btnlook'>查看物流</div>
			<div class="df aic jcsa button-three" @click="btnaccomplish">完成退款</div> -->
		</view>
		<u-overlay :show="show1">
			<view class="original-road">
				<div class="df aic jcsa">拒绝退款提示</div>
				<!-- <div v-for="(item,index) in radiolist1" :key="index">
					<div class="arr df aic jcsa" @click="four(index)">
						<div class="df aic jcsa arr2" > 
							<image v-if="index==indexa" :src="$util.img(`/upload/weapp/user/gou.png`)" mode=""></image>
							<image v-else :src="$util.img(`/upload/weapp/user/un_gou.png`)" mode=""></image>
							<div class="df aic arr1">
								<text>{{item.name}}</text>
							</div>
						</div>
						
					</div>
				</div> -->
				<div class="use">取消原因:</div>
				<!-- <view class="userna"> -->
				<view class="arrones" style="width: 456rpx;margin: 0 auto;">
					<!-- <input v-model="cause" type="text" style="border: 1rpx solid #ccc;"> -->
					<u--textarea v-model="reired" placeholder="驳回时必填"></u--textarea>
				</view>
				<!-- <input type="text" v-model="reired" name="username" id="username" required> -->
				<!-- </view> -->

				<div class="df bnt">
					<div class="df aic jcsa bnt1" @click="show1 = false">取消</div>
					<div class="df aic jcsa bnt2" @click="refuseset">确认</div>
				</div>
			</view>
		</u-overlay>
		<u-overlay :show="show" @click="show = false">
			<view class="Confirm-refund">
				<div class="df aic jcsa">提示</div>
				<div class="df aic jcsa">确认同意退款吗？</div>
				<div class="df">
					<div class="df aic jcsa" @click="show=false">取消</div>
					<div class="df aic jcsa" @click="tongyione">同意</div>
				</div>
			</view>
		</u-overlay>
		<u-overlay :show="show2">
			<view class="original-road">
				<div class="df aic jcsa">转账方式</div>
				<view class="set">
					<div v-for="(item,index) in radiolist1" :key="index">
						<div class="arr df aic " @click.stop="four(index)">
							<div class="df aic jcsa arr2">
								<image v-if="index==indexa" :src="$util.img(`/upload/weapp/user/gou.png`)" mode="">
								</image>
								<image v-else :src="$util.img(`/upload/weapp/user/un_gou.png`)" mode=""></image>
								<div class="df aic arr1">
									<text>{{item.name}}</text>
								</div>
							</div>

						</div>
					</div>
				</view>
				<div class="use">退款金额:</div>
				<view class="use">
					<input style="border:solid 1rpx #aaa;padding:10rpx;border-radius: 20rpx;" border="surround"
						v-model="value" type="number" />
				</view>
				<div class="use">退款备注:</div>

				<view class="use">
					<textarea
						style="border:solid 1rpx #aaa;width:calc(100% - 20rpx);padding:10rpx;border-radius: 20rpx;"
						type="text" v-model="reired" name="username" id="username" />
				</view>
				<div class="df bnt">
					<div class="df aic jcsa bnt1" @click="show2 = false">取消</div>
					<div class="df aic jcsa bnt2" @click="refusebxarr">确定转账</div>
				</div>
			</view>
		</u-overlay>
	</view>
	<!-- </z-paging> -->
</template>

<script>
	export default {
		data() {
			return {
				sex: '',
				list: [1],
				listone: [],
				simg: false,
				pay_time: '',
				delivery_time: '',
				textset: '',
				finish_time: '',
				store_name: '',
				store_type: '',
				order_goods_id: '',
				member_id: '',
				show1: false,
				show2: false,
				indexa: 0,
				value: '',
				radiolist1: [{
						name: '原路退款',

					},
					{
						name: '线下退款',

					},
					{
						name: '退款到余额',

					},
				],
				reired: '',
				show: false,
				st: 0
			};
		},
		onLoad(e) {
			this.sex = e.sex
			uni.$on('Refundonly', (data) => {
				console.log(data, '仅退款参数');
				this.st = data.st
				uni.$off('Refundonly')
				this.member_id = data.member_id,
					this.order_goods_id = data.order_goods_id
				this.$api.sendRequest({
					url: '/api/salasmanorder/refundDetail',
					data: {
						member_id: data.member_id,
						order_goods_id: data.order_goods_id
					},
					success: res => {
						console.log(res.data, '已同意');
						this.listone = res.data
						this.value = res.data.real_goods_money
						// this.value=res.data.goods_money
						this.pay_time = res.data.order_info.pay_time
						this.delivery_time = res.data.order_info.delivery_time
						this.finish_time = res.data.order_info.finish_time
						this.store_name = res.data.order_info.store_info.store_name
						this.store_type = res.data.order_info.store_info.store_type
						this.textset = '已关闭维权'
					}
				})
			})
			// setTimeout(()=>{

			// },200)
		},
		methods: {
			queryList(pageNo, pageSize) {
				this.$refs.paging.complete(this.list);
			},
			btnlook() {
				uni.navigateTo({
					url: '/page_salesman_index/look-over/look-over'
				})
			},
			//再次确认转账
			refusebxarr() {
				console.log({
					member_id: this.member_id, //	是	string	客户id
					order_goods_id: this.order_goods_id, //	是	string	订单商品order_goods_id
					refund_money_type: this.indexa, //	是	string	1原路退款 2线下退款 3退款到余额
					shop_refund_remark: this.reired, //	是	string	退款备注
					refund_real_money: this.value //	是	string	实际退款金额
				});
				if (!Number(this.value) >= 0.01) {
					this.$util.showToast({
						title: '只输入退款金额'
					});
					return
				}
				this.$api.sendRequest({
					url: '/api/salasmanorder/complete',
					data: {
						member_id: this.member_id, //	是	string	客户id
						order_goods_id: this.order_goods_id, //	是	string	订单商品order_goods_id
						refund_money_type: this.indexa + 1, //	是	string	1原路退款 2线下退款 3退款到余额
						shop_refund_remark: this.reired, //	是	string	退款备注
						refund_real_money: this.value //	是	string	实际退款金额
					},
					success: res => {
						this.$api.sendRequest({
							url: '/api/salasmanorder/refundDetail',
							data: {
								member_id: this.member_id,
								order_goods_id: this.order_goods_id
							},
							success: res => {
								console.log(res.data, '已同意');
								this.listone = res.data
								this.value = res.data.refund_real_money
								this.pay_time = res.data.order_info.pay_time
								this.delivery_time = res.data.order_info.delivery_time
								this.finish_time = res.data.order_info.finish_time
								this.store_name = res.data.order_info.store_info.store_name
								this.store_type = res.data.order_info.store_info.store_type
							}
						})

					}
				})
				this.show2 = false
			},
			// 转账
			itxfh() {
				this.show2 = true


			},
			four(index) {
				// event.stopPropagation();
				this.indexa = index
			},
			btncg() {
				this.$util.showToast({
					title: '退款成功'
				});
			},
			close() {
				this.$api.sendRequest({
					url: '/api/salasmanorder/closeRefund',
					data: {
						member_id: this.member_id,
						order_goods_id: this.order_goods_id
					},
					success: res => {
						console.log(res.data, '已同意');
						this.$api.sendRequest({
							url: '/api/salasmanorder/refundDetail',
							data: {
								member_id: this.member_id,
								order_goods_id: this.order_goods_id
							},
							success: res => {
								console.log(res.data, '已同意');
								this.listone = res.data
								this.value = res.data.refund_real_money
								this.pay_time = res.data.order_info.pay_time
								this.delivery_time = res.data.order_info.delivery_time
								this.finish_time = res.data.order_info.finish_time
								this.store_name = res.data.order_info.store_info.store_name
								this.store_type = res.data.order_info.store_info.store_type
								this.$util.showToast({
									title: '关闭成功'
								});
							}
						})
					}
				})
			},
			btnjj() {
				this.$util.showToast({
					title: '已拒绝退款'
				});
			},
			btnaccomplish() {
				console.log(1);
				uni.navigateTo({
					url: '/page_salesman_index/Refund-succeeded/Refund-succeeded'
				})
			},
			//再次确认退款
			tongyione() {
				this.$api.sendRequest({
					url: '/api/salasmanorder/agree',
					data: {
						member_id: this.member_id,
						order_goods_id: this.order_goods_id,
					},
					success: res => {
						console.log(res, '退款成功');
						this.$api.sendRequest({
							url: '/api/salasmanorder/refundDetail',
							data: {
								member_id: this.member_id,
								order_goods_id: this.order_goods_id
							},
							success: res => {
								console.log(res.data, '已同意');
								this.listone = res.data
								this.pay_time = res.data.order_info.pay_time
								this.delivery_time = res.data.order_info.delivery_time
								this.finish_time = res.data.order_info.finish_time
								this.store_name = res.data.order_info.store_info.store_name
								this.store_type = res.data.order_info.store_info.store_type
							}
						})
					}
				})
				this.show = false
			},
			//同意退款
			tongyi(member_id, order_goods_id) {
				this.member_id = member_id
				this.order_goods_id = order_goods_id
				// event.stopPropagation();
				this.show = true
			},
			//再次确认退款
			refuseset() {
				this.$api.sendRequest({
					url: '/api/salasmanorder/refuse',
					data: {
						member_id: this.member_id,
						order_goods_id: this.order_goods_id,
						refund_refuse_reason: this.reired
					},
					success: res => {
						console.log(res, '取消退款成功');
						this.$api.sendRequest({
							url: '/api/salasmanorder/refundDetail',
							data: {
								member_id: this.member_id,
								order_goods_id: this.order_goods_id
							},
							success: res => {
								console.log(res.data, '已同意');
								this.listone = res.data
								this.pay_time = res.data.order_info.pay_time
								this.delivery_time = res.data.order_info.delivery_time
								this.finish_time = res.data.order_info.finish_time
								this.store_name = res.data.order_info.store_info.store_name
								this.store_type = res.data.order_info.store_info.store_type
							}
						})
					}
				})
				this.show1 = false
			},
			//拒绝退款
			refuse(member_id, order_goods_id) {
				console.log(order_goods_id, member_id);
				this.order_goods_id = order_goods_id
				this.member_id = member_id
				// event.stopPropagation();
				this.show1 = true
			},
			//商品清单
			btn() {
				// setTimeout(()=>{
				// 	uni.$emit('CommodityList',this.data.order_goods)
				// },500)
				uni.navigateTo({
					// url:this.list[this.current.URL]
					url: `/page_salesman_index/Commodity_list/Commodity_list`
				})
			},
			//收起
			simga() {
				this.simg = !this.simg
				let _this = this
				// 	if (!_this.simg) {
				// 		_this.listtwo = [..._this.list].slice(0, 2)

				// 	} else {

				// 	}
			},
			//联系顾客
			customer() {
				uni.navigateTo({
					url: '/pages_tool/news/chat'
				})
			},
			leftClick() {
				console.log('跳转', this.st);
				// #ifdef H5
				event.stopPropagation();
				// #endif
				if (this.st == 1) {
					uni.redirectTo({
						// url:this.list[this.current.URL]
						url: `/page_salesman_index/Refund_after/Refund_after?st=1`
					})
					return
				}
				if (this.st == 2) {
					uni.redirectTo({
						// url:this.list[this.current.URL]
						url: `/page_salesman_index/Refund_after/Refund_after?st=2`
					})
					return
				}
				if (this.st == 3) {
					uni.redirectTo({
						// url:this.list[this.current.URL]
						url: `/page_salesman_index/Refund_after/Refund_after?st=3`
					})
					return
				}
				if (this.st == 4) {
					uni.redirectTo({
						// url:this.list[this.current.URL]
						url: `/page_salesman_index/Refund_after/Refund_after?st=4`
					})
					return
				}
				if (this.st == 5) {
					uni.redirectTo({
						// url:this.list[this.current.URL]
						url: `/page_salesman_index/Refund_after/Refund_after?st=5`
					})
					return
				}
			}
		},
		filters: {
			filterCount(num) {
				let now = new Date(num * 1000)
				let s = now.getHours() >= 10 ? now.getHours() : 0 + '' + now.getHours();
				return s
			},

		}
	}
</script>

<style lang="scss">
	::v-deep {
		.uni-textarea-placeholder {
			margin-top: 0 !important;
		}

		.input-placeholder {
			margin-top: 0 !important;
		}

		.uni-input-wrapper {
			text-align: left;
			margin-top: 0 !important;
		}
	}

	.arrones {
		margin: 0 auto;
	}

	.kaigun {
		margin-top: 24rpx;
		margin-bottom: 24rpx;

		image {
			width: 40rpx;
			height: 40rpx;
		}
	}

	.head {
		padding: 24rpx;

		.head-xin {
			width: 702rpx;
			height: 146rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			padding: 32rpx;
			box-sizing: border-box;

			div:nth-child(1) {
				font-size: 30rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #21BBF3;
				line-height: 42rpx;
			}

			div:nth-child(2) {
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 34rpx;
				margin-top: 6rpx;
			}
		}

		.Buyer-information {
			padding: 32rpx;
			width: 702rpx;
			height: 678rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			box-sizing: border-box;
			margin-top: 24rpx;

			div:nth-child(1) {
				font-size: 30rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #222222;
				line-height: 42rpx;
			}

			.Buyer-xu {
				width: 638rpx;
				height: 2rpx;
				background: #F2F2F2;
				border-radius: 16rpx;
				margin-top: 28rpx;
			}

			div:nth-child(3) {
				margin-top: 28rpx;

				div:nth-child(1) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #585858;
					line-height: 44rpx;
					margin-right: 36rpx;
				}

				div:nth-child(2) {
					background: #FFF0E2;
					border-radius: 4rpx;
					font-size: 20rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FF7D02;
					line-height: 28rpx;
				}
			}

			div:nth-child(4) {
				margin-top: 24rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #585858;
				line-height: 40rpx;
			}

			div:nth-child(5) {
				margin-top: 24rpx;

				div:nth-child(1) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #585858;
					line-height: 40rpx;

					span {
						margin-left: 10rpx;
					}
				}

				div:nth-child(2) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #585858;
					line-height: 40rpx;
					margin-left: 40rpx;

					span {
						margin-left: 10rpx;
					}
				}
			}

			div:nth-child(6) {
				margin-top: 24rpx;

				div:nth-child(1) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #585858;
					line-height: 40rpx;
				}

				div:nth-child(2) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					line-height: 40rpx;
					margin: 0 24rpx 0 12rpx;
				}

				div:nth-child(3) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 40rpx;
					margin: 0;
				}
			}

			div:nth-child(7) {
				float: right;

				div {
					width: 486rpx;
					height: 80rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					line-height: 40rpx;
					margin-top: 16rpx;
				}

			}

			div:nth-child(8) {
				margin-top: 136rpx;
			}

			div:nth-child(9) {
				margin-top: 28rpx;

				div:nth-child(1) {
					width: 48rpx;
					height: 48rpx;
					background: linear-gradient(141deg, #86D8F5 0%, #00B2F2 100%);
					margin-right: 24rpx;

					image {
						width: 24rpx;
						height: 24rpx;
					}
				}

				div:nth-child(2) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					line-height: 40rpx;
				}

			}

			div:nth-child(10) {
				margin-top: 32rpx;

				div:nth-child(1) {

					div:nth-child(1) {
						width: 48rpx;
						height: 48rpx;
						background: linear-gradient(141deg, #FFAC73 0%, #FE6E0B 100%);

						image {
							width: 24rpx;
							height: 24rpx;
						}
					}

					div:nth-child(2) {
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #222222;
						line-height: 40rpx;
						margin-left: 24rpx;
					}
				}
			}







		}

		.menu-list {
			width: 702rpx;
			// height: 732rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
			margin-top: 24rpx;
			padding: 0 32rpx;
			box-sizing: border-box;

			div:nth-child(1) {

				div:nth-child(1) {
					font-size: 30rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #222222;
					line-height: 44rpx;
					margin-top: 32rpx;
				}

				div:nth-child(2) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #585858;
					line-height: 40rpx;
					margin-top: 32rpx;
				}
			}

			.inventory-list {
				div:nth-child(1) {
					width: 176rpx;
					height: 176rpx;
					border-radius: 8rpx;

					image {
						width: 176rpx;
						height: 176rpx;
						border-radius: 8rpx;
					}
				}

				div:nth-child(2) {
					height: 208rpx;

					div:nth-child(n+1) {
						margin-top: 24rpx;
					}

					div:nth-child(1) {
						width: 390rpx;
						height: 40rpx;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #333333;
						line-height: 40rpx;
						margin-right: 0;
						margin-left: 24rpx;
					}

					div:nth-child(2) {
						height: 34rpx;

						div:nth-child(1) {
							width: 120rpx;
							margin-top: 0;
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
							line-height: 34rpx;
						}

						div:nth-child(2) {

							width: 172rpx;
							margin-top: 0;
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
							line-height: 34rpx;
							margin-left: 16rpx;
						}
					}

					div:nth-child(3) {
						font-size: 24rpx;
						font-family: DINAlternate-Bold, DINAlternate;
						font-weight: bold;
						color: #F33B50;
						line-height: 40rpx;
						margin-top: 0;
						margin-top: 46rpx;
						margin-left: 24rpx;

						span {
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #F33B50;
							line-height: 34rpx;
							margin-left: 4rpx;
						}

					}
				}

				div:nth-child(3) {
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 34rpx;
				}
			}

		}

		.button-btn {
			width: 750rpx;
			height: 100rpx;
			background: #FFFFFF;
			position: fixed;
			bottom: 0;
			left: 0;
			// float: right;

			.button-one {
				width: 192rpx;
				height: 72rpx;
				border-radius: 40rpx;
				border: 2rpx solid #E8E8E8;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 40rpx;
				// margin-left: 94rpx;
			}

			.button-two {
				width: 192rpx;
				height: 72rpx;
				border-radius: 40rpx;
				border: 2rpx solid #E8E8E8;
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
				line-height: 40rpx;
				margin: 0 24rpx;
			}

			.button-three {
				width: 192rpx;
				height: 72rpx;
				background: #21BBF3;
				border-radius: 40rpx;
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				line-height: 40rpx;
				margin-right: 32rpx;
			}
		}

		.refund-amount {
			width: 702rpx;
			// height: 460rpx;
			background: #FFFFFF;
			border-radius: 16rpx;
			margin-top: 24rpx;
			padding: 32rpx;
			box-sizing: border-box;
			margin-bottom: 132rpx;

			div:nth-child(1) {
				div:nth-child(1) {
					font-size: 30rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #222222;
					line-height: 42rpx;
				}

				div:nth-child(2) {
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #222222;
					line-height: 40rpx;
				}
			}

			.refund-foot {
				width: 638rpx;
				height: 2rpx;
				background: #F2F2F2;
				border-radius: 16rpx;
				margin-top: 28rpx;
				margin-bottom: 4rpx;
			}

			div:nth-child(n+2) {
				margin-top: 24rpx;

				div:nth-child(1) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					line-height: 40rpx;
					margin-right: 128rpx;
				}

				div:nth-child(2) {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					line-height: 40rpx;
					margin-top: 0;
				}
			}

		}

		.Confirm-refund {
			width: 540rpx;
			height: 300rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			box-sizing: border-box;
			position: fixed;
			top: 662rpx;
			left: 50%;
			transform: translateX(-50%);

			div:nth-child(1) {
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #222222;
				line-height: 44rpx;
				margin-top: 40rpx;
			}

			div:nth-child(2) {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #585858;
				line-height: 44rpx;
			}

			div:nth-child(3) {
				margin-top: 56rpx;

				div:nth-child(1) {
					width: 206rpx;
					height: 72rpx;
					border-radius: 40rpx;
					border: 2rpx solid #E8E8E8;
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					line-height: 40rpx;
					margin: 0 32rpx 0 42rpx;
				}

				div:nth-child(2) {
					width: 206rpx;
					height: 72rpx;
					background: #21BBF3;
					border-radius: 40rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 40rpx;
				}
			}
		}

		.original-road {
			width: 540rpx;
			// height: 342rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			box-sizing: border-box;
			position: fixed;
			top: 20vh;
			left: 50%;
			transform: translateX(-50%);
			padding-bottom: 24rpx;
			box-sizing: border-box;

			.set {
				// color: red !important;
				// margin: 0 auto;
				margin-left: 180rpx;
			}

			.arr {
				margin: 0 !important;

				image {
					width: 30rpx;
					height: 30rpx;
					margin-right: 18rpx;
				}

				div {
					margin: 0 !important;

				}

				div:nth-child(1) {}

				.arr1 {
					margin-top: 0 !important;
				}

				.arr2 {
					margin-top: 16rpx !important;
				}
			}

			.bnt {
				margin-top: 38rpx;

				.bnt1 {
					width: 206rpx;
					height: 72rpx;
					border-radius: 40rpx;
					border: 2rpx solid #E8E8E8;
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #222222;
					line-height: 40rpx;
					margin-top: 0;
					margin: 0 32rpx 0 48rpx;
				}

				.bnt2 {
					width: 206rpx;
					height: 72rpx;
					background: #21BBF3;
					border-radius: 40rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					line-height: 40rpx;
				}
			}

			div:nth-child(1) {
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #222222;
				line-height: 44rpx;
				margin-top: 40rpx;
			}

			.check {
				margin-top: 8rpx;
				margin-left: 194rpx;
			}




		}

		.use {
			width: 80%;
			margin: 0 auto;
		}

		.userna {
			width: 80%;
			border: 1rpx solid rgb(218, 219, 222);
			height: 100rpx;
			margin: 0 auto;
			border-radius: 8rpx;

			input {
				width: 100%;
				height: 100%;
			}

			// margin-top: 12rpx;
		}



	}
</style>