diff --git a/public/css/edu-purge.css b/public/css/edu-purge.css
index 788f821c7..30212af13 100644
--- a/public/css/edu-purge.css
+++ b/public/css/edu-purge.css
@@ -3944,7 +3944,7 @@ html>body #ajax-indicator {
 
 .head-nav {
   text-align: center;
-  height: 60px;
+  height: 70px;
   box-sizing: border-box;
   min-width: 780px;
   overflow: hidden;
@@ -3957,25 +3957,25 @@ html>body #ajax-indicator {
   position: absolute;
   top: 0px;
   z-index: 3;
-  height: 60px;
+  height: 70px;
   box-sizing: border-box;
 }
 
 .head-nav ul#header-nav li {
   float: left;
-  height: 60px;
-  line-height: 60px;
-  margin-right: 30px;
+  height: 70px;
+  line-height: 70px;
   cursor: pointer;
   position: relative;
   font-size: 16px;
+  padding:0px 20px;
 }
 
 .head-nav ul#header-nav li a {
   display: block;
   height: 100%;
   width: 100%;
-  color: #333333;
+  color: #fff;
   font-size: 16px;
 }
 
@@ -3987,13 +3987,10 @@ html>body #ajax-indicator {
   margin-right: 0px
 }
 
-.head-nav ul#header-nav li.active a:first-child {
-  color: #459be5 !important;
+.head-nav ul#header-nav li.active{
+  background-color: #3B3B3B;
 }
 
-.head-nav ul#header-nav li.active p {
-  color: #459be5 !important;
-}
 
 .head-nav ul#header-nav li p:hover {
   color: #cccccc;
@@ -4006,23 +4003,23 @@ html>body #ajax-indicator {
   color: #fff
 }
 
-.head-nav ul#header-nav li.active div ul li a {
+/* .head-nav ul#header-nav li.active div ul li a {
   color: #000 !important;
-}
+} */
 
-.head-nav ul#header-nav li.active div ul li a:hover {
+/* .head-nav ul#header-nav li.active div ul li a:hover {
   color: #FFF !important;
 }
 
 .head-nav ul#header-nav li.active ul li a {
   color: #000 !important;
-}
+} */
 
-.head-nav ul#header-nav li.active ul li a:hover {
+/* .head-nav ul#header-nav li.active ul li a:hover {
   color: #FFF !important;
-}
+} */
 
-.head-nav ul#header-nav li.active:after {
+/* .head-nav ul#header-nav li.active:after {
   content: '';
   position: absolute;
   left: 0px;
@@ -4032,7 +4029,7 @@ html>body #ajax-indicator {
   height: 2px;
   width: 32px;
   background-color: #459be5;
-}
+} */
 
 .head-right {
   box-sizing: border-box;
diff --git a/src/modules/tpm/NewHeader.js b/src/modules/tpm/NewHeader.js
index 3e09d476d..63d6b4ecc 100644
--- a/src/modules/tpm/NewHeader.js
+++ b/src/modules/tpm/NewHeader.js
@@ -766,7 +766,7 @@ class NewHeader extends Component {
           <div className="head-right">
             {this.props.user && this.props.user.login ?
               <div className="edu-menu-panel">
-                <i className="iconfont icon-tianjiafangda color-grey-3"></i>
+                <i className="iconfont icon-tianjiafangda color-white"></i>
                 <div className="edu-menu-list" style={{ top: '46px' }}>
                   <div className="overPart"></div>
                   {/* <ul className={coursestypes === true && this.props.user && this.props.user.main_site === false ? "fl headwith100b edu-txt-center pr ul-leftline" : "fl with50 edu-txt-center pr ul-leftline"}>
@@ -794,7 +794,7 @@ class NewHeader extends Component {
               <div className="ml30 edu-menu-panel">
                 {user && user.login &&
                   <a href={`${mygetHelmetapi2 && mygetHelmetapi2.new_course && mygetHelmetapi2.new_course.tiding_url}`} style={{ position: 'relative' }} target="_blank">
-                    <i className="iconfont icon-xiaoxilingdang color-grey-3"></i>
+                    <i className="iconfont icon-xiaoxilingdang color-white"></i>
                     <span className="newslight" style={{ display: this.props.Headertop === undefined ? "none" : this.props.Headertop.new_message === true ? "block" : "none" }}>
                     </span>
                   </a>
diff --git a/src/modules/tpm/TPMIndex.css b/src/modules/tpm/TPMIndex.css
index 1f40ed793..f47632d35 100644
--- a/src/modules/tpm/TPMIndex.css
+++ b/src/modules/tpm/TPMIndex.css
@@ -21,10 +21,11 @@ body>.-task-title {
   height: 100%;
   min-height: 100%;
   overflow: hidden;
+  padding-top:70px;
 }
 .newHeaders{
   max-width: unset;
-  background: #fff !important;
+  background: #2B2A2A !important;
   width: 100%;
   height:70px;
   min-width: 1200px;
@@ -32,6 +33,7 @@ body>.-task-title {
   -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
   background:rgba(255,255,255,1);
   box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);
+  position: fixed;
 }
 .headerContent{
   width:1200px;