From a0e24abae9989921c71fb709731b0754f4d3af39 Mon Sep 17 00:00:00 2001
From: corala <18339694416@163.com>
Date: Fri, 10 Jun 2022 18:11:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=A2=E6=88=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/uniapp-zaudio/static/pausebtn.png | Bin 189 -> 802 bytes
 components/uniapp-zaudio/static/playbtn.png  | Bin 274 -> 756 bytes
 components/uniapp-zaudio/zaudio.vue          |  19 +-
 pages.json                                   |   1 +
 pages/center/consumer/consumerDetail.vue     | 316 ++++++++++---------
 pages/center/consumer/index.vue              |   2 +-
 pages/index/consumer/index.vue               | 162 ++++++----
 pages/index/customer.vue                     |   2 +-
 pages/index/index.vue                        |  15 +-
 pages/index/personal.vue                     |   3 +-
 pages/mine/details2.vue                      | 130 +++++---
 pages/mine/reception/addreception.vue        |   5 +-
 pages/mine/registerForm.vue                  |   6 +-
 static/images/allimg.png                     | Bin 536 -> 1377 bytes
 static/images/audioinfo1.png                 | Bin 994 -> 1645 bytes
 static/images/audioinfo3.png                 | Bin 934 -> 1523 bytes
 static/images/audioinfo4.png                 | Bin 832 -> 1482 bytes
 static/images/avatar-new.png                 | Bin 0 -> 1850 bytes
 static/images/excute.png                     | Bin 0 -> 393 bytes
 static/images/filter.png                     | Bin 0 -> 1028 bytes
 static/images/genjin-icon.png                | Bin 0 -> 831 bytes
 static/images/pausebtn.png                   | Bin 0 -> 802 bytes
 static/images/play.png                       | Bin 0 -> 1302 bytes
 static/images/playbtn.png                    | Bin 0 -> 756 bytes
 static/images/qushi-up.png                   | Bin 0 -> 395 bytes
 25 files changed, 373 insertions(+), 288 deletions(-)
 create mode 100644 static/images/avatar-new.png
 create mode 100644 static/images/excute.png
 create mode 100644 static/images/filter.png
 create mode 100644 static/images/genjin-icon.png
 create mode 100644 static/images/pausebtn.png
 create mode 100644 static/images/play.png
 create mode 100644 static/images/playbtn.png
 create mode 100644 static/images/qushi-up.png

