*{
	margin: 0;
	padding: 0;
}
body{
	min-width: 1200px;
}
a {
    text-decoration: none; 
	color: #000;
}   
ul,ol {
	list-style: none;
}
.header{
	width: 100%;
	height: 70px;
	/* background: url(../img/header.png)no-repeat;
	background-size: 100% 100%; */
	background-color: #1C95D4;
}
.headerCenter{
	width: 1200px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}
.logo{
	display: flex;
	align-items: center;
}
.logo a img{
	max-height: 62px;
}
#porjectName{
	font-size: 22px;
	color: #fff;
	border-left: 1px solid #fff;
	padding-left:18px;
	margin-left: 20px;	
}
.ex_title{
	width: 462px;
	height: 30px;
}
.home{
	display: flex;
	align-items: center;
}
.home a img{
	width: 110px;
	height: 21px;
}
.home a:nth-child(1){
	margin-right: 48px;
}
/* 鐎圭偤鐛欏ù浣衡柤 */
.section{
	width: 1200px;
	display: flex;
	/* align-items: center; */
	margin: 0 auto;
	margin-top: 26px;
}
.sectionLeft{
	margin-right: 20px;
}
.ex_flow{
	position: relative;
	width: 900px;
	box-shadow: 0 0 5px #ccc;
	padding: 23px 29px 28px;
	box-sizing: border-box;
}
.flowChart{
	display: flex;
	align-items: center;
}
.flowChart p{
	display: flex;
	align-items: center;
}
.flowChart .lc{
	font-size:24px;
	font-family:PingFang SC;
	font-weight:bold;
	color:rgba(67,67,67,1);
	margin-right: 20px;
}
.flowChart .lc img{
	width:24px;
	height:25px;
	margin-right: 16px;
}
.preview,.assess,.startExp,.afterClass,.gx,.report{
	font-size:16px;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(67,67,67,1);
}
.preview img,.assess img,.startExp img,.afterClass img,.gx img{
	width:33px;
	height:5px;
	margin: 0 5px;
}
.hr{
	/* width: 100%; */
	height: 0;
	border:1px solid rgba(238,238,238,1);
	margin: 13px 0 18px;
}
.exper{
	width:100%;
	height:499px;
	overflow-x:hidden;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.exper::-webkit-scrollbar {display:none}
/*  */
.experstart{
	width: 100%;
	height: 100%;
	background:#EEE;
	background-image: url(../img/unityBg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	padding-top:48%;
	box-sizing: border-box;
}
.startBtn{
	width: 130px;
	height: 40px;
	border: 2px solid #1c95d4;
	text-align: center;
	line-height: 40px;
	border-radius: 30px;
	color: #1c95d4;
	cursor: pointer;
	margin: 0px auto;
	font-size: 18px;
}
/*   */
.next1{
	bottom: 15px;
}
.next{
	position:absolute;
	right:322px;
	/* top: 440px;*/
	width: 80px;
	height: 30px;
	font-size: 12px;
	color: #FFFFFF;
	background:#1C95D4;
	text-align: center;
	line-height: 30px;
	border-radius: 30px;
	cursor: pointer;
	bottom: 23px;
	display: none;
}
/*  */
.couPre{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.couPrepare a {
    margin-right: 34px;
    margin-bottom: 20px;
    text-align: center;
}
.couPrepare a img {
    width: 64px;
}
.couPrepare a p {
    color: rgba(85,85,85,1);
    margin-top: 10px;
    text-align: center;
    overflow: hidden;
 	width: 175px;
 	text-overflow: ellipsis;
 	white-space: nowrap;
}
/*  */
.expGoal,.couPrepare,.classroomTeaching,.experimentStart,.afterTesting,.thoughts,.generateReports{
	/* position: relative; */
	display: none;
}
/*  */
.thoughtGx{
	font-size: 16px;
	margin-bottom: 30px;
}
/* */
.generateReports{
	padding-top: 200px;
	padding-left: 130px;
}
.generateReports p{
	font-size: 16px;
	line-height: 30px;
}
.generateReports p a{
	text-decoration: underline;
	color:#1C95D4;
	margin: 0 5px;
}
/*  */
.masklayer{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	display: none;
	z-index: 999;
}
.close{
	width: 30px;
	height: 30px;
	float: right;
	margin-top: 30px;
	margin-right: 30px;
	cursor: pointer;
}
.bzh{
	width: 660px;
	height: 86%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #FFF;
	padding: 20px;
	border-radius: 4px;
	min-height: 120px;
	overflow: auto;
	line-height: 30px;
}
.bzh img{
	/* width: 100%;	 */
}

.goalBtn{
	display: flex;
}
.goalBtn div{
	cursor: pointer;
}
.goalBtn div:nth-child(1){
	background:#1C95D4;
	color: #FFFFFF;
}
.goalBtn div{
	width: 120px;
	border: 1px solid #CCCCCC;
	text-align: center;
	border-radius:6px 6px 0 0 ;
	border-bottom: 0;
	padding: 8px 0px;
}
.inPage{
	border: 1px solid #CCCCCC;
	display: none;
	min-height: 435px;
	border-radius:0 10px 10px 10px ;
	padding:20px;
	box-sizing: border-box;
	line-height: 26px;
    letter-spacing: 1px;
}
.inPage1{
	display: block;
}
.operate{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 17px;
	opacity: 1;
}
.operate .operLeft,.operate .operRight{
	display: flex;
	align-items: center;
}
.operate img{
	cursor: pointer;
}

.anewExp{
	margin-right: 22px;
}
.operLeft img{
	width: 90px;
	height: 19px;
}
.helpExp,.screenshot{
	width: 57px;
	height: 19px;
	margin-right: 22px;
}
.download img{
	width: 88px;
	height: 19px;
	margin-right: 22px;
}
.fullScreen{
	width: 55px;
	height: 19px;
}
/*  */
.online{
	width: 280px;
	padding: 24px 25px 24px 22px;
	box-shadow: 0 0 5px #ccc;
	box-sizing: border-box;
}
.exchange{
	display: flex;
	align-items: center;
	color: #434343;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
}
.exchange img{
	width: 24px;
	height: 25px;
	margin-right: 10px;
}
.code{
	width:233px;
	/* height:234px; */
}
.qq{
	font-size:16px;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(67,67,67,1);
}
.qq span{
	margin-left: 20px;
}
.designation{
	font-size:16px;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(67,67,67,1);
	margin-top: 6px;
}
.series{
	width: 280px;
	padding: 24px 19px;
	box-shadow: 0 0 5px #ccc;
	box-sizing: border-box;
	margin-top: 20px;
}
.series .exchange img{
	width: 26px;
	height: 18px;
}
.seriesList{
	max-height: 159.1px;
	 overflow-x:hidden;
	overflow-y: auto;
	scrollbar-width: none;
	 -ms-overflow-style: none;
}
.seriesList a{
	display: block;
	font-size:14px;
	font-family:PingFang SC;
	font-weight:500;
	/*text-decoration:underline;*/
	color:rgba(102,102,102,1);
	line-height:1.3;
	overflow: hidden;
	text-overflow:ellipsis;
	/*white-space: nowrap;*/
	margin-bottom: 10px;
}
.seriesList::-webkit-scrollbar {display:none}
/*  */
.content_main{
	width: 1200px;
	display: flex;
	/* align-items: center; */
	margin: 0 auto;
	margin-top: 26px;
	margin-bottom: 50px;
}
.contentLeft{
	margin-right: 20px;
}
.material{
	width: 900px;
	box-shadow: 0 0 5px #ccc;
	padding: 40px 45px 60px 50px;
	box-sizing: border-box;
	position: relative;
}
.materialList{
	display: flex;
	border-bottom: 1px solid rgba(238,238,238,1);
	margin-bottom: 32px;
}
.course{
	text-align: center;
	color:rgba(67,67,67,1);
	margin-right: 44px;
	cursor: pointer;
}
.course:last-child{
	margin-right: 0;
}
.course img{
	width: 84px;
	height: 10px;
	display: block;
}
.experDatum{
	width:100%;
}
.experDatum li{
	width:100%;
	height:440px;
	/* background:rgba(91,187,196,1); */
	display: none;
	overflow-x:hidden;
	overflow-y: auto;
	scrollbar-width: none;
	 -ms-overflow-style: none;
}
.experDatum li::-webkit-scrollbar {display:none}
.experDatum li:nth-child(1){
	display: block;
}
.page_1 div,.page_2 div{
	display: flex;
	flex-wrap: wrap;
}
.page_1 a,.page_2 a{
	margin-right: 17px;
	margin-bottom: 20px;
	text-align:center;
}
.page_1 a:nth-child(4n),.page_2 a:nth-child(3n){
	margin-right: 0px;
}
.page_1 a img{
	width: 64px;
}
.page_2 a img{
	width: 175px;
	height: 175px;
}
.page_1 a p,.page_2 a p{
	color:rgba(85,85,85,1);
	margin-top: 10px;
	text-align: center;
	overflow: hidden;
 	width: 175px;
 	text-overflow: ellipsis;
 	white-space: nowrap;
}
/*  */
.experAnswer{
	width: 280px;
	padding: 24px 30px 24px 22px;
	box-shadow: 0 0 5px #ccc;
	box-sizing: border-box;
}
.experAnswer .exchange img{
	width: 26px;
	height: 23px;
}
.questionList{
	height: 456px;
	overflow-x:hidden;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.questionList::-webkit-scrollbar {display:none}
.questionItem{
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.questionItem:last-child{
	margin-bottom: 0px;
}
.itemContent{
	padding-bottom: 10px;
	border-bottom:1px solid rgba(220,220,220,1);
}
.itemContent .ans .quesd{
	display: flex;
	align-items: center;
}
.quesd .quesPerson p:nth-child(1){
	display: flex;
	align-items: center;
}
.quesd .quesPerson p:nth-child(1) span:nth-child(1){
	width: 66px;
	font-size: 14px;
	font-weight: 600;
	margin-right: 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.quesd .quesPerson p:nth-child(1) span:nth-child(2){
	font-size: 12px;
	color:rgba(102,102,102,1);
}
.quesd .quesPerson p:nth-child(2){
	font-size: 12px;
	color:rgba(102,102,102,1);
}
.itemContent .ans img{
	width:230px;
}
.itemContent .ans .quesd img{
	width:30px;
	height:30px;
	border-radius:50%;
	margin-right: 10px;
}
.quesContent{
	font-size:14px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height: 20px;
	margin-top: 10px;
}
.reply{
	display: block;
	font-size:12px;
	width:51px;
	height:18px;
	background:#1C95D4;
	border-radius:9px;
	color: #fff;
	text-align: center;
	margin-left: 175px;
	padding:2px 0; 
}
.quesMore{
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	cursor: pointer;
	margin-top:5px;
}
.hide{
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	cursor: pointer;
	display: none;
	margin-top:5px;
}
.answerList {
	padding: 0px 10px;
	overflow: hidden;
	display:none;
}
.answerTitle{
	font-size: 12px;
	color: #CCCCCC;
	margin-top: 5px;
}
.answerItem{
	font-size:14px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height: 20px;
	padding: 5px 0;
	border-bottom:1px solid rgba(220,220,220,1);
}
.answerItem .hdtit{
	margin-left: 10px;
    font-weight: 600;
    font-size: 12px;
    color: #777;
}
.answerItem img{
	width:25px;
	height:25px;
	border-radius:50%;
}
.answerItem .hdcontent{
	word-break:break-all;
	text-indent:2rem;
}
.answerleft.answerleft_2,.answerleft.answerleft_3{
    display: flex;
}
.answerleft.answerleft_4{
	display: inline-block;	
}
.answerleft label{
	margin-right: 20px;	
}
/*  */
.ability{
	padding: 10px 10px;
}
.abilityItem{
	border-bottom: 1px solid rgba(220,220,220,1);
	margin-bottom: 20px;
}
.abilityCaption{
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
	margin-bottom: 10px;
}
.abilityintro{
	font-size: 14px;
	padding-left: 40px;
	line-height: 24px;
	/*overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;*/
	margin-bottom: 10px;
	height:48px;
	overflow:hidden;
}
.look{
	text-align: right;
	text-decoration: underline;
	color: #1C95D4;
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
/*  */
.estimate{
	width: 100%;
}

.estimateItem{
	padding-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 30px;
}
.estimateItem:last-child{
	border-bottom: 0;
}
.jt{
	display: flex;
	justify-content: space-between;
}
.jtLeft{
	display: flex;
}
.jtLeft img{
	width: 160px;
	height: 160px;
}
.jtRight .Btn{
	width: 180px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: rgba(91,187,196,1);
	color: #fff;
	border-radius: 4px;
	margin-top: 40px;
	cursor: pointer;
}
.jtIntro{
	width: 140px;
	font-size: 14px;
	height: 24px;
	margin-left: 30px;
}
.experName{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
.imgList{
	display: flex;
	margin-top: 15px;
	overflow: hidden;
	height: 80px;
	flex-wrap: wrap;
}
.unfold{
	text-align: center;
	cursor: pointer;
	color: #999;
	margin-top: 5px;
	letter-spacing: 5px;
	font-size: 14px;
}
.unfold p:nth-child(2){
	display: none;
	
}
.imgList img{
	width: 100px;
	height: 80px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgList img:last-child{
	margin-right: 0;
}
.experInfo{
	display: flex;
	align-items: center;
	margin-top: 10px;
}
.experStep{
	margin: 0 40px;
}
.jtStart{
	display: flex;
	align-items: center;
}
.average span{
	padding-right: 5px;
	font-size: 24px;
	color: #FE7601;
	line-height: 24px;
}
.averagecore{
	font-size: 16px;
	font-weight: 600;
	color: #FE7601;
	margin-left: 10px;
}
/*  */
.grad{
	display: none;
	position: absolute;
	width: 100%;
	height: 605px;
	left: 0;
	top: 0;
	background:rgba(0,0,0,0.7);
}
.starts ul{display: flex;width: 210px;align-items: center;margin: 0 auto;}
.starts{
	padding:16px 0;
	width: 300px;
	height: 200px;
	background: #fff;
	margin-left: 35%;
	margin-top: 20%;
	/* border-radius: 10px; */
	box-shadow: 0 0 5px #ccc;
}
.starts ul li{width: 30px;height: 30px; display: block;color:#ddd;padding-right:3px;font-size:24px;cursor: pointer;}
.starts ul li.on{color:#FE7601;}
.starts ul span{display:inline;padding-left:10px;color:#FE7601;font-weight: 600;}
.subBtn{
	width: 80px;
	height: 40px;
	background: #FE7601;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	margin-top: 40px;
	cursor: pointer;
	border-radius: 4px;
}
/* 顣� */
.publish{
	margin-top: 15px;
}
.publishBtn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 5px;
}
.publish p{
	width: 60px;
	height: 20px;
	font-size: 12px;
	border-radius: 20px;
	border: 1px solid #18B184;
	background: #18B184;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}
.publish p:nth-child(1){
	margin-right: 20px;
	background: #fff;
	color: #434343;
	border: 1px solid #434343;
}
.textarea{
	display: block;
	width: 100%;
}