默认提交

@@ -406,6 +406,9 @@ textarea {
 @media (max-width: 768px) {
 @media (max-width: 768px) {
   $fontSizeTitle: $fontSizeTitle-M;
   $fontSizeTitle: $fontSizeTitle-M;
   $fontSize: $fontSize-M;
   $fontSize: $fontSize-M;
-  $fontSizeSmall: $fontSizeSmall-M;
+	$fontSizeSmall: $fontSizeSmall-M;
+	.main-container{
+		margin-bottom: $marginMedium-M;
+	}
 }
 }
 </style>
 </style>

@@ -79,11 +79,16 @@ export default {
 				)
 				)
 			});
 			});
 			this.navList = navList;
 			this.navList = navList;
-			console.log("navList:", this.navList);
-			console.log("langList:", this.langList);
 		}
 		}
 	},
 	},
 	created() {
 	created() {
 		this.initData();
 		this.initData();
 	},
 	},
+	watch: {
+		visible(newVal, oldVal) {
+			this.$nextTick(() => {
+				this.$refs.panel.scrollTop = 0;
+			});
+		}
+	},
 };
 };

 <template>
 <template>
 	<div>
 	<div>
-		<div class="panel" :class="{'hide':!visible}">
+		<div ref="panel" class="panel" :class="{'hide':!visible}">
 			<div class="mask" @click="showDropdownM(false)"></div>
 			<div class="mask" @click="showDropdownM(false)"></div>
 			<!-- 列表 -->
 			<!-- 列表 -->
 			<div class="list">
 			<div class="list">

@@ -238,6 +238,21 @@ input {
 
 
 @media (max-width: 768px) {
 @media (max-width: 768px) {
   .form {
   .form {
+    display: block;
+
+    &-item {
+      .ipt-wrap {
+        .name-ipt {
+          width: 100%;
+        }
+
+        .phone-ipt {
+          width: 100%;
+        }
+      }
+
+    }
+
     &-item3 {
     &-item3 {
       display: block;
       display: block;
 
 

@@ -5,7 +5,7 @@
 
 
 .border {
 .border {
   @extend .bb;
   @extend .bb;
-  padding: 44px 4.0rem 0 55px;
+  padding: 3.5rem 4.0rem 2rem 4.5rem;
   min-height: 490px;
   min-height: 490px;
   border-radius: $borderRadius;
   border-radius: $borderRadius;
   border: solid 1px #f2f2f2;
   border: solid 1px #f2f2f2;
@@ -15,10 +15,11 @@
 .info {
 .info {
   display: flex;
   display: flex;
   justify-content: space-between;
   justify-content: space-between;
-  margin-bottom: 4.416667rem;
+  flex-wrap: wrap;
 
 
   &-item {
   &-item {
     font-size: $fontSize;
     font-size: $fontSize;
+    margin-bottom: 4.416667rem;
 
 
     &-tit {
     &-tit {
       display: flex;
       display: flex;
@@ -62,5 +63,6 @@
   .info-item {
   .info-item {
     @extend .bb;
     @extend .bb;
     padding-right: 2rem;
     padding-right: 2rem;
+    margin-bottom: 1rem;
   }
   }
 }
 }

@@ -2,8 +2,8 @@
 <template>
 <template>
 	<div class="contact-us-container">
 	<div class="contact-us-container">
 		<div class=" border">
 		<div class=" border">
-			<div class="info">
-				<div class="info-item">
+			<div class="info gird-g">
+				<div class="info-item pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
 					<div class="info-item-tit">
 					<div class="info-item-tit">
 						<div class="icon-wrap">
 						<div class="icon-wrap">
 							<img class="icon" src="@/assets/images/contact-us/icon-cs-service.png">
 							<img class="icon" src="@/assets/images/contact-us/icon-cs-service.png">
@@ -17,7 +17,7 @@
 						</ul>
 						</ul>
 					</div>
 					</div>
 				</div>
 				</div>
-				<div class="info-item">
+				<div class="info-item pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
 					<div class="info-item-tit">
 					<div class="info-item-tit">
 						<div class="icon-wrap">
 						<div class="icon-wrap">
 							<img class="icon" src="@/assets/images/contact-us/icon-cs-call.png">
 							<img class="icon" src="@/assets/images/contact-us/icon-cs-call.png">
@@ -32,8 +32,7 @@
 						</ul>
 						</ul>
 					</div>
 					</div>
 				</div>
 				</div>
-
-				<div class="info-item">
+				<div class="info-item pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
 					<div class="info-item-tit">
 					<div class="info-item-tit">
 						<div class="icon-wrap">
 						<div class="icon-wrap">
 							<img class="icon" src="@/assets/images/contact-us/icon-cs-email.png">
 							<img class="icon" src="@/assets/images/contact-us/icon-cs-email.png">

@@ -77,3 +77,24 @@
     }
     }
   }
   }
 }
 }
+
+
+@media (max-width: 1200px) {
+  .payment {
+    &-nav {
+      display: -webkit-box;
+      overflow-x: scroll;
+      -webkit-overflow-scrolling: touch;
+      width: 92vw;
+    }
+  }
+}
+
+/* 隐藏下方的滚动条 */
+// .payment-nav::-webkit-scrollbar {
+//   background-color: transparent;
+// }
+
+.payment-nav::-webkit-scrollbar {
+  display: none;
+}

@@ -210,11 +210,20 @@ input {
 
 
 @media (max-width: 768px) {
 @media (max-width: 768px) {
   .form {
   .form {
+    &-item2 {
+      display: block;
+
+      .ipt-wrap {
+        margin: 0;
+      }
+    }
+
     &-item3 {
     &-item3 {
       display: block;
       display: block;
 
 
       .ipt-wrap {
       .ipt-wrap {
         margin: 0;
         margin: 0;
+        width: 100%;
       }
       }
     }
     }
   }
   }

@@ -106,6 +106,9 @@
   .left-panel {
   .left-panel {
     display: none;
     display: none;
   }
   }
+  .right-panel{
+    margin: 0 auto;
+  }
 }
 }
 
 
 @media (max-width: 768px) {
 @media (max-width: 768px) {