diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/.idea/UniappTool.xml b/.idea/UniappTool.xml
new file mode 100644
index 0000000..286b720
--- /dev/null
+++ b/.idea/UniappTool.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="cn.fjdmy.uniapp.UniappProjectDataService">
+    <option name="basePath" value="$PROJECT_DIR$" />
+    <option name="generalBasePath" value="$PROJECT_DIR$" />
+    <option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
+    <option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
+    <option name="scanNum" value="1" />
+    <option name="subProject" value="true" />
+    <option name="type" value="store" />
+    <option name="uniapp" value="true" />
+    <option name="uniappHx" value="true" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..1856893
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/xiuhu.iml" filepath="$PROJECT_DIR$/.idea/xiuhu.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/uniappSupport.xml b/.idea/uniappSupport.xml
new file mode 100644
index 0000000..bda0a43
--- /dev/null
+++ b/.idea/uniappSupport.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="UniappSupport">
+    <option name="pluginEnabled" value="true" />
+    <option name="uniapp" value="true" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/xiuhu.iml b/.idea/xiuhu.iml
new file mode 100644
index 0000000..24643cc
--- /dev/null
+++ b/.idea/xiuhu.iml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/bundle/reserve/details.vue b/bundle/reserve/details.vue
new file mode 100644
index 0000000..6935162
--- /dev/null
+++ b/bundle/reserve/details.vue
@@ -0,0 +1,60 @@
+<template>
+    <view class="">
+        <navbar title="预约网球场馆"></navbar>
+    </view>
+</template>
+
+<script>
+    import navbar from '@/components/navbar.vue';
+    export default {
+        components: {
+            navbar
+        },
+        data() {
+            return {
+
+            };
+        },
+
+        onLoad(args) {
+        }, 
+        mounted() {
+        },
+        methods: {
+          
+        }
+    };
+</script>
+
+<style lang="scss">
+    page {
+        background-color: #fff;
+    }
+
+    .top_head {
+		line-height: 30px;
+		z-index: 1;
+		padding-left: 26rpx;
+		position: sticky;
+		top: 0;
+		left: 0;
+		z-index: 100;
+	}
+
+	.head_top {
+		width: 100%;
+		height: var(--status-bar-height);
+	}
+
+    .title {
+        display: flex;
+        align-items: center;
+
+        .s-title {
+            font-size: 36rpx;
+            color: #303133;
+            line-height: 50rpx;
+            margin-left: 24rpx;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/common/ball.js b/common/ball.js
new file mode 100644
index 0000000..afff179
--- /dev/null
+++ b/common/ball.js
@@ -0,0 +1,4 @@
+export const BallType = {
+    Tennis: 1, // 网球
+    Basketball: 2 // 篮球
+}
\ No newline at end of file
diff --git a/common/style.scss b/common/style.scss
index 3d57036..b78c450 100644
--- a/common/style.scss
+++ b/common/style.scss
@@ -625,6 +625,14 @@ button.btn-gray-border[disabled][type=primary] {
 	display: flex;
 }
 
+.a-i-c {
+	align-items: center;
+}
+
+.a-i-s {
+	align-items: start;
+}
+
 .d-c-c {
 	display: flex;
 	justify-content: center;
diff --git a/components/navbar.vue b/components/navbar.vue
new file mode 100644
index 0000000..68c4fc1
--- /dev/null
+++ b/components/navbar.vue
@@ -0,0 +1,65 @@
+<template>
+    <view class="">
+        <view class="top_head pr" :style="'background-color:#fff;'">
+			<view class="head_top" :style="'height:' + topBarTop() + 'px;'"></view>
+			<view class="title" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
+                <image style="width: 48rpx;height: 48rpx;margin-top: 2rpx" src="@/static/icon/back2.png" mode=""></image>
+                <view class="s-title">{{ title }}</view>
+			</view>
+		</view>
+    </view>
+</template>
+
+<script>
+    export default {
+        props: {
+            title: {
+                type: String,
+                default: '标题'
+            }
+        },
+        data() {
+            return {
+
+            };
+        },
+        mounted() {
+        },
+        methods: {
+            
+        }
+    };
+</script>
+
+<style lang="scss">
+    page {
+        background-color: #fff;
+    }
+
+    .top_head {
+		line-height: 30px;
+		z-index: 1;
+		padding-left: 26rpx;
+		position: sticky;
+		top: 0;
+		left: 0;
+		z-index: 100;
+	}
+
+	.head_top {
+		width: 100%;
+		height: var(--status-bar-height);
+	}
+
+    .title {
+        display: flex;
+        align-items: center;
+
+        .s-title {
+            font-size: 36rpx;
+            color: #303133;
+            line-height: 50rpx;
+            margin-left: 24rpx;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/components/uni-popup.vue b/components/uni-popup.vue
index 0a6a954..bb9987d 100644
--- a/components/uni-popup.vue
+++ b/components/uni-popup.vue
@@ -85,7 +85,7 @@
 		align-items: flex-start;
 		width: 600upx;
 		/* height:800upx; */
-		border-radius: 10upx;
+		border-radius: 16upx;
 		top: 50%;
 		left: 50%;
 		transform: translate(-50%, -50%);
diff --git a/manifest.json b/manifest.json
index b04547e..66c8c99 100644
--- a/manifest.json
+++ b/manifest.json
@@ -192,5 +192,6 @@
                 "enable" : false
             }
         }
-    }
+    },
+	"sassImplementationName": "node-sass"
 }
