diff --git a/public/react/src/modules/testpaper/Testpaperlibrary.js b/public/react/src/modules/testpaper/Testpaperlibrary.js
index 7907835b1..58dff6172 100644
--- a/public/react/src/modules/testpaper/Testpaperlibrary.js
+++ b/public/react/src/modules/testpaper/Testpaperlibrary.js
@@ -72,6 +72,10 @@ class Testpaperlibrary extends Component {
 				})
 			}
 		});
+		var data={
+
+		}
+		this.getdata(data);
 
 	}
 
@@ -82,11 +86,6 @@ class Testpaperlibrary extends Component {
 		this.getdata(data);
 	}
 
-// 选择难度
-	setdifficulty=()=>{
-
-
-	}
 
 	callback=()=>{
 
@@ -104,7 +103,7 @@ class Testpaperlibrary extends Component {
 
 	//获取数据
 	getdata=(data)=>{
-		const url = `/item_banks.json`;
+		const url = `/examination_banks.json`;
 		this.setState({
 			booljupyterurls:true,
 		})
@@ -127,7 +126,7 @@ class Testpaperlibrary extends Component {
 			////console.log(response);
 			this.setState({
 				Contentdata: response.data,
-				items_count: response.data.items_count,
+				items_count: response.data.exam_count,
 			})
 		}).catch((error) => {
 			////console.log(error)
@@ -194,6 +193,10 @@ class Testpaperlibrary extends Component {
 		this.getdata(data);
 	}
 
+	setdifficulty=(bool)=>{
+
+	}
+
 	render() {
 		let{Headertop,items_count,page,per_page}=this.state;
 		return (
@@ -211,7 +214,9 @@ class Testpaperlibrary extends Component {
 													 settag_discipline_id={(e)=>this.settag_discipline_id(e)}
 				></Headplugselection>
 				{/*头部*/}
-				<Contentpart>
+				<Contentpart
+					setdifficulty={(bool)=>this.setdifficulty(bool)}
+				>
 
 				</Contentpart>
 				{
diff --git a/public/react/src/modules/testpaper/component/Contentpart.js b/public/react/src/modules/testpaper/component/Contentpart.js
index 96728110d..6d3a1d3b2 100644
--- a/public/react/src/modules/testpaper/component/Contentpart.js
+++ b/public/react/src/modules/testpaper/component/Contentpart.js
@@ -12,6 +12,7 @@ import {
 	Popover
 } from "antd";
 import './../testioncss/testioncss.css';
+
 import NoneDatas from '../component/NoneDatas';
 import LoadingSpin from '../../../common/LoadingSpin';
 import Contentquestionbank from "./Contentquestionbank";
@@ -34,32 +35,16 @@ class Contentpart extends Component {
 	render() {
 		let {page}=this.state;
 		let {defaultActiveKey}=this.props;
-		const content = (
-			<div className="questiontypes" style={{
-				width:'93px',
-				height:'161px',
-			}}>
-				<p className="questiontype " onClick={()=>this.props.setitem_types("SINGLE")}>单选题</p>
-				<p className="questiontypeheng" ></p>
-				<p className="questiontype "  onClick={()=>this.props.setitem_types("MULTIPLE")}>多选题</p>
-				<p className="questiontypeheng"></p>
-				<p className="questiontype "  onClick={()=>this.props.setitem_types("JUDGMENT")}>判断题</p>
-				<p className="questiontypeheng"></p>
-				<p className="questiontype "  onClick={()=>this.props.setitem_types("PROGRAM")}>编程题</p>
-				<p className="questiontypeheng"></p>
-
-			</div>
-		);
 		const contents = (
 			<div  className="questiontypes" style={{
 				width:'93px',
 				height:'120px',
 			}}>
-				<p className="questiontype " onClick={()=>this.props.setdifficulty(1)}>简单</p>
+				<p className="questiontype " >简单</p>
 				<p className="questiontypeheng"></p>
-				<p className="questiontype " onClick={()=>this.props.setdifficulty(2)}>适中</p>
+				<p className="questiontype " >适中</p>
 				<p className="questiontypeheng"></p>
-				<p className="questiontype " onClick={()=>this.props.setdifficulty(3)}>困难</p>
+				<p className="questiontype " >困难</p>
 				<p className="questiontypeheng"></p>
 			</div>
 		);
@@ -92,8 +77,7 @@ class Contentpart extends Component {
 						<div className=" mt19" style={{
 							position:"absolute",
 							top: "0px",
-							right:" 0px",
-							paddingRight: "20px",
+							paddingLeft: "170px",
 						}}>
 							<style>
 								{
@@ -128,7 +112,7 @@ class Contentpart extends Component {
 										</a>
 										:""
 								}
-								<Popover  placement="bottom"  content={contents} trigger="click" visible={this.props.visiblemys} onVisibleChange={()=>this.props.handleVisibleChange(true)}>
+								<Popover  getPopupContainer={trigger => trigger.parentNode}   placement="bottom" trigger="hover"  content={contents}   >
 									<div className=" sortinxdirection mr10">
 
 										<div className="subjecttit">
@@ -138,16 +122,6 @@ class Contentpart extends Component {
 									</div>
 								</Popover>
 
-
-
-								<Popover  placement="bottom" content={content} trigger="click" visible={this.props.visiblemyss} onVisibleChange={()=>this.props.handleVisibleChanges(true)}>
-									<div className="sortinxdirection mr40">
-										<div className="subjecttit">
-											题型
-										</div>
-										<i className="iconfont icon-sanjiaoxing-down font-12 lg ml7 icondowncolor"></i>
-									</div>
-								</Popover>
 								<Search
 									style={{ width: "347px",marginRight:"60px",}}
 									placeholder="请输入题目名称、内容"
diff --git a/public/react/src/modules/testpaper/testioncss/testioncss.css b/public/react/src/modules/testpaper/testioncss/testioncss.css
index e69de29bb..356df158d 100644
--- a/public/react/src/modules/testpaper/testioncss/testioncss.css
+++ b/public/react/src/modules/testpaper/testioncss/testioncss.css
@@ -0,0 +1,741 @@
+.w1200{
+    width:1062px;
+    height:177px;
+    background:rgba(255,255,255,1);
+    box-shadow:0px 6px 8px 0px rgba(0,0,0,0.03);
+    border-radius:2px;
+}
+.w1200wuh{
+    width:1062px;
+    background:rgba(255,255,255,1);
+    box-shadow:0px 6px 8px 0px rgba(0,0,0,0.03);
+    border-radius:2px;
+}
+.w1200dbl{
+    width:1062px;
+    min-height:60px;
+    background:rgba(255,255,255,1);
+    box-shadow:0px 6px 8px 0px rgba(0,0,0,0.03);
+    border-radius:2px;
+}
+.w1200fpx{
+    width:1200px;
+    background:rgba(255,255,255,1);
+    box-shadow:0px 6px 8px 0px rgba(0,0,0,0.03);
+    border-radius:2px;
+}
+.w1200mss{
+    width:1200px;
+}
+.w1200ms{
+    width:1062px;
+}
+.w1200s{
+    width:1062px;
+    background:rgba(255,255,255,1);
+    box-shadow:0px 6px 8px 0px rgba(0,0,0,0.03);
+    border-radius:2px;
+}
+.h177{
+    height: 177px;
+}
+/* 中间居中 */
+.intermediatecenter{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+/* 简单居中 */
+.intermediatecenterysls{
+    display: flex;
+    align-items: center;
+}
+.spacearound{
+    display: flex;
+    justify-content: space-around;
+
+}
+.spacebetween{
+    display: flex;
+    justify-content: space-between;
+}
+/* 头顶部居中 */
+.topcenter{
+    display: -webkit-flex;
+    flex-direction: column;
+    align-items: center;
+
+}
+
+
+/* x轴正方向排序 */
+/* 一 二 三 四 五 六 七 八 */
+.sortinxdirection{
+    display: flex;
+    flex-direction:row;
+}
+/* x轴反方向排序 */
+/* 八    七   六  五   四  三  二 一 */
+.xaxisreverseorder{
+    display: flex;
+    flex-direction:row-reverse;
+}
+/* 垂直布局 正方向*/
+/* 一
+ 二
+ 三
+ 四
+ 五
+ 六
+ 七
+ 八 */
+.verticallayout{
+    display: flex;
+    flex-direction:column;
+}
+/* 垂直布局 反方向*/
+.reversedirection{
+    display: flex;
+    flex-direction:column-reverse;
+}
+.w100{
+    width: 100px;
+}
+.mt21{
+    margin-top: 21px;
+}
+.mt23{
+    margin-top: 23px;
+}
+.mt19{
+    margin-top: 19px;
+}
+.mt15{
+    margin-top: 10px;
+}
+.h40{
+    height: 40px;
+}
+
+.tophom{
+    padding-top: 33px;
+    padding-bottom: 40px;
+    padding-left: 26px;
+    padding-right: 26px;
+}
+.tophoms{
+    padding-top: 15px;
+    padding-left: 26px;
+    padding-right: 26px;
+}
+.borderwd{
+    border: 1px solid #000000;
+}
+.borderwds{
+    width: 1020px !important;
+    background: #FFFFFF;
+    border: 1px solid #DDDDDD;
+    margin-left: 20px;
+    min-height:150px;
+}
+.borderwdswuh{
+    width: 1020px !important;
+    background: #FFFFFF;
+    border: 1px solid #DDDDDD;
+    min-height:150px;
+}
+
+.borderwdswuh:hover{
+    background: #F9F9F9;
+}
+.borderwds283{
+    width: 1020px !important;
+    min-height:283px;
+    background:#F9F9F9;
+    border:1px solid #DDDDDD;
+    margin-left: 20px;
+}
+.w64{
+    width: 64px;
+}
+.w70{
+    width: 70px !important;
+}
+
+.tophomsembold{
+    height:21px;
+    font-size:16px;
+    color:#333333;
+    line-height:21px;
+}
+
+.tophomsembolds{
+    width:42px;
+    height:19px;
+    font-size:14px;
+    font-family:MicrosoftYaHeiSemibold;
+    color:rgba(51,51,51,1);
+    line-height:31px;
+}
+/*Contentpart*/
+.contentparttit{
+    padding-top: 10px;
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.subjecttit{
+    width:28px;
+    height:19px;
+    font-size:14px;
+    color:rgba(51,51,51,1);
+    line-height: 42px;
+    cursor:pointer;
+
+}
+.ml55{
+    margin-right: 55px;
+
+}
+
+.lg{
+    line-height: 42px;
+}
+.ml7{
+    margin-left: 7px;
+}
+
+.icondowncolor{
+    color:#9E9E9E;
+
+}
+.icondowncolorss{
+    color: #9E9E9E;
+    position: absolute;
+    top: -20px;
+    right: -16px;
+}
+
+.questiontype{
+    width: 100%;
+    font-size: 12px;
+    color: #333333;
+    line-height: 17px;
+    text-align: center;
+    padding: 11px;
+    cursor:pointer;
+
+}
+.questiontypes{
+    width:37px;
+    height:17px;
+    font-size:12px;
+    color:rgba(51,51,51,1);
+    line-height:17px;
+    cursor:pointer;
+
+}
+.questiontypeheng{
+    width:100%;
+    height:1px;
+    background: #EEEEEE;
+}
+.questiontype:hover{
+    color: #4CACFF;
+}
+.questiontype:active{
+    color: #4CACFF;
+}
+
+.w100s{
+    width:100%;
+}
+.stestcen{
+    text-align: center;
+}
+.w70s{
+    width:70%;
+}
+.w30s{
+    width:70%;
+}
+.w50s{
+    width: 50%;
+}
+.testpaper{
+    font-size:12px;
+    color:#888888;
+    line-height:28px;
+    text-align: center;
+}
+
+.setequesbank{
+    font-size:14px;
+    color:#333333;
+    line-height:28px;
+}
+
+.Contentquestionbankstyle{
+    padding-left: 20px;
+    padding-right: 20px;
+}
+
+.pd20{
+    padding-top: 20px;
+    padding-bottom: 20px;
+    padding-left: 30px;
+    padding-right: 30px;
+}
+
+/*listjihe*/
+.listjihetixing{
+    color: #888888;
+    font-size: 12px;
+    line-height: 17px;
+}
+
+.listjihetixings{
+    color: #333333;
+    font-size: 12px;
+    line-height: 17px;
+}
+.listjihetixingstit{
+    color: #333333;
+    font-size: 14px;
+    line-height: 17px;
+
+}
+.listjihetixingstits{
+    color: #333333;
+    font-size: 14px;
+    line-height:19px;
+    margin-top: 19px;
+}
+
+.updatetimes{
+    color: #BBBBBB;
+    font-size: 12px;
+}
+.mt22{
+    margin-top: 22px;
+}
+.viewparsings{
+    color:#4CACFF;
+    font-size:12px;
+    line-height: 30px;
+}
+
+.selection{
+    width:88px;
+    height:30px;
+    background:#33BD8C;
+    border-radius:4px;
+    text-align: center;
+    line-height: 30px;
+    color: #FFFFFF;
+}
+.selectionss{
+    width:88px;
+    height:30px;
+    background:#eeeeee;
+    border-radius:4px;
+    text-align: center;
+    line-height: 30px;
+    color: #FFFFFF;
+}
+.lh30{
+    line-height: 30px;
+
+
+}
+
+.analysis{
+    height:19px;
+    font-size:14px;
+    color:#333333;
+    line-height:19px;
+}
+
+.testfondex{
+    color: #808080;
+    font-size: 14px;
+}
+.pb20{
+    padding-bottom: 20px;
+}
+.icontianjiadaohangcolor{
+    color: #FFFFFF;
+}
+
+.icontianjiadaohangcolors{
+    color: #4CACFF;
+}
+.xiaoshou{
+    cursor:pointer;
+}
+.xiaoshout{
+    cursor:default;
+}
+.mt40{
+    margin-top: 40px;
+}
+.mt42{
+    margin-top: 42px;
+}
+.drawerbutton{
+    width:88px;
+    height:30px;
+    background:#4CACFF;
+    border-radius:4px;
+    font-size:14px;
+    color:#ffffff;
+    line-height:30px;
+    text-align: center;
+}
+.icondrawercolor{
+    color: #979797;
+}
+
+.mt25{
+    margin-top: 25px;
+}
+.mb26{
+    margin-bottom: 26px;
+}
+.drawernonedatadiv{
+    height: 100%;
+}
+
+.font-17{
+    font-size: 17px;
+}
+.ml30{
+    margin-right: 30px;
+}
+.mr25{
+    margin-right: 25px;
+}
+.newbutoon{
+    width:88px;
+    height:42px;
+    background:#33BD8C;
+    line-height: 42px;
+    border-radius:4px;
+
+}
+
+.newbutoontes{
+    width:100%;
+    height:42px;
+    font-size:14px;
+    color:#ffffff;
+    line-height:42px;
+    text-align: center;
+}
+.educouddiv {
+    display: flex;
+    flex-direction: column;
+}
+
+.tabeltext-alignleftysl{
+    font-size:14px;
+    color:#000000;
+    line-height:19px;
+
+}
+.tabeltext-alignleftysltwo{
+    font-size:14px;
+    color:#848282;
+    line-height:19px;
+
+}
+
+.publictask-btn{
+    width:80px;
+    height:34px;
+    background:#CCCCCC;
+    border-radius:4px;
+    color: #ffffff;
+
+}
+.publictask-btns{
+    width:80px;
+    height:34px;
+    background:#4CACFF;
+    border-radius:4px;
+    color: #ffffff;
+}
+.w80{
+    width: 80px;
+}
+
+.titiles{
+    color: #333333;
+    font-size: 16px;
+}
+
+.h12{
+    height: 12px;
+    min-height: 12px;
+}
+
+.mt19{
+    margin-top: 19px;
+}
+.mytags{
+    width:106px;
+    height:32px;
+    border-radius:2px;
+    border:1px solid #DDDDDD;
+    margin-left: 20px;
+}
+.lh32{
+    line-height: 32px;
+}
+
+.h20{
+    height: 20px;
+    min-height: 20px;
+    line-height: 20px;
+}
+.xingcolor{
+    color: rgba(224, 64, 64, 1);
+}
+.xingtigan{
+    font-size:14px;
+    color:rgba(51, 51, 51, 1);
+}
+.mr4{
+    margin-right: 4px;
+}
+
+.xingtigans{
+    width:100%;
+    font-size:14px;
+    color:rgba(136,136,136,1);
+}
+
+.bottomdivs{
+    width:100%;
+    height:55px;
+    background:rgba(255,255,255,1);
+    box-shadow:0px -2px 7px 0px rgba(1,6,22,0.04);
+}
+.mt50{
+    margin-top: 50px;
+}
+
+.divquxiao{
+    width:88px;
+    height:32px;
+    background:rgba(255,255,255,1);
+    border-radius:4px;
+    border:1px solid rgba(204,204,204,1);
+}
+.divquxiaotest{
+    width:100%;
+    height:32px;
+    font-size:12px;
+    color:rgba(136,136,136,1);
+    line-height:32px;
+    text-align: center;
+}
+.divbaocuntests{
+    width:100%;
+    height:32px;
+    font-size:12px;
+    color:#ffffff;
+    line-height:32px;
+    text-align: center;
+}
+.divbaocun{
+    width:88px;
+    height:32px;
+    background:rgba(76,172,255,1);
+    border-radius:4px;
+}
+.sortzhenque{
+    width:49px;
+    height:33px;
+    border-radius:2px;
+    border:1px solid rgba(221,221,221,1);
+}
+
+.sortzhenquetest{
+    width:100%;
+    height:33px;
+    font-size:14px;
+    color:rgba(51,51,51,1);
+    line-height:33px;
+
+}
+
+.sortquxiao{
+
+    width:49px;
+    height:33px;
+    border-radius:2px;
+    border:1px solid rgba(221,221,221,1);
+}
+.sortquxiaotest{
+    width:100%;
+    height:33px;
+    font-size:14px;
+    color:rgba(51,51,51,1);
+    line-height:33px;
+}
+
+.ml45{
+    margin-left: 45px;
+}
+
+.programcss{
+    height: 251px;
+    min-height: 100%;
+}
+
+.titlesttingcss{
+    min-width: 100px;
+    height:32px;
+    line-height: 32px;
+    background:rgba(76,172,255,1);
+    border-radius:16px;
+    text-align: center;
+    color: #fff;
+}
+.titlesttingcssmy{
+    min-width: 100px;
+    height:32px;
+    line-height: 32px;
+    font-size:14px;
+    color:rgba(51,51,51,1);
+    text-align: center;
+}
+.minleng40{
+    min-height: 40px;
+}
+
+.w60{
+    width: 60px !important;
+}
+
+.h30{
+    min-height: 30px !important;
+}
+
+.minheight{
+    min-height: 500px !important;
+}
+.pd20{
+    padding: 20px;
+}
+
+.ml58{
+    margin-left: 58px;
+}
+.questionstishu{
+    color: #888888;
+    font-size: 14px;
+}
+.questionstotal{
+    color: #333333;
+    font-size: 14px;
+
+}
+.pagertdstcolor{
+    color: #888888;
+    font-size: 12px;
+}
+
+.mb19{
+    margin-bottom: 19px;
+}
+
+.yldxtit{
+    color: #333333;
+    font-size: 14px;
+
+}
+.yldxtits{
+    color: #888888;
+    font-size: 14px;
+}
+.mt25{
+    margin-top: 25px;
+}
+
+.postitonrelati{
+    position: relative;
+}
+.postitonrelatis{
+    position: absolute;
+    right: 2px;
+    top: 11px;
+}
+
+.szdfd{
+    width:88px;
+    height:34px;
+    background:rgba(51,189,140,1);
+    border-radius:4px 4px 0px 0px;
+    text-align: center;
+    color: #ffffff;
+    line-height: 32px;
+    margin-right: 27px;
+}
+.scd{
+    width:88px;
+    height:34px;
+    background:#4CACFF;
+    border-radius:4px 4px 0px 0px;
+    text-align: center;
+    color: #ffffff;
+    line-height: 32px;
+
+
+}
+
+.pd20{
+    padding: 20px;
+}
+
+.cretitlecolrlis{
+    color: #333333;
+    font-size: 14px !important;
+}
+
+.cretitlecolrlisobj{
+    color: #888888;
+    font-size: 14px !important;
+
+}
+
+.cretitlecolrlist{
+    color: #333333;
+    font-size: 14px !important;
+
+}
+.lh28{
+    line-height: 28px;
+}
+.h20{
+    height: 20px;
+    background-color: #fff;
+}
+.lh20{
+    line-height: 20px;
+    background-color: #fff;
+}
+
+.backgroudwhites{
+    background-color: #fff;
+}
+
+.ml5{
+    margin-left: 5px;
+}
+
+.lh35{
+    line-height: 35px;
+}