diff --git a/public/react/src/modules/user/usersInfo/InfosCourse.js b/public/react/src/modules/user/usersInfo/InfosCourse.js
index 8e2478510..b44ed83ad 100644
--- a/public/react/src/modules/user/usersInfo/InfosCourse.js
+++ b/public/react/src/modules/user/usersInfo/InfosCourse.js
@@ -71,8 +71,8 @@ class InfosCourse extends Component{
       page:1,
       isSpin:true
     })
-    let{status}=this.state;
-    this.getCourses(cate,status,1);
+    let {status, sort_by, sort_direction} = this.state;
+    this.getCourses(cate, status, 1, sort_by, sort_direction);
   }
   //切换状态
   changeStatus=(status)=>{
@@ -81,8 +81,8 @@ class InfosCourse extends Component{
       page:1,
       isSpin:true
     })
-    let{category}=this.state;
-    this.getCourses(category,status,1);
+    let {category, sort_by, sort_direction} = this.state;
+    this.getCourses(category, status, 1, sort_by, sort_direction);
   }
   //切换页数
   changePage=(page)=>{
@@ -90,8 +90,8 @@ class InfosCourse extends Component{
       page,
       isSpin:true
     })
-    let{category,status}=this.state;
-    this.getCourses(category,status,page);
+    let {category, status, sort_by, sort_direction} = this.state;
+    this.getCourses(category, status, page, sort_by, sort_direction);
   }
 
   // 进入课堂
@@ -147,32 +147,87 @@ class InfosCourse extends Component{
 
       </Menu>
     );
