diff --git a/common/js/conver.js b/common/js/conver.js
index 3835012..dac050e 100644
--- a/common/js/conver.js
+++ b/common/js/conver.js
@@ -137,70 +137,146 @@ var phoneNum = function(str, startLength, endLength, replaceStr) {
 		return str;
 	}
 	return str.slice(0, startLength) + replaceStr + str.slice(str.length - endLength);
+}
+
+var repairStatusColor = function(status) {
+	var color = 'repair-status-yellow'
+	switch (status) {
+		case 'PENDING':
+			color = 'repair-status-yellow'
+			break
+		case 'APPROVED':
+			color = 'repair-status-green'
+			break
+		case 'REJECTED':
+			color = 'repair-status-red'
+			break
+		case 'CANCELED':
+			color = 'repair-status-gray'
+			break
+	}
+	return color
+}
+var repairStatus = function(status) {
+	var str = '待审核'
+	switch (status) {
+		case 'PENDING':
+			str = '待审核'
+			break
+		case 'APPROVED':
+			str = '已通过'
+			break
+		case 'REJECTED':
+			str = '未通过'
+			break
+		case 'CANCELED':
+			str = '已取消'
+			break
+	}
+	return str
+}
+var repairType = function(type) {
+	var str = '未知'
+	switch (type) {
+		case 'CORRECTION1':
+			str = '一次补正'
+			break
+		case 'CORRECTION2':
+			str = '二次补正'
+			break
+	}
+	return str
+}
+var repairKind = function(kind) {
+	var str = '未知'
+	switch (kind) {
+		case 'CODE':
+			str = '代码'
+			break
+		case 'MANUAL':
+			str = '操作手册'
+			break
+		case 'ALL':
+			str = '代码+操作手册'
+			break
+	}
+	return str
+}
+
+var payType = function(type) {
+	// 充值1|支出2|提现3|系统扣款4|订单收入5|付款6)
+	var typeStr = '支出'
+	switch (type) {
+		case 1:
+			typeStr = '充值'
+			break
+		case 2:
+			typeStr = '支出'
+			break
+		case 3:
+			typeStr = '提现'
+			break
+		case 4:
+			typeStr = '系统\n扣款'
+			break
+		case 5:
+			typeStr = '订单\n收入'
+			break
+		case 6:
+			typeStr = '付款'
+			break
+	}
+	return typeStr
+}
+var payTypeColor = function(type) {
+	var typeColr = 'type-g'
+	switch (type) {
+		case 1:
+		case 3:
+		case 5:
+			typeColr = 'type-g'
+			break
+		case 2:
+		case 4:
+		case 6:
+			typeColr = 'type-z'
+			break
+	}
+	return typeColr
 }
 