diff --git a/pages.json b/pages.json
index bcbd486..c2c1c6f 100644
--- a/pages.json
+++ b/pages.json
@@ -953,6 +953,17 @@
 
 		}
 	],
+	"subPackages": [{
+		"root": "bundle",
+		"pages": [
+			{
+				"path": "reserve/details",
+				"style": {
+					"navigationStyle": "custom"
+				}
+			}
+		]
+	}],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "uni-app",
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 5666eaa..ff7b5c3 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,108 +1,164 @@
 <template>
-	<view :data-theme="theme()" :class="theme() || ''">
-		<view class="top_head pr" :style="'background-color: ' + bgcolor + ';'">
-			<!-- #ifndef MP-WEIXIN -->
-			<view class="state_top"></view>
-			<!-- #endif -->
+	<view :data-theme="theme()" :class="theme() || ''" style="padding-bottom: 44rpx;">
+		<view class="top_head pr" :style="'background-image: url(../../static/bg.png); background-size:100% auto;background-color:#F6F7F9;'">
 			<view class="head_top" :style="'height:' + topBarTop() + 'px;'"></view>
-			<view class="d-b-c" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
-				<view class="index_log">
-					<text :style="'color:' + titleTextColor + ';'" v-if="title_type == 'text'">{{ title_name }}</text>
-					<image v-else :src="toplogo || '/static/logo.png'" mode="heightFix"></image>
-				</view>
-				<view class="d-s-c flex-1">
-					<view class="top_search special" :style="'height:' + topBarHeight() + ' px;color:' + bgcolor + ';'" @click="showSearch = true">
-						<text class="icon iconfont icon-sousuo" :style="'color:' + bgcolor + ';'"></text>
-						搜索商品
-					</view>
-					<view class="top_search_right d-c-c" @click="scanQrcode"><text class="icon iconfont icon-saoyisao1"></text></view>
-				</view>
-				<!-- #ifndef MP-WEIXIN -->
-				<view class="d-e-c p-0-20"></view>
-				<!-- #endif -->
-				<!-- #ifdef MP-WEIXIN -->
-				<view class="wx-top-right"></view>
-				<!-- #endif -->
+			<view class="title" :style="topBarHeight() == 0 ? '' : 'height:' + topBarHeight() + 'px;'">
+				秀湖网球中心
 			</view>
-			<view class="nuter" v-if="openCategory.open">
-				<navBar style="width: 100%;" :color="openCategory.color" @currentIndex="setIndex" :currentI="thisindex" :navList="category_list"></navBar>
-			</view>
-			<view style="height: 20rpx;" v-else></view>
 		</view>
-		<!-- <view class="top_bg" :style="'background-color: '+bgcolor+';'"></view> -->
-		<view>
+		<view :style="'background: url(../../static/bg.png) no-repeat; background-size:100% auto;'">
 			<view v-if="thisindex == 0"><diy style="position: relative;" :diyItems="items"></diy></view>
