diff --git a/src/api/member.js b/src/api/member.js
index 14405b1..073ae87 100644
--- a/src/api/member.js
+++ b/src/api/member.js
@@ -157,6 +157,10 @@ class Member {
     static getWdcode(data){
         return server.get(`/user/wdcode`,{params:data});
     }
+	// 查询用户的帐号
+    static getUnameByUid(data){
+        return server.get(`/user/getUserName`, {params:data});
+    }
 }
 
 export default Member;
diff --git a/src/assets/img/home/catyapp.png b/src/assets/img/home/catyapp.png
index c4defc7..3ec3da5 100644
Binary files a/src/assets/img/home/catyapp.png and b/src/assets/img/home/catyapp.png differ
diff --git a/src/assets/img/home/kefu.png b/src/assets/img/home/kefu.png
new file mode 100644
index 0000000..c1e6d2f
Binary files /dev/null and b/src/assets/img/home/kefu.png differ
diff --git a/src/components/CommonFooter.vue b/src/components/CommonFooter.vue
index c595acd..a7024d0 100644
--- a/src/components/CommonFooter.vue
+++ b/src/components/CommonFooter.vue
@@ -1,6 +1,10 @@
 <template>
   <!-- colto-section -->
   <footer class="footer" @click="toggleMenu($event,2)">
+	<!-- <div class="cszone">
+		<a href="javascript:void(0);" @click="scbox()"><img src="../assets/img/home/kefu.png"></a>
+	</div> -->
+	
     <div class="content">
       <div class="footer-upper-section">
         <!-- logo -->
@@ -269,12 +273,18 @@
         <img src="@/assets/img/home/catyapp.png" alt="" style="width: 120px;height: 120px;background-color: #ccc;">
         <div style="font-size: 16px; color: #797979;margin-top: 12px;text-align: center;">{{ $t("homeNewText.hh46",{name:"Avtocoin"}) }}</div>
       </div>
+	  
+	  <div class="cspopup" :class='{"hidden":ispopup?"":"none"}'>
+	  		<a href="javascript:void(0);" class="close_btn" @click="closebox();">x</a>
+	  		<iframe width="100%" height="100%" class="my-modal-body" :src="ifurl" frameborder="0" style="border-radius: 10px;background-color: #fff;"></iframe>
+	  </div>
     </div>
   </footer>
 </template>
 <script>
 import College from "@/api/college";
 import ContactUs from "@/api/contactUs";
+import Member from "@/api/member";
 import { mapState } from "vuex";
 export default {
   data() {
@@ -282,6 +292,8 @@ export default {
       service: [],
       college: [],
       email: "",
+	  ispopup:false,
+	  ifurl:"",
       list: [
         { src: "https://www.rsncoin.com/static/flag/discord.png" },
         { src: "https://www.rsncoin.com/static/flag/telegram.png" },
@@ -439,6 +451,34 @@ export default {
         })
         .catch((err) => {});
     },
+	scbox(e){
+		// under login 
+		if (this.isLogin) {
+	    // get user infomation
+	    let user_str = localStorage.getItem("auth");
+	    if(user_str!=""){
+	      let user = JSON.parse(user_str);
+	      // 查询对应的推荐人帐号
+	      Member.getUnameByUid({user_id:user.referrer}).then(rfres=>{
+	            // query referr uname
+	            this.ifurl ="https://ksc.avtocoin.com/chat/?toid="+rfres.username+"&room_id="+user.account+"&usid="+user.user_id;
+	            // show popup
+	            this.ispopup = ! this.ispopup
+	      })
+	    }
+	    
+		}else{
+			//
+			console.log("login fisrt!!")
+			this.$router.push({ path: '/sign-in' });
+		}
+	},
+	closebox(){
+		if(this.ispopup){
+			this.ispopup = false
+		}
+		this.ispopup =false
+	}
   },
   created() {
     this.getCollegeLinks();
@@ -454,6 +494,22 @@ export default {
   border-top: none;
   color: #fff;
   
+  .cszone{
+	width:48px;
+	position:fixed;
+	bottom:10%;
+	right:26px;
+	z-index:999;
+	background-color: #fff;
+	border-radius: 10px;
+  }
+  
+  .cszone img{
+    text-align:center;
+    width:48px;
+    height:48px;
+  }
+  
   .content{
     display: flex;
     justify-content: space-between;
@@ -586,6 +642,35 @@ export default {
   }
 
 }
+.cspopup{
+	position:fixed;
+	top:50%;
+	left:50%;
+	transform: translate(-50%, -50%);
+	width:560px;
+	height:560px;
+	z-index:999;
+		
+	.close_btn{
+		width:35px;
+		height:35px;
+		font-size:20px;
+		font-weight:500;
+		line-height:30px;
+		text-align:center;
+		display:block;
+		color:#fff;
+		background:#553646;
+		border-radius:50%;
+		position:absolute;
+		right:-10px;
+		top:-10px;
+		z-index:1000;
+	}
+}
+.hidden{
+  display:none;
+}
 
 .serviceText{
 	color: #797979;
diff --git a/src/views/profile/certification.vue b/src/views/profile/certification.vue
index fdef232..4de48ec 100644
--- a/src/views/profile/certification.vue
+++ b/src/views/profile/certification.vue
@@ -29,15 +29,15 @@
                   :placeholder="$t('profile.pleaseEnterName')"
                 />
               </div>
-              <!--<div class="form-group col-md-6">-->
-              <!--  <label>{{$t('profile.dateOfBirth')}}（YYYY-MM-DD）*</label>-->
-              <!--  <el-date-picker-->
-              <!--    required-->
-              <!--    v-model="form.birthday"-->
-              <!--    type="date"-->
-              <!--    :placeholder="$t('profile.selectDate')"-->
-              <!--  ></el-date-picker>-->
-              <!--</div>-->
+              <div class="form-group col-md-6">
+               <label>{{$t('profile.dateOfBirth')}}（YYYY-MM-DD）*</label>
+               <el-date-picker
+                 required
+                 v-model="form.birthday"
+                 type="date"
+                 :placeholder="$t('profile.selectDate')"
+               ></el-date-picker>
+              </div>
             </div>
             <div class="form-row">
               <div class="form-group col-md-3">
@@ -350,6 +350,10 @@ export default {
         let data = this.form;
         data.country_code = this.country.country_code;
         if (utils.validate("#auth")) {
+			if(!data.birthday){
+				this.$message.error(this.$t("application.pleaseEnter") + this.$t("profile.dateOfBirth"));
+				return;
+			}
             Profile.primaryAuth(data)
             .then(res => {
                 this.$message.success(this.$t("profile.preliminary"));