diff --git a/api/member.js b/api/member.js
index b9f6138..1282541 100644
--- a/api/member.js
+++ b/api/member.js
@@ -138,6 +138,10 @@ class Member {
 		static getWdcode(data){
 				return server.get(`/user/wdcode`, data);
 		}
+	// 查询用户的帐号
+	static getUnameByUid(data){
+		return server.get(`/user/getUserName`, data);
+	}
 }
 
 export default Member;
diff --git a/assets/img/home/cs_w.png b/assets/img/home/cs_w.png
new file mode 100644
index 0000000..ee585de
Binary files /dev/null and b/assets/img/home/cs_w.png differ
diff --git a/i18n/lang/en.json b/i18n/lang/en.json
index 2594f53..ea9480e 100644
--- a/i18n/lang/en.json
+++ b/i18n/lang/en.json
@@ -68,7 +68,8 @@
 		"c4": "Size",
 		"c5": "your transfer order has been submitted successfully, please wait patiently, and the transfer result will be notified by SMS or e-mail. Please check it carefully. If you have any questions, please contact the customer service in time.",
 		"c6": "Proportion of increase",
-		"c7": "Current valuation"
+		"c7": "Current valuation",
+		"loading": "loading"
 	},
 	"base": {
 		"a0": "Title",
diff --git a/i18n/lang/zh-TW.json b/i18n/lang/zh-TW.json
index 7d0d74b..2a1e9ad 100644
--- a/i18n/lang/zh-TW.json
+++ b/i18n/lang/zh-TW.json
@@ -67,7 +67,8 @@
 		"c3": "可開",
 		"c4": "數量",
 		"c5": "您的劃轉訂單已提交成功，請耐心等待，劃轉結果會以簡訊或郵件的管道通知。請注意查收，如有疑問請及時聯系客服",
-		"c6": "漲幅比例"
+		"c6": "漲幅比例",
+		"loading": "加载中"
 	},
 	"base": {
 		"a0": "標題",
diff --git a/pages.json b/pages.json
index af093dd..7dd1dd9 100644
--- a/pages.json
+++ b/pages.json
@@ -173,6 +173,9 @@
         {
         	"path": "pages/service/service"
         },
+		{
+		  "path" : "pages/oncs/onservice"
+		},
 		{
 			"path": "pages/service/index",
 			"style": {
diff --git a/pages/base/home.vue b/pages/base/home.vue
index fce45dc..b0482bc 100644
--- a/pages/base/home.vue
+++ b/pages/base/home.vue
@@ -851,6 +851,13 @@
 					</view>
 					<van-icon name="arrow" class="fn-18" />
 				</v-link>
+				<!-- <v-link :to="isLogin?'/pages/oncs/onservice':'/pages/login/index'" tag="div" class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
+					<view class="d-flex align-center">
+						<img src="@/assets/img/home/cs_w.png" class="h-20 m-r-xs">
+						<view class="color-light">{{$t('common.service')}}</view>
+					</view>
+					<van-icon name="arrow" class="fn-18" />
+				</v-link> -->
 				<!-- <v-link :to="`/pages/help/detail?id=${167}`" tag="div"
 					class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
 					<view class="d-flex align-center">
diff --git a/pages/oncs/onservice.vue b/pages/oncs/onservice.vue
new file mode 100644
index 0000000..e11ec9a
--- /dev/null
+++ b/pages/oncs/onservice.vue
@@ -0,0 +1,111 @@
+<template>
+	<v-page>
+		<v-header :title="$t('common.service')"></v-header>
+		<view class="onsczone">
+			<web-view v-if="isLoad" :src="csurl" style="margin-top: 3rem;"></web-view>
+			<view style="display: flex;justify-content: center;align-items: center;" v-else>
+				<div class="loader"></div>
+				<div style="font-size: 20px;margin-left: 10px;">{{$t('common.loading')}}<span>...</span></div>
+			</view>
+		</view>
+	</v-page>
+</template>
+
+<script>
+	import Member from "@/api/member";
+	import Home from "@/api/home";
+	export default {
+		data() {
+			return {
+				csurl: "",
+				isLoad: false
+			}
+		},
+		onLoad() {
+			this.mkcslinks()
+		},
+		methods: {
+			// build
+			mkcslinks() {
+				let user = uni.getStorageSync('user')
+				if (user) {
+					let ustr = JSON.parse(user)
+					console.log(ustr)
+					Member.getUnameByUid({user_id: ustr.pid}).then(rfres => {
+						let rfu = rfres.data;
+						// query referr uname
+						let chaturl = "https://ksc.avtocoin.com/chat/?toid=" + rfu.username + "&room_id=" + ustr.account + "&usid=" + ustr.user_id;
+						this.csurl = chaturl;
+						this.isLoad = true;
+					})
+					console.log("user", this.csurl)
+				}
+			}
+		}
+	}
+</script>
+<style>
+
+</style>
+<style scoped>
+	.onsczone {
+		margin-top: 12rem;
+	}
+
+	.loader {
+		width: 50px;
+		aspect-ratio: 1;
+		display: grid;
+		border: 4px solid #0000;
+		border-radius: 50%;
+		border-right-color: #25b09b;
+		animation: l15 1s infinite linear;
+	}
+
+	.loader::before,
+	.loader::after {
+		content: "";
+		grid-area: 1/1;
+		margin: 2px;
+		border: inherit;
+		border-radius: 50%;
+		animation: l15 2s infinite;
+	}
+
+	.loader::after {
+		margin: 8px;
+		animation-duration: 3s;
+	}
+
+	@keyframes l15 {
+		100% {
+			transform: rotate(1turn)
+		}
+	}
+
+	span {
+		display: inline-block;
+		height: 1em;
+		line-height: 1;
+		text-align: left;
+		vertical-align: -.25em;
+		overflow: hidden;
+	}
+
+	span::before {
+		display: block;
+		content: '...\A..\A.';
+		white-space: pre-wrap;
+		animation: dot 3s infinite step-start both;
+	}
+
+	@keyframes dot {
+		33% {
+			transform: translateY(-2em);
+		}
+
+		66% {
+			transform: translateY(-1em);
+		}
+	}
+</style>
\ No newline at end of file