-			<view v-if="thisindex != 0">
-				<view class="product-list">
-					<view
-						v-for="(pitem, pindex) in product_list"
-						:key="pindex"
-						class="product_item o-h"
-						:class="pindex % 2 == 1 ? 'product_item_right' : ''"
-						@click="gotoPage('/pages/product/detail/detail?product_id=' + pitem.product_id)"
-					>
-						<view><image :src="pitem.product_image" mode="" style="width: 345rpx;height: 345rpx;"></image></view>
-						<view class="text-ellipsis-2 f26 pro_name  p-0-20 mt20">{{ pitem.product_name }}</view>
-						<view class="mt36 mb20 p-0-20">
-							<text class="f20 fb redF6">￥</text>
-							<text class="f32 fb redF6">{{ pitem.product_sku.product_price }}</text>
-							<text class="text-d-line f20 gray9 ml10">￥</text>
-							<text class="text-d-line f24 gray9">{{ pitem.product_sku.line_price }}</text>
+
+			<view class="notice">
+				<image style="width: 40rpx;height: 40rpx;" src="../../static/icon/notice.png" mode=""></image>
+				<view class="notice-txt">目前仅开放1-2号场地预约，3-6号场地预约敬请期待</view>
+			</view>
+
+			<!-- 预约球馆 -->
+			<view class="info">
+				<view class="title">
+					<image style="width: 126rpx;height: 36rpx;" src="../../static/yycg.png" mode=""></image>
+					<view class="title-txt">更多场馆信息立即预约</view>
+				</view>
+				<view class="ball">
+					<view class="ball-info">
+						<image style="width: 690rpx;height: 320rpx;" src="../../static/wqzx.png" mode="aspectFit"></image>
+						<view class="ball-title">
+							<image style="width: 108rpx;height: 160rpx;" src="../../static/wq.png" mode="aspectFill"></image>
+							<view style="background-image: url(../../static/wqbg.png);">
+								<image style="width: 160rpx;height: 44rpx;" src="../../static/wqyd_txt.png" mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+					<view class="ball-time">
+						<view class="ball-center-title">秀湖网球中心</view>
+						<view class="d-b-c">
+							<view class="reserve-time">营业时间：06:00-22:00</view>
+							<view class="reserve-btn" @tap="handleToReserve(BallType.Tennis)">立即预约</view>
 						</view>
 					</view>
 				</view>
-				<view class="d-c-c p30 ww100" v-if="product_list.length == 0 && !loading">
-					<text class="iconfont icon-wushuju"></text>
-					<text class="cont">亲，暂无相关记录哦</text>
+
+				<view class="ball">
+					<view class="ball-info">
+						<image style="width: 690rpx;height: 320rpx;" src="../../static/lqzx.png" mode="aspectFit"></image>
+						<view class="ball-title" style="bottom: 24rpx; left: 28rpx;">
+							<image style="width: 64rpx;height: 64rpx;" src="../../static/lq.png" mode="aspectFill"></image>
+							<view style="background-image: url(../../static/wqbg.png); bottom: 0; left: 20rpx;" >
+								<image style="width: 160rpx;height: 44rpx;" src="../../static/lqyd_txt.png" mode="aspectFill"></image>
+							</view>
+						</view>
+					</view>
+					<view class="ball-time">
+						<view class="ball-center-title">秀湖蓝球中心</view>
+						<view class="d-b-c ">
+							<view class="reserve-time">营业时间：06:00-22:00</view>
+							<view class="reserve-btn" @tap="handleToReserve(BallType.Basketball)">立即预约</view>
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 热门活动 -->
+			<view class="info">
+				<view class="title">
+					<image style="width: 126rpx;height: 36rpx;" src="../../static/rmhd.png" mode=""></image>
+					<view class="title-txt">更多精彩赛事敬请关注</view>
+				</view>
+
+				<view class="">
+					<image style="width: 690rpx;height: 292rpx; margin-top: 20rpx;" src="../../static/jcss.png" mode=""></image>
+				</view>
+			</view>
+
+			<!-- 联系我们 -->
+			<view class="contact">
+				<view class="d-f a-i-c">
+					<image style="width: 126rpx;height: 36rpx; margin-right: 18rpx;" src="../../static/lxwm.png" mode=""></image>
+					<image style="width: 168rpx;height: 28rpx;" src="../../static/contact_us.png" mode=""></image>
+				</view>
+				<view class="d-b-c" style="margin-top: 34rpx;">
+					<view>
+						<image style="width: 116rpx;height: 134rpx;" src="../../static/kf.png" mode=""></image>
+					</view>
+					<view class="">
+						<view class="d-f">
+							<image style="width: 24rpx;height: 24rpx;margin-top: 4rpx;" src="../../static/icon/address.png" mode=""></image>
+							<view class="address-time">嘉兴市秀洲区秀园路秀湖公园（西南角）</view>
+						</view>
+
+						<view class="d-f" style="margin-top: 8rpx;">
+							<image style="width: 24rpx;height: 24rpx;margin-top: 2rpx" src="../../static/icon/time.png" mode=""></image>
+							<view class="address-time" style="height: 32rpx;">营业时间：08:00-20:00</view>
+						</view>
+					</view>
+					<view class="d-f">
+						<view class="d-f d-c a-i-c" style="margin-right: 20rpx;" @tap="handleLocation">
+							<image style="width: 64rpx;height: 64rpx;margin-top: 2rpx" src="../../static/icon/share.png" mode=""></image>
+							<view class="mark-text">导航</view>
+						</view>
+						<view class="d-f d-c a-i-c" @tap="handleCall">
+							<image style="width: 64rpx;height: 64rpx;margin-top: 2rpx" src="../../static/icon/mobile.png" mode=""></image>
+							<view class="mark-text">电话</view>
+						</view>
+
+					</view>
+
 				</view>
