diff --git a/app/views/admins/competition_settings/index.html.erb b/app/views/admins/competition_settings/index.html.erb
index f2ed61622..2509dea13 100644
--- a/app/views/admins/competition_settings/index.html.erb
+++ b/app/views/admins/competition_settings/index.html.erb
@@ -486,4 +486,5 @@
       </div>
     </div>
   </div>
+  <div style="margin-bottom: 8.5rem;"></div>
 <% end %>
\ No newline at end of file
diff --git a/public/images/educoder/competitions/trophy.png b/public/images/educoder/competitions/trophy.png
index e07fb3d94..7b129cfae 100644
Binary files a/public/images/educoder/competitions/trophy.png and b/public/images/educoder/competitions/trophy.png differ
diff --git a/public/react/src/modules/competitions/Competitioncommon/CompetitionCommon.css b/public/react/src/modules/competitions/Competitioncommon/CompetitionCommon.css
index fb23f3b22..23dfe3895 100644
--- a/public/react/src/modules/competitions/Competitioncommon/CompetitionCommon.css
+++ b/public/react/src/modules/competitions/Competitioncommon/CompetitionCommon.css
@@ -344,8 +344,17 @@
 }
 
 .CompetitionContents{
-    background: #fff;
+    background: #fff !important;
     padding: 40px;
     box-shadow: 3px 2px 12px 2px rgba(0,0,0,0.05);
     border: 1px solid rgba(239,239,239,1);
+}
+
+.rankbeicenter{
+    text-align: center;
+}
+.rankbei{
+    font-size: 16px;
+    color: rgba(119,119,119,1);
+
 }
\ No newline at end of file
diff --git a/public/react/src/modules/competitions/Competitioncommon/CompetitionCommon.js b/public/react/src/modules/competitions/Competitioncommon/CompetitionCommon.js
index 61f99d921..119a84a1a 100644
--- a/public/react/src/modules/competitions/Competitioncommon/CompetitionCommon.js
+++ b/public/react/src/modules/competitions/Competitioncommon/CompetitionCommon.js
@@ -325,7 +325,7 @@ class CompetitionCommon extends Component{
 							  </Menu>
 							</Sider>
 
-							<Layout className={"teamsLayoutleft"}>
+							<Layout className={"teamsLayoutleft CompetitionContents mb30"}>
 								{this.state.module_type==="chart"?Competitionedittype===false?<CompetitionContentsChart
 									{...this.props}
 									{...this.state}
diff --git a/public/react/src/modules/competitions/Competitioncommon/CompetitionContents.js b/public/react/src/modules/competitions/Competitioncommon/CompetitionContents.js
index 3cb82115c..c3991e425 100644
--- a/public/react/src/modules/competitions/Competitioncommon/CompetitionContents.js
+++ b/public/react/src/modules/competitions/Competitioncommon/CompetitionContents.js
@@ -29,7 +29,7 @@ class CompetitionContents extends Component{
 					{this.props.current_user&&this.props.current_user.admin===true||this.props.current_user&&this.props.current_user.business===true?this.props.Competitionedittype===false?<Button className={"fr"} type="primary" ghost onClick={()=>this.props.Competitionedit()}>
 						编辑
 					</Button>:"":""}
-					<div className={this.props.current_user&&this.props.current_user.admin===true||this.props.current_user&&this.props.current_user.business===true?"mt50 mb100 CompetitionContents":"mb100 CompetitionContents"}>
+					<div className={this.props.current_user&&this.props.current_user.admin===true||this.props.current_user&&this.props.current_user.business===true?"mt50 mb100 ":"mb100 "}>
 						<Content className={"markdown-body"} dangerouslySetInnerHTML={{__html: markdownToHTML(mdContentdata===undefined?"":mdContentdata.md_content===undefined?"":mdContentdata.md_content).replace(/▁/g, "▁▁▁")}}>
 						</Content>
 
diff --git a/public/react/src/modules/competitions/Competitioncommon/CompetitionContentsChart.js b/public/react/src/modules/competitions/Competitioncommon/CompetitionContentsChart.js
index 05479c1b3..17baca3d6 100644
--- a/public/react/src/modules/competitions/Competitioncommon/CompetitionContentsChart.js
+++ b/public/react/src/modules/competitions/Competitioncommon/CompetitionContentsChart.js
@@ -98,11 +98,11 @@ class CompetitionContents extends Component{
 								{chart_rules.rule_contents.map((items,keys)=>{
 									if(item.id===items.competition_stage_id){
 										return(
-											<Content key={keys} className={"markdown-body CompetitionContents"} dangerouslySetInnerHTML={{__html: markdownToHTML(items.content).replace(/▁/g, "▁▁▁")}}></Content>
+											<Content key={keys} className={"markdown-body "} dangerouslySetInnerHTML={{__html: markdownToHTML(items.content).replace(/▁/g, "▁▁▁")}}></Content>
 										)
 									}else if(item.id===null&&items.competition_stage_id===0){
 										return(
-											<Content key={keys} className={"markdown-body CompetitionContents"} dangerouslySetInnerHTML={{__html: markdownToHTML(items.content).replace(/▁/g, "▁▁▁")}}></Content>
+											<Content key={keys} className={"markdown-body "} dangerouslySetInnerHTML={{__html: markdownToHTML(items.content).replace(/▁/g, "▁▁▁")}}></Content>
 										)
 									}
 								})}
@@ -113,10 +113,10 @@ class CompetitionContents extends Component{
 
 
 			  <Col className="gutter-row Competitioncharts mt30 mb30">总排名</Col>
-				<Col className="gutter-row Competitioncharts mt30 mb30">
+				{chartdata===undefined?"":chartdata.teams.length===0?<Col className="gutter-row Competitioncharts mt30 mb30 rankbeicenter">
 					<img  src={getImageUrl(`images/educoder/competitions/trophy.png`)}/>
-					<div>要抓住一切机会，向所有人证明你自己，证明你能够迎接荣耀</div>
-				</Col>
+					<div className={"rankbei mt10"}>要抓住一切机会，向所有人证明你自己，证明你能够迎接荣耀</div>
+				</Col>:""}
 				<Row calssName={"Competition399"}>
 					{chartdata===undefined?"":chartdata.teams.length===0?"":chartdata.teams.map((item,key)=>{