默认提交

@@ -6,7 +6,7 @@ node_modules
 .DS_Store
 sync.sh
 git.sh
-# /sandbox
+/sandbox
 
 # local env files
 .env.local

@@ -67,20 +67,20 @@ export default {
           }
         } catch (e) {}
       }
-    }
+		},
+		initData(){
+			    this.lang = this.$i18n.locale == "en" ? "en" : "zh";
+		}
   },
   created() {
-    this.lang = this.$i18n.locale == "en" ? "en" : "zh";
-    // window.onresize = () => {
-    //   this.refreshUA();
-    // };
+		this.initData();
     this.refreshUA();
-    //
     this.refreshProfile();
-
-    // setTimeout(() => {
-    //   this.initCss = true;
-    // }, 1000);
+    this.$root.eventBus.$on("langChange", () => {
+      try {
+        this.initData();
+      } catch (e) {}
+    });
   }
 };
 </script>
@@ -351,7 +351,7 @@ textarea {
 .main-container {
   position: relative;
   margin: 0 auto;
-	width: 100%;
+  width: 100%;
 
   &::after {
     display: table;

 @import '@/styles/_support';
 
+
+strong {
+  font-size: $articleStrong;
+  font-weight: bold;
+  // font-family: Verdana;
+}
+
+li {
+  font-size: 18px;
+  margin: 38px 0 38px 20px;
+  list-style-type: disc;
+}
+
+li:last-child {
+  margin: 38px 0 0 20px;
+}
+
+.small {
+  font-size: $articleSmall;
+  line-height: 28px;
+}
+
 .content {
-  // padding-bottom: 8.5rem;
-  padding-bottom: 2.33rem;
+  padding-bottom: 78px;
+  font-size: $articleNormal;
 }
 
 .box {
@@ -10,28 +32,27 @@
 }
 
 .top-space {
-  height: 3rem;
+  height: 34px;
 }
 
 .tit {
   text-align: center;
-  font-size: $fontSizeTitle;
+  font-size: $articleTitleLarge;
   font-weight: bold;
-
 }
 
 .tit:lang(zh) {
-  letter-spacing: 1.8px;
+  letter-spacing: 3.65px;
 }
 
 .desc {
   max-width: $articleWidth;
-  margin-top: 3rem;
-  line-height: 2;
+  margin-top: 54px;
+  line-height: 1.42;
 }
 
 .desc:lang(zh) {
-  letter-spacing: 1.2px;
+  letter-spacing: 2px;
 }
 
 @media (max-width: 1200px) {
@@ -40,4 +61,3 @@
     padding-bottom: $marginMedium-M;
   }
 }
-

 @import '@/styles/_support';
 
+
+strong {
+  font-size: $articleStrong;
+  font-weight: bold;
+  // font-family: Verdana;
+}
+
+li {
+  font-size: 18px;
+  margin: 38px 0 38px 20px;
+  list-style-type: disc;
+}
+
+li:last-child {
+  margin: 38px 0 0 20px;
+}
+
+.small {
+  font-size: $articleSmall;
+  line-height: 28px;
+}
+
+.tips {
+  margin-right: 24px;
+}
+
 .content {
-  // padding-bottom: 8.5rem;
-  padding-bottom: 2.33rem;
+  padding-bottom: 78px;
+  font-size: $articleNormal;
 }
 
 .box {
@@ -10,27 +36,27 @@
 }
 
 .top-space {
-  height: 3rem;
+  height: 34px;
 }
 
 .tit {
   text-align: center;
-  font-size: $fontSizeTitle;
+  font-size: $articleTitleLarge;
   font-weight: bold;
 }
 
 .tit:lang(zh) {
-  letter-spacing: 1.8px;
+  letter-spacing: 3.65px;
 }
 
 .desc {
   max-width: $articleWidth;
-  margin-top: 3rem;
-  line-height: 2;
+  margin-top: 54px;
+  line-height: 1.42;
 }
 
 .desc:lang(zh) {
-  letter-spacing: 1.2px;
+  letter-spacing: 2px;
 }
 
 @media (max-width: 1200px) {
@@ -39,4 +65,3 @@
     padding-bottom: $marginMedium-M;
   }
 }
-

 @import '@/styles/_support';
 
+
+strong {
+  font-size: $articleStrong;
+  font-weight: bold;
+  // font-family: Verdana;
+}
+
+li {
+  font-size: 18px;
+  margin: 38px 0 38px 20px;
+  list-style-type: disc;
+}
+
+li:last-child {
+  margin: 38px 0 0 20px;
+}
+
+.small {
+  font-size: $articleSmall;
+  line-height: 28px;
+}
+
 .content {
-  padding-bottom: 8.5rem;
+  padding-bottom: 78px;
+  font-size: $articleNormal;
 }
 
 .box {
@@ -9,33 +32,32 @@
 }
 
 .top-space {
-  height: 3rem;
+  height: 34px;
 }
 
 .tit {
   text-align: center;
-  font-size: $fontSizeTitle;
+  font-size: $articleTitleLarge;
   font-weight: bold;
 }
 
 .tit:lang(zh) {
-  letter-spacing: 1.8px;
+  letter-spacing: 3.65px;
 }
 
 .desc {
   max-width: $articleWidth;
-  margin-top: 3rem;
-  line-height: 2;
+  margin-top: 54px;
+  line-height: 1.42;
 }
 
 .desc:lang(zh) {
-  letter-spacing: 1.2px;
+  letter-spacing: 2px;
 }
 
-
 @media (max-width: 1200px) {
   .content {
     @include content-percent();
-    padding-bottom: 2rem;
+    padding-bottom: $marginMedium-M;
   }
 }

@@ -26,6 +26,9 @@ $fontSizeTitle:16px;
 $fontSize:14px;
 $fontSizeSmall:12px;
 
+
+
+
 $fontSizeTitle-M:17px;
 $fontSize-M:14px;
 $fontSizeSmall-M:12px;
@@ -45,7 +48,11 @@ $cFontGray2: #58595b;
 $cFontGray3: #666666;
 
 // 文章宽度
-$articleWidth:1041px;
+$articleWidth:1040px;
+$articleTitleLarge:36.5px;
+$articleStrong:24px;
+$articleNormal:21.5px;
+$articleSmall:17.5px;
 
 // 移动端
 $marginSmall-M: 10px; // 小间距