-				<uni-load-more v-else :loadingType="loadingType"></uni-load-more>
 			</view>
 		</view>
-		<!-- </scroll-view> -->
-
-		<!--点击收藏-->
-		<view class="collection-box" v-if="is_collection" :style="'top:' + (topBarTop() + topBarHeight() + 10) + 'px;'">
-			<view class="inner">
-				<text>点击“</text>
-				<text class="point">.</text>
-				<text class="point point-big">.</text>
-				<text class="point">.</text>
-				<text>”添加到我的小程序，\n微信首页下拉即可快速访问店铺</text>
-			</view>
-			<button type="primary" class="close-btn" @click="is_collection = false">x</button>
-		</view>
-
-		<!--关注公众号-->
-		<!-- #ifdef MP-WEIXIN -->
-		<view class="follow-gzh" v-if="is_follow == '1'">
-			<text class="icon iconfont icon-guanbi" @click="is_follow = 0"></text>
-			<official-account></official-account>
-		</view>
-		<!-- #endif -->
 
 		<!--首页推送-->
-		<Homepush v-if="is_homepush" :homepush_data="homepush_data"></Homepush>
-		<searchProduct :isShow="showSearch" @close="closeSearch"></searchProduct>
 		<tabBar></tabBar>
+
+		<!-- 公告 -->
+		<Popup :show="noticePopup">
+			<view class="notice-popup">
+				<view class="title">公告</view>
+				<view class="desc">目前仅开放1-2号场地预约，3-6号场地预约敬请期待</view>
+
+				<view class="btn" @tap="handleKnow(1)">我知道了</view>
+			</view>
+		</Popup>
+
+		<!-- 温馨提示 -->
+		<Popup :show="tipsPopup">
+			<view class="notice-popup">
+				<view class="title">温馨提示</view>
+				<view class="desc">   
+					尊敬的客户，感谢您的关注。为提
+					供更全面优质的服务，我们正在对手
+					机端相关功能进行最后的优化与升
+					级。该精彩板块即将与您见面，敬请
+					期待！
+				</view>
+				<view class="btn" @tap="handleKnow(2)">我知道了</view>
+			</view>
+		</Popup>
+
 	</view>
 </template>
 
 <script>
+import Popup from '@/components/uni-popup.vue';
 import diy from '@/components/diy/diy.vue';
 import Homepush from './home-push/home-push.vue';
 import navBar from '@/components/navBar/navBar.vue';
 import uniLoadMore from '@/components/uni-load-more.vue';
 import searchProduct from '@/components/searchProduct.vue';
+import { BallType } from '@/common/ball.js';
 export default {
 	components: {
 		diy,
 		Homepush,
 		navBar,
 		uniLoadMore,
-		searchProduct
+		searchProduct,
+		Popup
 	},
 	data() {
 		return {
+			BallType,
 			loading: true,
 			/*是否正在加载*/
 			loadding: true,
@@ -144,7 +200,9 @@ export default {
 			openCategory: {
 				color: '#000000',
 				open: 0
-			}
+			},
+			noticePopup: false,
+			tipsPopup: false
 		};
 	},
 	watch: {
@@ -472,434 +530,226 @@ export default {
 					}, 3000);
 				}
 			}