-var repairStatusColor = function (status) {
-    var color = 'repair-status-yellow'
-    switch (status) {
-        case 'PENDING':
-            color = 'repair-status-yellow'
-            break
-        case 'APPROVED':
-            color = 'repair-status-green'
-            break
-        case 'REJECTED':
-            color = 'repair-status-red'
-            break
-        case 'CANCELED':
-            color = 'repair-status-gray'
-            break
-    }
-    return color
-}
-var repairStatus = function (status) {
-    var str = '待审核'
-    switch (status) {
-        case 'PENDING':
-            str = '待审核'
-            break
-        case 'APPROVED':
-            str = '已通过'
-            break
-        case 'REJECTED':
-            str = '未通过'
-            break
-        case 'CANCELED':
-            str = '已取消'
-            break
-    }
-    return str
-}
-var repairType = function (type) {
-    var str = '未知'
+// 充值1|支出2|提现3|系统扣款4|订单收入5|付款6)
+var payTypeFontSize = function (type) {
+    var fSize = 'size-32'
     switch (type) {
-        case 'CORRECTION1':
-            str = '一次补正'
+        case 1:
+        case 2:
+        case 3:
+        case 6:
+            fSize = 'size-32'
             break
-        case 'CORRECTION2':
-            str = '二次补正'
+        case 4:
+        case 5:
+            fSize = 'size-24'
             break
     }
-    return str
+    return fSize
 }
-var repairKind = function (kind) {
-    var str = '未知'
-    switch (kind) {
-        case 'CODE':
-            str = '代码'
+var payTypeSign = function (type) {
+    var typeStr = '-'
+    switch (type) {
+        case 1:
+        case 5:
+            typeStr = '+'
             break
-        case 'MANUAL':
-            str = '操作手册'
-            break
-        case 'ALL':
-            str = '代码+操作手册'
+        case 2:
+        case 3:
+        case 4:
+        case 6:
+            typeStr = '-'
             break
     }
-    return str
+    return typeStr
 }
 export {
 	isEmpty,
@@ -212,9 +288,13 @@ export {
 	timeSplit,
 	objIsEmpty,
 	moneyTxt,
-	phoneNum,
-	repairStatusColor,
-	repairKind,
-	repairType,
-	repairStatus
+	phoneNum,
+	repairStatusColor,
+	repairKind,
+	repairType,
+	repairStatus,
+	payTypeColor,
+	payType,
+	payTypeFontSize,
+	payTypeSign
 }
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 758d5cc..fb83ffc 100644
--- a/pages.json
+++ b/pages.json
@@ -133,6 +133,13 @@
 				"navigationBarTitleText": "",
 				"enablePullDownRefresh": true
 			}
+		},
+		{
+			"path": "pages/mine/mineAccount/minePayRecord/minePayRecord",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": true
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/mine/mineAccount/mineContact/mineContact.vue b/pages/mine/mineAccount/mineContact/mineContact.vue
index 8633c4f..a49ff06 100644
--- a/pages/mine/mineAccount/mineContact/mineContact.vue
+++ b/pages/mine/mineAccount/mineContact/mineContact.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="body-container">
+	<view class="page-container">
 		<view class="search-box">
 			<view class="search-container">
 				<view class="search-input-icon"></view>
@@ -8,7 +8,7 @@
 				<view v-if="keywords !=''" @click="clearSearch" class="icon-clear" style="width: 20px;height: 20px;">
 				</view>
 			</view>
-			<view class="add-btn" @click="showCreateDialog">创建联系人</view>
+			<view class="add-btn" @click="showCreateDialog">创建</view>
 		</view>
 		<ContainerLoading :loadingVisible="loadingState" style="height: 83vh;margin-top: 30rpx;"
 			@doRefresh="doRefreshList">
@@ -24,8 +24,11 @@
 								</view>
 								<view>{{item.phone}}</view>
 								<view class="options-box">
-									<view class="edit" @click="showEditDialog" :data-value="item">编辑</view>
-									<view class="del" @click="showDelDialog" :data-value="item">删除</view>
+									<view class="icon-edit-blue size-48 mr-10" @click="showEditDialog"
+										:data-value="item">
+									</view>
+									<view class="icon-del-red size-48" @click="showDelDialog" :data-value="item">
+									</view>
 								</view>
 							</view>
 							<view class="service-desc ml-10">{{item.company}}</view>
@@ -45,30 +48,30 @@
 		</uni-popup>
 		<!-- 创建或编辑弹窗 :is-mask-click="false" -->
 		<uni-popup ref="popup" type="bottom" background-color="#fff" border-radius="15rpx 15rpx 0rpx 0rpx">
-			<view class="bottom-dialog-box">
-				<view class="bottom-title-box">
-					<view class="icon-close close-icon" @click="closePopup"></view>
-					<view class="bottom-title-txt">{{title}}</view>
+			<view class="bottom-dialog-container">
+				<view class="dialog-title-box">
+					<view class="icon-close size-48" @click="closePopup"></view>
+					<view class="dialog-title-txt has-icon">{{title}}</view>
 				</view>
 				<view class="form-box">
 					<view class="form-item">
-						<view class="form-item-title">姓名</view>
+						<text class="form-item-title star">姓&emsp;&emsp;名</text>
 						<input adjust-position :cursor-spacing="50" type="text" confirm-type="next" :value="contactName"
 							placeholder="请输入姓名" class="form-item-content" @input="inputContactName" />
 					</view>
 					<view class="form-item">
-						<view class="form-item-title">联系电话</view>
+						<text class="form-item-title star">联系电话</text>
 						<input adjust-position :cursor-spacing="50" :value="contactPhone" placeholder="请输入联系电话"
 							class="form-item-content" @input="inputContactPhone" />
 					</view>
 					<view class="form-item">
-						<view class="form-item-title no-after" style="padding-left: 16rpx;">联系邮箱</view>
+						<view class="form-item-title">联系邮箱</view>
 						<input adjust-position :cursor-spacing="50" type="text" confirm-type="next"
 							:value="contactEmail" placeholder="请输入联系邮箱" class="form-item-content"
 							@input="inputContactEmail" />
 					</view>
 					<view class="form-item">
-						<view class="form-item-title no-after" style="padding-left: 16rpx;">公司</view>
+						<text class="form-item-title">公&emsp;&emsp;司</text>
 						<input adjust-position :cursor-spacing="50" type="text" confirm-type="next"
 							:value="contactCompany" placeholder="请输入公司名称" class="form-item-content"
 							@input="inputContactCompany" />
@@ -431,8 +434,9 @@
 
 	.search-input {
 		box-sizing: border-box;
-		color: rgba(16, 16, 16, 1);
-		font-size: 14px;
+		color: $text-color;
+		font-size: 28rpx;
+		align-self: center;
 		text-align: center;
 		flex: 1;
 	}
@@ -449,17 +453,18 @@
 
 	.add-btn {
 		border-radius: 4px;
-		background-color: rgba(50, 112, 255, 1);
-		color: rgba(255, 255, 255, 1);
-		font-size: 14px;
+		background-color: $btn-green-color;
+		color: $white-color;
+		font-size: 24rpx;
+		line-height: 28rpx;
+		height: 28rpx;
+		align-self: center;
+		padding: 15rpx 15rpx;
 		text-align: center;
-		text-align: center;
-		font-family: PingFangSC-regular;
-		padding: 5px 10px;
 	}
 
 	.add-btn:active {
-		background-color: rgba(50, 112, 255, .7);
+		background-color: $btn-green-color-active;
 	}
 
 	.content-container {
@@ -478,8 +483,7 @@
 		display: flex;
 		flex-direction: column;
 		background-color: white;
-		border-radius: 10px;
-		width: 94vw;
+		border-radius: 15rpx;
 	}
 
 	.order-item:nth-of-type(n+2) {
@@ -562,7 +566,6 @@
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
-		align-items: flex-start;
 		font-size: 14px;
 		margin-top: 30rpx;
 	}
@@ -572,30 +575,25 @@
 		flex-direction: row;
 		justify-content: flex-start;
 		align-items: center;
-		width: 80vw;
 		padding: 10px;
 	}
 
 	.form-item-title {
 		flex: .3;
-		font-size: 14px;
+		font-size: 28rpx;
 		color: black;
 		font-weight: 500;
 		text-align: left;
 	}
 
-	.form-item-title:not(.no-after)::before {
-		content: "*";
-		color: red;
-		font-size: 14px;
-		margin-left: 1px;
-		text-align: center;
-	}
 
 	.form-item-content {
-		flex: 1;
+		flex: .7;
 		text-align: right;
-		font-size: 14px;
+		font-size: 28rpx;
+		border: 10rpx;
+		padding: 10rpx;
+		background-color: $bg-gray-input-color;
 	}
 
 	.confirm-btn {
@@ -603,7 +601,7 @@
 		height: 80rpx;
 		line-height: 80rpx;
 		border-radius: 4rpx;
-		background-color: rgba(7, 193, 96, 1);
+		background-color: $btn-green-color;
 		color: rgba(255, 255, 255, 1);
 		font-size: 32rpx;
 		text-align: center;
@@ -613,6 +611,6 @@
 	}
 
 	.confirm-btn:active {
-		background-color: rgba(7, 193, 96, 0.5);
+		background-color: $btn-green-color-active;
 	}
 </style>
\ No newline at end of file
diff --git a/pages/mine/mineAccount/mineOrder/mineOrder.vue b/pages/mine/mineAccount/mineOrder/mineOrder.vue
index 4b0dac2..69d4dd5 100644
--- a/pages/mine/mineAccount/mineOrder/mineOrder.vue
+++ b/pages/mine/mineAccount/mineOrder/mineOrder.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="body-container">
+	<view class="page-container">
 		<view class="search-box">
 			<view class="search-container">
 				<input class="search-input" :value="keywords" @input="inputKeywords" @confirm="doSearchKeyWord"
@@ -157,7 +157,7 @@
 				_self.isLoadMore = true
 				_self.loadMore = 'loading'
 				_self.pageData.page = ++_self.pageData.page
-				_self.keywords = _self.keywords
+				_self.pageData.keywords = _self.keywords
 				_self.doGetMineOrderList(false)
 			},
 		}
