diff --git a/package-lock.json b/package-lock.json
index 922878f..8d61998 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2,6 +2,11 @@
   "requires": true,
   "lockfileVersion": 1,
   "dependencies": {
+    "mobile-calendar-simple": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmmirror.com/mobile-calendar-simple/-/mobile-calendar-simple-2.4.0.tgz",
+      "integrity": "sha512-67Dg/pxQ7EK2uxGrjv4tLOBx+upIErxdtTC27o+luGFmhBtZ3+k1C2DGIzzJYhAF/YsMG9zkSl9XZY0TEt/HOg=="
+    },
     "ydui-district": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/ydui-district/-/ydui-district-1.1.0.tgz",
diff --git a/package.json b/package.json
index e314e1f..7036c3c 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "mobile-calendar-simple": "^2.4.0",
     "ydui-district": "^1.1.0"
   }
 }
diff --git a/pages.json b/pages.json
index e29fdb8..5ff863b 100644
--- a/pages.json
+++ b/pages.json
@@ -175,17 +175,15 @@
 				}
 			},
 			{
-				"path" : "travelGuide/travelGuide",
-				"style" : 
-				{
+				"path": "travelGuide/travelGuide",
+				"style": {
 					"navigationBarTitleText": "游记攻略",
 					"navigationStyle": "custom"
 				}
 			},
 			{
-				"path" : "travelGuide/detail",
-				"style" : 
-				{
+				"path": "travelGuide/detail",
+				"style": {
 					"navigationBarTitleText": "攻略详情"
 				}
 			},
@@ -214,80 +212,86 @@
 				}
 			},
 			{
-			    "path" : "user/privacy",
-			    "style" : {
-			        "navigationBarTitleText" : "隐私管理"
-			    }
+				"path": "user/privacy",
+				"style": {
+					"navigationBarTitleText": "隐私管理"
+				}
 			},
 			{
-			    "path" : "user/privacyInfo",
-			    "style" : {
-			        "navigationBarTitleText" : "详情"
-			    }
+				"path": "user/privacyInfo",
+				"style": {
+					"navigationBarTitleText": "详情"
+				}
 			},
 			{
-			    "path" : "user/coupon",
-			    "style" : {
-			        "navigationBarTitleText" : "优惠券"
-			    }
+				"path": "user/coupon",
+				"style": {
+					"navigationBarTitleText": "优惠券"
+				}
 			},
 			{
-			    "path" : "user/collect",
-			    "style" : {
-			        "navigationBarTitleText" : "个人收藏"
-			    }
+				"path": "user/collect",
+				"style": {
+					"navigationBarTitleText": "个人收藏"
+				}
 			},
 			{
-			    "path" : "order/trades",
-			    "style" : {
-			        "navigationBarTitleText" : "全部订单"
-			    }
+				"path": "order/trades",
+				"style": {
+					"navigationBarTitleText": "全部订单"
+				}
 			},
 			{
-			    "path" : "order/detail",
-			    "style" : {
-			        "navigationBarTitleText" : "订单状态",
+				"path": "order/detail",
+				"style": {
+					"navigationBarTitleText": "订单状态",
 					"navigationStyle": "custom"
-			    }
+				}
 			},
 			{
-			    "path" : "user/bindTel",
-			    "style" : {
-			        "navigationBarTitleText" : "修改姓名"
-			    }
+				"path": "user/bindTel",
+				"style": {
+					"navigationBarTitleText": "修改姓名"
+				}
 			},
 			{
-			    "path" : "user/changeNickname",
-			    "style" : {
-			        "navigationBarTitleText" : "修改手机号"
-			    }
+				"path": "user/changeNickname",
+				"style": {
+					"navigationBarTitleText": "修改手机号"
+				}
 			},
 			{
-			    "path" : "notice/noticeList",
-			    "style" : {
-			        "navigationBarTitleText" : "公告",
+				"path": "notice/noticeList",
+				"style": {
+					"navigationBarTitleText": "公告",
 					"navigationStyle": "custom"
-			    }
+				}
 			},
 			{
-			    "path" : "notice/noticeDetail",
-			    "style" : {
-			        "navigationBarTitleText" : "公告详情",
+				"path": "notice/noticeDetail",
+				"style": {
+					"navigationBarTitleText": "公告详情",
 					"navigationStyle": "custom"
-			    }
+				}
 			},
 			{
-				"path" : "search/search",
-				"style" : {
-					"navigationBarTitleText" : "搜索",
-					"enablePullDownRefresh" : false
+				"path": "search/search",
+				"style": {
+					"navigationBarTitleText": "搜索",
+					"enablePullDownRefresh": false
 				}
 			},
 			{
-				"path" : "search/searchList",
-				"style" : {
-					"navigationBarTitleText" : "搜索结果",
-					"enablePullDownRefresh" : false
+				"path": "search/searchList",
+				"style": {
+					"navigationBarTitleText": "搜索结果",
+					"enablePullDownRefresh": false
+				}
+			},
+			{
+				"path": "hotelHomestay/selectCalendar",
+				"style": {
+					"navigationBarTitleText": "选择日期"
 				}
 			}
 		]
diff --git a/pages/index/index.vue b/pages/index/index.vue
index e5e04b0..b91db4e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -79,7 +79,7 @@
 				<view @click="gotoPath('/subPackages/line/lineList')">更多 ></view>
 			</view>
 			<view class="box">
-				<view v-for="(item,index) in lineList" :key="index" class="line-item">
+				<view v-for="(item,index) in lineList" :key="index" class="line-item" @click="goCalendarDetail(item.goods,1)">
 					<view class="hot flex-center" v-if="item.goods.image_tag">{{item.goods.image_tag}}</view>
 					<image :src="showImg(item.goods.image)" mode="aspectFill" class="line-img"></image>
 					
@@ -121,7 +121,7 @@
 			
 			<view class="strategy-box box">
 				<view v-for="(num,nums) in 2" :key="nums">
-				    <view v-for="(item,index) in strategyList" :key="index" class="strategy-item" v-if="index % 2 === nums" @click="goDetail(item)">
+				    <view v-for="(item,index) in strategyList" :key="index" class="strategy-item" v-if="index % 2 === nums" @click="goCalendarDetail(item)">
 						<view class="title-tag" v-if="item.image_tag">{{item.image_tag}}</view>
 				        <image class="strategy-image" :src="showImg(item.image)" mode="widthFix"></image>
 				        <view class="strategy-content">
@@ -279,6 +279,35 @@
 						break;
 				}
 			},
