diff --git a/public/react/src/modules/courses/comtopicdetails/CompletetopicdePage.js b/public/react/src/modules/courses/comtopicdetails/CompletetopicdePage.js
index 202dc9a8d..db285f584 100644
--- a/public/react/src/modules/courses/comtopicdetails/CompletetopicdePage.js
+++ b/public/react/src/modules/courses/comtopicdetails/CompletetopicdePage.js
@@ -80,7 +80,7 @@ class CompletetopicdePage extends Component {
 					<div className="edu-back-white ">
 						<div className="stud-class-set bor-bottom-greyE ">
 							<div className=" clearfix edu-back-white poll_list">
-								<a className={"active"}>内容详情</a>
+								<a className="active ml12" >内容详情</a>
 								<a className="fr color-blue font-16"   >发送</a>
 								<a className="fr color-blue font-16"   >编辑</a>
 								<a className="fr color-blue font-16"   >删除</a>
diff --git a/public/react/src/modules/courses/comtopicdetails/Completetopicdeswer.js b/public/react/src/modules/courses/comtopicdetails/Completetopicdeswer.js
deleted file mode 100644
index b5e141f91..000000000
--- a/public/react/src/modules/courses/comtopicdetails/Completetopicdeswer.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import React, {Component} from "react";
-import { WordsBtn,on, off, trigger,markdownToHTML,getImageUrl} from 'educoder';
-import {
-	Button,
-	Checkbox,
-	message,
-	InputNumber,
-	DatePicker,
-	Radio,
-	Tooltip,
-	notification,
-} from "antd";
-import GroupPackage from '../groupjobbank/GroupPackage'
-import './completetopicde.css';
-
-
-class Completetopicdeswer extends Component {
-
-	constructor(props) {
-		super(props);
-
-		this.state = {
-
-		}
-	}
-
-	componentDidMount() {
-		console.log("Generaljobdetails");
-		console.log("componentDidMount");
-		// let query = this.props.location.pathname;
-		// const type = query.split('/');
-		// this.setState({
-		// 	shixuntypes:type[3]
-		// })
-		// this.props.triggerRef(this);
-
-
-
-
-	}
-	// 获取数据地方
-	getTrainingjobsetting = () => {
-		var homeworkid = this.props.match.params.homeworkid;
-	}
-
-	//跳转道描点的地方
-	scrollToAnchor = (anchorName) => {
-		if (anchorName) {
-			// 找到锚点
-			let anchorElement = document.getElementById(anchorName);
-			// 如果对应id的锚点存在，就跳转到锚点
-			if(anchorElement) { anchorElement.scrollIntoView(); }
-		}
-	};
-
-
-
-	render() {
-
-		return (
-			<div className=" clearfix  edu-back-white bor-bottom-greyE"  ref='targetElementTrainingjobsetting' style={{margin:  "auto", minWidth:"1200px"}}>
-				<div className="yslquestionbank1">
-
-					<div id="MakedownHTML"className="markdown-body   yslquesHeigth yslquesmarkdowntext"  dangerouslySetInnerHTML={{__html: markdownToHTML("C++是C语言的面向对象扩展，是C语言的一个超集，同时也是历史最悠久、最受欢迎的程序设计语言之一。根据C++创始人Stroustrup的自述：C++是一个“更好的C语言”。\n" +
-							"\n" +
-							"输入输出是计算机程序的基本功能。程序本质上是对数据进行处理的一系列操作，一般程序都可以分解为：“数据输入”、“数据处理”和“数据输出”三个步骤。标准输入输出（键盘输入和显示器输出）是程序的重要组成部分。\n" +
-							"\n" +
-							"本实训项目的主要目标是学习和掌握C++程序的基本结构和基本输入输出，主要内容包括标准C语言自有的单个字符的输入输出、格式化的输入输出，以及C++扩展的使用流对象的输入输出").replace(/▁/g, "▁▁▁")}}/>
-
-					<GroupPackage></GroupPackage>
-				</div>
-
-
-			</div>
-
-
-		)
-	}
-}
-
-export default Completetopicdeswer;
\ No newline at end of file
diff --git a/public/react/src/modules/courses/comtopicdetails/Completetopicdetails.js b/public/react/src/modules/courses/comtopicdetails/Completetopicdetails.js
index 0d882f19c..15b4c24cf 100644
--- a/public/react/src/modules/courses/comtopicdetails/Completetopicdetails.js
+++ b/public/react/src/modules/courses/comtopicdetails/Completetopicdetails.js
@@ -58,7 +58,8 @@ class Completetopicdetails extends Component {
 	render() {
 
 		return (
-			<div className=" clearfix  edu-back-white bor-bottom-greyE"  ref='targetElementTrainingjobsetting' style={{margin:  "auto", minWidth:"1200px"}}>
+			<div className=" clearfix  edu-back-white "  ref='targetElementTrainingjobsetting' style={{margin:  "auto", minWidth:"1200px"}}>
+				<div className="bor-bottom-greyE">
 				<div className="yslquestionbank1">
 
 					<div id="MakedownHTML"className="markdown-body   yslquesHeigth yslquesmarkdowntext"  dangerouslySetInnerHTML={{__html: markdownToHTML("C++是C语言的面向对象扩展，是C语言的一个超集，同时也是历史最悠久、最受欢迎的程序设计语言之一。根据C++创始人Stroustrup的自述：C++是一个“更好的C语言”。\n" +
@@ -69,8 +70,41 @@ class Completetopicdetails extends Component {
 
 					<GroupPackage></GroupPackage>
 				</div>
-
-
+				</div>
+				<div style={{width:"100%", padding: "36px"}}>
+				  <div className="yslboomdivs">
+         <p>
+					<span className="yslboomdivsy">课题类型：</span>
+					 <span className="yslboomdivsys">设计</span>
+				 </p>
+         <p>
+					 <span className="yslboomdivsy">课题来源：</span>
+					 <span className="yslboomdivsys">生产/社会实践</span>
+				 </p>
+					<p>
+						<span className="yslboomdivsy">课题性质1：</span>
+						<span className="yslboomdivsys">设计</span>
+					</p>
+					<p>
+						<span className="yslboomdivsy">课题性质2：</span>
+						<span className="yslboomdivsys">设计</span>
+					</p>
+				</div>
+					<div className="yslboomdivs">
+						<p>
+							<span className="yslboomdivsy">课题重复情况： </span>
+							<span className="yslboomdivsys">新需求</span>
+						</p>
+						<p>
+							<span className="yslboomdivsy">调研或实习地点：</span>
+							<span className="yslboomdivsys">长沙</span>
+						</p>
+						<p style={{width:"564px"}}>
+							<span className="yslboomdivsy">课题单位来源：</span>
+							<span className="yslboomdivsys">湖南省据C++创始人Stroustrup有限公司</span>
+						</p>
+					</div>
+				</div>
 			</div>
 
 
diff --git a/public/react/src/modules/courses/comtopicdetails/completetopicde.css b/public/react/src/modules/courses/comtopicdetails/completetopicde.css
index f7dbe6331..fd566ffdc 100644
--- a/public/react/src/modules/courses/comtopicdetails/completetopicde.css
+++ b/public/react/src/modules/courses/comtopicdetails/completetopicde.css
@@ -35,4 +35,24 @@
 .ysltextcolor99999{
     color: #999999;
     font-size: 16px;
+}
+.yslboomdivs{
+
+    display: flex;
+    justify-content:flex-start;
+}
+.yslboomdivs p{
+    width: 282px;
+}
+.yslboomdivs p span  {
+ text-align: left;
+}
+.yslboomdivsy{
+    color: #999999;
+    font-size: 14px;
+
+}
+.yslboomdivsys{
+    color: #666666;
+    font-size: 14px;
 }
\ No newline at end of file
diff --git a/public/react/src/modules/courses/groupjobbank/GroupPackage.js b/public/react/src/modules/courses/groupjobbank/GroupPackage.js
index 22329c8ad..47dc4e3ee 100644
--- a/public/react/src/modules/courses/groupjobbank/GroupPackage.js
+++ b/public/react/src/modules/courses/groupjobbank/GroupPackage.js
@@ -61,7 +61,7 @@ class GroupPackage extends Component {
 							<i className="font-14 color-green iconfont icon-fujian mr8" aria-hidden="true"></i>
 						</a>
 						<a href={"/"} title={''}
-							 className="mr12 ysltextcolor99999 overflowHidden1" length="58" style={{maxWidth: '480px'}}>
+							 className="mr12  overflowHidden1" length="58" style={{maxWidth:'480px',color:"#999999",fontSize:"16px",}}>
 							清除浏览器缓存或换个浏览器操作指南更新版本.zip
 						</a>
 						<span className="color656565  color-grey-6 font-12 mr8">{2}</span>
diff --git a/public/react/src/modules/courses/groupjobbank/GroupjobbankPage.js b/public/react/src/modules/courses/groupjobbank/GroupjobbankPage.js
index 837e06a80..bf9373274 100644
--- a/public/react/src/modules/courses/groupjobbank/GroupjobbankPage.js
+++ b/public/react/src/modules/courses/groupjobbank/GroupjobbankPage.js
@@ -15,7 +15,7 @@ import '../css/busyWork.css';
 import '../poll/pollStyle.css';
 
 class GroupjobbankPage extends Component {
-	//分组作业的题库详情
+	//分组作业内容详情
 	constructor(props) {
 		super(props);
 		// this.answerMdRef = React.createRef();
@@ -124,8 +124,8 @@ class GroupjobbankPage extends Component {
 					<div className="edu-back-white ">
 						<div className="stud-class-set bor-bottom-greyE ">
 							<div className=" clearfix edu-back-white poll_list">
-								<a className={parseInt(tab) === 0 ? "active" : ""} onClick={(e) => this.ChangeTab(0)}>内容详情</a>
-								<a className={parseInt(tab) === 1 ? "active" : ""} onClick={(e) => this.ChangeTab(1)}>参考答案</a>
+								<a className={parseInt(tab) === 0 ? "active ml12" : "ml12"} onClick={(e) => this.ChangeTab(0)}>内容详情</a>
+								<a className={parseInt(tab) === 1 ? "active ml12" : "ml12"} onClick={(e) => this.ChangeTab(1)}>参考答案</a>
 								<a className="fr color-blue font-16"   >发送</a>
 								<a className="fr color-blue font-16"   >编辑</a>
 								<a className="fr color-blue font-16"   >删除</a>
diff --git a/public/react/src/modules/courses/questionbank/Generaljobbankdetails.js b/public/react/src/modules/courses/questionbank/Generaljobbankdetails.js
index 39adf8246..49e2a5173 100644
--- a/public/react/src/modules/courses/questionbank/Generaljobbankdetails.js
+++ b/public/react/src/modules/courses/questionbank/Generaljobbankdetails.js
@@ -15,7 +15,7 @@ import '../css/busyWork.css';
 import '../poll/pollStyle.css';
 
 class Generaljobbankdetails extends Component {
-	 //普通作业的题库详情
+	 //普通作业内容详情
 	constructor(props) {
 		super(props);
 		// this.answerMdRef = React.createRef();
@@ -124,8 +124,8 @@ class Generaljobbankdetails extends Component {
 					<div className="edu-back-white ">
 						<div className="stud-class-set bor-bottom-greyE ">
 							<div className=" clearfix edu-back-white poll_list">
-								<a className={parseInt(tab) === 0 ? "active" : ""} onClick={(e) => this.ChangeTab(0)}>内容详情</a>
-								<a className={parseInt(tab) === 1 ? "active" : ""} onClick={(e) => this.ChangeTab(1)}>参考答案</a>
+								<a className={parseInt(tab) === 0 ? "active ml12" : "ml12"} onClick={(e) => this.ChangeTab(0)}>内容详情</a>
+								<a className={parseInt(tab) === 1 ? "active ml12" : "ml12"} onClick={(e) => this.ChangeTab(1)}>参考答案</a>
 								<a className="fr color-blue font-16"   >发送</a>
 								<a className="fr color-blue font-16"   >编辑</a>
 								<a className="fr color-blue font-16"   >删除</a>