diff --git a/src/component/LoginPage/googleLogin.vue b/src/component/LoginPage/googleLogin.vue
index 0db139ef..11eb1b68 100644
--- a/src/component/LoginPage/googleLogin.vue
+++ b/src/component/LoginPage/googleLogin.vue
@@ -1,12 +1,12 @@
 <template>
     <div class="Container">
         <!-- 谷歌登录 -->
-		 <div class="icon">
+        <div class="g_id_signin" id="g_id_signin">
+		</div>
+		<div class="icon">
 			<img src="@/assets/images/loginPage/gmailIcon.svg" alt="">
 			<span>{{ $props.text }}</span>
 		 </div>
-        <div class="g_id_signin" id="g_id_signin">
-		</div>
     </div>
 </template>
 <script>
@@ -109,6 +109,8 @@
 		padding: .5rem 3rem;
 		cursor: pointer;
 		box-sizing: border-box;
+		position: relative;
+		background: #fff;
 		&:hover{
 			background: #f8faff;
 		}
@@ -126,14 +128,12 @@
 		width: 100%;
 		height: 100%;
 		overflow: hidden;
-		// width: 200px;
-		// height: 50px;
 		top: 0;
 		left: 0;
+		// opacity: 0;
 		:deep(.S9gUrf-YoZ4jf){
 			width: 100%;
 			height: 100%;
-			opacity: 0;
 		}
 	}
 	&:hover{