update

index.css

@@ -701,37 +701,54 @@ ul, li {
     display: none;
 }
 
+.downbox div {
+    /* background: #ffffff; */
+    width: 100%;
+    border-top: 1px solid #e6e6e6;
+    height: 40px;
+    line-height: 40px;
+    color: #222222;
+    cursor: pointer;
+    font-size: 15px;
+    text-align: center;
+}
+
 .downbox div:first-child {
     border: none;
     position: relative;
+    color: #222222;
+    font-family: "微软雅黑";
 }
 
 .downbox div:first-child:hover {
-    background: #d6dfff;
+    background: #fff;
+    color: #4A6AFF;
+    font-family: "微软雅黑";
 }
 
 .downbox div:first-child:hover .Hardware2 {
     display: block;
+    background: #fff;
+    color: #4A6AFF;
+    font-family: "微软雅黑";
 }
 
 .downbox div:first-child:hover .Hardware3 {
     display: block;
+    background: #fff;
+    color: #4A6AFF;
+    font-family: "微软雅黑";
 }
 
-.MouduleBox div:hover {
-    background: #d6dfff;
+.MouduleBox div a{
+    background: #fff !important;
+    color: #222222;
 }
 
-.downbox div {
-    /* background: #ffffff; */
-    width: 100%;
-    border-top: 1px solid #e6e6e6;
-    height: 40px;
-    line-height: 40px;
-    color: #424242;
-    cursor: pointer;
-    font-size: 15px;
-    text-align: center;
+
+.MouduleBox div a:hover {
+    color: #4A6AFF !important;
+    font-family: "微软雅黑";
 }
 
 .ModeSelectBox .ModeSelect .downbox-style {
@@ -765,7 +782,7 @@ ul, li {
     height: 40px;
     line-height: 40px;
     /* text-indent: 1em; */
-    color: #424242;
+    color: #222222;
     cursor: pointer;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -773,7 +790,9 @@ ul, li {
 }
 
 .Hardware2 li:hover,.Hardware4 li:hover {
-    background: #d6dfff;
+    background: #fff;
+    color: #4A6AFF;
+    font-family: "微软雅黑";
 }
 
 .ModeSelect {

index.html

@@ -323,13 +323,13 @@
                             <i id="down" class="down"
                                 style="position: relative;top: -20px;float: right;right: 9px;"></i>
                             <div class="downbox MouduleBox" id="downboxModule" style="top: 64px;">
-                                <div style="border: none;"><a href="javaScript:(0)" style="color: #424242 !important;"
+                                <div style="border: none;"><a href="javaScript:(0)"
                                         class="translatable_ai_module">A.I. Module</a></div>
-                                <div style="border: none;"><a href="javaScript:(0)" style="color: #424242 !important;"
+                                <div style="border: none;"><a href="javaScript:(0)"
                                         class="translatable_iot_module">IoT Module
                                         Mode</a></div>
 
-                                <div style="border: none;"><a id="python_full_screen" style="color: #424242 !important;"
+                                <div style="border: none;"><a id="python_full_screen"
                                         class="translatable_python_full_screen_mode">Cloud
                                         Mode</a></div>
                             </div>

python/index.css

@@ -704,22 +704,39 @@ ul, li {
 .downbox div:first-child {
     border: none;
     position: relative;
+    color: #222222;
+    font-family: "微软雅黑";
 }
 
 .downbox div:first-child:hover {
-    background: #d6dfff;
+    background: #fff;
+    color: #4A6AFF;
+    font-family: "微软雅黑";
 }
 
 .downbox div:first-child:hover .Hardware2 {
     display: block;
+    background: #fff;
+    color: #4A6AFF;
+    font-family: "微软雅黑";
 }
 
 .downbox div:first-child:hover .Hardware3 {
     display: block;
+    background: #fff;
+    color: #4A6AFF;
+    font-family: "微软雅黑";
 }
 
-.MouduleBox div:hover {
-    background: #d6dfff;
+
+.MouduleBox div a{
+    background: #fff !important;
+    color: #222222;
+}
+
+.MouduleBox div a:hover {
+    color: #4A6AFF !important;
+    font-family: "微软雅黑";
 }
 
 .downbox div {
@@ -728,7 +745,7 @@ ul, li {
     border-top: 1px solid #e6e6e6;
     height: 40px;
     line-height: 40px;
-    color: #424242;
+    color: #222222;
     cursor: pointer;
     font-size: 15px;
     text-align: center;
@@ -765,7 +782,7 @@ ul, li {
     height: 40px;
     line-height: 40px;
     /* text-indent: 1em; */
-    color: #424242;
+    color: #222222;
     cursor: pointer;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -773,7 +790,9 @@ ul, li {
 }
 
 .Hardware2 li:hover,.Hardware4 li:hover {
-    background: #d6dfff;
+    background: #fff;
+    color: #4A6AFF;
+    font-family: "微软雅黑";
 }
 
 .ModeSelect {

python/index.html

@@ -325,12 +325,12 @@
                             <i id="down" class="down"
                                 style="position: relative;top: -20px;float: right;right: 9px;"></i>
                             <div class="downbox MouduleBox" id="downboxModule" style="top: 64px;">
-                                <div style="border: none;"><a href="javaScript:(0)" style="color: #424242 !important;"
+                                <div style="border: none;"><a href="javaScript:(0)"
                                         class="translatable_ai_module">A.I. Module</a></div>
-                                <div style="border: none;"><a href="javaScript:(0)" style="color: #424242 !important;"
+                                <div style="border: none;"><a href="javaScript:(0)"
                                         class="translatable_iot_module">IoT Module
                                         Mode</a></div>
-                                <div style="border: none;"><a id="python_full_screen" style="color: #424242 !important;"
+                                <div style="border: none;"><a id="python_full_screen"
                                         class="translatable_python_full_screen_mode">Cloud
                                         Mode</a></div>
                             </div>