diff --git a/public/react/src/modules/tpm/TPMIndex.css b/public/react/src/modules/tpm/TPMIndex.css
index e30631e1d..e86bc2d68 100644
--- a/public/react/src/modules/tpm/TPMIndex.css
+++ b/public/react/src/modules/tpm/TPMIndex.css
@@ -114,7 +114,7 @@ body>.-task-title {
 
 
 /*-------------------个人主页：右侧提示区域--------------------------*/
-.-task-sidebar{position:fixed;width:40px;height:180px;right:0;bottom:30px;z-index: 10;}
+.-task-sidebar{position:fixed;width:40px;height:180px;right:0;bottom:80px !important;z-index: 10;}
 .-task-sidebar>div{height: 40px;line-height: 40px;box-sizing: border-box;width:40px;background:#4CACFF;color:#fff;font-size:20px;text-align:center;margin-bottom:5px;border-radius: 4px;}
 .-task-sidebar>div i{ color:#fff;}
 .-task-sidebar>div i:hover{color: #fff!important;}
diff --git a/public/react/src/modules/tpm/TPMsettings/TPMsettings.js b/public/react/src/modules/tpm/TPMsettings/TPMsettings.js
index 7bd437d6b..94e1ec3c1 100644
--- a/public/react/src/modules/tpm/TPMsettings/TPMsettings.js
+++ b/public/react/src/modules/tpm/TPMsettings/TPMsettings.js
@@ -1653,13 +1653,13 @@ export default class TPMsettings extends Component {
     return (
 				<div className="educontent mt30 mb50">
           <Tabs tabBarExtraContent={operations}>
-            <TabPane tab="Tab 1" key="1">
+            <TabPane tab="基本信息" key="1">
               Content of tab 1
             </TabPane>
-            <TabPane tab="Tab 2" key="2">
+            <TabPane tab="权限配置" key="2">
               Content of tab 2
             </TabPane>
-            <TabPane tab="Tab 3" key="3">
+            <TabPane tab="学习页面设置" key="3">
               Content of tab 3
             </TabPane>
           </Tabs>
diff --git a/public/react/src/modules/tpm/newshixuns/Newshixuns.js b/public/react/src/modules/tpm/newshixuns/Newshixuns.js
index 775aaa873..098d2b78a 100644
--- a/public/react/src/modules/tpm/newshixuns/Newshixuns.js
+++ b/public/react/src/modules/tpm/newshixuns/Newshixuns.js
@@ -329,8 +329,16 @@ class Newshixuns extends Component {
       },
     }
     return (
-
       <div className="newMain clearfix">
+        <style>
+          {
+            `
+             .newFooter{
+               display:none;
+             }
+            `
+          }
+        </style>
         <div className="educontent mt20 mb60 clearfix">
           <div className="new_shixun">
 
@@ -618,6 +626,7 @@ class Newshixuns extends Component {
           </div>
         </div>
 
+
         <div className="clearfix bor-bottom-greyE edu-back-white orderingbox newshixunbottombtn">
           <div className=" edu-txt-center padding13-30">
             <button type="button" className="ant-btn mr20 newshixunmode"><span>取 消</span></button>
diff --git a/public/react/src/modules/tpm/newshixuns/css/Newshixuns.css b/public/react/src/modules/tpm/newshixuns/css/Newshixuns.css
index 4dd21860e..5a5fffdf9 100644
--- a/public/react/src/modules/tpm/newshixuns/css/Newshixuns.css
+++ b/public/react/src/modules/tpm/newshixuns/css/Newshixuns.css
@@ -404,4 +404,418 @@ a.white-btn.use_scope-btn:hover{
 
 .width30{
     width: 30%;
-}
\ No newline at end of file
+}
+
+.newshixunheadersear{
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin: 0 auto;
+}
+.packinput .ant-input{
+    height: 55px;
+    width:663px !important;
+    font-size: 14px;
+    /*color: #681616 !important;*/
+    border-color: #E1EDF8 !important;
+    padding-left: 20px;
+}
+
+.packinput .ant-input-group-addon .ant-btn{
+    width:137px !important;
+    font-size: 18px;
+    height: 53px;
+    background:rgba(76,172,255,1);
+
+}
+.tabtitle{
+    height: 62px !important;
+    -webkit-box-shadow: 3px 10px 21px 0px rgba(76, 76, 76, 0.15);
+    box-shadow: 3px 10px 21px 0px rgba(76, 76, 76, 0.15);
+    border-radius: 6px;
+    background: #fff;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: center;
+    justify-content: center;
+}
+.tabtitles2{
+    background: #fff;
+    height: 62px !important;
+    width: 1200px;
+}
+
+.tabtitless{
+    height: 62px !important;
+    line-height: 62px !important;
+
+}
+.tabtitle1{
+
+}
+.tabtitle2{
+    margin-left: 30px !important;
+
+}
+
+
+.counttit{
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: center;
+    justify-content: center;
+}
+
+.counttittext{
+    text-align: left;
+    width: 1200px;
+    height: 18px;
+    color: #888888;
+    font-size: 13px;
+    margin-top: 24px;
+
+
+}
+.counttittexts{
+    color: #4CACFF !important;
+    font-size: 13px;
+}
+
+.mainx{
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-top: 17px;
+}
+.project-packages-list{
+
+}
+.project-package-item{
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction:column;
+    flex-direction:column;
+    margin-bottom: 20px;
+    padding: 20px;
+    background: white;
+    /* box-shadow: 1px 3px 3px 1px rgba(156,156,156,0.16); */
+
+}
+.xuxianpro{
+    height: 20px;
+    border-bottom: 1px dashed;
+    border-color: #EAEAEA;
+    margin-bottom: 18px;
+}
+.magr11{
+    margin-top: 11px;
+}
+.highlight{
+    color: #4CACFF;
+}
+.fonttext{
+    font-size: 20px;
+    font-weight:bold;
+}
+
+.fontextcolor{
+    color:  #777777;
+}
+.tzbq{
+    margin-left: 68px;
+}
+.tzbqx{
+    /* margin-left: 24px; */
+}
+.bjyss{
+    background: #F8F8F8;
+}
+.zj{
+    overflow:hidden;
+    -o-text-overflow:ellipsis;
+    text-overflow:ellipsis;
+    white-space:nowrap
+}
+.ziticor{
+    color: #777777;
+    font-size: 13px;
+}
+.foohter{
+    margin-top: 20px;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction:row;
+    flex-direction:row;
+}
+
+.maxwidth1100{
+    max-width: 1100px;
+    overflow:hidden;
+    -o-text-overflow:ellipsis;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    font-size: 18px !important;
+    font-weight: 500;
+    color: rgba(51,51,51,1) !important;
+}
+
+
+.newshixunmodelmidfont{
+    font-size: 14px;
+    font-weight: 400;
+    color: #999999;
+    margin-top: 15px;
+    margin-left: 30px;
+    max-width: 1100px;
+    overflow: hidden;
+    -o-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+}
+
+.newshixunmodelbotfont{
+    font-size:12px;
+    font-weight:400;
+    color:rgba(102,102,102,1);
+    margin-top: 15px;
+    margin-left: 30px;
+}
+
+.newshixunlist{
+    max-height:227px;
+    width: 1200px;
+}
+
+.xuxianpro {
+    height: 20px;
+    border-bottom: 1px dashed;
+    border-color: #eaeaea;
+    margin-bottom: 18px;
+}
+
+.newshixunpd030{
+    padding: 0px 30px;
+}
+
+.pd303010{
+    padding: 30px 30px 10px;
+}
+
+.newshixunfont12{
+    font-size: 12px;
+    color: rgba(76,172,255,1);
+    line-height: 21px;
+}
+
+.newshixunmode{
+    width: 100px;
+    height: 38px;
+    border-radius: 3px;
+    /*border: 1px solid rgba(191,191,191,1);*/
+}
+
+.ntopsj {
+    position: absolute;
+    top: -4px;
+}
+
+.nyslbottomsj {
+    position: absolute;
+    bottom: -6px;
+}
+
+.inherits .ant-dropdown-menu-item{
+    cursor: inherit !important;
+}
+
+.menus{
+    width: 91px;
+    text-align: center;
+}
+
+.newshixunmodelbotfont span{
+    display: inline-block;
+    margin-right: 34px;
+}
+
+.minhegiht300{
+    min-height: 300px;
+}
+
+.newshixunlist:hover{
+    -webkit-box-shadow: 1px 6px 16px rgba(156,156,156,0.16);
+    box-shadow: 1px 6px 16px rgba(156,156,156,0.16);
+    opacity: 1;
+    border-radius: 2px;
+}
+
+.newshixun500{
+    max-width: 500px;
+    overflow: hidden;
+    -o-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.mt3 {
+    margin-top: 3px !important;
+}
+
+.highlight{
+    color: #4CACFF;
+}
+
+.newshixunbottombtn{
+    position: fixed;
+    z-index: 1000;
+    bottom: 0px;
+    width: 100%;
+    height: 63px;
+    background: rgba(255,255,255,1);
+    -webkit-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.05);
+    box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.05);
+}
+
+
+.mb60shixun{
+    margin-bottom: 60px !important;
+}
+
+.padding13-30 {
+    padding: 13px 30px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.displaymodulat {
+    display: -ms-flexbox;
+    display: flex;
+    display: -webkit-flex;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.WordNumberTextarea {
+    outline: none; /* 去掉输入字符时的默认样式 */
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background-color: white;
+    text-shadow: none;
+    -webkit-writing-mode: horizontal-tb !important;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    resize: none; /*禁止拉伸*/
+    border: none; /*去掉默认边框*/
+    width: 100%;
+    height: 130px;
+    border: none;
+    display: block;
+}
+
+.WordNumbernote {
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    text-decoration: none;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    overflow: hidden;
+    height: auto;
+    border: 1px solid rgba(234, 234, 234, 1);
+    border-radius: 0.125rem;
+    margin: 10px 10px 0px 10px;
+    padding: 10px 10px 5px 10px;
+    backgroud: rgba(234, 234, 234, 1);
+    width: 530px;
+    margin-left: 10px;
+    margin-top: 25px;
+    height: 214px !important;
+}
+
+.WordNumbernote .WordNumberTextarea {
+    outline: none;
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background-color: white;
+    text-shadow: none;
+    -webkit-writing-mode: horizontal-tb !important;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    resize: none;
+    border: none;
+    width: 100%;
+    height: 169px !important;
+    border: none;
+    display: block;
+}
+
+.WordNumberTextarea-count {
+    display: inline-block;
+    float: right;
+    font-size: 16px;
+    color: #adadad;
+    padding-right: 0.25rem;
+}
+
+.borerinput {
+    border: 1px solid #DD1717 !important;
+}
+
+.borerinputs {
+    border: 1px solid #eee !important;
+}
+
+
+.mexertwo {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: initial;
+    flex-direction: initial;
+}
+
+.mexeheigth {
+    line-height: 40px;
+}
+
+.mexeheigth2 {
+    line-height: 40px;
+    width: 74px;
+}
+
+.minbuttionte {
+    /* display: flex; */
+    margin-top: 20px;
+    width: 100%;
+    /* align-items: center; */
+    margin-bottom: 17px;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -ms-flex-align: center;
+    align-items: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -ms-flex-direction: initial;
+    flex-direction: initial;
+}
+
+.initialflex{
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction:initial;
+    flex-direction:initial;
+}
+
+.newshixunheadersear{
+    margin: 0 auto;
+}
+
+.newshixunmodels{
+    margin: 0 auto;
+}
diff --git a/public/stylesheets/educoder/edu-main.css b/public/stylesheets/educoder/edu-main.css
index 89b62856d..8e479aa9b 100644
--- a/public/stylesheets/educoder/edu-main.css
+++ b/public/stylesheets/educoder/edu-main.css
@@ -674,7 +674,7 @@ input.radio-width90{ width: 90px; }
 .ringauto{width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;background-color: #F4FAFF;margin-right:5px;}
 
 /*-------------------个人主页：右侧提示区域--------------------------*/
-.-task-sidebar{position:fixed;width:40px;height:180px;right:0;bottom:30px;z-index: 10;}
+.-task-sidebar{position:fixed;width:40px;height:180px;right:0;bottom:80px;z-index: 10;}
 .-task-sidebar div{height: 40px;line-height: 40px;box-sizing: border-box;width:40px;background:#4CACFF;color:#fff;font-size:20px;text-align:center;margin-bottom:5px;border-radius: 4px;}
 .-task-sidebar div i{ color:#fff;}
 .-task-sidebar div i:hover{color: #fff!important;}