From bd99f8e0134208528515365b19cc1a57ae31aeae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9D=8E?= <930530870@qq.com>
Date: Wed, 11 Mar 2026 11:24:00 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=9A=E8=AF=9D=E6=A0=B7=E5=BC=8F=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=B0=81=E8=A3=85=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/call-log/header/header.vue   |  85 +++++++++-
 components/call-log/list/list.vue       | 210 +++++++++++++++++++++---
 components/call-log/nav-bar/nav-bar.vue | 138 ++++++++++++++--
 components/call-log/tabbar/tabbar.vue   |  42 ++++-
 pages/call-log/call.vue                 |   2 +-
 static/image/call/huaweiNavRightImg.png | Bin 0 -> 2011 bytes
 static/image/call/huaweiTabbarImg1.png  | Bin 0 -> 1172 bytes
 static/image/call/huaweiTabbarImg2.png  | Bin 0 -> 2155 bytes
 static/image/call/huaweiTabbarImg3.png  | Bin 0 -> 1147 bytes
 static/image/call/vivoNavRightImg.png   | Bin 0 -> 827 bytes
 static/image/call/vivoNavRightImg2.png  | Bin 0 -> 799 bytes
 static/image/call/vivoTabbarImg1.png    | Bin 0 -> 1179 bytes
 static/image/call/vivoTabbarImg2.png    | Bin 0 -> 2222 bytes
 static/image/call/vivoTabbarImg3.png    | Bin 0 -> 1399 bytes
 14 files changed, 432 insertions(+), 45 deletions(-)
 create mode 100644 static/image/call/huaweiNavRightImg.png
 create mode 100644 static/image/call/huaweiTabbarImg1.png
 create mode 100644 static/image/call/huaweiTabbarImg2.png
 create mode 100644 static/image/call/huaweiTabbarImg3.png
 create mode 100644 static/image/call/vivoNavRightImg.png
 create mode 100644 static/image/call/vivoNavRightImg2.png
 create mode 100644 static/image/call/vivoTabbarImg1.png
 create mode 100644 static/image/call/vivoTabbarImg2.png
 create mode 100644 static/image/call/vivoTabbarImg3.png

diff --git a/components/call-log/header/header.vue b/components/call-log/header/header.vue
index 29e49ae..f830997 100644
--- a/components/call-log/header/header.vue
+++ b/components/call-log/header/header.vue
@@ -1,15 +1,31 @@
 <template>
 	<view class="header" :class="['header_'+type]">
-			<view class="title">
+			<view class="title" v-if="type!='vivo'">
 				{{title}}
 			</view>
-			<view class="search">
+			<view class="search" v-if="type!='oppo'&&type!='huawei'&&type!='vivo'">
 				<view class="left">
 					<image src="/static/image/call/iosSearchLeft.png" mode=""></image>
 					{{searchTitle}}
 				</view>
 					<image v-if="type=='ios'" src="/static/image/call/iosSearchRight.png" mode=""></image>
 			</view>
+			<view class="selectType" v-if="type=='huawei'">
+				<view class="btn active">
+					全部来电
+				</view>
+				<view class="btn">
+					未接来电
+				</view>
+			</view>
+			<view class="selectTypeVivo" v-if="type=='vivo'">
+				<view class="btn active">
+					全部
+				</view>
+				<view class="btn">
+					未接
+				</view>
+			</view>
 			<view class="select" v-if="type=='xiaomi'">
 				全部通话
 				<image src="/static/image/call/xiaomiHeaderSelectImg.png" mode=""></image>
@@ -62,7 +78,12 @@
 			searchTitle.value="搜索联系人"
 			title.value="通话"
 			console.log('aaaaaaaaaaa')
+		}else if(props.type=='oppo'){
+			title.value="通话"
+		}else if(props.type=='huawei'){
+			title.value="电话"
 		}
+		
 	})
 </script>
 
@@ -111,6 +132,66 @@
 		}
 	}
 }
+.selectTypeVivo{
+	padding-top: 18px;
+	height: 48px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	.btn{
+		width: 62px;
+		background-color: #F6F6F6;
+		text-align: center;
+		font-size: 13px;
+		color: #555555;
+		height: 30px;
+		line-height: 30px;
+		border-radius: 8px 0 0 8px;
+		margin: 0 1px;
+	}
+	.btn:nth-child(2){
+		border-radius:0 8px 8px 0;
+	}
+	.active{
+		font-size: 13px;
+		color: #1A1A1A;
+		background: #DCF6E6;
+	}
+}
+.header_huawei{
+	padding-bottom: 14px;
+	.title{
+		padding-left: 3px;
+		font-weight: bold;
+		font-size: 30px !important;
+		color: #1A1A1A !important;
+	}
+	.selectType{
+		margin-top: 18px;
+		height: 38px;
+		background: #F4F4F4;
+		border-radius: 19px 19px 19px 19px;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 2px;
+		.btn{
+			width: 50%;
+			text-align: center;
+			font-size: 13px;
+			color: #555555;
+			height: 34px;
+			line-height: 34px;
+		}
+		.active{
+			font-size: 13px;
+			color: #1A1A1A;
+			background: #fff;
+			border-radius: 19px 19px 19px 19px;
+		}
+
+	}
+}
 .header_xiaomi{
 	.title{
 		padding-left: 15px;
diff --git a/components/call-log/list/list.vue b/components/call-log/list/list.vue
index 2f23316..c2b76f7 100644
--- a/components/call-log/list/list.vue
+++ b/components/call-log/list/list.vue
@@ -86,12 +86,43 @@
 					</view>
 				</view>
 			</view>
+			<!-- 编辑按钮 -->
+			<view class="edit-btn" @click="editItem(index)">
+				<text class="edit-text">编辑</text>
+			</view>
 			<!-- 删除按钮 -->
 			<view class="delete-btn" @click="deleteItem(index)">
 				<text class="delete-text">删除</text>
 			</view>
 		</view>
 	</view>
+
+	<!-- 编辑弹窗 -->
+	<view class="modal-mask" v-if="showEditModal" @click="closeEditModal">
+		<view class="modal-content" @click.stop>
+			<view class="modal-header">
+				<text class="modal-title">编辑通话记录</text>
+			</view>
+			<view class="modal-body">
+				<view class="form-item">
+					<text class="form-label">姓名</text>
+					<input class="form-input" v-model="editForm.name" placeholder="请输入姓名" />
+				</view>
+				<view class="form-item">
+					<text class="form-label">电话</text>
+					<input class="form-input" v-model="editForm.phone" placeholder="请输入电话" />
+				</view>
+				<view class="form-item">
+					<text class="form-label">备注</text>
+					<input class="form-input" v-model="editForm.notes" placeholder="请输入备注" />
+				</view>
+			</view>
+			<view class="modal-footer">
+				<view class="btn btn-cancel" @click="closeEditModal">取消</view>
+				<view class="btn btn-confirm" @click="saveEdit">保存</view>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script setup>
@@ -108,6 +139,8 @@
 		}
 	});
 