+		},
+
+		// 处理弹窗确认
+		handleKnow(type) {
+			if (type == 1) {
+				// 公告弹窗关闭
+				this.noticePopup = false;
+			} else if (type == 2) {
+				// 温馨提示关闭
+				this.tipsPopup = false;
+			}
+		},
+
+		// 处理导航
+		handleLocation() {
+			uni.openLocation({
+				latitude: 30.74621,
+				longitude: 120.76055,
+				name: '秀湖网球中心',
+				address: '嘉兴市秀洲区秀园路秀湖公园（西南角）',
+				scale: 18
+			});
+		},
+
+		// 处理拨打电话
+		handleCall() {
+			uni.makePhoneCall({
+				phoneNumber: '0573-82069999'
+			});
+		},
+
+		// 场馆预约
+		handleToReserve(type) {
+			uni.navigateTo({
+				url: '/bundle/reserve/details?type=' + type
+			});
 		}
 	}
 };
 </script>
 
 <style lang="scss">
-.bg-f2 {
-	background-color: #f2f2f2;
-}
+	page {
+		background-color: $xh-bg;
+	}
 
-.top_head {
-	line-height: 30px;
-	z-index: 1;
-	padding-left: 26rpx;
-	position: sticky;
-	top: 0;
-	left: 0;
-	z-index: 100;
-}
+	.top_head {
+		line-height: 30px;
+		z-index: 1;
+		padding-left: 26rpx;
+		position: sticky;
+		top: 0;
+		left: 0;
+		z-index: 100;
+	}
 
-.head_top {
-	width: 100%;
-	height: var(--status-bar-height);
-}
+	.head_top {
+		width: 100%;
+		height: var(--status-bar-height);
+	}
 
-.index_log {
-	/* width: 154rpx; */
-	min-height: 46rpx;
-	line-height: 46rpx;
-	font-size: 26rpx;
-	font-weight: 800;
-	color: #ffffff;
-}
+ 	.title {
+		font-weight: bold;
+		font-size: 36rpx;
+		color: #303133;
+		line-height: 50rpx;
+		text-align: center;
+ 	}
 
-.index_log image {
-	width: 60rpx;
-	height: 60rpx;
-}
+	.notice {
+		margin: 0 30rpx;
+		display: flex;
+		align-items: center;
 
-.top_search {
-	/* width: 380rpx; */
-	height: 60rpx;
-	line-height: 60rpx;
-	background: #ffffff;
-	border-radius: 30rpx 0 0 30rpx;
-	font-size: 30rpx;
-	margin-left: 10rpx;
-	color: #ffffff;
-	font-weight: 800;
-	flex: 1;
-}
+		.notice-txt {
+			flex: 1;
+			font-weight: 400;
+			font-size: 26rpx;
+			color: #303133;
+			line-height: 36rpx;
+			margin-left: 10rpx;
+			text-align: left;
+		}
+	}
 
-.top_search.special {
-	width: 100%;
-}
+	.info {
+		margin: 40rpx 30rpx 0;
 
-.top_search_right {
-	background: #ffffff;
-	border-radius: 0 30rpx 30rpx 0;
-	height: 60rpx;
-	position: relative;
-}
+		.title {
+			display: flex;
+			align-items: center;
+		}
 
-.top_search_right::before {
-	content: ' ';
-	width: 1rpx;
-	height: 20rpx;
-	background-color: #d9d9d9;
-	left: 0;
-	top: 0;
-	bottom: 0;
-	margin: auto;
-	position: absolute;
-}
+		.title-txt {
+			flex: 1;
+			font-weight: 400;
+			font-size: 22rpx;
+			color: #818CA9;
+			line-height: 32rpx;
+			margin-left: 16rpx;
+			text-align: left;
+		}
 
-.top_search_right .icon-saoyisao1 {
-	padding: 0 20rpx;
-	/* border-left: 1rpx solid #D9D9D9; */
-}
+		.ball {
+			margin-top: 28rpx;
+			width: 690rpx;
 
-.top_search .icon-sousuo {
-	font-size: 30rpx;
-	color: #ee1413;
-	margin-left: 20rpx;
-	margin-right: 10rpx;
-}
+			.ball-info {
+				position: relative;
 
-.top_bg {
-	position: absolute;
-	top: 0;
-	z-index: 0;
-	width: 750rpx;
-	height: 350rpx;
-}
+				.ball-title {
+					position: absolute;
+					bottom: 0;
+					left: 10rpx;
+					display: flex;
+					align-items: center;
 
-.top_bg image {
-	width: 750rpx;
-	height: 350rpx;
-}
+					& > view {
+						position: absolute;
+						left: 46rpx;
+						bottom: 28rpx;
+						display: flex;
+						justify-content: center;
+						align-items: center;
+						background-size: 100% auto; 
+						width: 300rpx;
+						height: 60rpx;
+						font-size: 32rpx;
+						font-weight: 400;
+					}
+				}
+			}
 
-.nuter {
-	width: 100%;
-	height: 80rpx;
-	line-height: 80rpx;
-	display: flex;
-	justify-content: space-around;
-	font-size: 35rpx;
-	padding-bottom: 10rpx;
-	overflow: hidden;
-	transition: all 0.3s ease;
-}
+			.ball-time {
+				background-color: #fff;
+				border-radius: 0 0 10rpx 10rpx;
+				padding: 30rpx 28rpx 26rpx;
 
-.nuter view {
-	flex: 1;
-	font-size: 30rpx;
-	text-align: center;
-	transition: all 0.5s ease 0.1s;
-}
+				.ball-center-title {
+					font-weight: bold;
+					font-size: 30rpx;
+					color: #303133;
+					line-height: 42rpx;
 
-swiper {
-	height: 80vh;
-	width: 100%;
-	overflow: hidden;
-}
+				}
 
-.swiper-item {
-	overflow-y: scroll;
-	width: 100%;
-	height: 99%;
-	box-sizing: border-box;
-}
+				.reserve-time {
+					font-weight: 400;
+					font-size: 22rpx;
+					color: #606266;
+					line-height: 32rpx;
+				}
 
-.foot_ {
-	height: 98rpx;
-	width: 100%;
-}
+				.reserve-btn {
+					width: 140rpx;
+					height: 52rpx;
+					border-radius: 10rpx;
+					background-color: #365A9A;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #FFFFFF;
+					line-height: 52rpx;
+					text-align: center;
+				}
+			}
+		}
+	}
 