diff --git a/components/uniapp-zaudio/static/pausebtn.png b/components/uniapp-zaudio/static/pausebtn.png
index f2bc86cf1406f07591eb276552cb2a509bf17d79..05e76dd4425907fb55510077cca92b014215a8e2 100644
GIT binary patch
literal 802
zcmeAS@N?(olHy`uVBq!ia0vp^Iv~u!3?wz9Rv7~+#^NA%Cx&(BWL^R}e*%0$T!Hle
z|Nr;z-wz~@9Xs~;@#B*xPd<6_<idpuK=$$D$M4_2f8xXmAbIN4sYj0<!PyTVJ_L$f
zyLJsI0%Y91dlx7I)C*)hc<=zo0CIr<B75o5C7=jU94G>0oIZW}{Q2`h#^uYGA&P+}
z+_-V$-o1N31wb}X!P&ECfwDjmpaO^pP(57g+_`f=7Xpn1s=0FI%GIk^f!c51z6~(}
z=uV&)UcGwt?%lhOA3uKn{Q29rZ{NRv|MlzF@87@w{Q2|u?_Z#Q-!@&n1@ymVNswPK
z0}~4iC#SHmw6wXog++LHL_|eJO-(xxOq(`s`t;Rn)~(yJ<<jMc4}qcb8U%iT!M}eW
zXH6>t25i5li(`nz>AhE<=N&Q-U`XH)IFzM1n<25)_ORKqOo_YQkG|JW-<FnQ>9@pd
z@BDA-r@zfTuXkPkkZhND_Tig35!%O`^R#$VtatbBX*#VMb8>d9y7Y!6|NfNlHmW_S
zn)QA1+p`Xg%L3T0v%C`ACLq9+$J&4KmkVn|i_$Ni*Ih;%cp|T?*9~~nFIJKs%wQ^V
zR`YLdf^h9uw&DwXhwrH73!nY)_+O>#g~`Qw#<wmqJI%LlIyWb4`C3_*{U3|654}we
zbzQ)@`0w7#>w-O#5A+CDnck}rddwxbcs;xAx`aC_$u0NZZ4vhEIUXh<J8#;nBNC5W
zRo!01#?~|%E=c&Y@LYmTdE0Y|{yDkHEro|~GD=HKpBo!1`M72C5)}hJYwz+O5v987
ztyiqRZrU<g$aj9%{K;>+;~$-S-?hCy?9bDKn__pf-%h<6C$RN!_$|HQ1-F~l)f$G*
zT5I&{+>50zR$aeQEO~mah=h}MztH<7)vo{4BjSvnHl^$CSI}F!dU9CT;{VMDBUav<
jyd-X~2=}ho|DyMMt{6Eyn*3Z47{3gju6{1-oD!M<$a&G?

literal 189
zcmeAS@N?(olHy`uVBq!ia0vp^O+Z}D#0(^le%P=dNbv;tgt!9f|NsC0{qyhrtFMkh
z+BrZzV@Z%-FoVOh8)-mJyr+v}NW|e}3D(64B0Wuk4q6v_7$*88@>+z(@Y*t{_&ReJ
zXeRLSmNEn_Txhr>#GtKBjbY`=g^Cp+EDdKQLJe0Xg&bYcmAIBEN^Da6Jf%}9N~gXC
i8gRKC)R16RVPZIcBJ#r)Up}Bs3=E#GelF{r5}E*?rah4W

diff --git a/components/uniapp-zaudio/static/playbtn.png b/components/uniapp-zaudio/static/playbtn.png
index 3f51b61d3cd72bf3fb5a918138e1261ccdafe038..26ae9bac3eb4ad182512e3e9a7b643464e5c18bb 100644
GIT binary patch
literal 756
zcmeAS@N?(olHy`uVBq!ia0vp^Iv~u!3?wz9Rv7~+#^NA%Cx&(BWL^R}_X2!ET!Hle
z|Nr;z-wz~@9Xs~;@#B*xPd<6_<idpuK=$$D$M4_2f8xXmAbIN4sYj0<!PyTVJ_L$f
zyLJsI0%Y91dlx7I)C*)hc<=zo0CIr<B75o5C7=jU94G>0oIZW}{Q2`h#^uYGA&P+}
z+_-V$-o1N31wb}X!P&ECfwDjmpaO^pP(54<=sck8l`B`SUcCy`c=P7X+qZ9j{P^+H
zr%&I$ef$3X`_G?0fj+XS^YsGy(6S`RFPMReg@uz-SXf%x+}y$<JUk+zqN1jz9SEjP
zn>Ky=>NV@uZP{|^^23Kff4>HSA7JqB-^W?gihw~^@9E+gVsU!!)tg041|n<;uC6iJ
zcU_P2ei!{Nad4~1z5lJN1WgwT7+s$E&)gt=Un0|-IX`OZJM5>e+?xLS>zdfpNB)FJ
zY4Ym3m-3fe?+EXoo~ZfA>+sa8j7&NoHmquy`}TPV^ZrG?_A(g`R*nw@Dkd?NNl!9;
zAmqz;bDs9<1E#Bd?4lRlm_4nd{4#^7)VFC5IX|3u@|X4W1@6P2Uhmg!OrLhXKJv)w
z^vAzDrmd7t-xIf`D!oCR_wt`z@#~jmKKOcY@oJ$XUA~vEybu3d=DfzLv4C$w!UX3X
zC);Loe7{k^|BzKWPGL{#;pi4dX*Q1h8z0ynT1wATzLR=5wnaK;M`OV>-gLpf%@2Pp
ze*H^lNB-GOO>14(`{_n)m=zz;@$9<k>Yx4*k%IGndwsbV_9*-CCuM!>NB1`?JZ+u)
zW6H`)xl<+LW4hC#Wh^C|MecIlO4ob7Ym(M;gLA=s_fw{n*r`_pZVYyP65Fq!=>Nsj
tUjM@RgBiQ-Not?k5$x~&ci;b0{1<c8IfbUne*(rQgQu&X%Q~loCIC%;uJHf>

literal 274
zcmeAS@N?(olHy`uVBq!ia0vp^O(4v|3?wUbdCvhU=>VS)S0MfW|NobdKK}jl@8^%-
zUqAkM^Yqh)*I(bi{9@vpI1wn#SQ6wH%;50sMjDW_)YHW=B;(%OYa0cb40&8GN(*_2
z_seomEl^#-;<ZyK#?tkV1J4`%2dr|pFFl-7e9rRuo%3a<8xA?EtHcE*I!bdZuUsG*
za)C>0#fAmFtrJ5o@MvYQiiSj7XvM-=vEjoXriHisi&B2~uKG6Jbn)Nzoww?5iB>$?
z;=lK<-QVyBx+`jh58r<9+u?30+x;_hLH5o0-EJqdU02WATx15&!3>_RelF{r5}E)$
CYj?l^

diff --git a/components/uniapp-zaudio/zaudio.vue b/components/uniapp-zaudio/zaudio.vue
index 4b4250e..c7656af 100644
--- a/components/uniapp-zaudio/zaudio.vue
+++ b/components/uniapp-zaudio/zaudio.vue
@@ -7,9 +7,9 @@
 					<view class="audio-control-wrapper">
 						<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
 						<template v-else>
-							<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
+							<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
 								v-if="renderData('paused')"></image>
-							<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
+							<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
 							</image>
 						</template>
 					</view>
@@ -41,9 +41,9 @@
 
 					<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
 					<template v-else>
-						<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
+						<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
 							v-if="renderData('paused')"></image>
-						<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
+						<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
 						</image>
 					</template>
 				</view>
@@ -69,9 +69,9 @@
 				<view class="audio-control-wrapper" :style="{backgroundImage: `url(${renderData('coverImgUrl')})`}">
 					<image :src="require('./static/loading.png')" v-if="loading" class="play loading"></image>
 					<template v-else>
-						<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play"
+						<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play"
 							v-if="renderData('paused')"></image>
-						<image :src="require('./static/pausebtn.png')" alt="" @click="operate" class="play" v-else>
+						<image :src="require('./static/playbtn.png')" alt="" @click="operate" class="play" v-else>
 						</image>
 					</template>
 				</view>
@@ -145,7 +145,7 @@
 			},
 			themeColor: {
 				type: String,
-				default: '#42b983'
+				default: '#2671E2'
 			},
 			duration: {
 				type: String,
@@ -366,10 +366,9 @@
 		}
 
 		.play {
-			width: 48rpx;
-			height: 48rpx;
+			width: 44rpx;
+			height: 44rpx;
 			z-index: 99;
-			background: rgba(0, 0, 0, 0.4);
 			border-radius: 50%;
 			position: absolute;
 			top: 50%;
diff --git a/pages.json b/pages.json
index 176b6a7..e4f41f6 100644
--- a/pages.json
+++ b/pages.json
@@ -50,6 +50,7 @@
 			"style": {
 				"navigationBarTitleText": "我的",
 				"navigationBarBackgroundColor": "#F8F8F8",
+				"navigationStyle":"custom",
 				"navigationBarTextStyle": "black"
 			}
 		}
diff --git a/pages/center/consumer/consumerDetail.vue b/pages/center/consumer/consumerDetail.vue
index 0359bb7..5ea59d6 100644
--- a/pages/center/consumer/consumerDetail.vue
+++ b/pages/center/consumer/consumerDetail.vue
@@ -4,13 +4,13 @@
 			<view class="content-tips">
 				<view class="content-first">
 					<view class="left">
-						<view v-if="customerInfo.level.length==0"></view>
-						<view class="img A" v-else-if="customerInfo.level==1">A</view>
-						<view class="img B" v-else-if="customerInfo.level==2">B</view>
-						<view class="img C" v-else-if="customerInfo.level==3">C</view>
-						<view class="img D" v-else-if="customerInfo.level==4">D</view>
 						<view class="test">
 							{{customerInfo.name || '--'}}
+							<view v-if="customerInfo.level.length==0"></view>
+							<view class="img A" v-else-if="customerInfo.level==1">A</view>
+							<view class="img B" v-else-if="customerInfo.level==2">B</view>
+							<view class="img C" v-else-if="customerInfo.level==3">C</view>
+							<view class="img D" v-else-if="customerInfo.level==4">D</view>
 							<view v-if="customerInfo.clientStageName" class="clientStageName">{{ customerInfo.clientStageName }}</view>
 						</view>
 						<view class="edit" @click="goedit()" v-if="isHavePermission">
@@ -28,26 +28,32 @@
 							{{customerInfo.phone | phoneText}}
 						</view>
 					</view>
+					<view class="content-sec-lab">
+						顾问姓名：<view class="content-sec-lab1">{{customerInfo.agentName}}</view>
+					</view>
 					<view class="content-sec-lab" @click.stop="tipupon">
 						客户标签：
 						<text v-if="!customerInfo.demand.cusSemanticWordsList">暂无</text>
 						<view v-else class="content-sec-tips"
 							v-for="(che,ind) in customerInfo.demand.cusSemanticWordsList" :key='ind'>{{che.name}}</view>
-						<view class="conmsg-msg-lab-img" v-if="customerInfo.demand.cusSemanticWordsList.length>0">
+						<!-- <view class="conmsg-msg-lab-img" v-if="customerInfo.demand.cusSemanticWordsList.length>0">
 							<image class="screen-sel-img" src="../../../static/images/right.png" mode=""></image>
-						</view>
-					</view>
-					<view class="content-sec-lab">
-						顾问姓名：<view class="content-sec-lab1">{{customerInfo.agentName}}</view>
+						</view> -->
 					</view>
 					<view class="content-sec-lab">
 						添加时间：<view class="content-sec-lab1">{{customerInfo.createTime}}</view>
 					</view>
 					<view class="content-sec-num">
-						<view class="">{{customerInfo.visitRecord || '--'}}次到访</view>
+						<view>到访{{customerInfo.visitRecord || '--'}}次</view>
+						<view>
+								{{customerInfo.mm || '0'}}min/{{customerInfo.fraction || '0'}}%
+						</view>
+					</view>
+					<!-- <view class="content-sec-num">
+						<view class="">到访{{customerInfo.visitRecord || '--'}}次</view>
 						<view class="">{{customerInfo.fraction || '0'}}% | {{customerInfo.mm || '0'}}<text
 								style="font-size: 24rpx;">min</text></view>
-					</view>
+					</view> -->
 				</view>
 				<view class="content-last">
 					<view class="content-last-con">
@@ -89,7 +95,7 @@
 							<view class="name">{{item.agentName || '--'}}</view>
 							<view class="status" v-if="item.replaceReception==1">代接待</view>
 						</view>
-						<!-- 	<view class="right">
+							<!-- <view class="right">
 						<view class="point"></view>
 						<view class="">优秀案例</view>
 					</view> -->
@@ -97,12 +103,11 @@
 
 					<view class="content-sec">
 						<view class="left">
-							<view class="cus" style="line-height: 46rpx;">客户：{{item.name || ''}} |</view>
-							<view style="line-height: 46rpx;" class="arriveNum">{{item.visitRecord || '--'}}次到访</view>
+							<view class="cus">客户：{{item.name || ''}} |</view>
+							<view class="arriveNum">{{item.visitRecord==1?'首':item.visitRecord || '--'}}次到访</view>
 						</view>
 						<view class="right">{{item.fraction || '0'}}%</view>
 					</view>
-
 					<view class="content-last">{{item.createTime}} | {{item.mm || '--'}}min</view>
 				</view>
 			</view>
@@ -142,29 +147,26 @@
 				<view class="ratetetle">执行总览</view>
 				<view class="rateyuanbox">
 					<view class="rateyuanboxzuo">
-						<view class="boxzuoview cccccc">{{customerInfo.visitRecord || '--'}}次</view>
-						<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">接待次数</view>
+						<view class="boxzuoview">{{customerInfo.visitRecord || '--'}}次</view>
+						<view class="ratetetle-desc">接待次数</view>
 					</view>
 					<view class="rateyuanboxyou">
 						<view class="boxzuoview" style="width: 100%;display: flex;justify-content: center;">
-							<u-circle-progress active-color="#4FC78F" width='139' :percent="customerInfo.fraction">
-								<view style="text-align: center;color: #4FC78F;">{{customerInfo.fraction}}%</view>
+							<u-circle-progress active-color="#07B79D" width='108' :percent="customerInfo.fraction">
+								<view style="text-align: center;color: #07B79D;">{{customerInfo.fraction}}%</view>
 							</u-circle-progress>
 						</view>
-						<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">销讲执行率</view>
+						<view  class="ratetetle-desc">销讲执行率</view>
 					</view>
 					<view class="rateyuanboxzuo">
-						<view class="boxzuoview cccccc">{{customerInfo.mm}}min</view>
-						<view style="color: #333333;font-size: 28rpx;font-weight: 400;text-align: center;">接待时长</view>
+						<view class="boxzuoview">{{customerInfo.mm}}min</view>
+						<view  class="ratetetle-desc">接待时长</view>
 					</view>
 				</view>
-				<view
-					style="width: 100%;height: 80rpx;border-bottom: 1rpx solid #E0E0E0;display: flex;align-items: center;">
-					<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 20rpx;">指标</view>
-					<view style="flex: 1;font-size: 28rpx;color: #333333;font-weight: 600;text-indent: 170rpx;">执行率
-					</view>
+				<view class="middle-title">
+					<view class="item-title1">指标</view>
+					<view class="item-title">执行率</view>
 				</view>
-
 				<view v-if="ratelist.length==0" style="width: 100%;height: 100%;display: flex;align-items: center;">
 					<view style="width: 100%;padding-top: 60rpx;">
 						<view style="width: 100%;text-align: center;">
@@ -194,7 +196,7 @@
 							<view class="title1">{{subitem.name}}</view>
 							<view class="leve1-jindu">
 								<view class="zhixing" v-if="!subitem.selected">已执行</view>
-								<view class="zhixing2" v-else>未执行 {{ subitem.selected }}</view>
+								<view class="zhixing2" v-else>未执行</view>
 							</view>
 							<view class="jiantobox">
 								<image v-if="!subitem.show" class="arrow rotatearrow" src="/static/images/down.png"
@@ -205,7 +207,7 @@
 						<view class="hsnrtest" v-if="subitem.show">话术内容</view>
 						<view class="Level3che" @tap="clickaudeopal(che)" v-if="subitem.show"
 							v-for="(che,inc) in subitem.children" :key='inc'>
-							<view class="title1">{{inc+1}}.{{che.name}}</view>
+							<view class="title1">{{inc+1}}、{{che.name}}</view>
 							<view class="jiantobox">
 								<image v-if="che.selected==0" class="arrow" src="/static/images/rate-checked.png"
 									mode="" />
@@ -214,7 +216,6 @@
 						<view v-if="subitem.show" style="width: 100%;height: 30rpx;"></view>
 					</view>
 				</view>
-
 			</view>
 		</view>
 
@@ -624,21 +625,17 @@
 
 	.Level-box {
 		padding-bottom: 2rpx;
-
+		border-bottom: 1rpx solid #E0E0E0;
 		.hhhbox {
 			width: 100%;
-			padding-left: 30rpx;
-			padding-right: 30rpx;
-			border-bottom: 1rpx solid #E0E0E0;
-			background: #FFFFFF;
-
-			// padding-bottom: 32rpx;
+			padding: 0 30rpx;
+			background: #f8f8f8;
 			.hsnrtest {
-				height: 24rpx;
+				height: 36rpx;
 				font-size: 24rpx;
 				font-weight: 400;
 				color: #666666;
-				line-height: 24rpx;
+				line-height: 36rpx;
 			}
 
 			.Level3che {
@@ -647,7 +644,7 @@
 				display: flex;
 				line-height: 28rpx;
 				align-items: center;
-				margin-top: 30rpx;
+				margin-top: 24rpx;
 
 				.title1 {
 					flex: 1;
@@ -681,7 +678,7 @@
 				flex: 2;
 				font-size: 28rpx;
 				color: #333333;
-				font-weight: 400;
+				font-weight: 500;
 			}
 
 			.leve1-jindu {
@@ -691,25 +688,25 @@
 				align-items: center;
 
 				.zhixing {
-					width: 108rpx;
-					height: 44rpx;
+					width: 116rpx;
+					height: 48rpx;
+					line-height: 48rpx;
 					background: #2671E2;
 					border-radius: 4rpx;
 					font-size: 28rpx;
 					text-align: center;
-					line-height: 44rpx;
 					color: #FFFFFF;
 				}
 
 				.zhixing2 {
-					width: 108rpx;
-					height: 44rpx;
-					background: #F8F8F8;
+					width: 116rpx;
+					height: 48rpx;
+					line-height: 48rpx;
 					border-radius: 4rpx;
 					font-size: 28rpx;
 					text-align: center;
-					line-height: 44rpx;
-					color: #999999;
+					color: #FFFFFF;
+					background: #D8D8D8;
 				}
 			}
 
@@ -728,13 +725,12 @@
 
 		.Level1che {
 			width: 100%;
-			height: 94rpx;
-			background: #F5F5F5;
+			height: 98rpx;
+			background: #fff;
 			display: flex;
-			line-height: 94rpx;
+			line-height: 98rpx;
 			align-items: center;
-			padding-left: 30rpx;
-			padding-right: 30rpx;
+			padding:0 30rpx;
 
 			.title1 {
 				flex: 2;
@@ -749,14 +745,13 @@
 				.jindutiao {
 					width: 96%;
 					height: 28rpx;
-					background: #D5EEE2;
 					line-height: 28rpx;
 					border-radius: 14rpx;
 					position: relative;
-
+					background:  rgba(7, 183, 157, 0.2);
 					.huanxing {
 						height: 100%;
-						background: #4FC78F;
+						background: #07B79D;
 						border-radius: 14rpx;
 					}
 
@@ -784,51 +779,64 @@
 			}
 		}
 	}
-
-
-
-	.cccccc {
-		text-align: center;
-		height: 140rpx;
-		line-height: 140rpx;
-		font-size: 30rpx;
-	}
-
 	.ratecenter {
 		background-color: #FFFFFF;
 		padding-bottom: 30rpx;
 		width: 100%;
-
 		.ratetetle {
-			padding: 30rpx;
+			height: 42rpx;
 			font-size: 30rpx;
-			font-weight: 400;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
 			color: #333333;
-			padding-bottom: 6rpx;
+			line-height: 42rpx;
+			padding: 24rpx 30rpx;
 		}
-
 		.rateyuanbox {
 			width: 100%;
 			height: 210rpx;
 			padding-bottom: 30rpx;
-			border-bottom: 1rpx solid #E0E0E0;
 			display: flex;
 			padding-left: 80rpx;
 			padding-right: 80rpx;
-
 			.rateyuanboxzuo {
 				width: 30%;
 				height: 100%;
 			}
-
 			.rateyuanboxyou {
 				width: 40%;
 				height: 100%;
 			}
-
 			.boxzuoview {
 				width: 100%;
 				height: 140rpx;
+				line-height: 140rpx;
+				text-align: center;
+			}
+			.ratetetle-desc{
+				color: #666;
+				font-size:30rpx;
+				font-weight: 400;
+				text-align: center;
+			}
+		}
+		.middle-title{
+			height: 78rpx;
+			line-height: 78rpx;
+			display: flex;
+			// justify-content: space-around;
+			align-items: center;
+			background: #F4F8FD;
+			font-size: 30rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #333333;
+			.item-title1 {
+				width: 450rpx;
+				padding-left: 30rpx;
+			}
+			.item-title {
+				flex: 1;
 			}
 		}
 	}
@@ -850,14 +858,14 @@
 			flex: 1;
 			height: 100%;
 			text-align: center;
-			line-height: 92rpx;
+			line-height: 88rpx;
 			color: #666666;
-			font-size: 28rpx;
+			font-size: 30rpx;
 			display: flex;
 			justify-content: center;
-
+			box-shadow: 0px 1rpx 0px 0px #E0E0E0;
 			.activecllasscet {
-				border-bottom: 2px solid #2671E2;
+				border-bottom: 6rpx solid #2671E2;
 				color: #2671E2;
 				font-weight: 600;
 			}
@@ -894,39 +902,47 @@
 					justify-content: space-between;
 					
 					.img {
-						flex-shrink: 0;
-						width: 52rpx;
-						height: 52rpx;
-						border: 1px solid #E0E0E0;
-						border-radius: 50%;
+						width: 48rpx;
+						height: 48rpx;
+						line-height: 48rpx;
 						text-align: center;
-						line-height: 50rpx;
-						margin-right: 20rpx;
+						margin-left: 16rpx;
+						background: #E6625B;
+						border-radius: 6rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #FFFFFF;
 					}
 
 					.test {
-						flex-grow: 1;
+						height: 42rpx;
+						font-size: 30rpx;
+						font-family: PingFangSC-Medium, PingFang SC;
 						font-weight: 500;
 						color: #333333;
+						line-height: 42rpx;
+						margin-right: 16rpx;
 						display: flex;
-						align-items: center;
-						
-						.clientStageName {
-							margin-left: 20rpx;
-							padding: 5rpx 20rpx;
-							border: 1px solid #F29819;
-							border-radius: 32rpx 32rpx 32rpx 0;
-							color: #F29819;
-							font-size: 20rpx;
-						}
+					}
+					.clientStageName {
+						margin-left: 16rpx;
+						padding: 0 16rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #FF981E;
+						height: 48rpx;
+						line-height: 48rpx;
+						background: #FFFFFF;
+						border-radius: 4rpx;
+						border: 1rpx solid #FF981E;
 					}
 
 					.edit {
 						flex-shrink: 0;
 						height: 40rpx;
 						width: 40rpx;
-						margin-left: 30rpx;
-
 						image {
 							width: 100%;
 							height: 100%;
@@ -964,57 +980,56 @@
 					display: flex;
 					font-size: 30rpx;
 					font-weight: 400;
-					color: #666666;
-					line-height: 46rpx;
+					color: #333;
+					line-height: 42rpx;
 
 					.content-sec-lab1 {
 						color: #333333;
 					}
 
 					.content-sec-tips {
-						max-width: 120rpx;
-						height: 46rpx;
-						background: #F2F2F2;
-						border-radius: 6rpx;
+						max-width: 175rpx;
 						text-align: center;
-						line-height: 26rpx;
+						line-height: 48rpx;
 						overflow: hidden;
 						text-overflow: ellipsis;
 						white-space: nowrap;
 						font-size: 26rpx;
 						font-weight: 400;
-						color: #333333;
-						margin-right: 20rpx;
+						color: #2671E2;
+						margin-right: 12rpx;
 						box-sizing: border-box;
-						padding: 10rpx 24rpx;
+						padding: 0 20rpx;
+						height: 48rpx;
+						background: #F4F8FD;
+						border-radius: 6rpx;
 					}
 				}
 
 				.content-sec-num {
 					position: absolute;
-					width: 200rpx;
-					height: 90rpx;
+					width: 196rpx;
+					height: 112rpx;
 					background: #F4F8FD;
-					border-radius: 12rpx;
-					font-weight: 400;
-					color: #2671E2;
-					line-height: 45rpx;
-					bottom: 15rpx;
+					border-radius: 8rpx;
+					top: 28rpx;
 					right: 30rpx;
+					padding: 16rpx 20rpx;
+					color: #2671E2;
+					line-height: 40rpx;
 					text-align: center;
 				}
 			}
 
 			.content-last {
 				padding: 30rpx;
-				height: 168rpx;
-
+				margin-top: 28rpx;
 				.content-last-con {
 					width: 690rpx;
-					height: 108rpx;
+					min-height: 112rpx;
 					background: #F8F8F8;
 					border-radius: 8rpx;
-					padding: 14rpx 20rpx;
+					padding: 16rpx 20rpx;
 					font-size: 28rpx;
 					font-weight: 400;
 					color: #333333;
@@ -1108,35 +1123,36 @@
 						.cus {
 							font-size: 30rpx;
 							font-weight: 400;
-							color: #666666;
-							line-height: 30rpx;
+							color: #333;
+							line-height: 42rpx;
 						}
 
 						.arriveNum {
 							font-size: 30rpx;
 							font-weight: 400;
-							line-height: 30rpx;
 							margin-left: 10rpx;
+							color: #2671E2;
 						}
 					}
 
 					.right {
-						width: 192rpx;
-						height: 46rpx;
+						height: 56rpx;
 						background: #F4F8FD;
 						border-radius: 6rpx;
 						text-align: center;
-						line-height: 46rpx;
+						line-height: 56rpx;
 						font-weight: 400;
 						color: #2671E2;
+						font-size: 28rpx;
+						padding: 0 20rpx;
 					}
 				}
 
 				.content-last {
-					margin: 30rpx 0;
+					margin: 28rpx 0;
 					font-size: 30rpx;
 					font-weight: 400;
-					color: #666666;
+					color: #333;
 					line-height: 30rpx;
 				}
 
@@ -1161,7 +1177,6 @@
 						display: flex;
 						justify-content: space-between;
 
-						// height: 75rpx;
 						.tab2-first-left {
 							display: flex;
 							align-items: center;
@@ -1183,9 +1198,9 @@
 							}
 							
 							.clientStageName {
-								margin-left: 20rpx;
+								margin-right: 20rpx;
 								padding: 5rpx 20rpx;
-								border: 1px solid #F29819;
+								border: 1rpx solid #F29819;
 								border-radius: 32rpx 32rpx 32rpx 0;
 								color: #F29819;
 								font-size: 20rpx;
@@ -1292,23 +1307,18 @@
 	
 	
 	.A {
-		color: #FFF;
-		background: #19AC09;
-		border: 1px solid #19AC09 !important;
-	}
-	.B {
-		color: #FFF;
-		background: #F29819;
-		border: 1px solid #F29819 !important;
-	}
-	.C {
-		color: #FFF;
-		background: #F2D01A;
-		border: 1px solid #F2D01A !important;
-	}
-	.D {
-		color: #FFF;
-		background: #1396F6;
-		border: 1px solid #1396F6 !important;
-	}
+			background: #E6625B;
+		}
+
+		.B {
+			background: #F29819;
+		}
+
+		.C {
+			background: #19AC09;
+		}
+
+		.D {
+			background: #1396F6;
+		}
 </style>
diff --git a/pages/center/consumer/index.vue b/pages/center/consumer/index.vue
index d0d856a..31e7b9a 100644
--- a/pages/center/consumer/index.vue
+++ b/pages/center/consumer/index.vue
@@ -630,7 +630,7 @@
 						color: #333333;
 					}
 					.content-sec-tips{
-						max-width:160rpx ;
+						max-width:160rpx;
 						height: 46rpx;
 						background: #F2F2F2;
 						border-radius: 6rpx;
diff --git a/pages/index/consumer/index.vue b/pages/index/consumer/index.vue
index 5981efe..16b3a79 100644
--- a/pages/index/consumer/index.vue
+++ b/pages/index/consumer/index.vue
@@ -8,6 +8,7 @@
 					</view>
 					<view class="search-text">输入客户姓名/手机号</view>
 				</view>
+				<image @click="filterFun" class="filter" src="../../../static/images/filter.png" mode="" />
 			</view>
 		</view>
 
@@ -46,18 +47,17 @@
 					<view style="text-align: center;width: 100%;margin-top: 20rpx;color: #999999;">暂无数据</view>
 				</view>
 			</view>
-			<view v-if="recordList.length!=0" class="content-tips" v-for="(item,index) in recordList" :key='index'
+			<view v-if="recordList.length" class="content-tips" v-for="(item,index) in recordList" :key='index'
 				@click="gotoDetail(item.id)">
 				<view class="content-first">
 					<view class="left">
+						<view class="test">{{item.name}}</view>
 						<template v-if="item.level > 0">
 							<view class="img" :class="colorName[item.level]">{{ item.level | levelText }}</view>
 						</template>
-						<view class="test">{{item.name}}</view>
 						<view v-if="item.clientStageName" class="clientStageName">{{ item.clientStageName }}</view>
 					</view>
 					<view class="right">
-						{{item.fraction || '0'}}%
 						<image class="right-img" src="../../../static/images/arrow-right.png" mode=""></image>
 					</view>
 				</view>
@@ -80,21 +80,26 @@
 							</block>
 						</template>
 					</view>
-
 					<view class="content-sec-lab">
 						添加时间：<view class="content-sec-lab1">{{item.createTime | formatTime}}</view>
 					</view>
 					<view class="content-sec-num">
-						<view class="">{{item.visitRecord || '--'}}次到访 | {{item.mm || '0'}}<text
-								style="font-size: 24rpx;">min</text></view>
+						<view>到访{{item.visitRecord || '--'}}次</view>
+						<view>
+								{{item.mm || '0'}}min/{{item.fraction || '0'}}%
+						</view>
 					</view>
 				</view>
-
 				<template v-if="permissions.commonly2">
 					<view class="content-last">
-						<!-- 						<view class="content-last-tab">添加提醒</view>
-						<view class="content-last-tab">拨打电话</view> -->
-						<view class="content-last-tab" @click.stop="gotoFollowUp(item)">写跟进</view>
+							<!-- <view class="content-last-tab">
+								<image src="/static/images/genjin-icon.png" mode="" />添加提醒</view>
+						<view class="content-last-tab">
+							<image src="/static/images/genjin-icon.png" mode="" />
+							打电话</view> -->
+						<view class="content-last-tab" @click.stop="gotoFollowUp(item)">
+							<image src="/static/images/genjin-icon.png" mode="" />
+							写跟进</view>
 					</view>
 				</template>
 
@@ -440,6 +445,9 @@
 			}
 		},
 		methods: {
+			filterFun(){
+
+			},
 			//  过滤
 			resetFilter() {
 				this.sortFilter = '排序';
@@ -797,9 +805,8 @@
 		top: var(--window-top);
 		z-index: 999;
 		width: 100;
-		height: 92rpx;
+		height: 72rpx;
 		background: #FFFFFF;
-		border: 1px solid #E0E0E0;
 		flex-shrink: 0;
 		display: flex;
 		align-items: center;
@@ -808,7 +815,7 @@
 			flex: 1;
 			height: 100%;
 			text-align: center;
-			line-height: 92rpx;
+			line-height: 72rpx;
 			color: #666666;
 			font-size: 28rpx;
 			overflow: hidden;
@@ -842,9 +849,14 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
+		.filter{
+			width: 40rpx;
+			height: 40rpx;
+			margin-left: 30rpx;
+		}
 
 		.search {
-			width: 94%;
+			width: 620rpx;
 			height: 70rpx;
 			display: flex;
 			align-items: center;
@@ -887,14 +899,19 @@
 
 	.count {
 		width: 100%;
-		height: 90rpx;
+		height: 82rpx;
+		line-height: 82rpx;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background-color: #FBE4E4;
+		background-color: #f8f8f8;
+		font-size: 30rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #333333;
 
 		text {
-			color: #F71616;
+			color: #E7483C;
 		}
 	}
 
@@ -902,8 +919,7 @@
 	.content {
 		.content-tips {
 			background: #fff;
-			margin-top: 20rpx;
-
+			margin-bottom: 20rpx;
 			.content-first {
 				padding: 19rpx 30rpx;
 				display: flex;
@@ -919,54 +935,58 @@
 					align-items: center;
 
 					.img {
-						width: 52rpx;
-						height: 52rpx;
-						border: 1px solid #E0E0E0;
-						border-radius: 50%;
-						margin-right: 20rpx;
-						display: flex;
-						align-items: center;
-						justify-content: center;
+						width: 48rpx;
+						height: 48rpx;
+						line-height: 48rpx;
+						text-align: center;
+						margin-right: 16rpx;
+						background: #E6625B;
+						border-radius: 6rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #FFFFFF;
 					}
 
 					.clientStageName {
-						margin-left: 20rpx;
-						padding: 5rpx 20rpx;
-						border: 1px solid #F29819;
-						border-radius: 32rpx 32rpx 32rpx 0;
-						color: #F29819;
-						font-size: 20rpx;
+						margin-right: 20rpx;
+						padding: 0 16rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #FF981E;
+						height: 48rpx;
+						line-height: 48rpx;
+						background: #FFFFFF;
+						border-radius: 4rpx;
+						border: 1rpx solid #FF981E;
 					}
 
-					// '#19AC09', '#F29819', '#F2D01A', '#1396F6',
 					.A {
-						color: #FFF;
-						background: #19AC09;
-						border: 1px solid #19AC09;
+						background: #E6625B;
 					}
 
 					.B {
-						color: #FFF;
 						background: #F29819;
-						border: 1px solid #F29819;
 					}
 
 					.C {
-						color: #FFF;
-						background: #F2D01A;
-						border: 1px solid #F2D01A;
+						background: #19AC09;
 					}
 
 					.D {
-						color: #FFF;
 						background: #1396F6;
-						border: 1px solid #1396F6;
 					}
 
 
 					.test {
+						height: 42rpx;
+						font-size: 30rpx;
+						font-family: PingFangSC-Medium, PingFang SC;
 						font-weight: 500;
 						color: #333333;
+						line-height: 42rpx;
+						margin-right: 16rpx;
 					}
 				}
 
@@ -991,45 +1011,48 @@
 				position: relative;
 
 				.content-sec-lab {
-					margin-top: 30rpx;
+					margin-top: 28rpx;
 					display: flex;
 					font-size: 30rpx;
 					font-weight: 400;
-					color: #666666;
-					line-height: 46rpx;
+					color: #333;
+					line-height: 42rpx;
 
 					.content-sec-lab1 {
 						color: #333333;
 					}
 
 					.content-sec-tips {
-						max-width: 160rpx;
-						height: 46rpx;
-						background: #F2F2F2;
+						padding: 0 20rpx;
+						height: 48rpx;
+						background: #F4F8FD;
 						border-radius: 6rpx;
+						max-width: 160rpx;
 						text-align: center;
-						line-height: 26rpx;
+						line-height: 48rpx;
 						overflow: hidden;
 						text-overflow: ellipsis;
 						white-space: nowrap;
-						font-size: 26rpx;
 						font-weight: 400;
-						color: #333333;
-						margin-right: 20rpx;
+						margin-right: 12rpx;
 						box-sizing: border-box;
-						padding: 10rpx 24rpx;
+						font-size: 28rpx;
+						font-family: PingFangSC-Regular, PingFang SC;
+						color: #2671E2;
 					}
 				}
 
 				.content-sec-num {
 					position: absolute;
-					bottom: 25rpx;
+					width: 196rpx;
+					height: 112rpx;
+					border-radius: 8rpx;
+					top: 28rpx;
 					right: 30rpx;
-					padding: 3rpx 12rpx;
+					padding: 16rpx 20rpx;
 					background: #F4F8FD;
-					border-radius: 6rpx;
 					color: #2671E2;
-					line-height: 45rpx;
+					line-height: 40rpx;
 					text-align: center;
 				}
 			}
@@ -1039,19 +1062,26 @@
 				display: flex;
 				justify-content: flex-end;
 				align-items: center;
-				border-top: 1px solid #E0E0E0;
 
 				.content-last-tab {
-					margin-right: 30rpx;
-					width: 156rpx;
-					height: 60rpx;
+					width: 214rpx;
+					height: 70rpx;
+					background: #FFFFFF;
+					border-radius: 8rpx;
+					border: 1rpx solid #2671E2;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #2671E2;
 					font-size: 30rpx;
-					color: #333333;
-					border-radius: 30rpx;
-					border: 1px solid #999999;
+					margin-right: 30rpx;
 					display: flex;
 					align-items: center;
 					justify-content: center;
+					image{
+						width: 40rpx;
+						height: 40rpx;
+						margin-right: 12rpx;
+					}
 				}
 			}
 
diff --git a/pages/index/customer.vue b/pages/index/customer.vue
index 8fc83db..2820956 100644
--- a/pages/index/customer.vue
+++ b/pages/index/customer.vue
@@ -152,7 +152,7 @@
 		</image>
 
 		<!-- 底部导航栏 -->
-		<!-- <u-tabbar :mid-button="true" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList">
+		<!-- <u-tabbar :mid-button="false" activeColor="#1296db" inactiveColor="#999999" v-model="current" :list="tabbarList">
 		</u-tabbar> -->
 	</view>
 </template>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 8edde70..940cdae 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -113,7 +113,9 @@
 			<view class="real-timebox">
 				<view class="timebox">
 					<view class="real" @click="tapjumpreception('1')">
-						<view class="realnum">{{realtimeobj.fraction || 0}}%</view>
+						<view class="realnum u-flex"  style="justify-content: center">{{realtimeobj.fraction || 0}}% 
+							<image class="qushi-icon" src="/static/images/excute.png"  mode="" />
+						</view>
 						<view class="realtext">平均执行率</view>
 					</view>
 					<view class="real" @click="tapjumpreception('1')">
@@ -164,7 +166,9 @@
 			<view class="real-timebox" >
 				<view class="timebox">
 					<view class="real" @click="tapjumpreception('3')">
-						<view class="realnum">{{Thisweekobj.fraction || 0}}%</view>
+						<view class="realnum u-flex" style="justify-content: center">{{Thisweekobj.fraction || 0}}%
+							<image class="qushi-icon" src="/static/images/qushi-up.png" mode="" />
+						</view>
 						<view class="realtext">平均执行率</view>
 					</view>
 					<view class="real" @click="tapjumpreception('3')">
@@ -985,7 +989,7 @@
 		width: 100%;
 		background: #FFFFFF;
 		height: 154rpx;
-		box-shadow: 0px 0px 12px 0px rgba(224, 224, 224, 0.3);
+		box-shadow: 0px 0px 12rpx 0px rgba(224, 224, 224, 0.3);
 		border-radius: 12rpx;
 		display: flex;
 
@@ -1129,6 +1133,11 @@
 					font-weight: bold;
 					color: #333333;
 					line-height: 50rpx;
+					.qushi-icon{
+						width: 28rpx;
+						height: 14rpx;
+						margin-left: 2rpx;
+					}
 				}
 
 				.realtext {
diff --git a/pages/index/personal.vue b/pages/index/personal.vue
index 1aeadcd..d7cb9ea 100644
--- a/pages/index/personal.vue
+++ b/pages/index/personal.vue
@@ -1,6 +1,6 @@
 <template>
 	<view class="main">
-		<!-- 头部开始 -->
+		<u-navbar title="我的" :autoback="false" :titleStyle="{color: black}">	</u-navbar>
 		<view class="header">
 			<view class="header-zuo">
 				<u-avatar
@@ -163,6 +163,7 @@
 		min-height: calc(100vh - var(--window-top));
 		display: flex;
 		flex-direction: column;
+		// background: url(https://static.quhouse.com/007d3ea7c9b74ffd9e00ae0918ae1631.png) no-repeat top center;
 	}
 
 	.header {
diff --git a/pages/mine/details2.vue b/pages/mine/details2.vue
index d3feaf5..c14678d 100644
--- a/pages/mine/details2.vue
+++ b/pages/mine/details2.vue
@@ -4,7 +4,7 @@
 			<!-- 顶部时间 -->
 			<view class="headboxhead">
 				<view class="boxhead1">{{date}}</view>
-				<view class="boxhead2" v-if="permissions.commonly3">
+				<view class="boxhead2" v-if="!permissions.commonly3">
 					<image v-if="status==1" @click="tappick()" src="../../static/images/pike.png" mode=""></image>
 					<image v-if="status==0" @click="notappick()" src="../../static/images/nopike.png" mode=""></image>
 				</view>
@@ -17,10 +17,13 @@
 			<!-- 标记顾问 -->
 			<view class="headboxbott">
 				<view class="headovfu">
-					<u-tabs-swiper ref="tabs" font-size="30" :bold="true" swiper-width="600" :current="roleindex"
+					<!-- <u-tabs-swiper ref="tabs" font-size="30" :bold="true" swiper-width="600" :current="roleindex"
 						@change="tapspagek()" inactive-color="#b1b1b1" active-color="#008ef2" :list="tablist"
 						:is-scroll="true">
-					</u-tabs-swiper>
+					</u-tabs-swiper> -->
+					<view class="mytab" v-for="(item,index) in tablist" :key="index" @click="tapspagek(index)"> 
+						<view class="tab-item" :class="roleindex==index?'tabActive':''">{{item.name}}</view>
+					</view>
 				</view>
 				<view v-if="permissions.commonly1" class="headpade">
 					<view class="biaoji" @tap="tagtap()">标记</view>
@@ -38,8 +41,10 @@
 						:data-speaker="item.speaker" :id="'dialog'+csdFileindex+'text'+item.bg">
 						<view class="avatar">
 							<view :style="[SPEAKERSTYLE(item.speaker)]">
-								<image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix">
+								<image v-if="item.isShow == 0" src="/static/images/avatar-new.png" mode="widthFix">
 								</image>
+								<!-- <image v-if="item.isShow == 0" :src="Aimg.replace(/[\r\n]/g,'')" mode="widthFix">
+								</image> -->
 								<text v-else>{{ item.speaker | toCapital }}</text>
 							</view>
 						</view>
@@ -75,7 +80,7 @@
 									</view>
 								</view>
 								<image @click="clickbofang(dialog.backindex,item)" class="play"
-									src="../../static/images/recordingManagement/play.png"></image>
+									src="../../static/images/play.png"></image>
 							</view>
 						</view>
 					</view>
@@ -104,7 +109,7 @@
 				<view class="fill"></view>
 				<!-- audioinfo2 -->
 				<view @click.stop="Receivedetailsabouttab('Receivedetailsabout')" class="tmmchen"
-					v-if="permissions.commonly2==true">
+					v-if="permissions.commonly2">
 					<image src="../../static/images/allimg.png" mode=""></image>
 					<view>更多</view>
 					<view class="allimg" v-if="Thetapeidisshow">
@@ -113,7 +118,7 @@
 					</view>
 				</view>
 
-				<view class="tmmchen" @click.stop="Receivetap()" v-if="permissions.commonly2 == false">
+				<view class="tmmchen" @click.stop="Receivetap()" v-if="!permissions.commonly2">
 					<image @click.stop="Receivedetailsabouttab('Receivedetailsabout')"
 						src="../../static/images/audioinfo2.png" mode=""></image>
 					<view @click.stop="Receivedetailsabouttab('Receivedetailsabout')">接待信息</view>
@@ -1760,6 +1765,7 @@
 			width: 100%;
 			height: 170rpx;
 			border-top: 1px solid #E0E0E0;
+			padding-bottom: 10rpx;
 
 			.bottomhead {
 				width: 100%;
@@ -1818,16 +1824,17 @@
 	.headboxhead {
 		width: 100%;
 		height: 84rpx;
-		border-bottom: 1px solid #E0E0E0;
+		// border-bottom: 1px solid #E0E0E0;
 		display: flex;
 
 		.boxhead1 {
-			width: 50%;
-			color: #303030;
+			margin-left: 30rpx;
 			height: 84rpx;
+			font-size: 30rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #303030;
 			line-height: 84rpx;
-			font-size: 28rpx;
-			text-indent: 30rpx;
 		}
 
 		.boxhead2 {
@@ -1853,6 +1860,29 @@
 			flex: 1;
 			height: 88rpx;
 			overflow: hidden;
+			display: flex;
+			align-items: center;
+			.mytab{
+				margin-left: 20rpx;
+				.tab-item{
+					padding: 0 20rpx;
+					height: 52rpx;
+					line-height: 52rpx;
+					background: #FFFFFF;
+					border-radius: 8rpx;
+					border: 1rpx solid #E0E0E0;
+					font-size: 26rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #999999;
+					
+				}
+				.tabActive{
+					background: #2671E2;
+					color: #fff;
+				}
+			}
+
 		}
 
 		.headpade {
@@ -1864,14 +1894,14 @@
 			border-left: 1px solid #D6D6D6;
 
 			.biaoji {
-				min-width: 120rpx;
-				height: 48rpx;
-				background: #E6625B;
-				border-radius: 24rpx;
 				text-align: center;
-				line-height: 48rpx;
+				line-height: 52rpx;
 				color: #FFFFFF;
 				font-size: 26rpx;
+				width: 100rpx;
+				height: 52rpx;
+				background: #E6625B;
+				border-radius: 26rpx;
 			}
 		}
 	}
@@ -1887,7 +1917,8 @@
 		height: 88rpx;
 		text-align: center;
 		color: #666666;
-		font-size: 18rpx;
+		font-size: 24rpx;
+		line-height: 32rpx;
 		position: relative;
 
 		.allimg {
@@ -1904,13 +1935,11 @@
 	}
 
 	.tmmchen image {
-		width: 40rpx;
-		height: 40rpx;
-		margin-top: 10rpx;
-		margin-bottom: 2rpx;
+		width: 44rpx;
+		height: 44rpx;
+		margin-bottom: 10rpx;
 	}
 
-
 	.zhezhoa {
 		position: fixed;
 		top: 0;
@@ -2281,17 +2310,25 @@
 	}
 
 	.scroll-Y .text .avatar {
-		margin-top: 80rpx;
-		width: 64upx;
-		height: 64upx;
-		line-height: 64upx;
-		text-align: center;
-		font-size: 36rpx;
-		border-radius: 50%;
-		background: #F2F2F2;
-		color: #008EF2;
-		image {
-			width: 40upx;
+		margin-top: 38rpx;
+		text{
+			display: block;
+			width: 72rpx;
+			height: 72rpx;
+			line-height: 72rpx;
+			text-align: center;
+			background: #FFFFFF;
+			border-radius: 8rpx;
+			border: 2rpx solid #E6625B;
+			font-size: 30rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #E6625B;
+			box-sizing: border-box;
+		}
+		image{
+			width: 72rpx;
+			height: 72rpx;
 		}
 	}
 	.scroll-Y .text .contentInfo .info {
@@ -2307,15 +2344,18 @@
 	}
 
 	.scroll-Y .text .contentInfo .contentMain .content {
-		margin-left: 30upx;
-		line-height: 60rpx;
+		margin-left: 30rpx;
+		line-height: 42rpx;
 		text-align: left;
-		padding: 0 5px;
+		padding: 15rpx 20rpx;
 		border-radius: 8upx;
 		max-width: 442rpx;
-		background: #F6F6F6;
-		color: #999999;
+		background: #F8F8F8;
 		position: relative;
+		font-size: 30rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #505050;
 
 		.tankuangcss {
 			position: absolute;
@@ -2618,7 +2658,7 @@
 
 
 	.scroll-Y .text.active .content {
-		color: #FF7538 !important;
+		color: #2671E2 !important;
 		position: relative;
 	}
 
@@ -2626,14 +2666,14 @@
 	.scroll-Y .text.active[data-speaker="2"] .content,
 	.scroll-Y .text.active[data-speaker="4"] .content,
 	.scroll-Y .text.active[data-speaker="6"] .content {
-		color: #FF7538 !important;
+		color: #2671E2 !important;
 		position: relative;
 	}
 	
-	.scroll-Y .isGreen .contentInfo .contentMain .content {
-		background: #2BC805 !important;
-		color: #FFFFFF;
-	}
+	// .scroll-Y .isGreen .contentInfo .contentMain .content {
+	// 	background: #2BC805 !important;
+	// 	color: #FFFFFF;
+	// }
 	/deep/ .u-model-title{
 		padding: 34rpx 0 16rpx !important;
 	}
diff --git a/pages/mine/reception/addreception.vue b/pages/mine/reception/addreception.vue
index 4af0995..8ac437d 100644
--- a/pages/mine/reception/addreception.vue
+++ b/pages/mine/reception/addreception.vue
@@ -11,7 +11,6 @@
 						placeholder="请输入客户姓名（必填）" />
 				</view>
 				<view class="titleimg">
-					<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
 				</view>
 			</view>
 			<view class="title">
@@ -70,9 +69,7 @@
 				</view>
 			</view>
 		</view>
-
 		<view class="clive" @click="$noMultipleClicks(save)">确定</view>
-
 		<u-select :mask-close-able="false" v-model="Showhiddenunits" mode="single-column" :list="list"
 			@cancel="cancel" @confirm="confirm"></u-select>
 		<u-select :mask-close-able="false" v-model="Showhid" mode="single-column" :list="freeList" @cancel="cancel1"
@@ -89,7 +86,7 @@
 
 	export default {
 		data() {
-			return {
+			return {
 				noClick: true,
 				Showhiddenunits: false,
 				list: [{
diff --git a/pages/mine/registerForm.vue b/pages/mine/registerForm.vue
index 81dd73f..e581ee6 100644
--- a/pages/mine/registerForm.vue
+++ b/pages/mine/registerForm.vue
@@ -9,7 +9,6 @@
 						placeholder="请输入客户姓名（必填）" />
 				</view>
 				<view class="titleimg">
-					<!-- <image class="titleimg1" src="../../../static/images/arrow.png" mode=""></image> -->
 				</view>
 			</view>
 		</view>
@@ -49,7 +48,6 @@
 				<view class="titletext">咨询业务</view>
 				<view class="titletext2"
 					style="font-size: 30rpx;font-weight: 400;color: #B2B2B2;line-height: 110rpx;padding-left: 10rpx;">
-					
 					<text v-if="parames.sourceName" style="color: #333333;">{{parames.sourceName}}</text>
 					<text v-else>请选择咨询业务</text>
 				</view>
@@ -69,7 +67,7 @@
 
 <script>
 	var app = getApp();
-	var config = require("@/config");
+	var config = require("@/config");
 	let domain = require("@/utils/domain")
 	export default {
 		data() {
@@ -127,7 +125,7 @@
 					return;
 				}
 			},
-			getPhoneNumber(e){
+			getPhoneNumber(e){
 				this.qrCodeUrl = domain.baseUrl
 				if(e.detail.errMsg=="getPhoneNumber:ok"){
 					let data = {
diff --git a/static/images/allimg.png b/static/images/allimg.png
index 40687708579d2ee99537319da365a0e1de56442d..e840777d78564b91552084bbfae0109a220964a5 100644
GIT binary patch
literal 1377
zcmX9;2~bm46#XE!g2JGVI7AS266*#60wSP*LNQn)O#x+60fDfFB_^_nfWWXgMKB>O
z4#*4*D2{-#g=Jc587VYDMv_cYwxEEc1Sr*l?9yX%XLA2}=bd-nz3;!DJ6<#oeLa#M
zK@j@X^KNuJ58-!s%O>QwTV*SFXmRKsXNmfLlPQAGzU1|tw>wD0#>PfkS{ky8i;D(C
zM@Rek_=JXrMn*=e)oKQVF*`dO5fL#lF#&RXd^|WfSfx@SPfkvTgoM0#^9C3^W|>Up
z>;EGxEDQ{WV`F2;;o;#Jg48gu(&zyS3kyN!<>i%>lwc{`Aj{0mEGsL+S}epYoPm*{
z&&tYz060548~TKVgv7)|fSWgOg750;LYB+r=mHu<R8&-BV<Sj7YfM-y7Dx_<)7sh!
zkd%}J8D?Pu8MZ@rV9<VUZf;#&9rUOtBO?RFh(sby3lKnzB{y!|z}8q^Q&WRt;07L9
zC=^1Ilaqrfg+c*bSy_o4;Sd`e3r%Thsm2860)YTszzR%!d_3xmiHQM*KQbJ+TrL2c
z%`Pe`(vZLn4GkL2;NT!?OG!z=P;&yP1Q=&nUS3{ZT@8#Kp}~7ZU+4%mzyX`0)a2x3
zym~Z<BSp*k`T0B^kI(00Ihv}it!-**YHn_BZ*TAD=zxEBcXw}ZuUIUWNF@FJ{W6&h
zC6Vgc4!BQMTsrLsLQ6|qTSrIdYhAr<+YAi0?=U8rnUN13K631sxuuo0jg9R|2glQA
zoSmtcyuQDT8^*YL4H3i)3uCd^*Ew8nV)Ct&)YSBh%q-lDf`WUzLV=*HqT**^)#E2m
zYU}HtwzP=aP|h!%FTT{#*M~Z!QmIU#Q2sSEGCKM0-TNu^%*@Q}$BzpOpB52IOH0ek
zE32z(YwPQu5ofK=y~U?sNOg1dwwJt>DFa@zO?p0DrWjMn)&~aphxYsR<a&jKy7^jL
zAK~54BcI^yFpllnUX&6-S-WP@Kc`gAIqkLhak1mpnKQe`bVozYep?(?t5qMaTy%;X
zRSf4m)J|tOx3n=A#$RSmb+)?)1SGQ-np6EZH>sxPDn?BS!&Q0Ziha6}Ht;Wnm|pjG
zY&-s-)FjMy?qRd(>r!uC&~zS0n&c$4aTwlbs?&DJ{6vRKM|xG_Ib*ujb7n;4z$xj2
zdPn>2R}NEKo>L+k29~Afdp(oC`qWC|xDM&Yed};)M6o}o`e=EP>hl_NVYa$iJMbs@
zNX&GBZ-n!O^_Y!;Ew}AAJgf>;6q?@@Lt*#m@2%OLd!qEc`}F_Oj}P!?&JU?8h<Rf>
zX{6V)!N`K&MFz9oX+}n-QM+~p*^tGG_m)K0No7k~tGb4}dF2o7t3{?Fkuq8@=aqCZ
zrfKG2Y;mlmWH>~=UTGtkH+tvlbVn;UX+~bm6|WW8?c65|kc1099$59eYf%!fHB&71
z7$n{Q#&*1TN1w0KGmFTQl7zbaRkOK<D`HF1@yF8!2lt4J^$5Kxmhex0O$m)cYrO7r
zp`B=_w@4H(Wc1VSbk6YZqfb3NH=QqZ@@EYDQ{AhUMpG~9xVYUldt`WT;&wK9tdUPL
uDc?!BKBhbvdv+wP_SbawGLVRDo9oQ>+gcas`zZ0tpCi?s=2m|;FylYEHOlS)

literal 536
zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVB(gJ)!T!C~(Mn)PcNKa1(3P4CW
z1IW$H%mi|Q>VY6DE334$6v73PKmbu+Qc?nx0&;<hv%vt!7UMlC1GGu8B*-tA!DCzQ
z@15CRH)1|NI(~4b{CQ_<366UGH)|H?aP!m{^Q(Pu`F@mvfziR!#W5t}@Y|WE^O_9=
zT=gGpGkf^=jP=w1^_#AyFe(c7ckIbnYU%y^l|uBP<X*;-=`|)cp@B)Rks)bGo}c#}
z)_1qA^pKS+SgD`e?~typpLU?>;E&7O4yOv8*q|`^l5LS@(z(s=bC#6w-J1Nd`DoCx
znXPAQV+~JxRP%KmN$|`tn#Hap<#9mh@)EAl6;7h70$S^1GVCM2nMAH{{oQgjNVI*f
z%B{$Vu7_N$A~zEc`gw`}@N4Zj%%t9OS*YNcwB>`wX7ijEudkok9M>+I_dRMl?~dZ^
zeG!YqcyeVony71ZZE6h`-gxEx-zw)cCON)`{p*cBFiP)Z35o6s(H7Udz;~<V>B^pK
zMUsE@&DlZLYlST2V&+)c(`R@(IC%TC*}HDvI%mG~ZI4|^@}Dg$OY23Wzdw{0Z&-Ie
fe#yPce?J(Xo>5@j?x?pH81M|9u6{1-oD!M<T7Thc

diff --git a/static/images/audioinfo1.png b/static/images/audioinfo1.png
index 37852c53417a30ee2dcbe8947a3cc210f0615378..fb84a93a2ce2d2c26339f20a80a74b675d681ee6 100644
GIT binary patch
literal 1645
zcmX|C4K&kh7~h6yg&bW{`nr{Je0HmICAZQ=>2#NTq?Ft8HAC~Yv1`NHSkfgOVcc>l
z8e$YCi$vYy+RV4rFwJ}`q#N>)-ADg(de7PW|GmHG_x_&eecu27?4}d$q$YMV7KK7-
zI-as~hNtQ3PeTP}V~?T(@IZ$<pFDx$wHS`0P#A^N8CQECVJMZ#*w|Q@-Q3&&)YaAb
z`T1pLW;QoB15;E~bnV);-rnAkkr7W%&-V8Av9YnPuC9rR34{l+OeVwQ@kAnVU|?Wq
zXb2e4`}_O%_4R?+$HyliAi&GZYjAK7a9&;>EQg1O!B8%jgBW-MfdD27g#y7~;_K_n
zU@$-cKGoILz##shgb?sOJv}KYDX;|`ATP`i0v_i6{(fMPCGb+I6qfJ44JfR*xERRL
z&`=Nyg+h?Q5_}L_z`?=6OePZqfa!EP%uoa33^l+Kuvjccm`9HuA=xDo30OfAm_bjY
z(GVW=k&%&nJ|6(o3?WFAot+KK{QP_{fo1{&$M5Xy{J!Noc=6%|Qej(L8*Bl82vt^A
z0)~;Eo{mH-Dk|V;z<?o)jEoF{Kmg#IYIPR?xGyS|+TGm^WpKG%V2~r1l#~DlpF4N%
zz$p+M7#P^v+KOPPnZ;s7M@K^^<KyG2s;ZD&At529rKNA*zOAXL0VQk!Lj*twdJ7@Q
z_1y%z2UicWpr9ZqhD0Jklf%No$Ye5wLWziofJQ|{MM3MJ?T{`eCI((exQn>BILMor
zn3$TH%HeQwa&mHWa|;Rz3JVM2HhDZ=d3ibXL?jZmw6s8@;4MXtxiCRCfLB~hcE-7&
z&}a-sMO9TzO>NB@b#?5zb?erz*V59~-k_tSyYUA-Jw5$Ro3|JmZr!?l=dRs*j7-ff
zEG(_9j~unNvp?l{`V0=|<m%?`aoN-Jst>fwpBS)u4pMMvIGF+kL#YfVlf_ysmCa@+
zr=(?M-M^pnAfL-ED(62Fz(u}%{ZCVqP$X&=i=oQ)j*iZ*ZpmtgdVBlfisS?E`omW-
zHaR{0ab{-b(|@05XXjwd&wp81SX^3KTK@WV1sSe2`-Jcr;~nj6U9Cj5UA`AK+HO++
zSo`Y<%MJEwXMg!HMcUso^?GVb>%;l7=a<f%d-A-kd<Bocmyme#`eY<QbTK00{I+9X
zls_%CtdI!v(IXBUR(48q9yk~)8aou;bIN5B=ZdH&id#WRu1!+eyY_ECX$8Nb`nhG3
z$bfi|dd^hdCurDbvg>9{H>2li>-9auR@<j^!q6Ot_vc^MW0sFn)N$=aCYHjyLMg*)
zu|vi<s^FxJhh2Sa6}$DLMDe>%0i8|!bbB0&<2JIU%RFiKGg(Up6<@L})b+8x0>f<$
zG))o@Lv%^Hy`#sho4VTw8}&g-Pq>?W@w0VRe7#v}Y98ItkN+o=R`7LmX*I#bt)o@r
zXXlw6v+P<W`_h#<S@t_)U6xt>WWH6+-39iIca67>#mrnin^Z^fmX9t?c--b4JkXew
zYR3<@rEWCvGIu-lYEI>~Y4M1;#`yb^y;0$7bZr>Rvc`pf->kTx-CcBR)^bK4>Y;lX
z#`GW>#x>VhS8lr99h2N4+oft9YH>vW4JLy4{?>6@b93!`b9uhJEsSIOqhy8cZytOV
zTo&2;P?^m`57kLEBV~QGL7xHD+EE%ZC)GyZpv%-YiRBCpxmd6mH|qc7h|Yz<ovl@9
ztziPWOgBLp79*MyH4RmB@M&C8%B!GIqC;eYk&$H9%Atok?Xb^!JvAbH&^haHWj<lr
zsmedDfF^qO<6-8&=^V$)CgLT2_8*u8EQPAM7oYajOExI*4&*MHr`uegQXD69tlhnW
se6TjIN_2X5_~TBYS@8ZWdV{hhnEls$b$Q|8#nnFwM|+$d?*yLtKV0~B82|tP

literal 994
zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVB+5>z-T!C~t7}V6%0O_=}G$5Ii
zlLKUAWMlwIASfy-%FfP)upx?pQa}Jy2G;^)07a110NFs1%*;%<8Xy;<9Vi87K(wTK
zH>LueqEiy&7tFBInf2Audwk#B|2*fA`gA!e*h*7)%9(?63?8-m9ABd%zoR$7Y;#>j
zSz(?V>mm353=B;7JY5_^A`V}j@$%Xt1D>{<i5pJzJz#tE?#sXR`F$o@K?jyue4bnR
zU(ioJXp)-1)BLWGiE8Uss4O;lzo}3&=;lh9LpQbCPo40c92b`p7<rb@c29=i)2C}J
z<5DkZ&JvGJaC7_@D0<znn&slF7HfvxuQV-GHP_heza8l?C*YvB@r`9~w|#Vwjun+`
z&G|Unc=fR@0Z*2gtv<Ugll}aJ;3JD}n*HoOIho~^?~2}Snb#OfU4z)R-<iQS=Wp?X
zxQzLw3Wp9PdAe?~>0qkWTDDZ-!s10*M;mr2N3H67FipSdz|?{%*H`|Eto+gS>Hqv2
z_Iz7r6|Jw~pK(9@{XPyKu_?c<vM8+IaY2-GLCwjlZ>OC|Nmyi+?{228#uWPQ^(nDM
z3aidm&1x^^Tj9%mEq0#0K)p5B_r|bE{tkcVMC$(BdELD`=(XV1qg$mIy0l-I%uBZ6
zlt{0!KOtP1VDLV-sa3~d>E9wJ%LlKvp6!iV9{s;`?=;4Dni;|e7+0<HHaMGXv!UQ&
zZ>z4d<>8l`a!d*s-&M|CW3nJTxsmb1j>~~YZI2Zj#ct=Hzj^V-?h}OvGM4<ha>liZ
zX_@kW`I9noZH(s<&Yrkj#AA^8wrlz^BX-7?@EwoeybXGv&`^EjN(Pq-$AjK`rBeRC
zB;G#Edhv~omuLUp)Z8!TGfW%{4IMY$O*`puKYp`VC*z?t$`U_)mY8xyGz-_RlIdK`
zez>#tzU}6nsRA)SZ#k}%Uo%BL#rDdAE9!SvmfTn@^rj=>dgh@846{zL+8+6kcHzOf
zC8=jLFEd%DH3sqf&6_cO*EFkyBJY`w7kcedQ;yHQ|4;ActNfb<!VeGre#GiBGjUd0
zjS5>qW>u53-E?WsynCHDKg%a&f6ETtI`QbY-22B)Uc1U3n2~Zyp1-<&%Z&MTQul&i
zc;4yeEA`!{d$j#VbJ91ZSxm|48@Dhe=~_wHYdX0+7L9nnNAjU;r$^r`(+>_ydg{Ku
fDqs0$&Oe6o)%HJ4)-HJs%pnY(u6{1-oD!M<7y8eB

diff --git a/static/images/audioinfo3.png b/static/images/audioinfo3.png
index a63dd4c0cd0927f4c06b8a51a22e0593dc604711..297a8dcfd10d0f02ba3ba17e7e2209c98fd46db4 100644
GIT binary patch
literal 1523
zcmX|B3s90-6#mgk%W9+6${HI})U~E^t?6a9W$QBy5M}MLn!1Qj@PWFzsDvWMk_#AS
zu0on_R-1;;mMlv$E39-CBSpk_xlxu)p_#g;`DeN_-2eN(^PTUUdoI8u;yss}tv5pu
zWVyGO8ws9UzI+xN!@lYG)gAD_Fi4(<km{$F69{5dOY{wJ2NKr8!UBuMf*oCCGFhck
z0S*ZX(dl#v2?<mxH99&vEG!IwR;xw%k&%&@n3&MePzr?tQBV#J4uWQMbX2WY4-E~0
zczAdiLgC@zfXBzj`}+DKA|le#(jW?8U|=9JG7>`N<>jyg309DT>cI^(Py%>h;1x7E
zIXM6ztGm0qtgH-}`1p880TOnRNF)}E^YinenW(5J$bu4REfBy0y-X&nsi^^gzCwxY
z>}+@iker;Hm6ZhtOifLNC?sk$8n8lJ0tPgIVF3odtE&q&FD@=d0r&uDYHETGp|Qlo
zL<qqE84SkPieKxZDc}RPfT637j*kBR{<yd}5Cf*sXgxhWz@P#ym#b7Np(SuY&jlba
zFAv1vj}8qmdS3wKaycXdKv!vLX-Z0pR4N5Sl=%t@3kzYeC<z1a?d=8J+1ZJvqdSmb
z2qc8)bb4-XE&vF@NnzB`Dzpuylai8{OlC$##;H@M*lae;mc!wIIp}#j9-q$_2n29V
za7R!ShEq~fB9Ta-w~H4qR#a3}RaK!ER9jnHS6A2A*a*XHX=za?6!-4kgG*OA#IJ#`
z?42YM-XFnWjEsyInV6U?UcAI?+42=Du-H}Ku3l?lv2MNPMjIT?*51Kk)8@^a9UXV=
zc6M>u|HA=S*B{;8J-vN=e0+TgL?Y2Y@aWNF$BqXDoeT}5z+s}IV`(&cTtaFZGd+{V
z&dTO+`DgO}5D0`KQNg*wKcVB|5{b0puS=DeFJHM@T~puCa6>M?)qGc>Xl-qK@U*L2
z^{h{$>DLbEhK5JRUcQ`orGGs+`S#tr_a6<0>6w{Nv$LN+&&|!x&vW7}vf+nl>+R+m
zu&4crI6N@G&zyTw*6Ft_*1YAQr;}5S?8Fv5{_Y#M``h&N)@}M{g(Rm0qK9kCyjA9T
zX3-8cL-5%2+0;yZM{|dB%xlB7CXC@-l={G9PV*Cf)8%s$yPIF6J6RhZ$gQ(pHEi8c
zWJWqbU?@jUzPEaQVuCKJqbSZ~-acZ1ojd(=WqUFy?FKvgQ`so__8Tv{pT}5&MDXF}
zKKaoN`gJ5nrf?}nTxEaX<}7nyVe42Jjd#nzPkLOrk>{e>G7`M1_g8$q*!w=k_+~-d
zg0))LObD4Y;~$n9{*!xom=?I`uyNlN^y{Y=iJouIN>@oR>bI2nvEOk<?;V$(Z$E+y
zqweG`aLA0NHOZokHhj-{{q?zr?U{YFqB|)%Wo^cEW93x`&v2G%y1x5gt2wFdj1AAW
zdl!GoD5BLAgGeib5?Ln*LeqV-J{Y9u!W4D3%Q`o0@2!##*u6wc8CA$_z#^sA@|6d#
z2$e{iusk42WoLM?ftrsaCqB~n#+3JvtA$$&_Qu%|#HNUO@CAjB9fD{d+HIHboQeH=
zE#h|RtiR=x#?fykjH~T+u`*<3%GBu_<$>AhUB~PL_jp{IoZ{D<UE=yF{|wIRnq<$@
zgH{BUGod*>5;w^i*JANgK|eLJuLmJ9E=69!OILrKOq>{4Z?bU^c{FXmP4nCIl{;Ey
v9&(py_e(}z`~L6$$zda}{q0tmyReW}=Ox_3;$Xiof7jmbc(>|9AzA+e3N|Jj

literal 934
zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVB8UuVnT!C~N7^J7CXJ%%?*>DC>
zJS!^;$Zcq70FoIQ89)(a*}}rY{QP{N2v8gXAZmalP%t|?8(A?>0Yn_45-3$HS}y@~
zgjPwAUoeAQ@kxtcyZzgj-=8Xx$8y2&<Ez_s4!j)S5B0h#M`&ylo|WOXDoOk4rupU$
z?%Np{m{xhZIEF+Vemmp!rdb984S^1fhDzo;yPB@o{%3#ll8uXnC9LX}-|_d;S3i^9
zwEJX>$9=ZXCbm;fraZs%=IYb(irH_jeN?rc(fo?b?sVJC7i(S`zc-k@LNkU@eL{Fj
z&nb!P`y>R^(=JKRnAml={OgOJ>8}*_b{_AI6a6i5d)XH=JudUm7l|*<MG7;X+sPFy
zB6f+#X-=|eZs3eFg7Y@+UY*f-=%~y?Hc@#+e!gi=3X-DBsucu(9d<HiP@0{X$P@Bp
zqI$^6L!UkPiWe28_l4fnxyB;$P2S|2`wzi?%ud^CU+G^I+GWtJ_>D6(<Dh|H=!%}V
zbs-NAN{UrIk<lwTUg5dpUvlo^#FKT40|NK+od0=f)|HLt_i4;I>;7YUE4y}Vb!cq9
ztJLhxEgzkahVMKxS>=9dKtcK0xQ8c25*MATKcFucz5CwXu5}lT7dQ)W?vvf~NQ>*Q
z?U#w$Tdek|?BI0buiClg6FYNDlfldlf$={M8pO`Xv@AE><Tve@|1@{S_Ne*iElq#3
zvfta7eB)EPg1q$1;-gy8Kf_Y)R!!U&`gp?PW$`mruKwIV;depoxizO*gFi02FlE=A
zmxp!<imdc*OI73U|M7n5mBvKA(qB>gK7XIf$C_2ND?mR#(<P<O&_Vpz9`mE#GqcN=
z`nbNcex~z7FCd_`^zjPU?EO<4&3Pju)<65Z_Vd&%({+)3ms{2MEte`ScW>BnwtK-8
z_7>0P%^7p2Dx}zi7+77_-+jPAxteRX(B{H_Tt_3U-mG_A9{ST#u+CJcX+mlP%k|mJ
zC-xcsS@B6KbDsUpiVBC7EJxhpcYA2a9_~AJ##mNL!n2x5(dYQu^9LVYbw1mfaOdi2
zbB4aU7iyJ@{Y2Nj3Y^xMdFr>hU#<N~agDPxZ5d>qrapYMdUfwcpO)tVGrpYt!=T3Q
WGHLG4o#%mRox#)9&t;ucLK6V~0jM4T

diff --git a/static/images/audioinfo4.png b/static/images/audioinfo4.png
index b0c7316b4a33f5964638589b5f2aaec516011667..ed3ea2bd31899db12daf86cc8c4c3241423a3302 100644
GIT binary patch
literal 1482
zcmX9-2~bm46itjGi&Vj)qasiTopI2r)Ph<E3nCa41O%N?afkr|VW}Z835yb21fhr!
zHh~K5AYuiBXd6L87Er*7Y!ZToEo{;#gg{kX)1&{+<o$Ecz3(pP|D^f)c$%B8G$oNp
z=G49J{&;Tq{4=KDTz};HcX*K5{+@0mQJeL@B+|Sx-~9o5K*Exek^%z*4F-cuChP9*
z9vmEGu~;J`BVl1-<KyE&K|xxrHaIvKd}CuHolZw+baWI^8jV&^P%tqu5fTzoQBgtg
zAjihW5FHp8!1eI(a9q@AG`PrQGKn0x7cX8!C^9l~XlRJRU;u+09v%)24aHrMs0l0*
ziGXnnWM^k5GLeI1kf??t9UUFO$V4b7CkK<m6^q5FhAYw0(KuoK{r!lxw6vfjhr`Lr
z%8HANOGrpSa(sOJsZ*zTJRUHL^z`%~9|hqOBY^}1SD{d_+3fQ2axic|*Zsmnw}^-c
zq9YgpObCFo+1c3y1Cl66qycleTt1(VF^~`w6N8%R>FK~IMHDA=15;dFj1xxiXa_({
z2vVg|;gm|HIF(8zcmNo>!_Wo$c6D`uX=rGGhFAd%-1hc%xCFq<QmfU#wY9a-3IHoW
z8Hq#!(TJJB)Ya7yGxYZMA_p^LTD%CT8Wj}<wV{7(Y%E%!H6+D$XU?2SPEJlqNl8sj
zO-oC|ju{ylcyUlBH#avgFYnT&ONE7nMMXte6WUf+SJ%|kpb=(9FJ13L0lrZg$KU55
zi9C-&nQvrlVq$7)wrI%`3rowTUt29(wtVF(>(#4mY;EoA*4W$IuXEVE#nExA(+@7Y
zTwUGV_j-Bl^FH9~=jRVQ7!XLOheG2h7K_8dgxE15G4b@-^bDa;n46cMk70^_yIfN8
zd)bxpYu75PszlW{Z;R_BQdv{;!`AjLC02j-?3uc+e_&vEbaZTNeEj+Ii3zRt<>b_q
zPB%S0t=G@Y%*@Wddj018`ww62Bka?s>eA66{PRqy?ydpb9@Rfl9uDxcexSb*OgrJg
z4PMU0G(4WOxa<V)*Rwb17t#kUR>*6PR_PDuX(6ml>=jK58M2c0BhNp)-tPHM<=(bq
zdhSl?&R*yG*rI6u<iT4@cd@P}N{<aj&f3Iz<Wu{K_X)dQOkQqLf3R=*YW+rgDn;Yt
zZP=}hGd{hR+Nj|ivO1Qmh?omFG-tWU+_G&~i14Q-r@x!Zq)B>jZM|1MKmFCD^5*^e
z4f=;CUyxsL|MPw%REVYw8fK+<<?X9?$))F9*X?}!%8Y*evD47Tjwi_#q2c^Y@*A;k
zJ-y)q-P=i2r|+OW4Yk>PMX=?Y{2Ze$j~};fWsqtg&&3PfnuBEZRg&-9mReZ&`3eIx
zovPXGS6u!yX?t_{?omyc^G=)g91CIh{j|!gzvkQNoBz2b<um8WeW=<+xx${feTnQp
zDi@a+%RMN^7q8-yM5PX147pW-ho@(CrsK#18r@p1X0LXPZWNRo-6N@Pv<Pm_c%NU$
zxFbKAy<kxAEm?D@*@fi%h$>7`6t=Q7buyvgmkSaH%23Q?>-5##w&d}1hM)+u13I1f
zX_S-t_1M}B{zl1uqfD_+k}6g4wr`SquYZd7(VjXf818b@nYV3X_HNZO-x(%0QLit^
z?DJnN7`fc)S+#>LqX_062TGE{{QAPFPd!S`U-sMY+G4v#ZpJ@im7RbOoJ8H@<1TUw
G{`r5lpdd~F

literal 832
zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBS^|7RT!C~t7^Hy#kO`!LWJX2?
zkj%}^1#*FGh%B6um6cUhRRvKDQJDt@K#`oB9Jn%MqabVu2~-9LK#_y9@&$qJ&@Kt`
z3uf4|@Vd^j)#v1MWugp!ZnOUSfS+yVGcOe(uH#}s7vH_=ZL2QaIk~CqV4}%YkxC~9
z1||nj7srr@!*6Ha>|1Og;L2^q{nDYiaYI_X^~(SM_d8a2>~!t%J#%<P`{ySb1tqHb
zTH*&Z{o~IZ-p)B=>xqVrZ;VpHGK-FV-+9n+#`HVWYack|9E!?#oNy$-(9tg-B0t!q
zctY4AX8ChQ1`D?AcpA}r{%eM4qu|fJ<Ez?cr=_s<M}#Qb9pARH;8^%M4Vl*eYc|Yz
z@$dy_?BB=JRHY8pwEkl0i+YhP|1K->miLSmtsC5Hb=F4u=>^+9db&RH#^M5ze{K&i
zZCi5V`@cgHsUEAfw4(Rlx8Rpw-}?I3`ODJkWlEhD+!t;;N6*-tcVCa0GjLY3M$Qb8
z*nK;>?@pL-LRM3;VOv0d;E#IF!<PaicCP&JIBf5>t-;I>tJ)(he0N!1t2n;BweR@)
zqB)YeM?2dLzGllQ3Y4$m+$qcXewolO`Sa=Dzg%I;wyUgdQ)-n63KY_h<DUM5`MrzT
zQO4|2F3DD(r%vu7aaOJUv%jyo=O3gPbMp8pzlGeBEzN3{UyA(3UwAfkVzU#+#feUO
zCf61Qao9UqIddGH5Pd)7MB#J)<P5DRF4xtbT#Y$VxRX^kS#hqb>GQ;vn^V5M5;*j=
z`1fW-HPy|T>6Qt4J}*i(IU9(ziR4dZXunnaxAkqsl?i8lbN}5T>z_08n;6>-gQe4t
zE_*k<LG-tl;?d~suf9*$S$c@Ya&5)k-a<9eY4ZY#xj%}m{hj;!+JmP7#S62&Ia?k*
zJ|xHDq_*zbiC@zBH;X*&>o;VxD80-%&1b1<m*0HWFlY8ZhS>dycNo9_Q~@SI22WQ%
Jmvv4FO#nXPcUb@c

diff --git a/static/images/avatar-new.png b/static/images/avatar-new.png
new file mode 100644
index 0000000000000000000000000000000000000000..24a880a811762e6187738ade8eca2f4f512e3c11
GIT binary patch
literal 1850
zcmV-A2gUe_P)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00001b5ch_0Itp)
z=>Px*^hrcPRCwC$ocmJ~R}{zjAKJ0)5B<s3A3D=%J8iYCrPgVuwXK3Oh^X~Zm8#>b
zg4Ra`M`|lzq#{&&0Y2#{Qmd%QW2zNUP%5BeFrw51LLdl)B)c1u-P3!PZb}Gw0J|g`
za%a9X$?n~I&i&-vNABLaAt59&3^Tz@G5IDlV=$R%7~5hD$O4&!2yn=a&L9{kb@Gt<
zA}0uBFd>_eV6$@H+(Lp7+$#tu2q*|B2q<6y8G206s8T^?c^MQHoQL0kI|;ctN8rTa
zOgK)In{yb>oz8{Q!b?z9Q4SB4O6czH89RV-GSgxD<hO>Tu+Vp4SyUKo->?Qw9610r
z)wg-j0STy8+X^$MygOt_0~Pt{WJrix1BK_$fnMJcSbfm<E0>HIkRz-QAZ=G7JR(gu
zAOP)4-YF^|LE$7a_opVqv(7Gg14>Iulmw8VHH)J`tyaqu5ROR8X3vlm5NhT8NXhyp
zNdaZ=Pm>&upyY%t@&bg>6ZKi>r~yJ%S5?Xf(4E`2M->ig`-Zjh0aTEGX4C<Ng}x2C
z);4(n%K9~J)B&N2FJ6!bpuM|xcvYdrVV}VA$S)w`<B3l97JfAqep(*`zieF#@hcX<
zY%)poR9<FkiaY=%C2V$CiFwmP;cP|{blxok?&)1#)+aTfx^@AIj-?Z2z~k!|f&Hh>
zeji0Ys)oy1X)yP5*PVZS>?(Nx+PNie&<d<y7y<g)zZ@z)ROzb!<fCrTiQ}SZnM6?h
zCMV}(BBp_%{>F&l2x_@i0#SoBxtKZO@&KerjCXSW?}A)W;0QXi?`LN~WT`|JfDWc9
z92{R2JwsGDD3h`ZBBoAqw6h>e9)M0C%XV=5`0nkZ145;2T<KtE^XeFR0J>IMENSx+
zR9$e&!Hyzvn>+w%)Eb8wuDRisB!Fy9wXksdRJ*O*>_am7H*ca~<MKtk)9dEXlmw2T
z>|H<D0o}Y>3RHKee*>bQ>41HD4|*Qlgmquff`dP9k`z!=`DGqX!s>6p^7syatykCN
zr+|zm9**F=mQ3m@@{dXi2(@GFQZSNHt^YN%q1*oeVR#R8-b(rjsR7ZdYNu;d*E4?v
z)Fn9#Z{?Q}WHOoj0uHOL=LZVE?4+&QMxO(+v^V?jC}uVo96IXJmaSPyqQ~st^B}6L
zgM|5gAHZn<b5D;<UK|>YV9_`8O-{;)!m`l@L*`#%^gBM;AH?We{Cc$VIUo#sDd1q_
z1k4UIYl}*BKp2?;1BmX_%c^<#V2>gtY7|M`ynM2W6Mu0rMl@D^Pt@VuuXeeL(bRCB
z70}y&Z7Q<D*i<ugIAmqOrm713ebTo3<mF*qF>tC%;0C-w9aNYH^O9%q*?<Sc)|CKP
zThu4~{E)m*e1fZib&gOTlXaekioQJm<;Q0O8xZ+3Ylq_`5><Cg`{XiD5no2Y0;2U=
zx0UxsSVlkrGE+2IdV7IoIp9oPBL;+JU|CoumMv>Qy}ef8I1c(JuC;OaaLBU`Ws$Pc
zhWr3^G=oKb3kFMADZUdPDja-f0Bj+lEmMca&jFE@JW5#z*0Xbg+cOTJI2K$bj$`?G
zjn{B6FL}mgBDT<`H7^=y<t0&86~zNY-iOgOr@)r=K7iu6|CKcf+$BDeH1(e0U>+Bd
zV^3(SpKV*#d&H-c{KB120Z|QCfXyBNroY-BfTzTfrqO?{<1j}e_dF)F;le(Ppp=(=
z07$O}YyLdfU<4Je25%Ba8~bL<0v!BIu6dQvh6g{e*_-w1(E&u&p9d~uf@e4=?2B}@
zUe%LjS+G7R=Y^lWN?119@WK}^<5i&V{~;|PrhE@@is!w9BPeGw0Mp~Po)k?(OB-2u
zSKa_)LnZ$iuenWFCYC(}U(k0;*=}h7S&B9e4NQNX4ku%=bCaPN26P?m@KoE(%kZ!o
zx*pZozvDg3<2<e#`^p@qKfPDt#0A9MNE<#JdnA1bTzfsRBr?p`uR?q7VbIi+*<qkM
z8|$F`Nxl8MrluUUhZLaSxfSS&A_B%lI^}x4tdaV|l&6XV$lOf+U8lY@azLom7r>?%
z58bgJLF>|J&@Pz|y6+Z%cK0^W96bbW$M%CZClj=agud%|KV~)<H%$aKne;V#U*^jY
z!xt{~MKEjXMh?h&cAhwJ1`feVF9Egfb?Azn0v)Tqgtis4K=*AVw66%~zjw!l0-f+0
za4F*?vCofgdC?;S#7B=r&iR9|Zmy!pD?pZ#tpN*1kfmhHZ~;-k9(*(40kH?(;OjaF
zAom9>QB9Qr4@VHybkq5OB~M3mF=Z)Z1`u;S#rcRXPlvo&^X7~hK-Rn{=R@Ay9ur9R
o+HmQwj2S>&`gp9j!!d#X0uD9)!w|xtA^-pY07*qoM6N<$f>xDW-~a#s

literal 0
HcmV?d00001

diff --git a/static/images/excute.png b/static/images/excute.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e5f3f24eb14cbad8db154c21ff4fd1a48fbe715
GIT binary patch
literal 393
zcmeAS@N?(olHy`uVBq!ia0vp^GC<77!3-q1&-R!BDaPU;cPEB*=VV?2IduU(A+A80
zVO2fDs#ToZW^-(s$+3GO>y9~`+vc-xo6ojmKHK(rKrZW!`K;UKvhJA6x_ut|j=5|*
z=5cJF&%SdW`}Vo)K#}cp*}#Z>`y3E=8<-0ucgzK{!D@iwK*4!HWgsq497KXNif}Hx
z33PyFNswPK0~?!+oSd13Z&XZdY+PJ?ab5kynX~82U%6@1=F?{`+`W76{<{x9fBpHl
z=KVu4pr#g27sn8Z%cbXU3N;xBxLg!Gs=GsbNArTd@BiyBv^z9}yx6`jIQXh^=2nsE
zFaEqUnaFk5Vt1pOY>dXPb#J-mNx6piK8=2xom5@Yn53k(L^)gNN_B2n?};}Xi@99y
zL?%8tvVCvu(Y?KDkFS6EnfRtQVB3qM8axla%$VBzgN1?j(Ld$|FXbQB3)P+fFnvEL
O7(HG6T-G@yGywoI#i}C!

literal 0
HcmV?d00001

diff --git a/static/images/filter.png b/static/images/filter.png
new file mode 100644
index 0000000000000000000000000000000000000000..b19ee1d77d4bd7b7cdf4ebe5466db701beabdee1
GIT binary patch
literal 1028
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK#^NA%Cx&(BWL^T<odG@}u0TOJ
z2n`K&aBwg-HrCS8Qc+P+P*4DJEiEm9B6@myKtXkNb#rrbZEbBcGc$-FkZWpcYG`Pv
zudfeO17rimfm{Ov10WZo%*e<H$TcxB0ZIYcKn73&kOZ=k89=>o5r|447YN|GfNY>H
zAb`sPwLrLVL7)^w7Q%p#5Lq-f#AJvd$QrOk$hv@Rpdef?G8;`9E-u_mI0LQ{Q{=wR
zzLUV1XetTv3ua(sVrFJxWn<^y;N;@w;pGz&77-Jdkdl^>m6KOcR8&?`RoBooG%>TV
zw6?XgcXD=hbNBEG2nr65h>K51Oia(p$t@@<DJ`$8Y3}Oo>Fu8|aq_h3v*#{avUJ(%
zbz8O_JbdKnvEwJsoxgJJ_MN-;9zJ^f^u^0puiw4@`03mCAHRP8`Bxm7c^Q~QW_!9g
zhFF~5JLPq}kfVf~{E8(?TXlBLTsCuN;L54f7}K&=21IGbUNCyQXsN2`y{WCAr+;r0
zEo{B{_sP#KpWofQzvuj!Hy&9MRhD@vIWHEee2w0*NqBP9rV52}_w$OEOK*Gli>ZmW
zPdPK^C%5L-=ZcZ3pYr~&xh*w6@aE^KxE$^q9G=JTGuG#YU10KTczWn{qfU;!=IhvB
zd<Mbk{O{K>2&YQDJ;AVZ$NGpB^V#j@7grq?oA6RcmvwnV$!)u}Wl{;>nm)gl$#M1K
zx?a!pb7M05ubunZ_SkK*uGzx5=KB=y8-JK9HcBhA>zGW9-#n{7;i~vN@rLc{TDeX7
zoPnM}vJ(t)vU%84J;NI}WZgb&HobSz|L~7CQMqa#pPajQ@~yF7ZT_FBXE!eh{33H~
z^N$~Y*=M^PP+{|~dlEPKMf5%4-Mzu)cCuSuUQ%2xH}iMeWUE}E)t}{pUk6`|vDzKq
zV^#G<erw^k9}N4pRB;N&uxd*diC^8zn{&+HlyQ4cdE#rH1N&Vcbe-OM(=wjpS7_c3
m<xGWI-*+r>YQJQo7yhrl`D?qOH^)Ix_Vsl2b6Mw<&;$VYLuO9^

literal 0
HcmV?d00001

diff --git a/static/images/genjin-icon.png b/static/images/genjin-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e61b773489597ea782cc820cf03921ca8cd1bd8b
GIT binary patch
literal 831
zcmV-F1Hk-=P)<h;3K|Lk000e1NJLTq001Ze001Zm0{{R3yC6tk00001b5ch_0Itp)
z=>Px$I8aPfMF0Q*|NsC0|NsC0|K#%j?DqfY@%rua|LgJm?DGBU@cZlW{OR%h?DGEV
z^8D-a{Oa=k>hS&Q@cioW{Oa=k>hk>R^8F@p;wN$9Ds$p1bmA{}<1lyQFnHrJc;hp9
z<1~8YHhknbeB?QO<T-xiI)3Cke&jxZ<wAqyLxko;gyu_$=1+^~P>ttNjptI0=U$cR
zV3+D+nd)Yn>T90sZJ+CJpzCs@?0u^3fUNC+tnPxX?t`xGg|F_BxA2s?@Rz#rqr>y0
z!}6xZ^QXn~tH<-N%Jj6&^tI0Qx6k#t(e=F2_P*5iz}5D`*Z0KO_r}@x$lCYF+xN`f
z_|4w<&)@ja;P}zu_|oF}*yZ`z=K0#^`P=9E-RSz?>iXg9`r_>S<?j3D?)&HO`{?ic
z=<xjM@cioW{8bwpPXGV_7j#liQvd=42@@MPS6Fz5mY1unw9?b#>+AUV4GR&60004!
zNkl<ZILnol=X!!L6o%uXWvM6<wcGC9+P(K4+P#;y=Kk-X2oVk>TKfGW=XswK&J03O
zAwg7=x?$)^RTM&~nPO6k0HvfD7mLan;!{SBvRr$baFlNIVPS<dkrIYnBte=g5dr>M
za3<;cR7guHP8{S9(TJkFcweRm&fM7TEXf@1Z5-pS3+E_X^~kW?`y@8iQ*tt2uaU%Y
zc-vP8@!)sEAenuTVzA2mb-CAaS#|0jLIT6p7I5L_vK!<4k!uu?$bc)Ruc5p1j@%(I
ziYV^qwyfV9emp&ZRuySJZa-^*c=XF-){ySyPVzQ~x4m{98J=^wn{sQuiwrOL&`-I=
z8Uw<sU&kmnQ}KtW!(cwAC^zxJ<SdC)=es&fxshkKsH&Ur+7jgo_nhjBZV5Li*IDBA
zuHZHW<#NY7&TI;&&1^2a%N+&@G_DP9lFAj(6KLGVC|KMwsm@`bbubEz;VPP1{ULir
zs2w<5fyXuY0tmiR0xzlHYcKdB{l{t!zU=Aq5!dR^hZgrgAHPcKri%h5d+q=L002ov
JPDHLkV1l4!+=T!D

literal 0
HcmV?d00001

diff --git a/static/images/pausebtn.png b/static/images/pausebtn.png
new file mode 100644
index 0000000000000000000000000000000000000000..05e76dd4425907fb55510077cca92b014215a8e2
GIT binary patch
literal 802
zcmeAS@N?(olHy`uVBq!ia0vp^Iv~u!3?wz9Rv7~+#^NA%Cx&(BWL^R}e*%0$T!Hle
z|Nr;z-wz~@9Xs~;@#B*xPd<6_<idpuK=$$D$M4_2f8xXmAbIN4sYj0<!PyTVJ_L$f
zyLJsI0%Y91dlx7I)C*)hc<=zo0CIr<B75o5C7=jU94G>0oIZW}{Q2`h#^uYGA&P+}
z+_-V$-o1N31wb}X!P&ECfwDjmpaO^pP(57g+_`f=7Xpn1s=0FI%GIk^f!c51z6~(}
z=uV&)UcGwt?%lhOA3uKn{Q29rZ{NRv|MlzF@87@w{Q2|u?_Z#Q-!@&n1@ymVNswPK
z0}~4iC#SHmw6wXog++LHL_|eJO-(xxOq(`s`t;Rn)~(yJ<<jMc4}qcb8U%iT!M}eW
zXH6>t25i5li(`nz>AhE<=N&Q-U`XH)IFzM1n<25)_ORKqOo_YQkG|JW-<FnQ>9@pd
z@BDA-r@zfTuXkPkkZhND_Tig35!%O`^R#$VtatbBX*#VMb8>d9y7Y!6|NfNlHmW_S
zn)QA1+p`Xg%L3T0v%C`ACLq9+$J&4KmkVn|i_$Ni*Ih;%cp|T?*9~~nFIJKs%wQ^V
zR`YLdf^h9uw&DwXhwrH73!nY)_+O>#g~`Qw#<wmqJI%LlIyWb4`C3_*{U3|654}we
zbzQ)@`0w7#>w-O#5A+CDnck}rddwxbcs;xAx`aC_$u0NZZ4vhEIUXh<J8#;nBNC5W
zRo!01#?~|%E=c&Y@LYmTdE0Y|{yDkHEro|~GD=HKpBo!1`M72C5)}hJYwz+O5v987
ztyiqRZrU<g$aj9%{K;>+;~$-S-?hCy?9bDKn__pf-%h<6C$RN!_$|HQ1-F~l)f$G*
zT5I&{+>50zR$aeQEO~mah=h}MztH<7)vo{4BjSvnHl^$CSI}F!dU9CT;{VMDBUav<
jyd-X~2=}ho|DyMMt{6Eyn*3Z47{3gju6{1-oD!M<$a&G?

literal 0
HcmV?d00001

diff --git a/static/images/play.png b/static/images/play.png
new file mode 100644
index 0000000000000000000000000000000000000000..e186d39d23c658d0447400c47d2f7043239ae044
GIT binary patch
literal 1302
zcmYk62~ZPf6vvlv6zE{(KIO{h0HKQ3R-i?>gjgC7C=BJ40)h%`HqindigJ|UXc9nc
z868n>kV0TAP=P>8OF>#or`Rzdglsl}L=e(i6qV3#19qJG_I=-b@Bjbp`(|ghEQ}ds
zWN2duL68w6I3OJCbmGz1264bKI1y}G?C>BzsPmqk0-P7ZLLvh}5rVd$f-UG{BDxk#
z!<n;=Nn$&e)aHU5&RlU$n{!0O_8AiU9Ep35gvu7dnTur3Lo#Q{DO=%qPV9P4>4Gd!
zS<7%H4xh)#sLVNQj>cJ{AQB3)1ZQF{SyEc|Je4h{Aaa<!NM}o66sIFN9bKTKG8&Mv
zF*+ipp*R%<7O-S6TTWw1sq94xio+}k4ais+L10TMsFcRSX>8ENsVtm=Vl)H;VoJ7z
z!ooBVj0#d913<#15d$)c(@=~G>OfB%fD9~+25=AzpeQT=2SzE7X}W;CEh8!v00Aj6
z0MP~dR}rK{ix@!Dq9Ozz(6%A3MX5&ie;v5CX_|`0MKFn%O291$&JF~muO<PvBi44h
zt;C4=cZ`_EwPVa%GcN{TxQ-LfjDWOA+B$k~=o=XBdTY0_v9X!Cg@vV+m9?#%-5z@<
zXJ;~nMt5;Nc-Yg+%iHIuuYW*5P%tCpBW7q=ctlied}31ar>D|0&YaCcSgiB8pXV18
z7k^n<$>s8R{Hm(zn#)(NU2AA;YVHtp_x2A8het+!9335-oSMG>*MpgvIq`x-g5ffm
zd`Y2DK3ZK{Q~mSg-}Uup8!ukI+}u>F)jAc=o<k7HlM&z>X=R=NL#cm=7W9j%&eDM5
z9?-gc;#j!}qq>71Z*w=Daa`ZU^_|AS7TMz$U3WSM-c#ONBzFy&e-)qaUz8oYYDsfx
zztqk<ET8?oGYVEcZ8qo`8#`s7+!xbiUM|!UUbhXZhONEdJTts|YUslRk3(MwY<lqh
zOb*GkMb^8nJN0#2D${5ruGY?DUy{5%>UjFa;l<Qj7sVUpKed+D#+8_D)J{a3g(kr<
zzAEuTdwrRrFirP^3-1PA@hMvskiwh051996ZP~a-7-Sl@7V3!-RFeL|<Y7!qR*;2m
zqL8&Cvu?acVeTs>_MRam>f6?+NI2r%M#>sLY4RkkE-p{i)Mm^bKiQM=Sd}MII)-*R
zF?Q7msu~RUmQE^1t1HTWo4Ls+^*1?<;mKHkJ>M>;(RWM+jyL#HBq+P~5Wc@VfBpvl
zAQJJdAOctyGYkjxn)09$^c%MgPB^y(3H~{3Z|Ow+kv=JYpwhghF;{5SQ>!!h(7mr{
z%BgJ+b9~)YSXUEGj=RLM@JhX<zAreDps<K2tB!g)>arPR`u=piiB)h|WUddjFa3}9
ztaJ~vz%hE{>4{E**65V0^Zo-j`G2z4;A6%qgQe<7(OtD)^qr`2+Y$#6>Ul)F=5qJn
z4`%Qp_1RpU3ng}C*Q^|E(7oMqx)x7!5KP5JC-B+Jzkb&;suL1r^N9kv>cDF&jWrWp
vSAOQ>*TJnQd(OK(IN4`EHx!dcXC`bx6BgFp^zVzjh+i5bkQvbFmsI#4a7}9a

literal 0
HcmV?d00001

diff --git a/static/images/playbtn.png b/static/images/playbtn.png
new file mode 100644
index 0000000000000000000000000000000000000000..26ae9bac3eb4ad182512e3e9a7b643464e5c18bb
GIT binary patch
literal 756
zcmeAS@N?(olHy`uVBq!ia0vp^Iv~u!3?wz9Rv7~+#^NA%Cx&(BWL^R}_X2!ET!Hle
z|Nr;z-wz~@9Xs~;@#B*xPd<6_<idpuK=$$D$M4_2f8xXmAbIN4sYj0<!PyTVJ_L$f
zyLJsI0%Y91dlx7I)C*)hc<=zo0CIr<B75o5C7=jU94G>0oIZW}{Q2`h#^uYGA&P+}
z+_-V$-o1N31wb}X!P&ECfwDjmpaO^pP(54<=sck8l`B`SUcCy`c=P7X+qZ9j{P^+H
zr%&I$ef$3X`_G?0fj+XS^YsGy(6S`RFPMReg@uz-SXf%x+}y$<JUk+zqN1jz9SEjP
zn>Ky=>NV@uZP{|^^23Kff4>HSA7JqB-^W?gihw~^@9E+gVsU!!)tg041|n<;uC6iJ
zcU_P2ei!{Nad4~1z5lJN1WgwT7+s$E&)gt=Un0|-IX`OZJM5>e+?xLS>zdfpNB)FJ
zY4Ym3m-3fe?+EXoo~ZfA>+sa8j7&NoHmquy`}TPV^ZrG?_A(g`R*nw@Dkd?NNl!9;
zAmqz;bDs9<1E#Bd?4lRlm_4nd{4#^7)VFC5IX|3u@|X4W1@6P2Uhmg!OrLhXKJv)w
z^vAzDrmd7t-xIf`D!oCR_wt`z@#~jmKKOcY@oJ$XUA~vEybu3d=DfzLv4C$w!UX3X
zC);Loe7{k^|BzKWPGL{#;pi4dX*Q1h8z0ynT1wATzLR=5wnaK;M`OV>-gLpf%@2Pp
ze*H^lNB-GOO>14(`{_n)m=zz;@$9<k>Yx4*k%IGndwsbV_9*-CCuM!>NB1`?JZ+u)
zW6H`)xl<+LW4hC#Wh^C|MecIlO4ob7Ym(M;gLA=s_fw{n*r`_pZVYyP65Fq!=>Nsj
tUjM@RgBiQ-Not?k5$x~&ci;b0{1<c8IfbUne*(rQgQu&X%Q~loCIC%;uJHf>

literal 0
HcmV?d00001

diff --git a/static/images/qushi-up.png b/static/images/qushi-up.png
new file mode 100644
index 0000000000000000000000000000000000000000..ec65def8e962290da9620154fa7d3d2467f8619f
GIT binary patch
literal 395
zcmeAS@N?(olHy`uVBq!ia0vp^GC<77!3-q1&-R!BDaPU;cPEB*=VV?2IgJ56A+A9B
zik8-uP_6%=T5mngpSoDTbFqHzZu`R1`h};>3oo0O9=6Ybq?gTePn(w@Wc$*?<^>el
z0vXRefQo?(+vh+*PmnSo1H^`t?m(_JSP)2B!^I(t(>Io12RcHlB*-tAfsKt#Mo!Mm
z!Z#`=Ha4!fu72Xo*>mQv*tlua=F?{`+`W76{<{x9fBpIM??yXQBT!e9r;B5V#O2&G
zCxw~}1Y9qQ^(4<>O%Du^e*eFIL3e`3s!w4%OLr+vy77#6f$OO!d<?ll$9HdH+c#<6
zRe|NV6LX@fx11^#nW_6fL$qSXg_QHhuU}nlJoC=AeQfS4eDV+Kb5DH3GSxGB`RWsC
xUb{=qzu_sFp4V$W@sH4Kk+XaH|9s%`s*CXvI%NE)e;?2_44$rjF6*2UngI4&tKk3u

literal 0
HcmV?d00001