+	const emit = defineEmits(['update:list']);
+
 	const list = ref([
   {
     "avatar": "/static/avatar/1.png",
@@ -391,13 +424,20 @@
   }
 ]);
 
-	const swiperList = ref([]); // 存储每个item的滑动距离
-	const startX = ref(0); // 触摸开始X坐标
-	const startY = ref(0); // 触摸开始Y坐标
-	const deleteWidth = ref(70); // 删除按钮宽度
+	const swiperList = ref([]);
+	const startX = ref(0);
+	const startY = ref(0);
+	const deleteWidth = ref(140);
+
+	const showEditModal = ref(false);
+	const editForm = reactive({
+		name: '',
+		phone: '',
+		notes: ''
+	});
+	const editIndex = ref(-1);
 
 	onMounted(() => {
-		// 初始化swiperList数组
 		swiperList.value = new Array(list.value.length).fill(0);
 	});
 
@@ -405,11 +445,9 @@
 		console.log(newValue);
 	});
 
-	// 触摸开始
 	const touchStart = (e, index) => {
 		startX.value = e.changedTouches[0].clientX;
 		startY.value = e.changedTouches[0].clientY;
-		// 关闭其他item的滑动
 		swiperList.value.forEach((item, i) => {
 			if (i !== index) {
 				swiperList.value[i] = 0;
@@ -417,27 +455,21 @@
 		});
 	};
 
-	// 触摸移动
 	const touchMove = (e, index) => {
 		const moveX = e.changedTouches[0].clientX;
 		const moveY = e.changedTouches[0].clientY;
 		const disX = moveX - startX.value;
 		const disY = moveY - startY.value;
-		// 判断是否为左右滑动
 		if (Math.abs(disX) > Math.abs(disY)) {
-			// 阻止默认事件，防止页面滚动
 			e.preventDefault();
-			// 计算滑动距离，限制在0到-deleteWidth之间
 			let distance = Math.max(-deleteWidth.value, Math.min(0, disX));
 			swiperList.value[index] = distance;
 		}
 	};
 
-	// 触摸结束
 	const touchEnd = (e, index) => {
 		const endX = e.changedTouches[0].clientX;
 		const disX = endX - startX.value;
-		// 判断是否滑动超过一半
 		if (disX < -deleteWidth.value / 2) {
 			swiperList.value[index] = -deleteWidth.value;
 		} else {
@@ -445,9 +477,7 @@
 		}
 	};
 
-	// 删除item
 	const deleteItem = (index) => {
-		// 显示确认弹窗
 		uni.showModal({
 			title: '确认删除',
 			content: '确定要删除这条通话记录吗？',
@@ -455,14 +485,42 @@
 			cancelText: '取消',
 			success: (res) => {
 				if (res.confirm) {
-					// 删除item
 					list.value.splice(index, 1);
-					// 更新swiperList
 					swiperList.value.splice(index, 1);
+					emit('update:list', list.value);
 				}
 			}
 		});
 	};
+
+	const editItem = (index) => {
+		editIndex.value = index;
+		editForm.name = list.value[index].name;
+		editForm.phone = list.value[index].phone;
+		editForm.notes = list.value[index].notes;
+		showEditModal.value = true;
+	};
+
+	const closeEditModal = () => {
+		showEditModal.value = false;
+		editIndex.value = -1;
+	};
+
+	const saveEdit = () => {
+		if (!editForm.name && !editForm.phone) {
+			uni.showToast({
+				title: '请填写姓名或电话',
+				icon: 'none'
+			});
+			return;
+		}
+		list.value[editIndex.value].name = editForm.name;
+		list.value[editIndex.value].phone = editForm.phone;
+		list.value[editIndex.value].notes = editForm.notes;
+		emit('update:list', list.value);
+		closeEditModal();
+		swiperList.value[editIndex.value] = 0;
+	};
 </script>
 
 <style lang="scss" scoped>
@@ -492,6 +550,7 @@
 				justify-content: space-between;
 				align-items: center;
 				background-color: #fff;
+				z-index: 2;
 
 				.left-box {
 					display: flex;
@@ -564,29 +623,52 @@
 				}
 			}
 
-			// 删除按钮
+			.edit-btn {
+				position: absolute;
+				top: 0;
+				right: -140rpx;
+				width: 70rpx;
+				height: 100%;
+				background-color: #007AFF;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				z-index: 1;
+				.edit-text {
+					color: #fff;
+					font-size: 28rpx;
+				}
+			}
+
 			.delete-btn {
 				position: absolute;
 				top: 0;
-				right: -160rpx;
-				width: 160rpx;
+				right: -70rpx;
+				width: 70rpx;
 				height: 100%;
 				background-color: #FF3B30;
 				display: flex;
 				justify-content: center;
 				align-items: center;
+				z-index: 1;
 				.delete-text {
 					color: #fff;
-					font-size: 32rpx;
+					font-size: 28rpx;
 				}
 			}
 		}
 	}
 
 	.call-list-ios {
-		.delete-btn{
+		.edit-btn{
 			right: -140rpx !important;
-			width: 140rpx !important;
+			width: 70rpx !important;
+			height: 100% !important;
+			background-color: #007AFF;
+		}
+		.delete-btn{
+			right: -70rpx !important;
+			width: 70rpx !important;
 			height: 100% !important;
 			background-color: #FF3B30;
 		}
@@ -875,4 +957,84 @@
 			align-items: center;
 		}
 	}
