diff --git a/src/views/newMap/display/voiceChatBox/chatSetting.vue b/src/views/newMap/display/voiceChatBox/chatSetting.vue
index 9a996c089..7ec309380 100644
--- a/src/views/newMap/display/voiceChatBox/chatSetting.vue
+++ b/src/views/newMap/display/voiceChatBox/chatSetting.vue
@@ -72,11 +72,12 @@ export default {
 <style lang="scss" scoped>
 .chat-popup{
     position: absolute;
-    width: 54%;
+    // width: 54%;
+    width: 200px;
     height: 143px;
     border: 1px #dedede solid;
-    left: 22%;
-    top: 24%;
+    left: 100px;
+    top: 70px;
     z-index: 7;
     border-radius: 4px;
     -webkit-box-shadow: 3px 3px 3px #928787;
diff --git a/src/views/newMap/display/voiceChatBox/index.vue b/src/views/newMap/display/voiceChatBox/index.vue
index b327830db..6ad1f1dc6 100644
--- a/src/views/newMap/display/voiceChatBox/index.vue
+++ b/src/views/newMap/display/voiceChatBox/index.vue
@@ -1029,9 +1029,9 @@ export default {
 .voiceChatBox {
 	position: absolute;
 	left: 20px;
-	bottom: 100px;
-	height: 350px;
-	width: 503px;
+	bottom: 50%;
+	height: 1px;
+	width: 1px;
 	z-index: 35;
 }
 .chat-box-header{
@@ -1068,9 +1068,11 @@ export default {
 }
 .chat-box-main{
 	position: absolute;
-	width: 100%;
+	// width: 100%;
 	left: 0;
-	height: 100%;
+	// height: 100%;
+	height: 350px;
+	width: 503px;
 	top: 0;
 	border-right: 1px #dedede solid;
 	z-index: 4;