diff --git a/public/site/css/common.css b/public/site/css/common.css
index 05f476c0c..856096424 100644
--- a/public/site/css/common.css
+++ b/public/site/css/common.css
@@ -983,3 +983,6 @@ footer{
 .start_a{
     width: 100%;
 }
+.hide{
+    display: none;
+}
diff --git a/public/site/css/distribution.css b/public/site/css/distribution.css
index 713a4ee6a..7e1150427 100644
--- a/public/site/css/distribution.css
+++ b/public/site/css/distribution.css
@@ -47,7 +47,7 @@ section{
   align-items: center;
   justify-content: center;
   padding-bottom: 20px;
-  
+
 }
 .name >i{
   color: #000;
@@ -160,7 +160,7 @@ section{
 }
 .operat-con .group_num{
   background-color: #8BCF70;
-  
+
   padding: 6px 12px;;
   border-radius: 6px;
 }
@@ -174,7 +174,7 @@ section{
   width: 160px;
   height: 160px;
   background-color: #F2F3F1;
-  border-radius: 12px;  
+  border-radius: 12px;
   margin-bottom: 36px;
   display: flex;
   justify-content: center;
@@ -215,4 +215,9 @@ section{
     height: 24px;
     margin-right: 8px;
   }
-}
\ No newline at end of file
+}
+.qrcode_box{
+    width: 130px;
+    height: 130px;
+    display: inline-block;
+}
diff --git a/public/site/en/about.html b/public/site/en/about.html
index a422ad8e7..4851e2177 100644
--- a/public/site/en/about.html
+++ b/public/site/en/about.html
@@ -155,7 +155,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support" >
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -177,7 +177,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -191,7 +191,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language">
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
diff --git a/public/site/en/distribute.html b/public/site/en/distribute.html
index e9e7134cc..a1032d6fe 100644
--- a/public/site/en/distribute.html
+++ b/public/site/en/distribute.html
@@ -20,7 +20,7 @@
 				<div class="layout" id="target">
 					<img class="icon1" src="../img/logo_y.svg" alt="DooTask">
 					<div class="qr_code">
-						<i id="qrcode" style="width: 130px; height: 130px;display: inline-block;"></i>
+						<i id="qrcode" class="qrcode_box"></i>
 					</div>
 					<div class="name">
 						<img class="icon2" src="../img/android_y.svg" alt="安卓,abdroid">
diff --git a/public/site/en/download.html b/public/site/en/download.html
index fc4801ac7..388df6f70 100644
--- a/public/site/en/download.html
+++ b/public/site/en/download.html
@@ -165,7 +165,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support">
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -187,7 +187,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -201,7 +201,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
diff --git a/public/site/en/help.html b/public/site/en/help.html
index 5a5785cd7..74e17d0ad 100644
--- a/public/site/en/help.html
+++ b/public/site/en/help.html
@@ -203,7 +203,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support">
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -225,7 +225,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -239,7 +239,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language">
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
diff --git a/public/site/en/index.html b/public/site/en/index.html
index f779dc940..790049832 100644
--- a/public/site/en/index.html
+++ b/public/site/en/index.html
@@ -136,7 +136,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support">
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -158,7 +158,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -172,7 +172,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
diff --git a/public/site/en/log.html b/public/site/en/log.html
index 305f40924..2a16edb2a 100644
--- a/public/site/en/log.html
+++ b/public/site/en/log.html
@@ -121,7 +121,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support" >
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -143,7 +143,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -157,7 +157,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
diff --git a/public/site/en/price.html b/public/site/en/price.html
index 7f73d85ec..c31215e0e 100644
--- a/public/site/en/price.html
+++ b/public/site/en/price.html
@@ -234,7 +234,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support" >
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -256,7 +256,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide " id="theme">
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -270,7 +270,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
diff --git a/public/site/en/product.html b/public/site/en/product.html
index 70400a6ac..aeccb1b9e 100644
--- a/public/site/en/product.html
+++ b/public/site/en/product.html
@@ -411,7 +411,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support">
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -433,7 +433,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -447,7 +447,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>
diff --git a/public/site/en/solutions.html b/public/site/en/solutions.html
index 76f037ca6..0779f7051 100644
--- a/public/site/en/solutions.html
+++ b/public/site/en/solutions.html
@@ -126,7 +126,7 @@
               <img src="../img/vector.svg" class="nav-vector" alt="Support" id="drawer-down-support-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="support" style="display: none;">
+          <ol class="drawer-active hide" id="support" >
             <li class="drawer-item" onclick="changeMenu()">
               <a class="txt-4001620 txt" href="../en/download.html">Download Center</a>
             </li>
@@ -148,7 +148,7 @@
               <img src="../img/vector.svg" alt="Theme" class="nav-vector" id="drawer-down-theme-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="theme" style="display: none;">
+          <ol class="drawer-active hide" id="theme" >
             <li class="drawer-item"  onclick="setTheme('light')">
               <i class="txt-4001620 txt">Light</i>
             </li>
@@ -162,7 +162,7 @@
               <img src="../img/vector.svg" alt="Language" class="nav-vector" id="drawer-down-language-svg">
             </i>
           </div>
-          <ol class="drawer-active" id="language" style="display: none;">
+          <ol class="drawer-active hide" id="language" >
             <li class="drawer-item"  onclick="changeLanguage('zh')">
               <i class="txt-4001620 txt">简体中文</i>
             </li>