+			// 活动日历、线路详情
+			goCalendarDetail(item,type) {
+				switch (item.link_type) {
+					case 0:
+						// 本小程序
+						if(type == 1) {
+							// 线路
+						}else {
+							uni.navigateTo({
+								url:'/subPackages/travelGuide/detail?id='+item.id
+							})
+						}
+						break;
+					case 1:
+						// 外部小程序
+						uni.navigateToMiniProgram({
+							shortLink: item.ext_link
+						})
+						break;
+					case 2:
+						// 外部h5
+						uni.navigateTo({
+							url: '/subPackages/webPage/webPage?url=' + item.ext_link
+						});
+						break;
+					default:
+						break;
+				}
+			},
 			// 天气
 			getWeather() {
 				this.Post({},'/api/index/weather').then(res => {
diff --git a/pages/mall/mall.vue b/pages/mall/mall.vue
index 02409e3..c65271f 100644
--- a/pages/mall/mall.vue
+++ b/pages/mall/mall.vue
@@ -1,7 +1,20 @@
 <template>
+	<view></view>
 </template>
 
 <script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		onShow() {
+			uni.navigateTo({
+				url: '/subPackages/techan/techanList'
+			});
+		}
+	}
 </script>
 
 <style>
diff --git a/static/js/CommonFunction.js b/static/js/CommonFunction.js
index 92125e7..ac60561 100644
--- a/static/js/CommonFunction.js
+++ b/static/js/CommonFunction.js
@@ -130,6 +130,15 @@ Vue.prototype.gotoPath = path => {
 
 // 返回上一页
 Vue.prototype.goBack = () => {
+	console.log(getCurrentPages())
+	var pages = getCurrentPages();
+	var page = pages[pages.length - 1];
+	if(page.route == 'subPackages/techan/techanList') {
+		uni.switchTab({
+			url: '/pages/index/index'
+		})
+		return;
+	}
 	getCurrentPages().length > 1 ? uni.navigateBack({}) : uni.switchTab({
 		url: '/pages/index/index'
 	})
diff --git a/store/modules/user.js b/store/modules/user.js
index 2fa2e3c..e832da7 100644
--- a/store/modules/user.js
+++ b/store/modules/user.js
@@ -23,7 +23,7 @@ export default {
 				url: '/pages/login/login'
 			})
 		},
-		// 线路下单
+		// 美食下单
 		changeFoodInfo(state, data){
 			state.foodInfo = data
 		},
diff --git a/subPackages/food/foodOrder.vue b/subPackages/food/foodOrder.vue
index 748f0bc..03ce0b0 100644
--- a/subPackages/food/foodOrder.vue
+++ b/subPackages/food/foodOrder.vue
@@ -42,7 +42,7 @@
 					<view class="left-text">
 						手机号：
 					</view>
-					<input type="number" v-model="reserve_phone" maxlength="11"  />
+					<input type="number" v-model="reserve_phone" placeholder="请输入联系手机号" maxlength="11"  />
 				</view>
 				<image class="cha" @click="cha" v-if="reserve_phone!= ''" :src="showImg('/uploads/20240827/5e5970926e92a2109da55bfe32a47e4b.png')" mode=""></image>
 			</view>
@@ -92,6 +92,7 @@
 				uni.navigateBack();
 			}
 			console.log(this.info);
+			this.reserve_phone = JSON.parse(uni.getStorageSync('userInfo')).mobile
 			this.total()
 		},
 		methods: {
diff --git a/subPackages/hotelHomestay/detail.vue b/subPackages/hotelHomestay/detail.vue
index 4b45b96..33e4d2d 100644
--- a/subPackages/hotelHomestay/detail.vue
+++ b/subPackages/hotelHomestay/detail.vue
@@ -89,8 +89,8 @@
 									</view>
 								</view>
 								<view class="price-container">
-									<view class="price">{{item.price/100}}</view>
-									<view class="btn" @click="goOrder(item)">预订</view>
+									<view class="price">{{item.money/100}}</view>
+									<view :class="['btn', {'noBuy': item.store == 0}]" @click="goOrder(item)">预订</view>
 								</view>
 							</view>
 						</view>
@@ -169,14 +169,20 @@
 			</view>
 		</uni-popup>
 		
-		<uni-calendar ref="calendar" class="uni-calendar--hook" :clear-date="false" 
-		 :insert="false" :range="true" :startDate="calendarParam.startDate"
-		:endDate="calendarParam.endDate"  @confirm="confirmCalendar"/>
+		<uni-popup ref="calendarPopup" type="bottom">
+			<view style="width: 100vw;height: 60vh;">
+				<SelectCalendar :startDate="new Date(selectDate.startDay).Format('yyyy-MM-dd')" :endDate="new Date(selectDate.endDay).Format('yyyy-MM-dd')"></SelectCalendar>
+			</view>
+		</uni-popup>
 	</view>
 </template>
 
 <script>
+	import SelectCalendar from './selectCalendar';
 	export default {
+		components: {
+			SelectCalendar
+		},
 		data() {
 			return {
 				headImg: "https://tongli.sz-trip.com/uploads/20240826/8653c32761e01ee683505eddba1ae22b.png",
@@ -202,12 +208,20 @@
 				
 			}
 		},
-		onShow(options) {
-		},
 		onLoad(options) {
 			this.id = options.id;
 			this.getInfo();
 			this.getGoodsList()
+			uni.$on('changeHotelDate', data => {
+				if(data) {
+					this.selectDate = data
+					this.getGoodsList()
+				}
+				this.$refs.calendarPopup.close();
+			})
+		},
+		onUnload() {
+			uni.$off('changeHotelDate')
 		},
 		methods: {
 			swiperChange (e) {
@@ -268,7 +282,9 @@
 			// 根据景点id获取商品列表
 			getGoodsList(){
 				this.Post({
-					scenic_id: this.id
+					scenic_id: this.id,
+					start_date: this.selectDate.startDay,
+					end_date: this.selectDate.endDay
 				},'/api/scenic/getGoodsByScenicId').then(res => {
 					let result = res.data || []
 					let data = []
@@ -312,18 +328,7 @@
 			  return days;
 			},
 			openCalendar () {
-				this.calendarParam = {
-					startDate: this.minSeldDate,
-					endDate: this.maxSeldDate,
-					// selected: this.allSeldDate.filter(v=>v.store>0).map(v=>{
-					// 	return {
-					// 		date: v.date,
-					// 		info: '￥'+this.showNoPriceNew(v.money),
-					// 		notNeedDot:true,
-					// 	}
-					// })
-				}
-				this.$refs.calendar.open();
+				this.$refs.calendarPopup.open();
 			},
 			confirmCalendar (val) {
 				if (val.range.data.length<2) {
@@ -348,9 +353,9 @@
 			
 			// 预定
 			goOrder (item) {
-				// if (item.xx) {
-				// 	return
-				// }
+				if (item.store == 0) {
+					return
+				}
 				
 				let param = {
 					skuInfo: item,
@@ -692,6 +697,9 @@
 				align-items: center;
 				justify-content: center;
 			}
+			.noBuy {
+				background: #ccc;
+			}
 		}
 		
 	}
diff --git a/subPackages/hotelHomestay/order.vue b/subPackages/hotelHomestay/order.vue
index 4705068..e2758ed 100644
--- a/subPackages/hotelHomestay/order.vue
+++ b/subPackages/hotelHomestay/order.vue
@@ -214,7 +214,7 @@
 			},
 			
 			total () {
-				return this.skuInfo.price/100 * this.buyNum || 0
+				return this.skuInfo.money/100 * this.buyNum || 0
 			},
 			
 			order () {
@@ -227,14 +227,18 @@
 					});
 					return;
 				}
-				if (this.roomUser.some(v=>v.name.length<0)) {
+				if (this.roomUser.some(v=>{return v.name.length==0})) {
 					uni.showToast({
 						title: '请输入住客姓名',
 						icon: 'none'
 					});
 					return;
 				}
-				if (this.roomUser.length != new Set(this.roomUser).length) {
+				
+				let roomNames = []
+				this.roomUser.forEach(item => { roomNames.push(item.name) })
+				
+				if (roomNames.length != Array.from(new Set(roomNames)).length) {
 					uni.showToast({
 						title: '住客姓名不能相同',
 						icon: 'none'
@@ -248,17 +252,15 @@
 					specifications_id: this.skuInfo.id,
 					start_date: this.selectDate.startDay,
 					end_date: this.selectDate.endDay,
-					customer_name: this.roomUser.map(v=>v.name).join(','),
-					// reserve_mobile: this.phone,
 				}
 				goods.push(goodsItem)
 				
 				let data = {
 					goods: goods,
-					reserve_phone: this.phone,
+					reserve_name: roomNames.toString(),
+					reserve_phone: this.phone
 				}
 				
-				return
 				this.Post({
 					method: 'POST',
 					data: JSON.stringify(data)
diff --git a/subPackages/hotelHomestay/selectCalendar.vue b/subPackages/hotelHomestay/selectCalendar.vue
new file mode 100644
index 0000000..c6cf361
--- /dev/null
+++ b/subPackages/hotelHomestay/selectCalendar.vue
@@ -0,0 +1,77 @@
+<template>
+	<div>
+
+		<!--如果需要solt-->
+		<!--用法二：当mode=2、3的模式下分别为（酒店\往返）的离开日期-->
+		<Calendar @click="tip" :is-show="true" :start-date="startDate" :end-date="endDate" mode="2" :title="'日期选择'"
+			@callback="getDate" :transition="'slide'" :theme-color="'#71B580'" />
+		<div class="btn" @click="determine()">
+			确定
+		</div>
+	</div>
+</template>
+<script>
+	import Calendar from 'mobile-calendar-simple'
+	export default {
+		props: ['startDate', 'endDate'],
+		data() {
+			return { //日期均为yyyy-mm-dd或者yyyy/mm/dd格式
+				betweenStart: '',
+				betweenEnd: '',
+				calendarShow: true,
+				date: 'init', //判断是否选择了日期
+			}
+		},
+		methods: {
+			determine() {
+				if (this.date == 'delete') {
+					uni.showToast({
+						title: "请选择日期",
+						icon: "none"
+					})
+				} else if (this.date == 'init') {
+					// 关闭弹框
+					uni.$emit('changeHotelDate',null)
+				} else {
+					let date = this.date
+					let data = {
+						startDay: date.startStr.dateStr,
+						endDay: date.endStr.dateStr,
+						differDays: date.dayCount
+					}
+					uni.$emit('changeHotelDate',data)
+				}
+			},
+			//获取回调的日期数据
+			getDate(date) {
+				this.date = date
+			},
+			tip() {
+				console.log(1);
+			}
+		},
+		components: {
+			Calendar
+		}
+	}
+</script>
+<style scoped>
+	.btn {
+		width: 697rpx;
+		height: 80rpx;
+		background: linear-gradient(90deg, #9EE4FE, #7FD491);
+		border-radius: 40rpx;
+		line-height: 80rpx;
+		font-size: 36rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: #000000;
+		text-align: center;
+		position: fixed;
+		bottom: 30rpx;
+		z-index: 999;
+		text-align: center;
+		left: 50%;
+		transform: translate(-348.5rpx, 0);
+	}
+</style>
\ No newline at end of file
diff --git a/subPackages/order/detail.vue b/subPackages/order/detail.vue
index f8abfec..957f325 100644
--- a/subPackages/order/detail.vue
+++ b/subPackages/order/detail.vue
@@ -6,17 +6,17 @@
 		</view>
 		<view class="top-box">
 			<view>{{info.status_text}}</view>
-			
+
 			<!-- 待支付时会显示自动取消时间 -->
 			<view v-if="info.status=='WAIT_PAYMENT'" class="close-time">订单将在{{info.close_time.slice(-8)}}自动取消</view>
 		</view>
-		
+
 		<!-- 景点、美食二维码 -->
 		<view v-if="isQrcode" style="margin-top: -66rpx;">
 			<view class="qrcode-remain">还剩<span>{{remainNum}}</span>张未核销</view>
-			
-			<swiper class="qrcode-box" :circular="false" previous-margin="120rpx" next-margin="120rpx"
-				:duration="800" :current="current" @change="swiperChange">
+
+			<swiper class="qrcode-box" :circular="false" previous-margin="120rpx" next-margin="120rpx" :duration="800"
+				:current="current" @change="swiperChange">
 				<swiper-item v-for="(item, index) in info.order_child" :key="index" class="flex-center">
 					<view class="qrcode-item flex-column">
 						<view class="qrcode-title">{{item.specifications_name}}</view>
@@ -24,8 +24,9 @@
 						<canvas :id="'qrcodeT'+index" :canvas-id="'qrcodeT'+index"
 							style="width:150px;height:150px;z-index: -20;bottom: -500px;position: absolute;"></canvas>
 						<view class="qrcode-subtitle">核销码:{{item.child_id}}</view>
-						
-						<view class="complete-text flex-center" v-if="['WAIT_REFUND','REFUND_SUCCESS','WAIT_COMMENT','COMPLETE'].includes(item.status)">
+
+						<view class="complete-text flex-center"
+							v-if="['WAIT_REFUND','REFUND_SUCCESS','WAIT_COMMENT','COMPLETE'].includes(item.status)">
 							<view class="flex-center" v-if="item.status == 'WAIT_COMMENT'">
 								已核销
 							</view>
@@ -36,18 +37,19 @@
 					</view>
 				</swiper-item>
 			</swiper>
-			
+
 			<!-- 指示点 -->
 			<view class="swiper-point flex-center">
-				<view v-for="(item,index) in info.order_child" :key="index" :class="[{'swiper-points': index == current}]"></view>
+				<view v-for="(item,index) in info.order_child" :key="index"
+					:class="[{'swiper-points': index == current}]"></view>
 			</view>
-			
+
 			<!-- 提示语 -->
 			<view class="swiper-prompt">左右滑动核销其他二维码</view>
 		</view>
-		
+
 		<!-- 子订单里info.order_child[0].goods_genre：景点ticket、酒店hotel、美食food、邮寄自提pgoods、 -->
-		
+
 		<view :style="{margin: isQrcode ? '0' : '-66rpx auto 0'}" v-if="info.order_child">
 			<!-- 景点订单 -->
 			<view v-if="info.order_child[0].goods_genre == 'ticket'">
@@ -65,10 +67,11 @@
 							开放时间：<span>{{info.order_child[0].scenic_data.open_description}}</span>
 						</view>
 					</view>
-					
+
 					<!-- 子订单规格 -->
 					<view>
-						<view v-for="(item,index) in info.order_child" :key="index" class="specifications-item flex-between">
+						<view v-for="(item,index) in info.order_child" :key="index"
+							class="specifications-item flex-between">
 							<view>{{item.specifications_name}}</view>
 							<view class="flex-between" style="width: 150rpx;">
 								<view>￥{{item.pay_money / 100}}</view>
@@ -76,7 +79,7 @@
 							</view>
 						</view>
 					</view>
-					
+
 					<!-- 商品价格 -->
 					<view class="public-price">
 						<view class="flex-between">
@@ -90,7 +93,7 @@
 						</view>
 					</view>
 				</view>
-				
+
 				<!-- 出行人 -->
 				<view class="novice-box" v-if="item.contact_name">
 					出行人
@@ -105,15 +108,15 @@
 					</view>
 				</view>
 			</view>
-			
+
 			<!-- 邮寄、自提订单 -->
 			<view v-if="info.order_child[0].goods_genre == 'pgoods'">
 				<view class="shipping-address" v-if="info.order_child[0].consignee_id">
 					收货地址
-					<view>{{info.order_child[0].consignee.name}}  {{info.order_child[0].consignee.tel}}</view>
+					<view>{{info.order_child[0].consignee.name}} {{info.order_child[0].consignee.tel}}</view>
 					<view class="text-overflowRows">{{info.order_child[0].consignee.address}}</view>
 				</view>
-				
+
 				<!-- 产品详情 -->
 				<view class="pgoods-detail">
 					商家名称
@@ -127,7 +130,7 @@
 							</view>
 						</view>
 					</view>
-					
+
 					<!-- 商品价格 -->
 					<view class="public-price">
 						<view class="flex-between">
@@ -141,37 +144,42 @@
 						</view>
 					</view>
 				</view>
-				
+
 				<!-- 自提信息 -->
 				<view class="pickup-box" v-if="info.order_child[0].contact_id && info.order_child[0].extract_id">
 					自提信息
 					<view class="pickup-user">
-						<image src="https://static.ticket.sz-trip.com/yandu/images/order/user.png" class="picker-img"></image>
+						<image src="https://static.ticket.sz-trip.com/yandu/images/order/user.png" class="picker-img">
+						</image>
 						<view>{{info.order_child[0].contact.name}}</view>
 						<view>{{info.order_child[0].contact.tel}}</view>
 					</view>
 					<view class="pickup-address">
-						<image src="https://static.ticket.sz-trip.com/yandu/images/order/location.png" class="picker-img" style="margin-top: 6rpx;"></image>
-						
+						<image src="https://static.ticket.sz-trip.com/yandu/images/order/location.png"
+							class="picker-img" style="margin-top: 6rpx;"></image>
+
 						<view>
 							<view class="picker-shopName">{{info.order_child[0].extract.extract_name}}</view>
 							<view class="picker-shopAddress">{{info.order_child[0].extract.detail_addr}}</view>
 						</view>
-						
+
 						<view class="pickup-icon flex-center">
 							<view @click="clickPhone(info.order_child[0].extract.mobile)">
-								<image src="https://static.ticket.sz-trip.com/yandu/images/order/phone.png" mode=""></image>
+								<image src="https://static.ticket.sz-trip.com/yandu/images/order/phone.png" mode="">
+								</image>
 								电话
 							</view>
-							<view @click="openLocation(info.order_child[0].extract.lat,info.order_child[0].extract.lon)">
-								<image src="https://static.ticket.sz-trip.com/yandu/images/order/navigation.png" mode=""></image>
+							<view
+								@click="openLocation(info.order_child[0].extract.lat,info.order_child[0].extract.lon)">
+								<image src="https://static.ticket.sz-trip.com/yandu/images/order/navigation.png"
+									mode=""></image>
 								导航
 							</view>
 						</view>
 					</view>
 				</view>
 			</view>
-			
+
 			<!-- 美食 -->
 			<view v-if="info.order_child[0].goods_genre == 'food'">
 				<view class="pgoods-detail">
@@ -182,13 +190,14 @@
 							<view class="product-title">{{foodInfo.title}}</view>
 							<view class="product-subtitle flex-between">
 								<view class="product-tags" v-if="foodInfo.specifications_new_tag">
-									<view v-for="(item,index) in foodInfo.specifications_new_tag.split(',').slice(0,3)" :key="index">{{item}}</view>
+									<view v-for="(item,index) in foodInfo.specifications_new_tag.split(',').slice(0,3)"
+										:key="index">{{item}}</view>
 								</view>
 								<span>x{{info.order_child[0].num}}</span>
 							</view>
 						</view>
 					</view>
-					
+
 					<!-- 商品价格 -->
 					<view class="public-price">
 						<view class="flex-between">
@@ -202,42 +211,111 @@
 						</view>
 					</view>
 				</view>
-				
+
 				<view class="shop-detail">
 					商家信息
 					<view class="shop-name">店铺名称</view>
 					<view class="shop-info">
 						<view>
 							<view style="margin-top: 23rpx; display: flex;">
-								<image src="https://static.ticket.sz-trip.com/yandu/images/order/time.png" class="shop-time"></image>
+								<image src="https://static.ticket.sz-trip.com/yandu/images/order/time.png"
+									class="shop-time"></image>
 								<view>
 									<view class="shop-title">营业时间</view>
 									<view class="shop-subtitle">{{merchantInfo.open_time}}</view>
 								</view>
 							</view>
 						</view>
-						
+
 						<view>
 							<view class="flex-center" style="margin-top: 23rpx;">
 								<view style="display: flex;">
-									<image src="https://static.ticket.sz-trip.com/yandu/images/order/location.png" class="shop-time"></image>
+									<image src="https://static.ticket.sz-trip.com/yandu/images/order/location.png"
+										class="shop-time"></image>
 									<view style="width: 420rpx;">
-										<view class="shop-title">{{merchantInfo.province_name}}{{merchantInfo.city_name}}{{merchantInfo.district_name}}{{merchantInfo.detail_addr}}</view>
-										<view class="shop-subtitle" v-if="merchantInfo.juli">距您约{{merchantInfo.juli}}</view>
+										<view class="shop-title text-overflow">
+											{{merchantInfo.province_name}}{{merchantInfo.city_name}}{{merchantInfo.district_name}}{{merchantInfo.detail_addr}}
+										</view>
+										<view class="shop-subtitle" v-if="merchantInfo.juli">距您约{{merchantInfo.juli}}
+										</view>
 									</view>
 								</view>
-								
+
 								<view class="shop-icon">
-									<image src="https://static.ticket.sz-trip.com/yandu/images/order/phone.png" @click="clickPhone(merchantInfo.mobile)"></image>
-									<image src="https://static.ticket.sz-trip.com/yandu/images/order/navigation.png" @click="openLocation(merchantInfo.lat,merchantInfo.lon)"></image>
+									<image src="https://static.ticket.sz-trip.com/yandu/images/order/phone.png"
+										@click="clickPhone(merchantInfo.mobile)"></image>
+									<image src="https://static.ticket.sz-trip.com/yandu/images/order/navigations.png"
+										@click="openLocation(merchantInfo.lat,merchantInfo.lon)"></image>
 								</view>
 							</view>
 						</view>
 					</view>
 				</view>
 			</view>
+
+			<!-- 酒店 -->
+			<view v-if="info.order_child[0].goods_genre == 'hotel'">
+				<view class="hotel-detail">
+					入住信息
+					<view class="hotel-title">{{info.order_child[0].goods_title}}</view>
+
+					<view class="hotel-date">
+						<view>
+							{{(info.order_child[0].start_date).slice(5)}}
+							<span>{{ShowDateDay(new Date(info.order_child[0].start_date).getDay())}}入住</span>
+						</view>
+						<view class="hotel-days">共{{calDate(info.order_child[0].start_date, info.order_child[0].end_date)}}晚</view>
+						<view class="use-date">
+							{{info.order_child[0].end_date.slice(5)}}
+							<span>{{ShowDateDay(new Date(info.order_child[0].end_date).getDay())}}离店</span>
+						</view>
+					</view>
+					
+					<view class="flex-between" style="margin-top: 30rpx;">
+						<view class="hotel-address flex-between">
+							<view class="address text-overflowRows">地址地址地址地址地址地址地址地 址地址地址地址地址地址</view>
+							<view class="address-image">
+								<image src="https://static.ticket.sz-trip.com/yandu/images/order/navigation.png"></image>
+								<view>地图</view>
+							</view>
+						</view>
+						<view class="hotel-phone flex-center">
+							<image src="https://static.ticket.sz-trip.com/yandu/images/order/hotelPhone.png"></image>
+							<view>电话</view>
+						</view>
+					</view>
+					
+					<view class="hotel-skuName flex-between">
+						<view class="text-overflow">{{info.order_child[0].specifications_name}}</view>
+						<view class="flex-between">
+							<view>￥{{info.order_child[0].pay_money / 100}}</view>
+							<view>x{{info.order_child[0].num}}</view>
+						</view>
+					</view>
+					
+					<!-- 商品价格 -->
+					<view class="public-price">
+						<view class="flex-between">
+							商品总额：<span>￥{{info.money / 100}}</span>
+						</view>
+						<view class="flex-between" v-if="info.discounts">
+							优惠券：<span>-￥{{info.discounts / 100}}</span>
+						</view>
+						<view class="flex-between">
+							实付金额：<span style="font-size: 35rpx;color: #EE3E3B;">￥{{info.pay_money / 100}}</span>
+						</view>
+					</view>
+				</view>
+				
+				<view class="hotel-information">
+					预订信息
+					<view><span>房间数：</span>{{info.order_child[0].num}}间</view>
+					<view><span>入住姓名：</span>{{info.reserve_name}}</view>
+					<view><span>联系电话：</span>{{info.reserve_phone}}</view>
+				</view>
+			</view>
 		</view>
-		
+
 		<!-- 订单信息 -->
 		<view class="order-info">
 			订单信息
@@ -255,13 +333,13 @@
 				<span>支付时间：</span>{{info.pay_time}}
 			</view>
 		</view>
-		
+
 		<!-- 联系客服 -->
 		<view class="kefu-box" @click="clickPhone('110')">
 			<image src="https://static.ticket.sz-trip.com/yandu/images/order/kefu.png" mode="" class="kefu-img"></image>
 			联系客服
 		</view>
-		
+
 		<!-- 底部按钮 -->
 		<footer>
 			<view class="bottom-price" v-if="info.status == 'WAIT_PAYMENT'">
@@ -272,15 +350,17 @@
 				<view class="btn" v-if="info.status == 'PAYMENT_SUCCESSFULLY'" @click="refund(info.order_id)">
 					取消订单
 				</view>
-				
+
 				<view class="btn" v-if="info.status == 'WAIT_PAYMENT'" @click="closeOrder(info.order_id)">
 					关闭订单
 				</view>
-				
-				<view class="btn" v-if="['WAIT_REFUND','REFUND_SUCCESS','WAIT_COMMENT','COMPLETE','CLOSED'].includes(info.status)" @click="gotoDetail">
+
+				<view class="btn"
+					v-if="['WAIT_REFUND','REFUND_SUCCESS','WAIT_COMMENT','COMPLETE','CLOSED'].includes(info.status)"
+					@click="gotoDetail">
 					再次购买
 				</view>
-				
+
 				<view class="btn pay-btn" v-if="info.status == 'WAIT_PAYMENT'" @click="setOrderId(info.order_id)">
 					立即支付
 				</view>
@@ -308,61 +388,71 @@
 			this.getDetail()
 		},
 		onShow() {
-			
+
 		},
 		methods: {
+			// 计算两个日期间的天数
+			calDate(startDate, endDate) {
+				var start = new Date(startDate);
+				var end = new Date(endDate);
+				var diff = end - start;
+				var days = Math.floor(diff / (1000 * 60 * 60 * 24)); // 计算天数差
+				return days;
+			},
 			// 获取订单详情
 			getDetail() {
 				this.Post({
 					order_id: this.order_id
-				},'/api/order/orderDetail').then(res => {
+				}, '/api/order/orderDetail').then(res => {
 					this.info = res.data;
-					
-					if(this.info.order_child[0].goods_genre == 'food') {
+
+					if (this.info.order_child[0].goods_genre == 'food') {
 						// 美食类的需要调取规格详情
 						this.Post({
 							goods_id: this.info.order_child[0].goods_id
-						},'/api/goods/getSpecificationsByGoodsId').then(res => {
+						}, '/api/goods/getSpecificationsByGoodsId').then(res => {
 							res.data.forEach(item => {
-								if(item.id == this.info.order_child[0].specifications_id) this.foodInfo = item
+								if (item.id == this.info.order_child[0].specifications_id) this
+									.foodInfo = item
 							})
 						})
-						
+
 						// 商家信息
 						this.Post({
 							lon: uni.getStorageSync('location').lon || '110.43785794300781',
 							lat: uni.getStorageSync('location').lat || '36.95286642085422',
 							specifications_id: this.info.order_child[0].specifications_id
-						},'/api/extract/getMerchantExtractStoreList').then(res => {
+						}, '/api/extract/getMerchantExtractStoreList').then(res => {
 							this.merchantInfo = res.data[0] || {}
 						})
 					}
-					
+
 					// 景点、美食二维码
-					if(['ticket','food'].includes(this.info.order_child[0].goods_genre)) {
-						if (['PAYMENT_SUCCESSFULLY','WAIT_REFUND','REFUND_SUCCESS','WAIT_COMMENT','COMPLETED'].includes(this.info.status)) {
+					if (['ticket', 'food'].includes(this.info.order_child[0].goods_genre)) {
+						if (['PAYMENT_SUCCESSFULLY', 'WAIT_REFUND', 'REFUND_SUCCESS', 'WAIT_COMMENT', 'COMPLETED']
+							.includes(this.info.status)) {
 							this.isQrcode = true
 							for (let i = 0; i < this.info.order_child.length; i++) {
 								this.getCodeImg(this.info.order_child[i].child_id, i);
-								
+
 								// 未核销数量
-								if(this.info.order_child[i].status == 'SUCCESS') this.remainNum += 1
+								if (this.info.order_child[i].status == 'SUCCESS') this.remainNum += 1
 							}
-						} else if (!['WAIT_PAYMENT','CLOSED'].includes(this.info.status)) {
+						} else if (!['WAIT_PAYMENT', 'CLOSED'].includes(this.info.status)) {
 							for (let i = 0; i < this.info.order_child.length; i++) {
 								if (this.info.order_child[i].is_display_order_qrcode) {
 									this.isQrcode = true
 									this.getCodeImg(this.info.order_child[i].child_id, i);
-									
+
 									// 未核销数量
-									if(this.info.order_child[i].status == 'SUCCESS') this.remainNum += 1
+									if (this.info.order_child[i].status == 'SUCCESS') this.remainNum += 1
 								}
 							}
 						}
 					}
 					setTimeout(() => {
 						console.log(this.info.order_child)
-					},1000)
+					}, 1000)
 				})
 			},
 			// 生成二维码
@@ -385,7 +475,10 @@
 			},
 			//轮播图左右滑动
 			swiperChange(e) {
-				let { current, source } = e.detail;
+				let {
+					current,
+					source
+				} = e.detail;
 				//在自动或手动的时候才赋予current值
 				if (source === 'autoplay' || source === 'touch') {
 					this.current = current;
@@ -408,7 +501,7 @@
 			gotoDetail() {
 				// 子订单里info.order_child[0].goods_genre：景点ticket、酒店hotel、美食food、邮寄自提pgoods
 				let url = ''
-				switch (this.info.order_child[0].goods_genre){
+				switch (this.info.order_child[0].goods_genre) {
 					case 'ticket':
 						url = '/subPackages/ticketBooking/detail?id=' + this.info.order_child[0].scenic_data.id
 						break;
@@ -447,7 +540,10 @@
 										icon: 'success'
 									});
 									this.getDetail()
-									uni.$emit("updateDataByConnect", {msgType:'updateOrderTrades',data:{}})
+									uni.$emit("updateDataByConnect", {
+										msgType: 'updateOrderTrades',
+										data: {}
+									})
 								}
 							});
 						}
@@ -464,14 +560,17 @@
 						if (successRes.confirm) {
 							that.Post({
 								order_id: id
-							},'/api/order/closeOrder').then(res => {
+							}, '/api/order/closeOrder').then(res => {
 								if (res.code == 1) {
 									uni.showToast({
 										title: '关闭成功',
 										icon: 'success'
 									});
 									that.getDetail();
-									uni.$emit("updateDataByConnect", {msgType:'updateOrderTrades',data:{}})
+									uni.$emit("updateDataByConnect", {
+										msgType: 'updateOrderTrades',
+										data: {}
+									})
 								}
 							});
 						}
@@ -486,7 +585,7 @@
 					order_id: id,
 					type: "miniprogram",
 					platform: 'miniprogram'
-				},'/api/pay/unify').then(res => {
+				}, '/api/pay/unify').then(res => {
 					if (res.code == 1) {
 						uni.requestPayment({
 							nonceStr: res.data.nonceStr,
@@ -494,9 +593,12 @@
 							paySign: res.data.paySign,
 							signType: res.data.signType,
 							timeStamp: res.data.timeStamp,
-							success:()=>{
+							success: () => {
 								that.getDetail();
-								uni.$emit("updateDataByConnect", {msgType:'updateOrderTrades',data:{}})
+								uni.$emit("updateDataByConnect", {
+									msgType: 'updateOrderTrades',
+									data: {}
+								})
 							}
 						});
 					}
@@ -514,7 +616,7 @@
 		background-color: #F7F7F7;
 		padding-bottom: 200rpx;
 	}
-	
+
 	.title-box {
 		position: absolute;
 		left: 5rpx;
@@ -525,7 +627,7 @@
 		display: flex;
 		align-items: center;
 		width: 100%;
-		
+
 		view {
 			font-weight: 400;
 			font-size: 36rpx;
@@ -533,7 +635,7 @@
 			margin-left: 245rpx;
 		}
 	}
-	
+
 	.top-box {
 		width: 750rpx;
 		height: 414rpx;
@@ -542,21 +644,21 @@
 		font-weight: bold;
 		font-size: 43rpx;
 		color: #000000;
-		
+
 		.close-time {
 			font-weight: 400;
 			font-size: 27rpx;
 			margin-top: 20rpx;
 		}
 	}
-	
+
 	// 景点、美食 二维码
 	.qrcode-remain {
 		font-weight: bold;
 		font-size: 29rpx;
 		color: #000000;
 		text-align: center;
-		
+
 		span {
 			width: 60rpx;
 			text-align: center;
@@ -564,41 +666,42 @@
 			display: inline-block;
 		}
 	}
+
 	.qrcode-box {
 		height: 456rpx;
 		display: flex;
 		align-items: center;
 		margin-top: 32rpx;
-		
+
 		.qrcode-item {
 			width: 467rpx !important;
 			height: 456rpx !important;
 			background: #FFFFFF;
-			box-shadow: 0rpx 0rpx 33rpx 0rpx rgba(102,102,102,0.2);
+			box-shadow: 0rpx 0rpx 33rpx 0rpx rgba(102, 102, 102, 0.2);
 			border-radius: 20rpx;
 			padding: 25rpx 0;
 			justify-content: space-between;
 			align-items: center;
 			position: relative;
-			
+
 			image {
 				width: 300rpx;
 				height: 300rpx;
 				border-radius: 10rpx;
 			}
-			
+
 			.qrcode-title {
 				font-weight: bold;
 				font-size: 32rpx;
 				color: #000000;
 			}
-			
+
 			.qrcode-subtitle {
 				font-weight: 500;
 				font-size: 27rpx;
 				color: #888888;
 			}
-			
+
 			.complete-text {
 				position: absolute;
 				width: 300rpx;
@@ -609,7 +712,7 @@
 				bottom: 0;
 				margin: auto;
 				background: rgba(0, 0, 0, .5);
-				
+
 				view {
 					width: 200rpx;
 					height: 200rpx;
@@ -622,23 +725,26 @@
 			}
 		}
 	}
+
 	.swiper-point {
 		height: 63rpx;
-		
+
 		view {
 			width: 11rpx;
 			height: 11rpx;
 			background: #CCCCCC;
 			border-radius: 50%;
 		}
+
 		view:not(:first-child) {
 			margin-left: 13rpx;
 		}
-		
+
 		.swiper-points {
 			background: #71B580;
 		}
 	}
+
 	.swiper-prompt {
 		font-weight: 500;
 		font-size: 29rpx;
@@ -646,7 +752,7 @@
 		text-align: center;
 		margin-bottom: 45rpx;
 	}
-	
+
 	// 景点订单详情
 	.scenic-detail {
 		width: 697rpx;
@@ -655,18 +761,18 @@
 		border-radius: 20rpx;
 		padding: 26rpx;
 		margin: auto;
-		
+
 		&>view:nth-child(2) {
 			margin: 30rpx 0;
 			border-top: 1rpx solid #D8D8D8;
 			border-bottom: 1rpx solid #D8D8D8;
 		}
-		
+
 		.scenic-title {
 			font-weight: bold;
 			font-size: 36rpx;
 			color: #000000;
-			
+
 			image {
 				width: 17.33rpx;
 				height: 29.33rpx;
@@ -674,18 +780,18 @@
 				vertical-align: middle;
 			}
 		}
-		
+
 		.scenic-subtitle {
 			font-weight: 500;
 			font-size: 27rpx;
 			color: #666666;
 			margin-top: 20rpx;
-			
+
 			span {
 				color: #000;
 			}
 		}
-		
+
 		.specifications-item {
 			font-weight: 500;
 			font-size: 27rpx;
@@ -693,7 +799,7 @@
 			margin: 25rpx 0;
 		}
 	}
-	
+
 	.novice-box {
 		width: 697rpx;
 		height: auto;
@@ -704,23 +810,23 @@
 		font-size: 36rpx;
 		color: #010101;
 		margin: 20rpx auto;
-		
+
 		.novice-item {
 			view {
 				margin: 20rpx 0;
 			}
-			
+
 			.novice-title {
 				font-weight: 800;
 				font-size: 27rpx;
 				color: #333333;
 			}
-			
+
 			.novice-subtitle {
 				font-weight: 500;
 				font-size: 27rpx;
 				color: #000000;
-				
+
 				span {
 					display: inline-block;
 					width: 130rpx;
@@ -728,11 +834,12 @@
 				}
 			}
 		}
+
 		.novice-item:nth-child(n+2) {
 			border-top: 1rpx solid #D8D8D8;
 		}
 	}
-	
+
 	// 邮寄订单详情
 	.shipping-address {
 		width: 697rpx;
@@ -744,17 +851,17 @@
 		font-size: 36rpx;
 		color: #000000;
 		margin: auto;
-		
+
 		&>view {
 			margin-top: 25rpx;
 			font-weight: 500;
 		}
-		
+
 		&>view:first-child {
 			font-size: 31rpx;
 			color: #222222;
 		}
-		
+
 		&>view:last-child {
 			font-size: 31rpx;
 			color: #222222;
@@ -762,7 +869,7 @@
 			color: #666666;
 		}
 	}
-	
+
 	.pgoods-detail {
 		width: 697rpx;
 		height: auto;
@@ -773,40 +880,40 @@
 		font-weight: bold;
 		font-size: 32rpx;
 		color: #000000;
-		
+
 		.pgoods-product {
 			display: flex;
 			margin-top: 24rpx;
 			padding-bottom: 33rpx;
 			border-bottom: 1rpx solid #D8D8D8;
-			
+
 			.product-img {
 				width: 140rpx;
 				height: 140rpx;
 				border-radius: 13rpx;
 			}
-			
+
 			.product-content {
 				width: 485rpx;
 				height: 140rpx;
 				margin-left: 18rpx;
 				padding: 5rpx 0 12rpx;
 				justify-content: space-between;
-				
+
 				.product-title {
 					font-weight: bold;
 					font-size: 27rpx;
 					color: #000000;
 				}
-				
+
 				.product-subtitle {
 					font-weight: 500;
 					font-size: 24rpx;
 					color: #666666;
-					
+
 					.product-tags {
 						display: flex;
-						
+
 						&>view:not(:last-child)::after {
 							content: '丨';
 							width: 1rpx;
@@ -818,7 +925,7 @@
 			}
 		}
 	}
-	
+
 	// 自提点信息
 	.pickup-box {
 		width: 697rpx;
@@ -830,67 +937,68 @@
 		font-weight: bold;
 		font-size: 36rpx;
 		color: #000000;
-		
+
 		&>view {
 			margin-top: 40rpx;
 		}
-		
+
 		.picker-img {
 			width: 33.33rpx;
 			height: 33.33rpx;
 		}
-		
+
 		.pickup-user {
 			display: flex;
 			align-items: center;
 			font-weight: bold;
 			font-size: 31rpx;
 			color: #000000;
-			
+
 			&>view:first-of-type {
 				margin: 0 63rpx 0 19rpx;
 			}
 		}
-		
+
 		.pickup-address {
 			display: flex;
-			
+
 			.pickup-addressImg {
 				width: 33.33rpx;
 				height: 33.33rpx;
 			}
-			
+
 			&>view:first-of-type {
 				width: 305rpx;
 				margin-left: 18rpx;
 			}
-			
+
 			.picker-shopName {
 				font-weight: bold;
 				font-size: 31rpx;
 				color: #222222;
 			}
-			
+
 			.picker-shopAddress {
 				font-weight: 500;
 				font-size: 24rpx;
 				color: #666666;
 				margin-top: 15rpx;
 			}
-			
+
 			.pickup-icon {
 				margin-left: auto;
 				font-weight: 500;
 				font-size: 24rpx;
 				color: #666666;
-				
+
 				&>view {
 					text-align: center;
 				}
+
 				&>view:last-child {
 					margin-left: 40rpx;
 				}
-				
+
 				image {
 					width: 56rpx;
 					height: 56rpx;
@@ -900,7 +1008,7 @@
 			}
 		}
 	}
-	
+
 	// 美食
 	.shop-detail {
 		width: 697rpx;
@@ -912,56 +1020,192 @@
 		font-weight: bold;
 		font-size: 36rpx;
 		color: #000000;
-		
+
 		.shop-name {
 			font-weight: bold;
 			font-size: 30rpx;
 			color: #000000;
 			margin-top: 30rpx;
 		}
-		
+
 		.shop-info {
 			.shop-time {
 				width: 28rpx;
 				height: 28rpx;
 				margin: 5rpx 8rpx 0 0;
 			}
-			
+
 			.shop-title {
 				font-weight: 500;
 				font-size: 26rpx;
 				color: #000000;
 			}
-			
+
 			.shop-subtitle {
 				font-weight: 500;
 				font-size: 24rpx;
 				color: #666666;
 				margin-top: 23rpx;
 			}
+
 			.shop-icon {
 				margin-left: auto;
-				
-				image{
+
+				image {
 					width: 56rpx;
 					height: 56rpx;
 				}
+
 				image:first-child {
 					margin-right: 40rpx;
 				}
 			}
 		}
 	}
+
+	// 酒店
+	.hotel-detail {
+		width: 697rpx;
+		height: auto;
+		background: #FFFFFF;
+		border-radius: 20rpx;
+		padding: 33rpx 26rpx;
+		font-weight: bold;
+		font-size: 36rpx;
+		color: #000000;
+		margin: auto;
+
+		.hotel-title {
+			font-size: 31rpx;
+			color: #222222;
+			margin-top: 30rpx;
+		}
+
+		.hotel-date {
+			font-weight: bold;
+			font-size: 31rpx;
+			color: #000000;
+			display: flex;
+			margin-top: 30rpx;
+
+			span {
+				font-weight: 500;
+				font-size: 24rpx;
+				color: #666666;
+				margin-left: 20rpx;
+			}
+		}
+
+		.hotel-days {
+			width: 113rpx;
+			line-height: 37rpx;
+			background: #E8F6EB;
+			border-radius: 18rpx;
+			text-align: center;
+			margin: 0 20rpx;
+			font-weight: 500;
+			font-size: 24rpx;
+			color: #000000;
+		}
+		
+		.hotel-address {
+			width: 533rpx;
+			height: 107rpx;
+			background: url('https://static.ticket.sz-trip.com/yandu/images/order/addreeBg.png') no-repeat right;
+			background-size: auto 100%;
+			background-color: #E8F6EB;
+			border-radius: 20rpx;
+			padding: 22rpx 18rpx;
+			
+			.address {
+				width: 398rpx;
+				font-weight: 500;
+				font-size: 27rpx;
+				color: #000000;
+			}
+			
+			.address-image {
+				font-weight: 500;
+				font-size: 24rpx;
+				color: #333333;
+				text-align: center;
+				
+				image {
+					width: 30.67rpx;
+					height: 30.67rpx;
+				}
+			}
+		}
+		
+		.hotel-phone {
+			width: 93rpx;
+			height: 107rpx;
+			background: #E8F6EB;
+			border-radius: 20rpx;
+			font-weight: 500;
+			font-size: 24rpx;
+			color: #333333;
+			flex-direction: column;
+			
+			image {
+				width: 30.67rpx;
+				height: 30.67rpx;
+				margin-bottom: 8rpx;
+			}
+		}
+		
+		.hotel-skuName {
+			font-weight: 500;
+			font-size: 27rpx;
+			color: #000000;
+			height: 94rpx;
+			border-top: 1rpx solid #D8D8D8;
+			border-bottom: 1rpx solid #D8D8D8;
+			margin-top: 34rpx;
+			
+			&>view:first-child {
+				width: 400rpx;
+			}
+			
+			&>view:last-child {
+				width: 140rpx;
+			}
+		}
+	}
 	
+	.hotel-information {
+		width: 697rpx;
+		height: auto;
+		background: #FFFFFF;
+		border-radius: 20rpx;
+		padding: 26rpx;
+		margin: 20rpx auto;
+		font-weight: bold;
+		font-size: 36rpx;
+		color: #000000;
+		
+		view {
+			font-weight: 500;
+			font-size: 27rpx;
+			margin-top: 30rpx;
+		}
+		
+		span {
+			display: inline-block;
+			width: 140rpx;
+			color: #666666;
+		}
+	}
+
 	// 商品价格
 	.public-price {
-		
+
 		view {
 			font-weight: 500;
 			font-size: 27rpx;
 			color: #666666;
 			margin-top: 25rpx;
-			
+
 			span {
 				font-weight: bold;
 				font-size: 27rpx;
@@ -969,7 +1213,7 @@
 			}
 		}
 	}
-	
+
 	// 订单信息
 	.order-info {
 		width: 697rpx;
@@ -981,20 +1225,20 @@
 		font-weight: bold;
 		font-size: 36rpx;
 		color: #000000;
-		
+
 		.order-subtitle {
 			font-weight: 500;
 			font-size: 27rpx;
 			color: #000;
 			margin: 30rpx 0;
-			
+
 			span {
 				display: inline-block;
 				width: 130rpx;
 				color: #666666;
 			}
 		}
-		
+
 		.copy {
 			width: 93rpx;
 			height: 37rpx;
@@ -1004,14 +1248,14 @@
 			font-size: 22rpx;
 			color: #71B580;
 			margin-left: 30rpx;
-			
+
 			.copy-img {
 				width: 22rpx;
 				height: 23.33rpx;
 			}
 		}
 	}
-	
+
 	// 客服
 	.kefu-box {
 		width: 697rpx;
@@ -1025,14 +1269,14 @@
 		font-size: 31rpx;
 		color: #000000;
 		padding-left: 27rpx;
-		
+
 		.kefu-img {
 			width: 44rpx;
 			height: 44rpx;
 			margin-right: 14rpx;
 		}
 	}
-	
+
 	// 底部按钮
 	footer {
 		width: 750rpx;
@@ -1044,26 +1288,28 @@
 		background-color: #fff;
 		border-top: 10rpx solid #F7F7F7;
 		padding: 0 26rpx;
-		
+
 		.bottom-price {
 			font-weight: 500;
 			font-size: 28rpx;
 			color: #000000;
-			
+
 			span {
 				font-weight: bold;
 				font-size: 48rpx;
 				color: #EE3E3B;
 			}
+
 			span::before {
 				content: '￥';
 				font-size: 27rpx;
 			}
 		}
+
 		.btn-box {
 			margin-left: auto;
 			display: flex;
-			
+
 			.btn {
 				width: 213rpx;
 				line-height: 71rpx;
@@ -1075,10 +1321,11 @@
 				font-size: 31rpx;
 				color: #000000;
 			}
+
 			.btn:last-of-type {
 				margin-right: 0;
 			}
-			
+
 			.pay-btn {
 				height: 73rpx;
 				background: linear-gradient(270deg, #FD6F34, #F4A61F);