-
+    console.log("InfosCourse");
+    console.log(status);
     return(
       <div className="educontent">
         <Spin size="large" spinning={isSpin}>
           <style>
             {
               `
+             .whitepanelyslli {
+                width: 32px !important;
+             height: 48px !important;
+              line-height: 46px !important;
+             }
+              .whitepanelyslliss {
+                width: 32px !important;
+                  height: 48px !important;
+              line-height: 46px !important;
+             }
+            
+              .whitepanelysllis {
+             width: 66px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
+              
+                .whitepanelysllisyt {
+             width: 60px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
+              
               .white-panel li.active {
                   border-radius: 24px;
                   border: 0px solid #4CACFF;
                   color: #4CACFF;
               }
+              
+            
+              
               `
             }
           </style>
         <div className="white-panel edu-back-white pt20 pb20 clearfix ">
-          <li className={category ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeCategory()}>全部</a></li>
-          <li className={category=="manage" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("manage")}>{is_current ? "我":"TA"}管理的</a></li>
-          <li className={category=="study" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("study")}>{is_current ? "我":"TA"}学习的</a></li>
+          <li className={category ? " font-16 whitepanelyslli" : "active font-16 whitepanelyslli"}><a
+            href="javascript:void(0)" onClick={() => this.changeCategory()} className="font-16 w32">全部</a></li>
+          <li className={category == "manage" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+            href="javascript:void(0)" onClick={() => this.changeCategory("manage")}
+            className="font-16 w66">{is_current ? "我" : "TA"}管理的</a></li>
+          <li className={category == "study" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+            href="javascript:void(0)" onClick={() => this.changeCategory("study")}
+            className="font-16 w66">{is_current ? "我" : "TA"}学习的</a></li>
         </div>
+
+          <style>
+            {
+              `  .secondNavs li {
+                color: #676767;
+                /* margin: 0px 20px; */
+                float: left;
+             }
+             .secondNavs li a:hover{
+             color: #4CACFF
+             }
+             .secondNavs li.active a{
+             color: #4CACFF
+             }
+             `
+            }
+          </style>
         {
           is_current &&
-          <div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-            <li className={status ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeStatus()}>全部</a></li>
-            <li className={status=="processing" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("processing")}>正在进行</a></li>
-            <li className={status=="end" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("end")}>已结束</a></li>
+          <div className="edu-back-white padding20-30 clearfix secondNavs  bor-top-greyE">
+            <li className={status ? "whitepanelyslliss" : "active whitepanelyslliss"}><a href="javascript:void(0)"
+                                                                                         onClick={() => this.changeStatus()}
+                                                                                         className="w32">全部</a></li>
+            <li className={status == "processing" ? "active whitepanelysllis" : "whitepanelysllis"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("processing")} className="w66">正在进行</a></li>
+            <li className={status == "end" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("end")} className="w66">已结束</a></li>
           </div>
         }
           <p className="pl25 pr25 clearfix font-12 " style={{
diff --git a/public/react/src/modules/user/usersInfo/InfosPackage.js b/public/react/src/modules/user/usersInfo/InfosPackage.js
index 207d32480..effbdbc20 100644
--- a/public/react/src/modules/user/usersInfo/InfosPackage.js
+++ b/public/react/src/modules/user/usersInfo/InfosPackage.js
@@ -171,31 +171,79 @@ class InfosPackage extends Component{
 					<style>
 						{
 							`
+             .whitepanelyslli {
+                width: 32px !important;
+             height: 48px !important;
+              line-height: 46px !important;
+             }
+              .whitepanelyslliss {
+                width: 32px !important;
+                  height: 48px !important;
+              line-height: 46px !important;
+             }
+            
+              .whitepanelysllis {
+             width: 66px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
               .white-panel li.active {
                   border-radius: 24px;
                   border: 0px solid #4CACFF;
                   color: #4CACFF;
               }
+              
+            
+              
               `
 						}
 					</style>
 					<div className="white-panel edu-back-white pt20 pb20 clearfix ">
-						<li className={category ? "" : "active"}><a onClick={()=>this.changeCategory()}>全部</a></li>
-						<li className={category=="manage" ? "active" : ""}><a onClick={()=>this.changeCategory("manage")}>{is_current ? "我":"TA"}管理的</a></li>
-						<li className={category=="bidden" ? "active" : ""}><a onClick={()=>this.changeCategory("bidden")}>{is_current ? "我":"TA"}参与的</a></li>
+						<li className={category ? " font-16 whitepanelyslli" : "active font-16 whitepanelyslli"}><a
+							href="javascript:void(0)" onClick={() => this.changeCategory()} className="font-16 w32">全部</a></li>
+						<li className={category == "manage" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+							href="javascript:void(0)" onClick={() => this.changeCategory("manage")}
+							className="font-16 w66">{is_current ? "我" : "TA"}管理的</a></li>
+						<li className={category == "study" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+							href="javascript:void(0)" onClick={() => this.changeCategory("study")}
+							className="font-16 w66">{is_current ? "我" : "TA"}学习的</a></li>
 					</div>
+					<style>
+						{
+							`  .secondNavs li {
+                color: #676767;
+                /* margin: 0px 20px; */
+                float: left;
+             }
+             .secondNavs li a:hover{
+             color: #4CACFF
+             }
+             .secondNavs li.active a{
+             color: #4CACFF
+             }
+             `
+						}
+					</style>
 					{
 						category=="manage"?
-						<div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-							<li className={status ? "" : "active"}><a  onClick={()=>this.changeStatus()}>全部</a></li>
-							<li className={status=="unpublished" ? "active" : ""}><a onClick={()=>this.changeStatus("unpublished")}>未发布</a></li>
-							<li className={status=="bidding" ? "active" : ""}><a onClick={()=>this.changeStatus("bidding")}>竞标中</a></li>
-					  	<li className={status=="finished" ? "active" : ""}><a onClick={()=>this.changeStatus("finished")}>已完成</a></li>
+							<div className="edu-back-white padding20-30 clearfix secondNavs bor-top-greyE">
+								<li className={status ? "whitepanelyslliss" : "active whitepanelyslliss"}><a
+									onClick={() => this.changeStatus()} className="w32">全部</a></li>
+								<li className={status == "unpublished " ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+									onClick={() => this.changeStatus("unpublished")} className="w60">未发布</a></li>
+								<li className={status == "bidding" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+									onClick={() => this.changeStatus("bidding")} className="w60">竞标中</a></li>
+								<li className={status == "finished" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+									onClick={() => this.changeStatus("finished")} className="w60">已完成</a></li>
 						</div>:	category=="bidden"?
-							<div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-								<li className={status ? "" : "active"}><a onClick={()=>this.changeStatus()}>全部</a></li>
-								<li className={status=="bidding_lost" ? "active" : ""}><a onClick={()=>this.changeStatus("bidding_lost")}>未中标</a></li>
-								<li className={status=="bidding_won" ? "active" : ""}><a onClick={()=>this.changeStatus("bidding_won")}>已中标</a></li>
+							<div className="edu-back-white padding20-30 clearfix secondNavs bor-top-greyE">
+								<li className={status ? "whitepanelyslliss" : "active whitepanelyslliss"}><a
+									onClick={() => this.changeStatus()} className="w32">全部</a></li>
+								<li className={status == "bidding_lost" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+									onClick={() => this.changeStatus("bidding_lost")} className="w60">未中标</a></li>
+								<li className={status == "bidding_won" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+									onClick={() => this.changeStatus("bidding_won")} className="w60">已中标</a></li>
 							</div>:""
 					}
 					<p className="pl25 pr25 clearfix font-12 mb20 mt20">
diff --git a/public/react/src/modules/user/usersInfo/InfosPath.js b/public/react/src/modules/user/usersInfo/InfosPath.js
index 429495cf1..ffb61b2f2 100644
--- a/public/react/src/modules/user/usersInfo/InfosPath.js
+++ b/public/react/src/modules/user/usersInfo/InfosPath.js
@@ -160,37 +160,97 @@ class InfosPath extends Component{
     return(
       <div className="educontent">
         <Spin size="large" spinning={isSpin}>
-					<style>
-						{
-							`
+          <style>
+            {
+              `
+             .whitepanelyslli {
+                width: 32px !important;
+             height: 48px !important;
+              line-height: 46px !important;
+             }
+              .whitepanelyslliss {
+                width: 32px !important;
+                  height: 48px !important;
+              line-height: 46px !important;
+             }
+            
+              .whitepanelysllis {
+             width: 66px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
+              
+                 .whitepanelysllisyt {
+             width: 60px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
+              
+              
               .white-panel li.active {
                   border-radius: 24px;
                   border: 0px solid #4CACFF;
                   color: #4CACFF;
               }
+              
+            
+              
               `
-						}
-					</style>
-        <div className="white-panel edu-back-white pt20 pb20 clearfix ">
-          <li className={category ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeCategory()}>全部</a></li>
-          <li className={category=="manage" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("manage")}>{is_current ? "我":"TA"}管理的</a></li>
-          <li className={category=="study" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("study")}>{is_current ? "我":"TA"}学习的</a></li>
-        </div>
+            }
+          </style>
+          <div className="white-panel edu-back-white pt20 pb20 clearfix ">
+            <li className={category ? " font-16 whitepanelyslli" : "active font-16 whitepanelyslli"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory()} className="font-16 w32">全部</a></li>
+            <li className={category == "manage" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory("manage")}
+              className="font-16 w66">{is_current ? "我" : "TA"}管理的</a></li>
+            <li className={category == "study" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory("study")}
+              className="font-16 w66">{is_current ? "我" : "TA"}学习的</a></li>
+          </div>
+
+          <style>
+            {
+              `  .secondNavs li {
+                color: #676767;
+                /* margin: 0px 20px; */
+                float: left;
+             }
+             .secondNavs li a:hover{
+             color: #4CACFF
+             }
+             .secondNavs li.active a{
+             color: #4CACFF
+             }
+             `
+            }
+          </style>
         {
           category && category == "manage" && is_current &&
-          <div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-            <li className={status ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeStatus()}>全部</a></li>
-            <li className={status=="editing" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("editing")}>编辑中</a></li>
-            <li className={status=="applying" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("applying")}>待审核</a></li>
-            <li className={status=="published" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("published")}>已发布</a></li>
+          <div className="edu-back-white padding20-30 clearfix secondNavs bor-top-greyE">
+            <li className={status ? "whitepanelyslliss" : "active whitepanelyslliss"}><a href="javascript:void(0)"
+                                                                                         onClick={() => this.changeStatus()}
+                                                                                         className="w32">全部</a></li>
+            <li className={status == "editing" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("editing")} className="w60">编辑中</a></li>
+            <li className={status == "applying" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("applying")} className="w60">待审核</a></li>
+            <li className={status == "published" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("published")} className="w60">已发布</a></li>
           </div>
         }
         {
           category && category == "study" && is_current &&
-          <div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-            <li className={status ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeStatus()}>全部</a></li>
-            <li className={status=="unfinished" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("unfinished")}>未完成</a></li>
-            <li className={status=="finished" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("finished")}>已完成</a></li>
+          <div className="edu-back-white padding20-30 clearfix secondNavs bor-top-greyE">
+            <li className={status ? "whitepanelyslliss" : "active whitepanelyslliss"}><a href="javascript:void(0)"
+                                                                                         onClick={() => this.changeStatus()}
+                                                                                         className="w32">全部</a></li>
+            <li className={status == "unfinished" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("unfinished")} className="w60">未完成</a></li>
+            <li className={status == "finished" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("finished")} className="w60">已完成</a></li>
           </div>
         }
           <div className="pl25 pr25 clearfix font-12 " style={{
diff --git a/public/react/src/modules/user/usersInfo/InfosProject.js b/public/react/src/modules/user/usersInfo/InfosProject.js
index ee2cc13b0..76f9bcd1a 100644
--- a/public/react/src/modules/user/usersInfo/InfosProject.js
+++ b/public/react/src/modules/user/usersInfo/InfosProject.js
@@ -162,28 +162,82 @@ class InfosProject extends Component{
     return(
       <div className="educontent">
         <Spin size="large" spinning={isSpin}>
-					<style>
-						{
-							`
+          <style>
+            {
+              `
+             .whitepanelyslli {
+                width: 32px !important;
+             height: 48px !important;
+              line-height: 46px !important;
+             }
+              .whitepanelyslliss {
+                width: 32px !important;
+                  height: 48px !important;
+              line-height: 46px !important;
+             }
+            
+              .whitepanelysllis {
+             width: 66px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
+              
+                 .whitepanelysllisyt {
+             width: 60px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
+              
+              
               .white-panel li.active {
                   border-radius: 24px;
                   border: 0px solid #4CACFF;
                   color: #4CACFF;
               }
+              
+            
+              
               `
-						}
-					</style>
-        <div className="white-panel edu-back-white pt20 pb20 clearfix ">
-          <li className={category ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeCategory()}>全部</a></li>
-          <li className={category=="manage" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("manage")}>{is_current ? "我":"TA"}管理的</a></li>
-          <li className={category=="study" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("study")}>{is_current ? "我":"TA"}学习的</a></li>
-        </div>
+            }
+          </style>
+          <div className="white-panel edu-back-white pt20 pb20  clearfix ">
+            <li className={category ? " font-16 whitepanelyslli" : "active font-16 whitepanelyslli"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory()} className="font-16 w32">全部</a></li>
+            <li className={category == "manage" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory("manage")}
+              className="font-16 w66">{is_current ? "我" : "TA"}管理的</a></li>
+            <li className={category == "study" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory("study")}
+              className="font-16 w66">{is_current ? "我" : "TA"}学习的</a></li>
+          </div>
+          <style>
+            {
+              `  .secondNavs li {
+                color: #676767;
+                /* margin: 0px 20px; */
+                float: left;
+             }
+             .secondNavs li a:hover{
+             color: #4CACFF
+             }
+             .secondNavs li.active a{
+             color: #4CACFF
+             }
+             `
+            }
+          </style>
         {
           is_current &&
-          <div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-            <li className={status ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeStatus()}>全部</a></li>
-            <li className={status=="publicly" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("publicly")}>公开</a></li>
-            <li className={status=="personal" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("personal")}>私有</a></li>
+          <div className="edu-back-white padding20-30 clearfix secondNavs bor-top-greyE">
+            <li className={status ? "whitepanelyslliss" : "active whitepanelyslliss"}><a href="javascript:void(0)"
+                                                                                         onClick={() => this.changeStatus()}
+                                                                                         className=" w32">全部</a></li>
+            <li className={status == "publicly" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("publicly")} className=" w60">公开</a></li>
+            <li className={status == "personal" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("personal")} className=" w60">私有</a></li>
           </div>
         }
           <p className="pl25 pr25 clearfix font-12 " style={{
diff --git a/public/react/src/modules/user/usersInfo/InfosShixun.js b/public/react/src/modules/user/usersInfo/InfosShixun.js
index 0b6a33571..d382c0fc5 100644
--- a/public/react/src/modules/user/usersInfo/InfosShixun.js
+++ b/public/react/src/modules/user/usersInfo/InfosShixun.js
@@ -160,38 +160,99 @@ class InfosShixun extends Component{
     return(
       <div className="educontent">
         <Spin size="large" spinning={isSpin}>
-					<style>
-						{
-							`
+          <style>
+            {
+              `
+             .whitepanelyslli {
+                width: 32px !important;
+             height: 48px !important;
+              line-height: 46px !important;
+             }
+              .whitepanelyslliss {
+                width: 32px !important;
+                  height: 48px !important;
+              line-height: 46px !important;
+             }
+            
+              .whitepanelysllis {
+             width: 66px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
+              
+                 .whitepanelysllisyt {
+             width: 60px !important;
+              height: 48px !important;
+              line-height: 46px !important;
+              margin-left: 40px !important;
+              }
+              
+              
               .white-panel li.active {
                   border-radius: 24px;
                   border: 0px solid #4CACFF;
                   color: #4CACFF;
               }
+              
+            
+              
               `
-						}
-					</style>
-        <div className="white-panel edu-back-white pt20 pb20 clearfix ">
-          <li className={category ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeCategory()}>全部</a></li>
-          <li className={category=="manage" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("manage")}>{is_current ? "我":"TA"}管理的</a></li>
-          <li className={category=="study" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("study")}>{is_current ? "我":"TA"}学习的</a></li>
-        </div>
+            }
+          </style>
+          <div className="white-panel edu-back-white pt20 pb20 clearfix ">
+            <li className={category ? " font-16 whitepanelyslli" : "active font-16 whitepanelyslli"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory()} className="font-16 w32">全部</a></li>
+            <li className={category == "manage" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory("manage")}
+              className="font-16 w66">{is_current ? "我" : "TA"}管理的</a></li>
+            <li className={category == "study" ? "active font-16 whitepanelysllis" : "font-16 whitepanelysllis"}><a
+              href="javascript:void(0)" onClick={() => this.changeCategory("study")}
+              className="font-16 w66">{is_current ? "我" : "TA"}学习的</a></li>
+          </div>
+          <style>
+            {
+              `  .secondNavs li {
+                color: #676767;
+                /* margin: 0px 20px; */
+                float: left;
+             }
+             .secondNavs li a:hover{
+             color: #4CACFF
+             }
+             .secondNavs li.active a{
+             color: #4CACFF
+             }
+             `
+            }
+          </style>
+
         {
           category && category == "manage" && is_current &&
-          <div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-            <li className={status ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeStatus()}>全部</a></li>
-            <li className={status=="editing" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("editing")}>编辑中</a></li>
-            <li className={status=="applying" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("applying")}>待审核</a></li>
-            <li className={status=="published" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("published")}>已发布</a></li>
-            <li className={status=="closed" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("closed")}>已关闭</a></li>
+          <div className="edu-back-white padding20-30 clearfix secondNavs bor-top-greyE">
+            <li className={status ? "whitepanelyslliss" : "active whitepanelyslliss"}><a href="javascript:void(0)"
+                                                                                         onClick={() => this.changeStatus()}
+                                                                                         className="w32">全部</a></li>
+            <li className={status == "editing" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("editing")} className="w60">编辑中</a></li>
+            <li className={status == "applying" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("applying")} className="w60">待审核</a></li>
+            <li className={status == "published" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("published")} className="w60">已发布</a></li>
+            <li className={status == "closed" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("closed")} className="w60">已关闭</a></li>
           </div>
         }
         {
           category && category == "study" && is_current &&
-          <div className="edu-back-white padding20-30 clearfix secondNav bor-top-greyE">
-            <li className={status ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeStatus()}>全部</a></li>
-            <li className={status=="processing" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("processing")}>未通关</a></li>
-            <li className={status=="passed" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeStatus("passed")}>已通关</a></li>
+          <div className="edu-back-white padding20-30 clearfix secondNavs bor-top-greyE">
+            <li className={status ? "whitepanelyslliss" : "active whitepanelyslliss"}><a href="javascript:void(0)"
+                                                                                         onClick={() => this.changeStatus()}
+                                                                                         className="w32">全部</a></li>
+            <li className={status == "processing" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("processing")} className="w60">未通关</a></li>
+            <li className={status == "passed" ? "active whitepanelysllisyt" : "whitepanelysllisyt"}><a
+              href="javascript:void(0)" onClick={() => this.changeStatus("passed")} className="w60">已通关</a></li>
           </div>
         }
           <div className="pl25 pr25 clearfix font-12 " style={{
diff --git a/public/react/src/modules/user/usersInfo/usersInfo.css b/public/react/src/modules/user/usersInfo/usersInfo.css
index 1cf335213..9bfabab9b 100644
--- a/public/react/src/modules/user/usersInfo/usersInfo.css
+++ b/public/react/src/modules/user/usersInfo/usersInfo.css
@@ -439,3 +439,15 @@
 .h10 {
     height: 10px;
 }
+
+.w32 {
+    width: 32px !important;
+}
+
+.w66 {
+    width: 66px !important;
+}
+
+.w60 {
+    width: 60px !important;
+}
diff --git a/public/react/src/modules/user/usersInfo/video/InfosVideo.js b/public/react/src/modules/user/usersInfo/video/InfosVideo.js
index 2cbea920b..19829b76e 100644
--- a/public/react/src/modules/user/usersInfo/video/InfosVideo.js
+++ b/public/react/src/modules/user/usersInfo/video/InfosVideo.js
@@ -259,6 +259,12 @@ function InfoVideo (props) {
                 .videoItem {
                     margin-right: 24px;
                 }
+               .white-panel li.active {
+                  border-radius: 24px;
+                  border: 0px solid #4CACFF;
+                  color: #4CACFF;
+              }
+              
 
             `}</style>