no message

-
 import api from '@/api/api'
 import {
 	httpGet,
@@ -14,7 +13,7 @@ export default {
 	},
 	components: {},
 	methods: {
-		initData() { },
+		initData() {},
 		checkBtnGroupFixed() {
 			let top = this.$refs.ruleBtnGroup.getBoundingClientRect().top;
 			this.isFixTop = top < 0;
@@ -30,5 +29,5 @@ export default {
 			this.checkBtnGroupFixed();
 		});
 	},
-	created() { }
+	created() {}
 }

-
 .content {
   background-color: #f5f5f5;
 }
@@ -13,11 +12,13 @@
 .banner {
   margin-bottom: 3.333333rem;
   position: relative;
+
   .btn-position {
     position: absolute;
     top: 23.333333rem;
-        left: 2.833333rem ;
+    left: 2.833333rem;
   }
+
   .btn {
     background: #FF5700;
     border: 0;
@@ -49,18 +50,19 @@
   display: flex;
   width: 100%;
   justify-content: space-around;
+
   .rule-btn {
     width: 33%;
-        height: 3rem ;
-        line-height: 3rem ;
+    height: 3rem;
+    line-height: 3rem;
     text-align: center;
-        font-size: 1.166667rem ;
+    font-size: 1.166667rem;
     color: #666666;
     background: #ffffff;
     cursor: pointer;
   }
 
-    .rule-btn.activity{
+  .rule-btn.activity {
     background: #FF5700;
     color: #ffffff;
 
@@ -77,8 +79,8 @@
 
   i {
     display: inline-block;
-        width: 1.666667rem ;
-        height: 1.666667rem ;
+    width: 1.666667rem;
+    height: 1.666667rem;
     margin-right: .666667rem;
     vertical-align: middle;
   }
@@ -122,6 +124,7 @@
 
 .rule-container.activity {
   display: block;
+
   img {
     width: 100%;
     display: block;

@@ -9,31 +9,19 @@
 		<div class="box bottom-space">
 			<div class="rule-btn-out-group" ref="ruleBtnGroup">
 				<div class="rule-btn-group" :class="{fix : fixTop}">
-          <div
-            class="rule-btn"
-            :class="{activity : activity == 'product'}"
-            @click="activity = 'product'"
-          >
+					<div class="rule-btn" :class="{activity : activity == 'product'}" @click="activity = 'product'">
 						<div>
 							<i class="icon-product"></i> {{$t('product.iconProduct')}}
 						</div>
 						<div class="triangle"></div>
 					</div>
-          <div
-            class="rule-btn"
-            :class="{activity : activity == 'process'}"
-            @click="activity = 'process'"
-          >
+					<div class="rule-btn" :class="{activity : activity == 'process'}" @click="activity = 'process'">
 						<div>
 							<i class="icon-process"></i> {{$t('product.iconProcess')}}
 						</div>
 						<div class="triangle"></div>
 					</div>
-          <div
-            class="rule-btn"
-            :class="{activity : activity == 'problem'}"
-            @click="activity = 'problem'"
-          >
+					<div class="rule-btn" :class="{activity : activity == 'problem'}" @click="activity = 'problem'">
 						<div>
 							<i class="icon-problem"></i> {{$t('product.iconProblem')}}
 						</div>