diff --git a/public/react/src/modules/tpm/NewHeader.js b/public/react/src/modules/tpm/NewHeader.js
index fc63555af..4a1aaf08a 100644
--- a/public/react/src/modules/tpm/NewHeader.js
+++ b/public/react/src/modules/tpm/NewHeader.js
@@ -894,112 +894,112 @@ class NewHeader extends Component {
 											 padding:0px !important;
 											 }
 												`
-                    }
-                  </style>
-                  <li className={`pr  questionbanks`} >
-                    <Popover className="queyppors" id={"yslpopovers"} placement="bottom" content={contents} trigger="click" >
-                      <div className=" sortinxdirection mr10">
-                        <div style={{
-                          color: "#fff"
-                        }}>
-                          题库
-													</div>
-                      </div>
-                    </Popover>
-                  </li>
-
-                  <li
-                    style={{ display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth === null ? 'none' : 'block' }}
-                  ><a href={this.props.Headertop === undefined ? "" : this.props.Headertop.auth}>工程认证</a></li>
-
-                  <li className="fl edu-menu-panel  careershover "
-                    style={{ display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none' }}>
-                    <a>职业路径</a>
-                    <div
-                      style={{ display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none' }}>
-                      <ul className="edu-menu-list edu-menu-listnew " style={{ top: '60px' }}>
-                        {this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
-                          return (
-                            <li key={key}><i className="iconfont icon-java left careersiconfont"
-                              style={{ color: '#000 important' }}
-                            ></i><a style={{ width: '83%' }}
-                              href={item.url}>{item.name}</a></li>
-                          )
-                        })
-                        }
-                      </ul>
-                    </div>
-                  </li>
-                </ul>
-              </div>
-              :
-              <div className="head-nav pr" id={"head-navpre3"}>
-
-                <ul id="header-nav">
-                  {/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
-
-                  {/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
-                  <li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
-                    <Link to={this.props.Headertop === undefined ? "" : '/paths'}>实践课程</Link>
-                  </li>
-
-                  {/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
-                  <li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
-                    {/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
-                    <Link to={this.props.Headertop === undefined ? "" : '/courses'}>翻转课堂</Link>
-                  </li>
-                  <li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
-                    <Link to="/shixuns">实训项目</Link>
-                    {/*<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
-                    {/*</img>*/}
-                  </li>
-
-                  <li className="fl edu-menu-panel  careershover "
-                    style={{ display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none' }}>
-                    <a>职业路径</a>
-                    <div
-                      style={{ display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.career_url.length > 0 ? 'block' : 'none' }}>
-                      <ul className="edu-menu-list edu-menu-listnew " style={{ top: '60px' }}>
-                        {this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
-                          return (
-                            <li key={key}><i className="iconfont icon-java left careersiconfont"
-                              style={{ color: '#000 important' }}
-                            ></i><a style={{ width: '83%' }}
-                              href={item.url}>{item.name}</a></li>
-                          )
-                        })
-                        }
-                      </ul>
-                    </div>
-                  </li>
-
-                  {/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
-                  <li className={`${activeCompetitions === true ? 'pr active' : 'pr'}`}>
-                    <a href={this.props.Headertop === undefined ? "" : this.props.Headertop.competitions_url}>在线竞赛</a>
-                    {/*<img className="roundedRectangles"*/}
-                    {/*		 src={require('./roundedRectangle.png')}*/}
-                    {/*/>*/}
-                  </li>
-                  <li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
-                  {/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
-                  {/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
-                  {/*</li>*/}
-                  <li className={`${activeForums === true ? 'active' : ''}`}>	<Link to={this.props.Headertop === undefined ? "" : this.props.Headertop.topic_url}>交流问答</Link></li>
-                  <li
-                    style={{ display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth === null ? 'none' : 'block' }}
-                  ><a href={this.props.Headertop === undefined ? "" : this.props.Headertop.auth}>工程认证</a></li>
-                </ul>
-              </div>
-        }
-
-
-
-
-
-
-        <style>
-          {
-            `
+											}
+										</style>
+										{/*<li className={`pr  questionbanks`} >*/}
+										{/*	<Popover className="queyppors" id={"yslpopovers"} placement="bottom"  content={contents} trigger="click" >*/}
+										{/*		<div className=" sortinxdirection mr10">*/}
+										{/*			<div style={{*/}
+										{/*				color:"#fff"*/}
+										{/*			}}>*/}
+										{/*				题库*/}
+										{/*			</div>*/}
+										{/*		</div>*/}
+										{/*	</Popover>*/}
+										{/*</li>*/}
+
+										<li
+											style={{display: this.props.Headertop === undefined ? 'none' : this.props.Headertop.auth === null ? 'none' : 'block'}}
+										><a href={this.props.Headertop === undefined ? "" : this.props.Headertop.auth}>工程认证</a></li>
+
+										<li className="fl edu-menu-panel  careershover "
+												style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+											<a>职业路径</a>
+											<div
+												style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+												<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
+													{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
+														return(
+															<li key={key}><i className="iconfont icon-java left careersiconfont"
+																							 style={{color: '#000 important'}}
+															></i><a style={{width: '83%'}}
+																			href={item.url}>{item.name}</a></li>
+														)
+													})
+													}
+												</ul>
+											</div>
+										</li>
+									</ul>
+								</div>
+								:
+								<div className="head-nav pr" id={"head-navpre3"}>
+
+									<ul id="header-nav">
+										{/*<li className={`${activeIndex === true ? 'active' : ''}`}><a href="/">首页</a></li>*/}
+
+										{/*<li><a href={this.props.Headertop===undefined?"":this.props.Headertop.shixun_paths_url}>实训路径</a></li>*/}
+										<li className={`${activePaths === true ? 'pr active' : 'pr'}`}>
+											<Link to={this.props.Headertop===undefined?"":'/paths'}>实践课程</Link>
+										</li>
+
+										{/*<li><a href={this.props.Headertop===undefined?"":'/courses'}>课堂</a></li>*/}
+										<li className={`${coursestype === true ? 'pr active' : 'pr'}`}>
+											{/*<a href={this.props.Headertop===undefined?"":this.props.Headertop.course_url}>课堂</a>*/}
+											<Link to={this.props.Headertop===undefined?"":'/courses'}>教学课堂</Link>
+										</li>
+										<li className={`${activeShixuns === true ? 'pr active' : 'pr'}`}>
+											<Link to="/shixuns">实训项目</Link>
+											{/*<img src={getImageUrl("images/educoder/hot-h.png")} className="nav-img">*/}
+											{/*</img>*/}
+										</li>
+
+										<li className="fl edu-menu-panel  careershover "
+												style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+											<a>职业路径</a>
+											<div
+												style={{display: this.props.Headertop === undefined ?'none'  : this.props.Headertop.career_url.length > 0 ? 'block' : 'none'}}>
+												<ul className="edu-menu-list edu-menu-listnew " style={{top:'60px'}}>
+													{this.props.Headertop === undefined ? "" : this.props.Headertop.career_url.map((item, key) => {
+														return(
+															<li key={key}><i className="iconfont icon-java left careersiconfont"
+																							 style={{color: '#000 important'}}
+															></i><a style={{width: '83%'}}
+																			href={item.url}>{item.name}</a></li>
+														)
+													})
+													}
+												</ul>
+											</div>
+										</li>
+
+										{/*<li className=""><a href={"/libraries"}>教学案例</a></li>*/}
+										<li className={`${activeCompetitions === true ? 'pr active' : 'pr'}`}>
+											<a href={this.props.Headertop===undefined?"":this.props.Headertop.competitions_url}>在线竞赛</a>
+											{/*<img className="roundedRectangles"*/}
+											{/*		 src={require('./roundedRectangle.png')}*/}
+											{/*/>*/}
+										</li>
+										<li className={`${activeMoopCases === true ? 'pr active' : 'pr'}`}> <Link to={`/moop_cases`}>教学案例</Link></li>
+										{/*<li className={`${activePackages === true ? 'pr active' : 'pr'}`}>*/}
+										{/*<Link to={'/crowdsourcing'}>众包创新</Link>*/}
+										{/*</li>*/}
+										<li className={`${activeForums === true ? 'active' : ''}`}>	<Link to={this.props.Headertop===undefined?"":this.props.Headertop.topic_url}>交流问答</Link></li>
+										<li
+											style={{display: this.props.Headertop === undefined ? 'none'  : this.props.Headertop.auth===null? 'none' : 'block'}}
+										><a href={this.props.Headertop===undefined?"":this.props.Headertop.auth}>工程认证</a></li>
+									</ul>
+								</div>
+					}
+
+
+
+
+
+
+				<style>
+					{
+						`
             .posi-searchs{
             opacity: 1;
             position: absolute;
diff --git a/public/react/src/modules/tpm/shixunchild/Repository/Repositoryfile.js b/public/react/src/modules/tpm/shixunchild/Repository/Repositoryfile.js
index ff6d09d9c..1721b7621 100644
--- a/public/react/src/modules/tpm/shixunchild/Repository/Repositoryfile.js
+++ b/public/react/src/modules/tpm/shixunchild/Repository/Repositoryfile.js
@@ -209,6 +209,9 @@ class Repositoryfile extends Component{
                   padding-left: 0px;
                   margin-top:5px;
               }
+              body{
+                   width: calc(100%) !important;
+              }
               `
             }
           </style>