diff --git a/pages/mine/mineAccount/minePayRecord/minePayRecord.vue b/pages/mine/mineAccount/minePayRecord/minePayRecord.vue
new file mode 100644
index 0000000..feca029
--- /dev/null
+++ b/pages/mine/mineAccount/minePayRecord/minePayRecord.vue
@@ -0,0 +1,379 @@
+<template>
+	<view class="page-container">
+		<view class="search-box">
+			<view class="search-container">
+				<input class="search-input" :value="keywords" @input="inputKeywords" @confirm="doSearchKeyWord"
+					type="text" confirm-type="search" placeholder="搜索" />
+				<view v-if="keywords !=''" @click="clearSearch" class="icon-clear icon-position"></view>
+			</view>
+			<view class="search-time-box mt-20">
+				<view class="search-time-item">
+					<uni-datetime-picker type="date" @change="selectStartDate" v-model="startDate">
+						<view>{{startDate==''?'请选择开始时间':startDate}}</view>
+					</uni-datetime-picker>
+					<view v-if="startDate==''" class="icon-arrow-solid size-16"></view>
+					<view v-else class="icon-clear size-32" @click="clearStart"></view>
+				</view>
+				<view class="search-time-item ml-20">
+					<uni-datetime-picker type="date" @change="selectEndDate" v-model="endDate">
+						<view>{{endDate==''?'请选择结束时间':endDate}}</view>
+					</uni-datetime-picker>
+					<view v-if="endDate ==''" class="icon-arrow-solid size-16"></view>
+					<view v-else class="icon-clear size-32" @click="clearEnd"></view>
+				</view>
+
+			</view>
+		</view>
+		<ContainerLoading :loadingVisible="loadingState" style="height: 79vh;margin-top: 30rpx;"
+			@doRefresh="doRefreshList">
+			<scroll-view scroll-y style="height: 79vh;" :lower-threshold="100" refresher-background="#FFFFFF00"
+				@scrolltolower="doLoadMore">
+				<view class="order-box">
+					<block v-for="(item,index) in recordList" :key="index">
+						<view class="order-item">
+							<view class="record-title-box">
+								<view class="record-title-type-box">
+									<text
+										:class="['record-title-type',payTypeColor(item.type)]">{{payType(item.type)}}</text>
+									<view class="record-title-order-box" v-if="item.orderId != ''">
+										<view class="record-title-order-type">{{appTitle}}</view>
+										<view class="record-title-order-num">{{item.orderId}}</view>
+									</view>
+								</view>
+								<view class="record-money">
+									<view
+										style="display: flex;flex-direction: row;align-items: center;justify-content: center;">
+										{{payTypeSign(item.type)}} {{item.accountMoney/100}}
+									</view>
+									<view class="money">{{item.accountAfterMoney/100}}</view>
+								</view>
+							</view>
+							<view class="record-desc">{{item.description}}</view>
+							<view class="record-bottom-box">
+								<view class="record-before">交易前余额<text
+										style="padding-left: 15rpx;color: black;font-weight: bold;">{{item.accountBeforeMoney/100}}</text>
+								</view>
+								<view class="record-date">{{item.gmtCreate}}</view>
+							</view>
+						</view>
+					</block>
+					<uni-load-more :status="hasMore"></uni-load-more>
+				</view>
+			</scroll-view>
+		</ContainerLoading>
+	</view>
+</template>
+
+<script>
+	import ContainerLoading from '@/components/container-loading.vue'
+	import UserApi from '@/common/js/net/UserApi.js'
+	import {
+		payTypeColor,
+		payType,
+		payTypeSign
+	} from '@/common/js/conver.js'
+	import {
+		inject,
+		isReactive
+	} from 'vue';
+	export default {
+		components: {
+			ContainerLoading
+		},
+		setup() {
+			const globalData = inject('globalData')
+			return {
+				globalData
+			}
+		},
+		data() {
+			return {
+				recordList: [], //订单列表
+				appTitle: this.globalData.appTitle,
+				pageData: {
+					page: 1,
+					rows: 10,
+					keywords: '',
+					startTime: '',
+					endTime: ''
+				}, //检索参数
+				loadingState: 'loading', //加载状态
+				listRefreshTrig: false, //list刷新状态
+				isLoadMore: false, //加载更多的状态
+				hasMore: 'more', //是否有更多数据
+				keywords: '', //搜索关键字
+				startDate: '',
+				endDate: ''
+			};
+		},
+		onLoad(options) {
+			uni.setNavigationBarTitle({
+				title: "资金流水",
+			});
+			uni.setNavigationBarColor({
+				frontColor: "#000000",
+				backgroundColor: "#F0F0F0",
+				animation: {
+					duration: 500,
+					timingFunc: "easeIn",
+				},
+			});
+			this.doRefreshList()
+		},
+		methods: {
+			payTypeColor,
+			payType,
+			payTypeSign,
+			inputKeywords(e) {
+				this.keywords = e.detail.value
+			},
+			doSearchKeyWord() {
+				this.doRefreshList()
+			},
+			clearSearch() {
+				this.keywords = ''
+				this.doRefreshList()
+			},
+			selectStartDate(e) {
+				console.log('开始时间', e)
+				this.startDate = e
+				this.doRefreshList()
+			},
+			selectEndDate(e) {
+				console.log('结束时间', e)
+				this.endDate = e
+				this.doRefreshList()
+			},
+			clearStart() {
+				this.startDate = ''
+				this.doRefreshList()
+			},
+			clearEnd() {
+				this.endDate = ''
+				this.doRefreshList()
+			},
+			doRefreshList() {
+				console.log('正在刷新...')
+				const _self = this
+				_self.loadingState = 'loading'
+				_self.hasMore = 'more'
+				_self.pageData.page = 1
+				_self.pageData.keywords = _self.keywords
+				_self.pageData.startTime = _self.startDate
+				_self.pageData.endTime = _self.endDate
+				_self.isLoadMore = false
+				_self.doGetMinePayRecord(true)
+			},
+			doLoadMore() {
+				//判断是否正在加载中 与是否存在更多数据
+				const _self = this
+				if (_self.isLoadMore || _self.hasMore == 'noMore') {
+					return
+				}
+				_self.isLoadMore = true
+				_self.pageData.page = ++_self.pageData.page
+				_self.pageData.keywords = _self.keywords
+				_self.pageData.startTime = _self.startDate
+				_self.pageData.endTime = _self.endDate
+				_self.doGetMinePayRecord(false)
+			},
+			//获取列表
+			doGetMinePayRecord(isRefresh) {
+				const _self = this
+				_self.recordList = isRefresh ? [] : _self.recordList
+				_self.loadingState = isRefresh ? 'loading' : ''
+				UserApi.doGetMinePayRecord(_self.pageData)
+					.then(res => {
+						var status = 'success'
+						status = res.rows && res.rows.length > 0 ? 'success' : 'empty'
+						_self.loadingState = isRefresh ? status : ''
+						_self.recordList = _self.recordList.concat(res.rows)
+						_self.isLoadMore = false
+						_self.hasMore = _self.recordList.length < res.total ? 'more' : 'noMore'
+					})
+					.catch(err => {
+						_self.loadingState = 'error'
+						_self.isLoadMore = false
+						_self.hasMore = 'more'
+					})
+			},
+		},
+		onPullDownRefresh() {
+			uni.stopPullDownRefresh()
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	.order-box {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		padding-bottom: 30px;
+	}
+
+	.order-item {
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+		border-radius: 15rpx;
+		padding: 20rpx;
+		background-color: $white-color;
+	}
+
+	.order-item:nth-of-type(n+1) {
+		margin-top: 15px;
+		padding-bottom: 34rpx;
+		border-bottom: 1rpx solid $divider-color;
+	}
+
+	.record-title-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+	}
+
+
+	.record-title-type-box {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		flex: 1;
+	}
+
+	.record-title-type {
+		width: 112rpx;
+		height: 112rpx;
+		display: flex;
+		border-radius: 56rpx;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		font-weight: bold;
+		color: white;
+		white-space: pre-wrap;
+		font-size: 33rpx;
+	}
+
+	.type-z {
+		background-color: $text-blue-color;
+	}
+
+	.type-g {
+		background-color: $green-color-light;
+	}
+
+	.record-title-order-box {
+		display: flex;
+		flex-direction: column;
+		margin-left: 10rpx;
+	}
+
+	.record-title-order-type {
+		color: $text-color;
+		font-size: 28rpx;
+		text-align: left;
+		font-family: PingFangSC-regular;
+	}
+
+	.record-title-order-num {
+		color: $text-gray-hint-color;
+		font-size: 24rpx;
+		text-align: left;
+		font-family: PingFangSC-light;
+	}
+
+	.record-desc {
+		margin-top: 22rpx;
+		padding: 20rpx 30rpx;
+		font-size: 24rpx;
+		border-radius: 10rpx;
+		min-height: 60rpx;
+		color: $text-gray-desc-color;
+		border-radius: 14rpx;
+		background-color: rgba(242, 242, 242, 1);
+	}
+
+	.record-bottom-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		margin-top: 34rpx;
+	}
+
+	.money {
+		color: $text-brown-color;
+		font-size: 32rpx;
+		text-align: center;
+		padding-bottom: 15rpx;
+	}
+
+
+	.record-before {
+		color: $text-color;
+		font-size: 28rpx;
+		text-align: left;
+		font-family: PingFangSC-regular;
+	}
+
+	.record-date {
+		color: $text-color;
+		font-size: 28rpx;
+		text-align: left;
+		font-family: PingFangSC-regular;
+	}
+
+	.search-box {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+	}
+
+	.search-container {
+		position: relative;
+		align-self: center;
+		border-radius: 5rpx;
+		background-color: $white-color;
+		padding: 5px;
+		display: flex;
+		flex-direction: row;
+		width: 100%;
+	}
+
+	.search-input {
+		width: 100%;
+		box-sizing: border-box;
+		color: $text-color;
+		font-size: 28rpx;
+		text-align: center;
+	}
+
+	.search-input::after {
+		content: '';
+		position: absolute;
+		left: 10px;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 20px;
+		height: 20px;
+		margin-top: -1px;
+		background-size: cover;
+		background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iMTQiIGhlaWdodD0iMTkiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkwOS42IDg1NC41TDY0OS45IDU5NC44QzY5MC4yIDU0Mi43IDcxMiA0NzkgNzEyIDQxMmMwLTgwLjItMzEuMy0xNTUuNC04Ny45LTIxMi4xLTU2LjYtNTYuNy0xMzItODcuOS0yMTIuMS04Ny45cy0xNTUuNSAzMS4zLTIxMi4xIDg3LjlDMTQzLjIgMjU2LjUgMTEyIDMzMS44IDExMiA0MTJjMCA4MC4xIDMxLjMgMTU1LjUgODcuOSAyMTIuMUMyNTYuNSA2ODAuOCAzMzEuOCA3MTIgNDEyIDcxMmM2NyAwIDEzMC42LTIxLjggMTgyLjctNjJsMjU5LjcgMjU5LjZhOC4yIDguMiAwIDAgMCAxMS42IDBsNDMuNi00My41YTguMiA4LjIgMCAwIDAgMC0xMS42ek01NzAuNCA1NzAuNEM1MjggNjEyLjcgNDcxLjggNjM2IDQxMiA2MzZzLTExNi0yMy4zLTE1OC40LTY1LjZDMjExLjMgNTI4IDE4OCA0NzEuOCAxODggNDEyczIzLjMtMTE2LjEgNjUuNi0xNTguNEMyOTYgMjExLjMgMzUyLjIgMTg4IDQxMiAxODhzMTE2LjEgMjMuMiAxNTguNCA2NS42UzYzNiAzNTIuMiA2MzYgNDEycy0yMy4zIDExNi4xLTY1LjYgMTU4LjR6IiBmaWxsPSJyZ2JhKDIwNCwyMDQsMjA0LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+');
+	}
+
+	.search-time-box {
+		display: flex;
+		flex-direction: row;
+	}
+
+	.search-time-item {
+		flex: 1;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		font-size: 28rpx;
+		align-items: center;
+		padding: 15rpx 0rpx;
+	}
+</style>
\ No newline at end of file