-</style>
\ No newline at end of file
+
+	.modal-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: rgba(0, 0, 0, 0.5);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		z-index: 999;
+	}
+
+	.modal-content {
+		width: 600rpx;
+		background-color: #fff;
+		border-radius: 16rpx;
+		overflow: hidden;
+	}
+
+	.modal-header {
+		padding: 40rpx;
+		text-align: center;
+		border-bottom: 1rpx solid #f0f0f0;
+	}
+
+	.modal-title {
+		font-size: 36rpx;
+		font-weight: bold;
+		color: #333;
+	}
+
+	.modal-body {
+		padding: 40rpx;
+	}
+
+	.form-item {
+		margin-bottom: 30rpx;
+	}
+
+	.form-label {
+		display: block;
+		font-size: 28rpx;
+		color: #666;
+		margin-bottom: 16rpx;
+	}
+
+	.form-input {
+		width: 100%;
+		height: 80rpx;
+		border: 1rpx solid #ddd;
+		border-radius: 8rpx;
+		padding: 0 20rpx;
+		font-size: 28rpx;
+		box-sizing: border-box;
+	}
+
+	.modal-footer {
+		display: flex;
+		border-top: 1rpx solid #f0f0f0;
+	}
+
+	.btn {
+		flex: 1;
+		height: 100rpx;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		font-size: 32rpx;
+	}
+
+	.btn-cancel {
+		border-right: 1rpx solid #f0f0f0;
+		color: #666;
+	}
+
+	.btn-confirm {
+		color: #007AFF;
+	}
+</style>
diff --git a/components/call-log/nav-bar/nav-bar.vue b/components/call-log/nav-bar/nav-bar.vue
index d691904..bf09972 100644
--- a/components/call-log/nav-bar/nav-bar.vue
+++ b/components/call-log/nav-bar/nav-bar.vue
@@ -1,19 +1,11 @@
 <template>
-	<uni-nav-bar :backgroundColor="navBgColor" class="nav-bar" :border="false" :title="title" fixed="true" >
+	<uni-nav-bar :backgroundColor="navBgColor" class="nav-bar" :border="false" :title="title" fixed="true">
 		<template v-slot:left>
 			<slot name="left">
-				<view :class="[type+'LeftTitle']"  v-if="type=='ios'">
-					编辑
-				</view>
-				<view :class="[type+'LeftTitle']"  v-else-if="type=='vivo'">
-					拨号
-				</view>
-				<view :class="[type+'LeftTitle']"  v-else-if="type=='oppo'">
-					通话
-				</view>
-				<view :class="[type+'LeftTitle']"  v-else-if="type=='huawei'">
-					电话
+				<view :class="[type+'LeftTitle']"  :style="{opacity:(type!='huawei'&&type!='oppo'?1: navOpacity)}">
+					{{LeftTitle}}
 				</view>
+			
 			</slot>
 		</template>
 		<view class="nav-bar-title " :class="['nav-bar-title-'+type]">
@@ -26,6 +18,14 @@
 						未接来电
 					</view>
 				</view>
+				<view class="oppoBox" v-if="type=='oppo'" :style="{opacity: navOpacity?1-navOpacity:1}">
+					<view class="btn active">
+						全部
+					</view>
+					<view class="btn">
+						未接
+					</view>
+				</view>
 				<view class="title" v-else-if="type=='xiaomi'" :style="{opacity: navOpacity}">
 					通话
 				</view>
@@ -33,7 +33,12 @@
 		</view>
 		<template v-slot:right>
 			<slot name="right">
-				<image v-if="type!='ios'" class="rightImg" :class="['rightImg_'+type]" src="/static/image/call/xiaomiNavRightImg.png"></image>
+				<view class="rightImgBox" :class="['rightImgBox'+type]">
+
+					<image v-if="type=='oppo'||type=='vivo'" class="rightImg" :src="`/static/image/call/${type}NavRightImg2.png`"></image>
+					<image v-if="type!='ios'" class="rightImg" :class="['rightImg_'+type]"
+						:src="`/static/image/call/${type}NavRightImg.png`"></image>
+				</view>
 			</slot>
 		</template>
 	</uni-nav-bar>
@@ -68,7 +73,7 @@
 			type: String,
 			default: 'ios'
 		},
-		scrollTop:{
+		scrollTop: {
 			type: Number,
 			default: 0
 		}
@@ -76,12 +81,14 @@
 
 	const data = reactive({
 		statusBarHeight: 0,
+		LeftTitle:'',
 		showTipLayer: true,
 		navOpacity: 0, // 导航栏透明度
 		navBgColor: props.bgColor // 导航栏背景色
 	})
 
 	let {
+		LeftTitle,
 		showTipLayer,
 		navOpacity,
 		navBgColor
@@ -104,15 +111,68 @@
 	});
 
 	onMounted(() => {
+		if(props.type=='ios'){
+			LeftTitle.value='编辑'
+		}else if(props.type=='vivo'){
+			LeftTitle.value='拨号'
+		}else if(props.type=='oppo'){
+			LeftTitle.value='通话'
+		}else if(props.type=='huawei'){
+			LeftTitle.value='电话'
+		}else {
+			LeftTitle.value=''
+		}
 	})
 </script>
 
 <style scoped lang="scss">
+	::v-deep .uni-navbar__header-btns {
+		width: 25vw !important;
+	}
+
 	.iosLeftTitle {
 		font-weight: 400;
 		font-size: 16px;
 		color: #018AE0;
 	}
+
+	.rightImgBox {
+		display: flex;
+		align-items: center;
+		image {
+			width: 24px ;
+			height: 24px;
+		}
+	}
+
+	.rightImg_oppo {
+		margin-left: 26px;
+	}
+	.rightImg_vivo {
+		margin-left: 26px;
+		margin-right: 16px;
+	}
+
+	.oppoLeftTitle {
+		padding-left: 8px;
+		font-weight: bold;
+		font-size: 32px;
+		color: #1A1A1A;
+	}
+
+	.huaweiLeftTitle {
+		padding-left: 8px;
+		font-weight: bold;
+		font-size: 30px;
+		color: #1A1A1A;
+	}
+
+	.vivoLeftTitle {
+		padding-left: 34px;
+		font-weight: bold;
+		font-size: 30px;
+		color: #1A1A1A;
+	}
 	.nav-bar-title-xiaomi {
 		display: flex;
 		align-items: center;
@@ -122,11 +182,47 @@
 		font-size: 18px;
 		color: #1A1A1A;
 	}
+
+	.nav-bar-title-oppo {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		.oppoBox {
+			padding: 0 2px;
+			width: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: space-around;
+			width: 137px;
+			height: 34px;
+			background: #E9E9E9;
+			border-radius: 17px 17px 17px 17px;
+
+			.btn {
+				font-size: 12px;
+				color: #6B6B6B;
+				width: 67px;
+				height: 30px;
+				text-align: center;
+				line-height: 30px;
+			}
+
+			.active {
+				color: #1A1A1A;
+				background: #FFFFFF;
+				border-radius: 17px 17px 17px 17px;
+			}
+		}
+	}
+
 	.nav-bar-title-ios {
 		width: 100%;
 		display: flex;
 		align-items: center;
 		justify-content: center;
+
 		.iosBox {
 			width: 100%;
 			display: flex;
@@ -136,6 +232,7 @@
 			height: 30px;
 			background: #EEEEEE;
 			border-radius: 8px 8px 8px 8px;
+
 			.btn {
 				font-size: 12px;
 				color: #1A1A1A;
@@ -144,6 +241,7 @@
 				text-align: center;
 				line-height: 26px;
 			}
+
 			.active {
 				background: #FFFFFF;
 				box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
@@ -151,8 +249,14 @@
 			}
 		}
 	}
