diff --git a/src/about/index.html b/src/about/index.html
index 57df623..b5edd20 100644
--- a/src/about/index.html
+++ b/src/about/index.html
@@ -54,52 +54,6 @@ jQuery(document).ready(function($){
   <script type="text/javascript" src="../skin/js/selectivizr.js"></script>
   <script type="text/javascript" src="../skin/js/excanvas.compiled.js"></script>
 <![endif]-->
-  <style>
-      .menuItem{
-          width: 100%;
-          font-size: 16px;
-          cursor: pointer;
-          padding: 0 10px;
-          font-weight: bold;
-          position: relative;
-          background: #B2B2B2;
-      }
-
-      .menuIcon{
-          top: 50%;
-          right: 8%;
-          position: absolute;
-          transform: translate(0,-50%);
-      }
-
-      .menuImg{
-          width: 20px;
-          height: 20px;
-      }
-
-      .menuItemSpan{
-          display: flex;
-          align-items: center;
-          padding: 12px 0 10px 0;
-          justify-content: center;
-          border-bottom: 1px solid #8D8D8D;
-      }
-
-      .menuBottom{
-          display: flex;
-          padding: 35px 0;
-          font-size: 12px;
-          font-weight: bold;
-          align-items: center;
-          background: #808080;
-          flex-direction: column;
-          justify-content: center;
-      }
-
-      .menuBottomSpan{
-          text-align: center;
-      }
-  </style>
 </head>
 <body>
 <!--[if lt IE 8]>
@@ -289,7 +243,11 @@ for (let i = 0; i < menuList.length; i++) {
   iconEle.className = 'menuIcon menuImg';
   iconEle.id = 'menuIcon' + (i + 1);
   spanEle.innerHTML = item;
-  spanEle.className = "menuItemSpan";
+  if(i == menuList.length - 1){
+    spanEle.className = "menuItemSpanLast";
+  } else {
+    spanEle.className = "menuItemSpan"; 
+  }
   liEle.className = "menuItem";
   liEle.setAttribute('data-index',i + '')
   liEle.appendChild(spanEle);
diff --git a/src/case/index.html b/src/case/index.html
index 0fbf675..eaacd6b 100644
--- a/src/case/index.html
+++ b/src/case/index.html
@@ -54,52 +54,6 @@ jQuery(document).ready(function($){
   <script type="text/javascript" src="../skin/js/selectivizr.js"></script>
   <script type="text/javascript" src="../skin/js/excanvas.compiled.js"></script>
 <![endif]-->
-  <style>
-      .menuItem{
-          width: 100%;
-          font-size: 16px;
-          cursor: pointer;
-          padding: 0 10px;
-          font-weight: bold;
-          position: relative;
-          background: #B2B2B2;
-      }
-
-      .menuIcon{
-          top: 50%;
-          right: 8%;
-          position: absolute;
-          transform: translate(0,-50%);
-      }
-
-      .menuImg{
-          width: 20px;
-          height: 20px;
-      }
-
-      .menuItemSpan{
-          display: flex;
-          align-items: center;
-          padding: 12px 0 10px 0;
-          justify-content: center;
-          border-bottom: 1px solid #8D8D8D;
-      }
-
-      .menuBottom{
-          display: flex;
-          padding: 35px 0;
-          font-size: 12px;
-          font-weight: bold;
-          align-items: center;
-          background: #808080;
-          flex-direction: column;
-          justify-content: center;
-      }
-
-      .menuBottomSpan{
-          text-align: center;
-      }
-  </style>
 </head>
 <body>
 <!--[if lt IE 8]>
@@ -286,7 +240,11 @@ for (let i = 0; i < menuList.length; i++) {
   iconEle.className = 'menuIcon menuImg';
   iconEle.id = 'menuIcon' + (i + 1);
   spanEle.innerHTML = item;
-  spanEle.className = "menuItemSpan";
+  if(i == menuList.length - 1){
+    spanEle.className = "menuItemSpanLast";
+  } else {
+    spanEle.className = "menuItemSpan"; 
+  }
   liEle.className = "menuItem";
   liEle.setAttribute('data-index',i + '')
   liEle.appendChild(spanEle);
diff --git a/src/contact/index.html b/src/contact/index.html
index 76691b0..e680263 100644
--- a/src/contact/index.html
+++ b/src/contact/index.html
@@ -54,52 +54,6 @@ jQuery(document).ready(function($){
   <script type="text/javascript" src="../skin/js/selectivizr.js"></script>
   <script type="text/javascript" src="../skin/js/excanvas.compiled.js"></script>
 <![endif]-->
-  <style>
-      .menuItem{
-          width: 100%;
-          font-size: 16px;
-          cursor: pointer;
-          padding: 0 10px;
-          font-weight: bold;
-          position: relative;
-          background: #B2B2B2;
-      }
-
-      .menuIcon{
-          top: 50%;
-          right: 8%;
-          position: absolute;
-          transform: translate(0,-50%);
-      }
-
-      .menuImg{
-          width: 20px;
-          height: 20px;
-      }
-
-      .menuItemSpan{
-          display: flex;
-          align-items: center;
-          padding: 12px 0 10px 0;
-          justify-content: center;
-          border-bottom: 1px solid #8D8D8D;
-      }
-
-      .menuBottom{
-          display: flex;
-          padding: 35px 0;
-          font-size: 12px;
-          font-weight: bold;
-          align-items: center;
-          background: #808080;
-          flex-direction: column;
-          justify-content: center;
-      }
-
-      .menuBottomSpan{
-          text-align: center;
-      }
-  </style>
 </head>
 <body>
 <!--[if lt IE 8]>
@@ -289,7 +243,11 @@ for (let i = 0; i < menuList.length; i++) {
   iconEle.className = 'menuIcon menuImg';
   iconEle.id = 'menuIcon' + (i + 1);
   spanEle.innerHTML = item;
-  spanEle.className = "menuItemSpan";
+  if(i == menuList.length - 1){
+    spanEle.className = "menuItemSpanLast";
+  } else {
+    spanEle.className = "menuItemSpan"; 
+  }
   liEle.className = "menuItem";
   liEle.setAttribute('data-index',i + '')
   liEle.appendChild(spanEle);
diff --git a/src/news/index.html b/src/news/index.html
index 8250a00..af51e65 100644
--- a/src/news/index.html
+++ b/src/news/index.html
@@ -54,52 +54,6 @@ jQuery(document).ready(function($){
   <script type="text/javascript" src="../skin/js/selectivizr.js"></script>
   <script type="text/javascript" src="../skin/js/excanvas.compiled.js"></script>
 <![endif]-->
-  <style>
-      .menuItem{
-          width: 100%;
-          font-size: 16px;
-          cursor: pointer;
-          padding: 0 10px;
-          font-weight: bold;
-          position: relative;
-          background: #B2B2B2;
-      }
-
-      .menuIcon{
-          top: 50%;
-          right: 8%;
-          position: absolute;
-          transform: translate(0,-50%);
-      }
-
-      .menuImg{
-          width: 20px;
-          height: 20px;
-      }
-
-      .menuItemSpan{
-          display: flex;
-          align-items: center;
-          padding: 12px 0 10px 0;
-          justify-content: center;
-          border-bottom: 1px solid #8D8D8D;
-      }
-
-      .menuBottom{
-          display: flex;
-          padding: 35px 0;
-          font-size: 12px;
-          font-weight: bold;
-          align-items: center;
-          background: #808080;
-          flex-direction: column;
-          justify-content: center;
-      }
-
-      .menuBottomSpan{
-          text-align: center;
-      }
-  </style>
 </head>
 <body>
 <!--[if lt IE 8]>
@@ -286,7 +240,11 @@ for (let i = 0; i < menuList.length; i++) {
   iconEle.className = 'menuIcon menuImg';
   iconEle.id = 'menuIcon' + (i + 1);
   spanEle.innerHTML = item;
-  spanEle.className = "menuItemSpan";
+  if(i == menuList.length - 1){
+    spanEle.className = "menuItemSpanLast";
+  } else {
+    spanEle.className = "menuItemSpan"; 
+  }
   liEle.className = "menuItem";
   liEle.setAttribute('data-index',i + '')
   liEle.appendChild(spanEle);
diff --git a/src/product/index.html b/src/product/index.html
index 2a2b8a3..805a4cb 100644
--- a/src/product/index.html
+++ b/src/product/index.html
@@ -54,52 +54,6 @@ jQuery(document).ready(function($){
   <script type="text/javascript" src="../skin/js/selectivizr.js"></script>
   <script type="text/javascript" src="../skin/js/excanvas.compiled.js"></script>
 <![endif]-->
-  <style>
-      .menuItem{
-          width: 100%;
-          font-size: 16px;
-          cursor: pointer;
-          padding: 0 10px;
-          font-weight: bold;
-          position: relative;
-          background: #B2B2B2;
-      }
-
-      .menuIcon{
-          top: 50%;
-          right: 8%;
-          position: absolute;
-          transform: translate(0,-50%);
-      }
-
-      .menuImg{
-          width: 20px;
-          height: 20px;
-      }
-
-      .menuItemSpan{
-          display: flex;
-          align-items: center;
-          padding: 12px 0 10px 0;
-          justify-content: center;
-          border-bottom: 1px solid #8D8D8D;
-      }
-
-      .menuBottom{
-          display: flex;
-          padding: 35px 0;
-          font-size: 12px;
-          font-weight: bold;
-          align-items: center;
-          background: #808080;
-          flex-direction: column;
-          justify-content: center;
-      }
-
-      .menuBottomSpan{
-          text-align: center;
-      }
-  </style>
 </head>
 <body>
 <!--[if lt IE 8]>
@@ -316,7 +270,11 @@ for (let i = 0; i < menuList.length; i++) {
   iconEle.className = 'menuIcon menuImg';
   iconEle.id = 'menuIcon' + (i + 1);
   spanEle.innerHTML = item;
-  spanEle.className = "menuItemSpan";
+  if(i == menuList.length - 1){
+    spanEle.className = "menuItemSpanLast";
+  } else {
+    spanEle.className = "menuItemSpan"; 
+  }
   liEle.className = "menuItem";
   liEle.setAttribute('data-index',i + '')
   liEle.appendChild(spanEle);
diff --git a/src/skin/css/main.css b/src/skin/css/main.css
index 869b224..8631376 100644
--- a/src/skin/css/main.css
+++ b/src/skin/css/main.css
@@ -3382,6 +3382,59 @@ textarea {
 .pagess ul li a:hover {color: #fff;}
 
 
+.menuItem{
+	width: 100%;
+	font-size: 16px;
+	cursor: pointer;
+	padding: 0 10px;
+	font-weight: bold;
+	position: relative;
+	background: #B2B2B2;
+}
+
+.menuIcon{
+	top: 50%;
+	right: 8%;
+	position: absolute;
+	transform: translate(0,-50%);
+}
+
+.menuImg{
+	width: 20px;
+	height: 20px;
+}
+
+.menuItemSpan{
+	display: flex;
+	align-items: center;
+	padding: 12px 0 10px 0;
+	justify-content: center;
+	border-bottom: 1px solid #8D8D8D;
+}
+
+.menuItemSpanLast{
+	display: flex;
+	align-items: center;
+	padding: 12px 0 10px 0;
+	justify-content: center;
+	border-bottom: 1px solid transparent;
+}
+
+.menuBottom{
+	display: flex;
+	padding: 35px 0;
+	font-size: 12px;
+	font-weight: bold;
+	align-items: center;
+	background: #808080;
+	flex-direction: column;
+	justify-content: center;
+}
+
+.menuBottomSpan{
+	text-align: center;
+}
+
 
 .scroll-phone{
 	position:fixed; 
