修改客服样式

src/components/CommonFooter.vue

@@ -3,7 +3,7 @@
   <footer class="footer" @click="toggleMenu($event,2)">
     <!-- customer service zone -->
     <div class="cszone">
-      <a href="javascript:void(0);" @click="scbox()"><img src="../assets/img/cs_w.svg"></a>
+      <a href="javascript:void(0);" @click="scbox()"><img src="../assets/img/home/kefu.png"></a>
     </div>
 
     <div class="content">
@@ -273,7 +273,7 @@
       <!-- this customer service popup -->
       <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"></iframe>
+        <iframe width="100%" height="100%" class="my-modal-body" :src="ifurl" frameborder="0" style="border-radius: 10px;"></iframe>
       </div>
 
     </div>
@@ -479,11 +479,13 @@ export default {
   position:relative;
 
   .cszone{
-    width:60px;
+    width:48px;
     position:fixed;
     bottom:10%;
     right:26px;
     z-index:999;
+	background-color: #fff;
+	border-radius: 10px;
   }
 
   .cszone img{
@@ -625,30 +627,31 @@ export default {
   }
 
   .cspopup{
-    .close_btn{
-      width:30px;
-      height:30px;
-      font-size:20px;
-      font-weight:500;
-      line-height:30px;
-      text-align:center;
-      display:block;
-      color:#fff;
-      background:#553646;
-      border-radius:50%;
-      position:absolute;
-      right:-20px;
-      top:-20px;
-      z-index:1000;
-    }
     position:fixed;
-    top:40%;
+    top:50%;
-    left:35%;
+    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:-20px;
+	  top:-15px;
+	  z-index:1000;
+	}
   }
-
 }
 
 .hidden{