-	.rightImg_xiaomi{
-		width: 20px;
-		height: 20px;
+
+	.rightImg_xiaomi {
+		width: 20px !important;
+		height: 20px !important;
+	}
+
+	.rightImg_huawei {
+		width: 38px !important;
+		height: 38px !important;
 	}
 </style>
\ No newline at end of file
diff --git a/components/call-log/tabbar/tabbar.vue b/components/call-log/tabbar/tabbar.vue
index e13cb9f..f6b4474 100644
--- a/components/call-log/tabbar/tabbar.vue
+++ b/components/call-log/tabbar/tabbar.vue
@@ -71,6 +71,16 @@
 				"联系人",
 				"营业厅"
 			]
+		}else if (props.type == 'huawei') {
+			list.value = ["电话",
+				"联系人",
+				"收藏"
+			]
+		}else if (props.type == 'vivo') {
+			list.value = ["拨号",
+				"联系人",
+				"收藏"
+			]
 		}
 	})
 </script>
@@ -117,7 +127,37 @@
 			}
 		}
 	}
-
+	.footer_huawei {
+		background: #FAFAFA !important;
+		padding-top: 3px;
+		.item {
+			image {
+				width: 24px;
+				height: 24px;
+			}
+		}
+		.item:nth-child(1) {
+			text {
+				color: #0060EA;
+			}
+		}
+	}
+	.footer_vivo {
+		background: #FAFAFA !important;
+		padding-top: 13px;
+		padding-bottom: 13px;
+		.item {
+			image {
+				width: 24px;
+				height: 24px;
+			}
+		}
+		.item:nth-child(1) {
+			text {
+				color: #1BA552;
+			}
+		}
+	}
 
 	.footer_xiaomi ,.footer_oppo{
 		padding-top: 7px;
diff --git a/pages/call-log/call.vue b/pages/call-log/call.vue
index 6ed3766..c712a46 100644
--- a/pages/call-log/call.vue
+++ b/pages/call-log/call.vue
@@ -19,7 +19,7 @@
 	import { onLoad, onShow, onReady, onPageScroll, onReachBottom } from "@dcloudio/uni-app";
 	const { appContext, proxy } = getCurrentInstance();
 	const data = reactive({
-		type: 'ios',
+		type: 'vivo',
 		scrollTop:0
 	})
 
diff --git a/static/image/call/huaweiNavRightImg.png b/static/image/call/huaweiNavRightImg.png
new file mode 100644
index 0000000000000000000000000000000000000000..816d9e8bc538a3c6b2f60909ffc6461f41154a41
GIT binary patch
literal 2011
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

literal 0
HcmV?d00001

diff --git a/static/image/call/huaweiTabbarImg1.png b/static/image/call/huaweiTabbarImg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c34963393b151df5a069377c1d8ee7be7c7d51a2
GIT binary patch
literal 1172
zcmV;F1Z(?=P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000C@Nkl<ZcmeEK
zO=uNY6#mX6Evd<(KfXyVDYUD$i&7VbTH4Y|T}0Y~ixwhXyooJTC|#5)?WWX47eWKI
zP^bm#d$TCEsJKy3RE!Xbu2fKrAgCBH?<ETtiH2zAc+Ti(Oy=G<^D;9}(aSmS&fIhE
zIp@1)?z=w@9`W)7K&un@7-gV;;vIOkVU+7Pg|EP?|Jdr$SO1MO;9cy1H~tHFb`YQy
zAhZkj0N9NF@o%JVDcJ$6tGxwu4g<UipbpG00S~~dzc|0S$agaU9o+!OC79*H@kHnn
z!SBK?BQt=2Hz01*v7q$Hr}W{1)`A+$0EqQFPZkFA7U*0_rk$yl831THg{S4<u5VN5
zXQpZfz&x7D3kAR8%hBXnOJ&@wYz6=tF?WlTPzTzdE__0p0T71b!nC##K1X@{6RS?f
zLNfr&9Bs~5(AQkQ=6aa{RC`W=k!~J@F_5g-;X@%mW&ojk`Y)^!{qVGGG5X-U|0Gh+
zNXZVsp<RjmFm6fkYfy3jPo$rrk{v*0=?U?5O4v?B+feB~U{}gVY6qY`nFh47GE=fl
zS&cL&Yz%-VcZ=yUVKX^=%Ph=S(ilMXRhgW$39tmhyv8EURn!=Oy5~t>D$88p_3*B~
zB07arG5}!~+I})eM;$=hUuJoJl4JnXf8_=Jm$9u2z38u(RkcV?4&Y8y-%Dkl(9B!0
zZu~XTDU8wqsJdey_RP`ArxXPHi##W%1E7)Xf@NJBNG3DyDe8ol9)N<N$)CY|NFU>w
zR)9MX;)}W-`r}nHYIT~jqyI`XvuowL<&v>K;e9N@kwm971zN5hgjc&E=ZW9aWUn~@
z8ugBsCV*h2JdO#+6X9(+r46H8doNx=TJ<uZ6FWh)3VI7dyg}}wPC{=2(YQ1ZKy6o-
zU4rveFBp^h8q0(pfCj^n)se=WqQRqUhqUwx&!yK91Vdq;P-m{_!RN&RP+QxdI}Nlq
z0wLFtGO|l>PJ;RY<%y3`u74#Xt+#&h+mP@IQ~IFOnhi%|STy_3AA^Db#;mq98^i;k
z;1CGgMAv-lC&IgA&4zPVY4MeUaOfj|%@ey>FP3a%2S9_{UOErZy8!Y!7f0E+ck_`g
z07%i*8dIxfV*e>`*^_1iyd^T6Jpi?=>xA!q2c}Qu^_p<T#Lq?s^8pZ9_e=Y5bLLHX
zwe4a>oR*x;QIC89sF#0xMp1RwhS^|T(56N52ri%bBeIb{fXI_(<MP=zK(t==QL>6h
zf|ND4e~rPF_s-zO0nj+rai#P(==#ebc;K`dp{>xrYuqpS0Jv{I{z)f!#q|+pq)oRG
zRZ(m-*+($N8%6H{Y7KxWgfJs=RIR%Gz|=CZvkH3FU<}>)%y>Gi8GC`*)!6AS*mJcO
zKm<f<&5FPDF#OU+xnKPNes>Ag?q|Z<cRzz}993@~KRf{D1(x*n34o*{m6zUa00030
m|7cY{`Tzg`21!IgR09AlyDe~C9wx5<0000<MNUMnLSTZ&5-ZaH

literal 0
HcmV?d00001

diff --git a/static/image/call/huaweiTabbarImg2.png b/static/image/call/huaweiTabbarImg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..7d78ca4f627828b4e8f4517282468cf731ae1a3d
GIT binary patch
literal 2155
zcmV-x2$c7UP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000OeNkl<ZcmdQ|
zTWFL=6h3OyRinmxyi#p6QIT5OV#QSQP$UnL6l`b<#S%+V@X3dwg+dE`(8oSl2vkgb
z3pU<J1kr+xMiEU+qEQnSx6z349!)gSMD6z-cZS)`?*IQAH-UyZ|D2gQ=gfR_Idf(+
zT>j^Og9f0ht1I*6%a<Epym)Z{6b9c7>LlOW+xr*z&5s{H&Un}POF4jWI2`Kj?cF|V
z)Tl59S2AqaurEOGfe(Sw$-jB?=1cH9$Bi2ohU{<DL3uzar2sIn_h-$TRgZidM#BLk
z^Gq3#{W+rZzNch@#*_iTK(etdYB0k&rmybqZn<^qmNYjvOJidrsgHbHTbrP*&&W}S
zy0DQnh?D@hckf<025=Aq$>gA3zkV&Pt*vtP>Q#C4=#gOGvznAf{^7%iY)iX&^QKUi
z4b+8=s&F_QWaX%$lo9|L85!F#0G;_)uU^UZ>(`~DqeDCJ`rr`DjT<*y5IM7F&))8(
z6Wcam0IrvT(M=$mrca+PQ>ILj5hF&}x<t&gXU}w-IqjQh+bMgpNdw>#!*fJ=8T60_
z(!@byMP$yLIkI^1V#&<R6s(T6CHio+Flf^p8a;aS_om>NCk23qEaEY?!EgxVnFwaa
zj2W_M(ISCc^_1ngFaqc&&+vYEU;r@M&&#mWnwlEfw{M@6mX=CcS();uPMs3Ana)F@
zkYr_Ld4lNd>@?!cKjtS01p*N3Wq44JA3rXK4jrO5kta`{2mtC~B;V4~qHQNmoDj-#
zAR|YPl=<`LC)`eyBT*KV!L5qiHw6Na;dmMBf2pdf5_I5eoZjfjks}raS7PSOnZA0-
z2>1f%>FLRWLF;9ztE;272iiQ--Me>%D`AA_ozl|MOwr~%FQiCC7gnn$!h2@E0ATbh
zSkNBt+_@vXd{9m*akZ#RrQySe%jC(E$wtxm@#Eccty}QoeF0!^=Nki;E?qKg(m8Ks
zqm-VWZdjXhWlRBXx61H-xi0`1upWWi0p$TD#y>`J?AWn})f{I`98i7OVinpD;NuB^
z-Ul|+-y=?OV;WQ^mly-l0Z<Fu(t0C=)OzW$K0-UO0<96=H}eGGtNo4wlO|1)1q&9~
zkOSMb`S$JGKS>gQo&XTjbio!$FCo9%6tW2u!UN%5KmiO?7A{;U^XAPH9_mP4JM0$(
z^*+=gc><sSr~#yjag8zq_#gzaTG%2oX3Q8{CWE?6Y_VN^eSL*22PIzsF#OM3V<I^@
z8Znz<Qh7k#JiHGM;=I*kl|Bm6fiD0YzCU0{FBL|ZSYi~DOVlwpFb1YCw9A(-%e8CQ
zg!jYKr%#3Tj@9K@jWeLFsMkBlX^Ucg0l>YrL!%6&DK|G)7-4E5z=yKbF`^G1JWy|j
z!O8RI&jp@N!;&jku1I@(yT(%y*)$A(2Uepp?D0zT1wdo)3|nCAU-CSNYu2pM=#phG
zVg#C>pKlK@!V;bFcsc~cdxn7^SH#F*3+LmNmJmcB0N4UO@DTX`!PU?KtzNxa3JMA&
zJ3Ct#2B0JL?Gq<X)VjjLLZJ+OJ_o}AVkTp^3Y($`Gp;K_Fiykg08#3cEgJ{`r7^%3
zxV+!V8-kmaRjXD>QBjc;7Z)q7TenW@+|YpXT)DY(=gNc$6Ik>mZYPo>_%*<N=aiKV
z1OSR3fa<XVJ5+0cADkzB6Yzx=>qg_5<SN|1f8T8?!P7I-t?&d8#^J%z{{n?GpyeP<
zaCO4i=Iq(CQdwCk<>lqFXU`tly?eJ3dDb01d{}C0YxU7i9aYAMgXcxY6-3c9(M$2{
zM1(@v%3CA6W(fgs@VI;qVAg+yq{c&hF<rcPQTFcLD@TtWm8Pa9;SAB6unlsW$g_?!
zc;UhYId<%rR8&+*eSN)s++a%zT`SI)o*h+;^FjYQ0Z!8<cNO9SFoQ=YHk9T}@a=o<
z+&OiBj=?}II#mGs_wU!$GfF%Yejqp*)Q{+d5SDC?@DdjQPW+$l;2Rnmgik}qh|y0v
z=i{9#LYqdJUW^Cal;h>RKTJJVCD-u%0N}9lq<?D!>gwv`{Q2{~?$5{v$uR)6$t`8%
z8JUtyIW~`(Jo`q80)QV}`7`)Vqs$i=f0Q-lRObZ1K8#(4DtOG8qE~LiizooNbm(#P
zz1Pvvp&rD`N-EmurPvp3;hvF1o(cP&B1%}nHf8X!0I)>#uXgL4K7HDH49E>yqQ^RU
z@}#xT3oza)Or1K_%HVwdZ3-3u5N<@JE)6|S%q@tf!Ao?-?2|ok72LtHj%D|J06;nG
zNfrQ>#hz^XcQy_sF&Z`f@tsT{eEjp(2CrzEn3o_dsU}0R08sc8q{($zS}_D4vjXgj
zA;+?1%k<gl&OF*`abA8zZj%c@w+~ymFPRS|VF&niSB|j$GaPb#qZ?rh00uPPXG08X
zRt-8a43FuA18qPZA5+T_1AT)Vy9ec{WC7q{)R>kfOO_aR$a4NO#ObUA10E0h5L66m
zblRd=3jnnxAWcB3|6S3-Kt4(8EM2-(_<A#Hm`v+sOkJYf0szW72w4y-SFY3-)wF5T
zB%WV}>^mjer0u-CJXx_~g=;Iy%eW2kcng4yI3!z;H-R*9R@SavE9=*<mkk>>q?Blr
zw)xAPcJ}tu&&#~6PW+7mfUVO55T9TP1OK?1*mTk@alMS6l_&rdCJ0;<MF5e9@-7fP
z0X+iPlqTAwZBH-b*JD2bMgbtIaV~xU(G$=k3<IA^qD|WN^fG2ViSqvd00960#cNd}
h00006Nkl<Z0|0N=qmI(c?t=gT002ovPDHLkV1kJy`8fap

literal 0
HcmV?d00001

diff --git a/static/image/call/huaweiTabbarImg3.png b/static/image/call/huaweiTabbarImg3.png
new file mode 100644
index 0000000000000000000000000000000000000000..7bfd67b54857acb5eea694f4b84f5b60f2442883
GIT binary patch
literal 1147
zcmV->1cdvEP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000CqNkl<ZcmeF0
zO-L0{6vzE|_(ejC7HL638y87RNr^6uij)L{iWFM32tUaXTC_0qfi48Y^4mp=7Lh>^
z?S%}2bmyXlLV=4w7ePUS4?p`Id5$yVo%im%cSjABdz|}m?m7SeJ!fX_otKvKpZ^^Z
zIOqT#MZhZpot>RoV`F2FMTUomk9p}O+aFj2^78UN0PclIT3Xs$u7Q+52n-DkodInX
zvRzVBQ)@;?M+>$ahW`aZAQTGSQsBI;=u5gQ5CU6UTXk+^L_tN$t>(LJoB*kE3KSO+
zcc~Z{7&z_jOtx*D0Dx*(?GV>JB_ku_#-7e3JB$+myl1MYQY%UPDMktO_4S<q<h2-}
zD*OBUkH;AIJ!F(XPEO8EBA`qkK_+A9)Joly7$pF}JMn-Kp*>HicynTn8zT@+4eR9<
z!>Q3UGDaXXGqaWmc&3kyP?pIwQWB8Om#nC+jE|3BV!zXE0~xbQ8g=o$DA%<wdV)!1
z)ImU=A{hRfo}T_UJ3ITgt^jBn<9=RJ1w`wMu6@xHOzdnw2}XQb#X%r9H@6kTm#xvm
zSE&??c32Jqo12^K_QAtgC)yD^E;oUfC`{QEcIyXU1KZ@r#>TK6iGx6EYwPmT($aMl
zJCMT^jR<%;z*a37JqgG_I2>MYZf@@3sZv4vCvwnb0W4L5NwB%WI3i#lY;0_tSy@>r
zqVGL&Aca+*07FSbL&Ik;0G<S7LVJ7rpQfg!yVM^dj+=*ekVR6aiB+!`46z)=B(O6P
z60dkd6|*AWcKQOm&WbO<kL&o*A|QrZT3Y70iAo_cB<&zXY%eY@mWeN2``QG=AU9Ej
zm3f4t`_eWnbz)n5__6DYz>Z-Yy`esbm@0Fm>AOUXB}9O)ZXu#z>|~XUt%L~V=jUHw
z&vY`86;sU-TWliBRb%n`5+cBg#XWh&bL<|6gy+Wqx30Z?Xb1o*p+)gcU}R)O(kF=T
zoCR_)f{3r;n*jR~qla=kT3%qj)5tdg-TX&yiM;L-0pu?vZb8@g;`k!KxwIH3I_WdD
zwzgKvhA=F$y1H5dp~<)mQc?;yHlEkevs8Q$AbsvxGu0K@gmv&zy3*FxW^Ki#&Nif)
zDNi91@0{W5X7)t@05ynLSs*%<yrp|o3TzS9A=b+xR6ydpN+;SE41vMH!9oC@i#l;!
z05ri-uZVP+aSSLLq7#WkWK%ey7?!R=o<?V-q9fW7;M4e3g~13<jt8uIz5A%A(6zc`
zk1um%F65W3foO$(?Wd780UTL59rZIS5n=25I@;d7Xx3ydcIC&AS^E_1x_#M)9d&I2
z<nKpj%1tOAvASj7PCERcFR22Fd9elPF33zHPw=I^Gu0*_C^6hi=*zf1<EAur#1vaB
zMp$ek&&8Ln_#&WdbU*cu2<+!-t9<<f009605jUH)00006Nkl<Z0{~u&!Eo|4aIF9U
N002ovPDHLkV1iY)0<i!9