-.banner {
-	height: 240upx;
-	width: 710upx;
-}
+	.contact {
+		margin: 20rpx 30rpx;
+		background-color: #fff;
+		border-radius: 10rpx;
+		padding: 24rpx 28rpx 0;
 
-.banner image {
-	width: 710rpx;
-	height: 240rpx;
-}
+		.address-time {
+			width: 272rpx;
+			height: 64rpx;
+			font-weight: 400;
+			font-size: 22rpx;
+			color: #606266;
+			line-height: 30rpx;
+			margin-left: 4rpx;
+		}
 
-.new-people .group-bd {
-	display: flex;
-	justify-content: space-between;
-}
+		.mark-text {
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #606266;
+			line-height: 34rpx;
+		}
+	}
 
-.new-people .list {
-	padding-right: 30rpx;
-}
+	.notice-popup {
+		padding-bottom: 20rpx;
+		
+		.title {
+			font-size: 36rpx;
+			color: #303133;
+			line-height: 50rpx;
+			text-align: center;
+		}
 
-.new-people .list .item {
-	width: 180rpx;
-	text-align: center;
-}
+		.desc {
+			margin-top: 48rpx;
+			font-weight: 400;
+			font-size: 32rpx;
+			color: #303133;
+			line-height: 52rpx;
+			text-align: center;
+		}
 
-.new-people .list .price {
-	font-size: 24rpx;
-}
-
-.new-people .list .price .num {
-	font-size: 34rpx;
-	font-weight: bold;
-}
-
-.new-people .list button {
-	font-size: 24rpx;
-	background: #6170ff;
-}
-
-.new-people .list image {
-	width: 180rpx;
-	height: 180rpx;
-	border: 1px dashed #cccccc;
-}
-
-.new-people .other {
-	width: 230rpx;
-}
-
-.new-people .other image {
-	width: 100%;
-}
-
-.group-seckill .left .iconfont {
-	margin-right: 8rpx;
-	color: $dominant-color;
-	font-size: 40rpx;
-}
-
-.group-seckill .list .item {
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	align-items: center;
-	width: 150rpx;
-	height: 230rpx;
-	border: 1px dashed #cccccc;
-}
-
-.group-seckill .list text {
-	line-height: 60rpx;
-	color: $dominant-color;
-}
-
-.group-seckill .list image {
-	width: 150rpx;
-	height: 150rpx;
-}
-
-.group-hd .datetime .time {
-	padding: 4rpx;
-	background: $dominant-color;
-	color: #ffffff;
-	border-radius: 4rpx;
-}
-
-.group-hd .datetime .point {
-	padding: 0 10rpx;
-	color: $dominant-color;
-}
-
-.every-day-hard .list .item {
-	width: 200rpx;
-}
-
-.every-day-hard .list image {
-	width: 200rpx;
-	height: 200rpx;
-}
-
-.every-day-hard .list .pic {
-	position: relative;
-	width: 200rpx;
-	height: 200rpx;
-	border: 1px dashed #cccccc;
-}
-
-.every-day-hard .list .tips {
-	position: absolute;
-	left: -1px;
-	bottom: -1px;
-	padding: 0 10rpx;
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-	border-radius: 0 4rpx 0 0;
-	color: #ffffff;
-	background: #ff8a00;
-	font-size: 22rpx;
-}
-
-.every-day-hard .list .tips .iconfont {
-	margin-right: 6rpx;
-	font-size: 24rpx;
-	color: #ffffff;
-}
-
-.every-day-hard .list .tips .svg-icon {
-	width: 20rpx;
-	height: 20rpx;
-	margin-right: 6rpx;
-	color: #ffffff;
-}
-
-.every-day-hard .list .bottom-box {
-	display: flex;
-	height: 80rpx;
-	justify-content: space-between;
-	align-items: center;
-}
-
-.every-day-hard .list .bottom-box .people {
-	font-size: 24rpx;
-	color: #fb8138;
-}
-
-.every-day-hard .list .bottom-box .unit {
-	font-size: 22rpx;
-	color: $dominant-color;
-}
-
-.every-day-hard .list .bottom-box .price {
-	font-size: 30rpx;
-	color: $dominant-color;
-}
-
-.collection-box {
-	position: fixed;
-	width: 380rpx;
-	padding: 20rpx;
-	top: 20rpx;
-	right: 20rpx;
-	line-height: 40rpx;
-	font-size: 24rpx;
-	border-radius: 16rpx;
-	background: #ffffff;
-	border: 1px solid #eeeeee;
-	box-shadow: 0 0 6rpx 0 rgba(0, 0, 0, 0.08);
-	z-index: 100;
-}
-
-.collection-box::after {
-	position: absolute;
-	content: '';
-	display: block;
-	right: 140rpx;
-	top: -15rpx;
-	transform: rotate(45deg);
-	width: 30rpx;
-	height: 30rpx;
-	transform: rotate;
-	background: #ffffff;
-	border-left: 1px solid #eeeeee;
-	border-top: 1px solid #eeeeee;
-}
-
-.collection-box .point {
-	width: 20rpx;
-	height: 20rpx;
-	font-size: 60rpx;
-	line-height: 0;
-	color: #666666;
-}
-
-.collection-box .point-big {
-	font-size: 80rpx;
-}
-
-.collection-box .close-btn {
-	position: absolute;
-	padding: 0;
-	right: 10rpx;
-	top: 10rpx;
-	width: 40rpx;
-	height: 40rpx;
-	line-height: 30rpx;
-	background: #ffffff;
-	color: #999999;
-	border-radius: 50%;
-}
-
-.follow-gzh {
-	position: fixed;
-	left: 0;
-	right: 0;
-	bottom: calc(var(--window-bottom));
-	border-radius: 16rpx;
-	box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, 0.1);
-	background: #ffffff;
-	z-index: 10;
-}
-
-.follow-gzh .iconfont {
-	display: block;
-	position: absolute;
-	right: 10rpx;
-	top: 10rpx;
-	z-index: 99;
-}
-
-.product-list {
-	display: flex;
-	justify-content: space-between;
-	flex-wrap: wrap;
-	align-items: center;
-	position: relative;
-	z-index: 1;
-}
-
-.product_item {
-	width: 345rpx;
-	margin: 20rpx;
-	border-radius: 12rpx;
-	background-color: #ffffff;
-}
-
-.product_item.product_item_right {
-	margin-left: 0;
-}
-
-.product_item .pro_name {
-	height: 68rpx;
-	line-height: 34rpx;
-}
-
-.diy-seckillProduct .sharpproduct-head .datetime::v-deep .box {
-	padding: 4rpx 10rpx;
-	font-size: 22rpx;
-	background: #ffebeb;
-	color: #f6220c;
-}
-
-.bargainProduct-head .datetime::v-deep .box {
-	padding: 4rpx 10rpx;
-	font-size: 22rpx;
-	background: #ffffff;
-	color: #4b30ff;
-}
-
-.chat {
-	width: 40rpx;
-	height: 40rpx;
-}
-
-.newsnum {
-	position: absolute;
-	top: -8rpx;
-	right: -16rpx;
-	z-index: 100;
-	border-radius: 50%;
-	width: 25rpx;
-	height: 25rpx;
-	text-align: center;
-	line-height: 25rpx;
-	color: #ffffff;
-	background-color: #ff6633;
-	padding: 5rpx;
-	font-size: 20rpx;
-}
-
-.wx-top-right {
-	width: 200rpx;
-	height: 2rpx;
-}
+		.btn {
+			font-size: 32rpx;
+			background: #365A9A;
+			border-radius: 8rpx;
+			margin: 92rpx 44rpx 0;
+			height: 80rpx;
+			line-height: 80rpx;
+			text-align: center;
+			color: #fff;
+		}
+	}
 </style>
