1.首页滑动

2.页脚样式调整

@@ -66,10 +66,6 @@
     }
   }
 }
-.drop-list:lang(en) {
-  min-width: 0;
-  margin: 0 13px;
-}
 
 .user {
   @include border-tans-rev;

@@ -216,6 +216,11 @@
             display: none;
 
             .nav-v {
+              
+              .n-item {
+                width: auto;
+                margin-right: 24px;
+              }
             }
 
             .n-item {

@@ -31,20 +31,14 @@ export default {
 			PRODUCT_REN_RICH: "PRODUCT_REN_RICH", // 平安福
 			// swiper
 			swiperOption: {
-				navigation: {
-					nextEl: ".swiper-button-next",
-					prevEl: ".swiper-button-prev"
-				},
-				pagination: {
-					el: ".swiper-pagination",
-					clickable: true
-				},
-				// autoplay: {
-				// 	delay: 5000,
-				// 	stopOnLastSlide: false,
-				// 	disableOnInteraction: false
+				// navigation: {
+				// 	nextEl: ".swiper-button-next",
+				// 	prevEl: ".swiper-button-prev"
+				// },
+				// pagination: {
+				// 	el: ".swiper-pagination",
+				// 	clickable: true
 				// },
-				// speed: 1000
 			},
 
 			loading: false,
@@ -287,14 +281,15 @@ export default {
 		onSelectPaymentOptionHandler(item) {
 			this.curPaymentOption = item;
 		},
-		// 选择标签
-		onTabHandler(item) {
-			this.curTab = item;
-		},
 		// 投保组件性别选择
 		onQuoteSexHandler(gender) {
 			this.quoteData.gender = gender;
 		},
+		// 选择标签
+		onTabHandler(item) {
+			this.curTab = item;
+			this.swiperSiderTo(this.curTab.index);
+		},
 		// 上一个tab
 		onPrevTabHandler() {
 			if (this.dataList.length <= 0) return;
@@ -304,6 +299,7 @@ export default {
 				index = this.dataList.length - 1;
 			}
 			this.curTab = this.dataList[index];
+			this.swiperSiderTo(this.curTab.index);
 		},
 		// 下一个tab
 		onNextTabHandler() {
@@ -314,7 +310,17 @@ export default {
 				index = 0;
 			}
 			this.curTab = this.dataList[index];
+			this.swiperSiderTo(this.curTab.index);
 		},
+		swiperSiderTo(index) {
+			this.$nextTick(function () {
+				let durTime = 600;
+				this.$refs.bannerSwiper.swiper.slideTo(index, durTime, true);
+				this.$refs.quoteBgSwiper.swiper.slideTo(index, durTime, true);
+				this.$refs.quoteSwiper.swiper.slideTo(index, durTime, true);
+			})
+		},
+
 		// 联系我们
 		toContactUs() {
 			this.$router.push({
@@ -511,6 +517,9 @@ export default {
 				});
 				this.curTab = this.dataList[0];
 				this.bannerList = this.dataList;
+				this.bannerList.forEach(element => {
+					element.btns = element.btnDescribe;
+				});
 				console.log("this.dataList:", this.dataList);
 			})
 

@@ -139,6 +139,10 @@
     color: #ffffff;
     @include linear-bg();
   }
+
+  &-item-single {
+    justify-content: center !important;
+  }
 }
 
 // 推荐 为什么选择平安人寿
@@ -207,26 +211,51 @@
 
 // 线上报价
 .quote {
+  position: relative;
   width: 100%;
   min-height: 1440px;
   margin: 52px auto 0;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
+
+  &-bg-swiper {
+    position: absolute;
+    width: 100%;
+    min-height: 1440px;
+    .ebg {
+      position: absolute;
+      width: 100%;
+      min-height: 1440px;
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: cover;
+    }
+  }
+
+  .quote-cont {
+    position: relative;
+    z-index: 11;
+  }
+
+  .table-cont {
+    position: relative;
+    z-index: 11;
+  }
 
   .space1 {
-    height: 540px;
+    height: 670px;
   }
 
   .tit-wrap {
+    position: relative;
+    z-index: 11;
     height: 670px;
     display: flex;
-    // align-items: flex-end;
     align-content: flex-end;
     flex-wrap: wrap;
     width: 100%;
 
     .tit {
+      position: relative;
+      z-index: 11;
       width: 100%;
       font-size: 36px;
       font-weight: bold;
@@ -238,6 +267,8 @@
       }
     }
     .tit2 {
+      position: relative;
+      z-index: 11;
       width: 720px;
       margin: 40px auto 0;
       text-align: center;
@@ -296,6 +327,10 @@
       z-index: 11;
     }
 
+    &-wrap {
+      position: relative;
+    }
+
     &-cont {
       min-height: 384px;
       margin: 0 auto 0;
@@ -397,9 +432,9 @@
 
           // 滑动条
           .slider {
-              position: relative;
-              max-width: 100%;
-              margin: 38px auto 0;
+            position: relative;
+            max-width: 100%;
+            margin: 38px auto 0;
           }
 
           // 滑动条
@@ -527,24 +562,24 @@
           }
         }
       }
+    }
 
-      .arrow {
-        position: absolute;
-        width: 44px;
-        height: 73px;
-        top: 32%;
-        cursor: pointer;
-        z-index: 21;
-      }
+    .arrow {
+      position: absolute;
+      width: 44px;
+      height: 73px;
+      top: 32%;
+      cursor: pointer;
+      z-index: 21;
+    }
 
-      .arrow-left {
-        background-image: url("~@/assets/images/index/arrow-left.png");
-        left: -64px;
-      }
-      .arrow-right {
-        background-image: url("~@/assets/images/index/arrow-right.png");
-        right: -64px;
-      }
+    .arrow-left {
+      background-image: url("~@/assets/images/index/arrow-left.png");
+      left: -64px;
+    }
+    .arrow-right {
+      background-image: url("~@/assets/images/index/arrow-right.png");
+      right: -64px;
     }
   }