literal 0
HcmV?d00001

diff --git a/static/image/call/vivoNavRightImg.png b/static/image/call/vivoNavRightImg.png
new file mode 100644
index 0000000000000000000000000000000000000000..02df854ebb6e75aaac172368d113c3bf5834d566
GIT binary patch
literal 827
zcmV-B1H}A^P)<h;3K|Lk000e1NJLTq001li001lq1^@s69)wx}0008;Nkl<ZcmeE}
zO=}ZD7{^V>+rfkuJbEY?L32upd4r0T9`vRM4;~a0>NoIX_zf&5=)r@BdecKOVj*va
z<`e}Z^x#ow$@Y*p690eFg?-=6%p%xMnI|*z%rnpY_P?{;o#=)C?C*R7mrA8Ol}hCm
z>}R=LK0>X*zQbNttJPa!+{{oE2GAM+zec0ckAQjt%SIxR71S4D*I?W8`Mid>&xJza
z3i`rD8n{?2ZUN>1fExiQHe<2aH_izV>lh*hOtqlud%#jn#|5lT#&QnSUbBt`=}Q5}
z<MAB=1X;)!!#TJsZ;Za6ZDHWkhiKDbp*~>l4~N6m!C;VP8!>&DsQ`L|52?u+pd$<n
zkVg*r`+!_;Hk%*1-R^O(*E?aGKE&Ffu{9pTzf=(h#wxal3>Wd7kQg%+`Z#8CE;_ax
z3%C2P4De-ZT20gTtUkRz8jZf_ZN0`tT+-V?Yhhq4HnlF2NF-ubpWYvj$F_LvW7l|n
zp0ySR#$tc0$&$&W>)R}yPH$P`(f<uwst5yPm3^40;38h+ayh=;On&+}W^yh%wj2w$
z`>!zYY&Lu6kT#piWDf9}zDLM>KEJ{?eTdD%Oa&M5*5nA#5e9CxTA#3wofP7C#4aGU
zR4R1@s9kW_VBxFP>vh|M2)}0$24+^kJO=bJ+shc|OeT}<W#;IyQoxNy;}Bcp0Ri-c
zel=q`r_<^D@{4sEmjY(OcDubdolb9{U4wZR!0zL&taFZMpvRyzFmqEasC^qS{I=ME
z?+5GzfZQ&8CBKHMck!COiMT_I371fS_0{<h0q7a*IxG#qRn%8uPx+AQaWZwNz%n2~
z=bjzlpjZ5_<3d%KALKats8h4?E=nuR6EOaLsZ+C2RbyL9VRdRYO6k%TRv7zMotj-l
zHMxZqMizByh6uhzSYdohs#CMCya*6h7$4;7)C>WAi?G7XjD4(5%@o4Rq!eaio`BV<
znM$~rw8F-`>eOsh<Fx%300960GdIf(00006Nkl<Z0|57h%xG>4?K1!X002ovPDHLk
FV1nXKghv1X

literal 0
HcmV?d00001

diff --git a/static/image/call/vivoNavRightImg2.png b/static/image/call/vivoNavRightImg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..db56b516f311a16b67a2832fa677a6f29fe20ab9
GIT binary patch
literal 799
zcmV+)1K|9LP)<h;3K|Lk000e1NJLTq001li001lq1^@s69)wx}0008iNkl<ZcmeE~
zzl#$=6vy+curQrPiWAZ)!R8<#TUeZ6agC5hxa++CKoJWOF`$K@h5iLv2nuQ;2#28L
z3dQ__!_qFGMG8xc2%E&u+ne0YY<Ah(O?Hzza=dTm&CHv5pM9CzO_E8Su)h^>+;7-a
zg{#%-8hVX>S(Y_kgd{h5f!5pwFo0FSemb4rLQ}!+#c}l|H@d<8`-%zozzkr99ujzt
zb}3A;Jkep?z*qIjCGjuo90o8~w6J5KL+QSo$pF>^Cw{ZpOed*HUcWXF*l*#Y##g{`
zSAJFDQ&r(|xqN{~eQ}nHO6*7oXf~VO1GXVPZ6r$sSOGS82o#`{3P*;H9e4t(KxrH+
zj>qHgazvb7h?iJ_ePA6tsy)c%a{ru8h?mH~z}!O*{Bl()6?yx2nU^C#V_1*g6(0H0
z;vU~30V~i)q^T<(_s9g6f3OB47m;Bcg+2q3U|E+64Xgm`vRKK0E|p4WGnvd=<~(7C
z!{J7h%Cethp@1#R+F+FqOV_bF-wbXSi^Vhfe14bnX?%utB2uZpRClx6?fz8#NR2PB
z*KSm1kED;i=74-!C=@!hp0KuUZ?@a*A6{$2jD-T0ja#kOU7(+d@1aW`V*`#sjmm!W
zm<v4=8dx#_eGBMU;s<Cj8jWh5PUlNN+_9%40n6?{?*RQyd>=Wm9D`3j^O1%l1Cz}L
zdYkqma+@ucoj0r`nFUzZ+x>q3I*txKpz>RBz>+8YeOMOh>h*d9?jF~Gtf8A!)}r$7
z^_Y43vsU<!1;`KRIhCFH)^)h4hch=|kG*3VS^>vWR&CQ&g|%YD;s#cjPiTq$s2y~b
z1~B*0-$4tKo_8}Dz`%S(%VwW-AUE(GuIP^*ut;CA+}9ZlV4hTRB-ROhiNx1q6Z0iE
zdPBl>#e{oc2CxiC0NO$4`HYb0kJ*!ak{fNKsiI8*3-mJU!~y>Y00960!-L}i00006
dNkl<Z0|2;B-DqN+mEHgV002ovPDHLkV1mAobBh1~

literal 0
HcmV?d00001

diff --git a/static/image/call/vivoTabbarImg1.png b/static/image/call/vivoTabbarImg1.png
new file mode 100644
index 0000000000000000000000000000000000000000..17e403b8de2fcdf20e01e59f1abdf333db69e600
GIT binary patch
literal 1179
zcmV;M1Z4Y(P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000C~Nkl<Zcmd>@
zPly{;9LK*eouPZEpisfX3SI;~h>A*ecTy9~whIbc?6IPPq6e=+MQ>Kzf(MU+f)zdN
z!NZEZ)TAbuY^%^i1rHU33RV!>gNGgpndIm9H(~O2y4mb|$!s#xFfa4w<^6u|_nG&5
z|9&aqfBv}x0GgG9XjTpswWG%Oz-H}zgyD4r!F6obUM?cU&Hxu`M<M1^Vze;}%&!*_
zVl+UrvWOnm6XWeyP(+B)0739MjJey|KFk#kVmrWvm1k-E>d@rvnL<Hi0h*NneSC`D
zKS5F4DGRVaT&C@hF}YlYfXD*$@rH}#Tk6am!UE`GCGx@+<6N^T#PhBKdDgQ4`@=&V
zyrX6wm-YgVoiDgz2QHQKtYZOs^7K@Sjk%BVi%c`UECBH2R4t3#r2IcjGrcT;F%L}H
z@*1kGTT|-r7PkO`gWl3s;0(%*kL=^@auxtG=>WcjZuiaEnVfCO0_cu2`<vrae1fhM
zJ66uUngtjPLcaz?&LV35?kALQZ3|$`zuu~iIqNNxvw#HvbQ&C^e#B2=E{!OiX^{mG
zT=8$&%+2>xTP=W*Khr|@yDYfZ-J6;g0CL&83DbMXTP9}#3()Ot`s*%L{AKc$C=JzB
zTk1l7<3Qv%cc621BMXp_h~Knm%mIYKhl%K%zOn$a?;CGB1n=Od6+Mc2iw*_!Fx6xz
zN6+NLLbps7pnUFEiv7&we(4s(V4bcs*>1MY=$}UZ!tgHy;Z+9DUUY99$O5ROku|+}
zC4)r-!9}!>9CDUxRu<4%`I@J|Q%r+#q<X}BO9<yM=5~PP#&>}D^@3WhCo&@)bZQ^7
zH^%R5+eaTo7+$2<38vexz$aw09YEE|zPBMV$>D@&VsnzcaTT4FFVT7K)nt6A!R;eY
zu<R|gYv054b<G(UzHx>a4KNrB{;s6(ng(IX*XW^V=%k&*U?aM3`i$=48u@U77!9CC
z#PMmmQb)6MOuItt44~)RZu|-a*X9VIO^=1x89+so)!7{9c<|q9t9*WGM~LwNYC!pi
zU)T!@G0C7-4SA&$BC}5H4xr5+Zk!{;ONHo(ezIr||Fd%g7($p;g3NbJ=*kZa7CzeL
z4#3JdT;D|8eTK7>|3atoc_bqrFbZ-bRpkeuQq|TqbmJ-^KH=l+j+7!d(3e##X9H;d
z0JNHK;1;6ByATr*q@_ifl=p+k2IBZB=vcf>_hbO65}l!<MwP2=jYWI0=v_vMZ@t_&
z#+RlCE;f_BrUOWIE!EE>s+SpJe3(6=uJuRyllOhF2h%M`jXEF45@*0MO7a0n8>qIf
zB(4?JA4I9g{|frt56K#*-wjsz4Z5m}XaFr{+0En`V7Y8Ce=>R7aeOZge;xW#D74#^
zFTmE;mVW#j(fO|sHQr<7`WTIR1m*hu%-_R&$opN%b5v(JU8Gz;oxJU8%WKu&JAkb)
tdzk+Z00960bn!Y700006Nkl<Z0{}tmPjDBRNr3<W002ovPDHLkV1nx~J%j)N

literal 0
HcmV?d00001

diff --git a/static/image/call/vivoTabbarImg2.png b/static/image/call/vivoTabbarImg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..3dc035cbbfc955ea8bcdbf5a6d44c135c36014f4
GIT binary patch
literal 2222
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

literal 0
HcmV?d00001

diff --git a/static/image/call/vivoTabbarImg3.png b/static/image/call/vivoTabbarImg3.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8d7f606aed22521a4ec5e8ebe01d4fbc0b72e51
GIT binary patch
literal 1399
zcmV--1&I2IP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000FnNkl<ZcmdRz
zO=uit7{_O3$LyvA8iNN9Jya|)VuF<hY^kMqGGGr1rP<kCX+k57<WPzpDg+{EAwmy1
z80gYKEXjVPAb1d3ZxMP>s2CAX_K<_nf<kgAxM?>t{+=bf&2BS0PqQ=WHoVWiU(fqI
z|Nr|vZ!9Cizxnz3gh+%gjK~NSa)op8j`*5LKA%4u6^Td)(Cgiv;axFJGa+Jl#*CCj
zK_U_YiH^j1fOl5`OS-e8Gm=pVoxs%8lnwAPq%OFI`x&E<s4EO16FPz3-rixuG!8Xl
zV-yZ_c67eiSl((rbOHb!_XFjc?xbJcZp%X@z;1KWG|YGWz)&|>C=}lItKUs|s00Au
z+xyg2g6DacDv6MOLL;!SuyBYTJ{^P$ol`94gF$-Q`p^i(VzCLF$__--G}!TY{6bTW
zr>G2t06p5xVKt)l%P5Rh+Graz(F=t@<H6O$U$v@>Ej5&btz`m!2UiuTUmVuK)-r*<
z-oCRt9bA6EtL2;*2UrWk)%<Q_H38;qLUx*^#iiqg#lmndm%G4?bDm4vH@kJtTA1VP
zSU^4%o5UxJ#p0{tOKY=2fCk+(e3L`weL$T<zQouy<YqpX|E-WO+)Kn0|JgD7FV}K!
za|th6rZq#)kI<8?+;411WRNRjlX%&4y}RNI-~ZtE58|81H84#PpBIdD-jUha*)Abz
zQ6cyCdo)~OC;0(TbI2sd#*iTZ9!BwHWKRRWU&3KO@encwrZ0%E3Pw8bPS1-yYsFkK
zZBg+RAY180{5+Fjvk^>N9PRg?iTf~|n#KdmHtaEMJ&z>r+n$}V&ZN)$TG}WbgTyM*
zB(zo4s$drEmcSYv9bMgYH%~B~RwUofA{Yg$U>2Me0+PsNGJmhFubm)$3u)JIOE3!7
zD!>{6DVUg;c)-wn$l>(8<l9LElVB5!+i}$qkP3#TluD(9#I)qwK>$B3m;_rRo+k)Y
z6=?7|4MYEit=iYdf<dtO>H89p1~j~k0lDXwCBK)#VlBCzn-L7n{5B;Z4KZ-t@~l&0
zQ1W{r;wxsvK1iq2xgdX5kb=|?r-y&!$}uE{B_FYr#aG3r!jX!A*kL4o;?DH5q$8Hw
z;!Ep8O<>EQ+z_{t(L{`L?M+qVK}~>f2D!2JX^gg_!zlMx@A?`$Y6AOS*mnejnr9Q#
zS_*bgPtO}#3u*$J*5*;I(N^_L*Hrsb6W~i|uvK8%_MYkazOOdgP!nKos(Yo;$u9Eh
z&QcM`XY;cAg!Z1PAapRB&5F-JRTY6)S4<Xgps_F&_IK?+uCb>gz{j(CPHuDhFZZY!
zUJ_>5+t;_1tCIXPL^Wkq1OTEkwuP+Bg1^e$eSj17VltJyxbbk~6>Q8=Uq(~`;_{pm
zsH-A?6_qjcmQBkXbkfcz+}&#r1*F#@^D!jE&N6y|fl*U+S|EWN3pZY42MStHtAIQ0
zq?~t?$>i^b4?IZxDLSIdDBbl@s}$q2TYOhCO@0Cilw)Pzo}iaX0J+3;c^z=yHStqd
zCAy`Dr2(eNBsP54$0O@e;C32F!1T=iI`5A&i!!&FE?+Z6N{@?mDQUy{xXee(0G;sd
zPOU7%k}0=SRjtgbrTh|>ac6rKJ+{I;Kg?A42oSY-zFp^O((=MUCyeq9a1<i-*LAPn
z_fB>L2{?|k#GD-mc+qf;WGbC{tJyr?$%&>6Kfgfa7`{f3A~Nn|oTZ?)fds?=b2bZb
zM`KX*TM>L+M;s)pvGYFw00960GPE>q00006Nkl<Z0{}?F)NsyvLV^GQ002ovPDHLk
FV1lg{m;(R+

literal 0
HcmV?d00001