diff --git a/static/bg.png b/static/bg.png
new file mode 100644
index 0000000..87a257a
Binary files /dev/null and b/static/bg.png differ
diff --git a/static/contact_us.png b/static/contact_us.png
new file mode 100644
index 0000000..7ddd92c
Binary files /dev/null and b/static/contact_us.png differ
diff --git a/static/icon/address.png b/static/icon/address.png
new file mode 100644
index 0000000..8cb2809
Binary files /dev/null and b/static/icon/address.png differ
diff --git a/static/icon/back2.png b/static/icon/back2.png
new file mode 100644
index 0000000..d5bf772
Binary files /dev/null and b/static/icon/back2.png differ
diff --git a/static/icon/mobile.png b/static/icon/mobile.png
new file mode 100644
index 0000000..1a253e1
Binary files /dev/null and b/static/icon/mobile.png differ
diff --git a/static/icon/notice.png b/static/icon/notice.png
new file mode 100644
index 0000000..c8f4ac3
Binary files /dev/null and b/static/icon/notice.png differ
diff --git a/static/icon/share.png b/static/icon/share.png
new file mode 100644
index 0000000..dd70676
Binary files /dev/null and b/static/icon/share.png differ
diff --git a/static/icon/time.png b/static/icon/time.png
new file mode 100644
index 0000000..26f6102
Binary files /dev/null and b/static/icon/time.png differ
diff --git a/static/jcss.png b/static/jcss.png
new file mode 100644
index 0000000..a3de8ed
Binary files /dev/null and b/static/jcss.png differ
diff --git a/static/kf.png b/static/kf.png
new file mode 100644
index 0000000..e1d54b8
Binary files /dev/null and b/static/kf.png differ
diff --git a/static/lq.png b/static/lq.png
new file mode 100644
index 0000000..67ac080
Binary files /dev/null and b/static/lq.png differ
diff --git a/static/lqyd_txt.png b/static/lqyd_txt.png
new file mode 100644
index 0000000..f34c189
Binary files /dev/null and b/static/lqyd_txt.png differ
diff --git a/static/lqzx.png b/static/lqzx.png
new file mode 100644
index 0000000..3b12d9a
Binary files /dev/null and b/static/lqzx.png differ
diff --git a/static/lxwm.png b/static/lxwm.png
new file mode 100644
index 0000000..af27c61
Binary files /dev/null and b/static/lxwm.png differ
diff --git a/static/rmhd.png b/static/rmhd.png
new file mode 100644
index 0000000..f51a9ef
Binary files /dev/null and b/static/rmhd.png differ
diff --git a/static/wq.png b/static/wq.png
new file mode 100644
index 0000000..8b8c1ac
Binary files /dev/null and b/static/wq.png differ
diff --git a/static/wqbg.png b/static/wqbg.png
new file mode 100644
index 0000000..c73eb66
Binary files /dev/null and b/static/wqbg.png differ
diff --git a/static/wqyd_txt.png b/static/wqyd_txt.png
new file mode 100644
index 0000000..bdc4e15
Binary files /dev/null and b/static/wqyd_txt.png differ
diff --git a/static/wqzx.png b/static/wqzx.png
new file mode 100644
index 0000000..7f41193
Binary files /dev/null and b/static/wqzx.png differ
diff --git a/static/yycg.png b/static/yycg.png
new file mode 100644
index 0000000..c8ba4aa
Binary files /dev/null and b/static/yycg.png differ
diff --git a/uni.scss b/uni.scss
index e97d22a..dfd32c3 100644
--- a/uni.scss
+++ b/uni.scss
@@ -396,3 +396,5 @@ $themes: (
 	}
 }
 /* end--主题色--end */
+
+$xh-bg: '#F6F7F9'
\ No newline at end of file