@charset "utf-8";
/* CSS Document */

/*会员单位*/
.membBox {margin-top: 1.2em; padding: 0 1.3em 3.5em; border: 1px solid #eaeaea;
 background-color: #fff;}
.membCon { text-align: left; margin: 1.2em 1.6em 0;  line-height: 2;}
.membBox .title { padding-left: 0.5em; line-height: 1;
 border-left:0.2em solid #016fba ; color: #016fba; margin-top: 1.3em; font-weight: bold;}
 
.memberBox { margin-top: 1.1em; background-color: #f9f9f9; text-align: left;}
.memberBox .conM { padding:0.9em 1.4em 1.6em;}
.memberBox .tit { line-height: 2.8; font-weight: bold; border-bottom: 1px solid #c7c7c7;}
.memberBox .membList { margin-top:0.8em; line-height: 2.5em;}
.memberBox .membList ul {display: flex; 
flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.memberBox .membList li { height: 2.5em;/* overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;*/
-webkit-line-clamp:1; }
.memberBox .membList.list6 li {/*width:24%;*/ margin-right: 1%;}
.memberBox .membList.list2 li { width: 49%; margin-right: 1%;}

@media only screen and (max-width:828px) {
	.memberBox .membList.list6 li {width:24%; }
}
	
@media only screen and (max-width:600px) { 
	.memberBox .membList.list6 li { width: 49%;}
	.memberBox .membList.list2 li { width: 100%; margin-right: auto;}
}

/*会员单位 详情*/
.memDeBox {margin-top: 1.2em; padding: 0 1.3em 3.5em; border: 1px solid #eaeaea;
 background-color: #fff;}
.memDeCon { text-align: left; margin: 4.5% 3.4% 0;  line-height: 2;}
.memDeBox .info {
display: flex; justify-content: flex-start; align-items: flex-start;}
.memDeBox .info .pic img { width: 7.3em; height: 7.3em;
border: 1px solid #dddcdc;}
.memDeBox .info .txtb { flex:1; margin-left: 1.5em; text-align: left;}
.memDeBox .info .txtb .name { line-height: 1.2; margin-top: 0.6em; color: #016fba; font-weight: bold;}
.memDeBox .info .txtb .about { margin-top: 0.5em; color: #666; line-height: 1.8;}

.memDeBox .number { margin-top: 0.3em; color: #1279bf; }
.memDeBox .content { margin-top: 0.3em; color: #666; }
.memDeBox .content .txt { padding-bottom: 1em;}
.content img {max-width:100% }
/*供需大厅*/
.serDeBox {margin-top: 1.2em; padding: 0 1.3em 3.5em; border: 1px solid #eaeaea;
 background-color: #fff;}
.serDeCon { text-align: left; margin: 5% 3.4% 0;  line-height: 2;}
.serDeBox .title { color: #016fba; margin-top: 1.3em; font-weight: bold;}
.serDeBox .title span {font-size: 14px;background: #ff0000;color: #fff;padding: 3px 5px;border-radius: 5px;}
.serDeBox .content dl { display: flex; justify-content: flex-start; align-items: flex-start; }
.serDeBox .content dl.dlv { display: block;}
.serDeBox .content dt { color: #000;}
.serDeBox .content dd { color: #666; flex: 1;}
.serDeBox .content .txt { padding-bottom: 1em;}

.aboutDemBoxW { display: flex; flex-wrap: wrap; justify-content: space-between;
align-items: stretch;margin: 0 3.4% 0;}
.aboutDemBox{ margin-top: 2.5em; background-color: #f9f9f9; width: 49%;}
.aboutDemBox .conA { padding: 1.4em 0.5em 1em;}
.aboutDemBox .tit { padding: 0 0.5em; text-align: left; font-weight: bold; color: #016fba;}

@media only screen and (max-width:828px) {
	.aboutDemBox {margin-top: 1em; width: 100%;}
}

.dirBox{ margin: 1.2em 3.4% 0; background-color: #f9f9f9; }
.dirBox .conA { padding: 1.4em 0.5em 1.3em;}
.dirBox .tit { padding: 0 0.5em; text-align: left; font-weight: bold; color: #016fba;}
.dirBox ul { margin: 0 0.75em; display: flex; justify-content: space-between; align-items: stretch;
flex-wrap: wrap;}
.dirBox li { margin-top: 1em; text-align: left;
 width: 49.1%; background-color: #fff; border: 1px solid #dbdada;}
.dirBox .lib { padding: 1em;}
.dirBox .name { margin-right: 1.2em; font-weight: bold; display: inline-block;}
.dirBox .posi {display: inline-block;}
.dirBox .intro { line-height: 1.6em; margin-top: 0.4em;}
@media only screen and (max-width:828px) { 
	.dirBox li { width: 100%;}
}

/*资讯详情*/
.newDeBox { margin-top: 1.2em; padding: 0 1.3em; border: 1px solid #eaeaea; background-color: #fff;}
.newDeBox .title { margin-top: 1.3em; font-weight: bold;}
.newDeBox .about { margin-top: 1em; color: #666;}
.newDeBox .content { margin-top: 1em; border-top:1px solid #ececec ; padding:0.9em 1.8em; 
line-height: 2.3em; text-align: left; color: #000;}

.pageTurn { padding:1.4em 1.8em;  border-top:1px solid #ececec ; text-align: left; color: #666;}
.pageTurn li { padding: 0.4em 0;}
.pageTurn a {color: #666;}
.pageTurn a:hover {color: #1279bf;}

/*主体*/
.mainI { margin-top: 1.25em; padding: 0.5em; background-color: #fff;
display: flex; justify-content: space-between; align-items: stretch;}

/*主体 侧栏*/
.mainI .side { width: 26.9%; background-color: #eaf6fe;}
.mainI .side .subNav { padding: 0.75em; color: #1279bf; text-align: left;}
.mainI .side .subNav .tit { padding: 0.4em 0 0.7em; font-weight: bold; }
.mainI .side .subNav .tit .name {border-left: 0.2em solid #1279bf;margin-left: 0.5em; padding-left: 0.5em; line-height: 1; padding-top: 0.1em;}
.mainI .side .subNav ul {border-bottom:1px solid #c5deee;}
.mainI .side .subNav li { padding: 0.7em 1.3em; border-top:1px solid #c5deee;}
.mainI .side .subNav li.cur {font-weight: bold;}
.mainI .side .subNav a { color: #1279bf;}

.mainI .side .jbList {  margin: 0 0.1em 0; padding-bottom: 1.1em;}
.mainI .side .jbList li { width: 47.8%; margin-top: 1em; margin-right: 4.4%;}
.mainI .side .jbList li:nth-child(3n) {  margin-right: 4.4%;}
.mainI .side .jbList li:nth-child(2n) { margin-right: 0;}

.downBox { text-align: left; margin-top: 1em; padding:0 0.75em 0.75em;}
.downBox .tit .name { line-height: 1.7; display: inline-block;
 background-color: #1279bf; color: #fff; font-weight: bold;
padding: 0 0.8em;}
.downBox .downList {  margin: 0 0.2em 0;}
.downBox .downList li { width: 100%; margin-right: auto;}

.downBox .examSList {  margin: 0 0.2em 0; padding-top: 0.6em;}
.downBox .examSList li {margin: 0.35em 0 0.3em; width: 100%; margin-right: auto;}
.downBox .examSList li a { color: #000;}
.downBox .examSList li a:hover {color: #1279bf;}


.jbIList { padding: 0 0 3em; margin: 0 0.7em 0; text-align: left;}
.jbIList ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;
text-align: center;}
.jbIList li { width: 29.5%; margin-top: 2em; margin-right: 5.75%;}
.jbIList li:nth-child(3n) { margin-right: 0;}
.jbIList .pic { position: relative; z-index: 0; display: block; cursor: pointer;
border: 1px solid #cfcfcf; padding-top: 141.1%;}
.jbIList .pic img { position: absolute; left:0; top: 0;
width: 100%; height: 100%; object-fit: contain; }
.jbIList .name { margin: 1em 1em 0; height: 3em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }

.funcBox { padding: 0 0 1.3em; background-color: #1279bf; color: #fff; 
display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap;}
.funcBox a { padding-top: 1.5em; display: block; cursor: pointer; color: #fff; font-weight: bold;}
.funcBox a img { width: 2.11em; height: 2.11em; object-fit: contain; display: block; margin: 0 auto 0.6em;}

.mainI .conI { flex: 1; margin: 0 1% 0 2%;}
.mainI .conI .position {padding-top: 0.6em;
background-position: 0 0.6em;}

.mainI .conI .serList { margin: 0 0.2em ;}

@media only screen and (max-width:828px) { 
	.mainI { display: flex; flex-direction: column-reverse; align-items: stretch;}
	.mainI .side { width: auto;}
	.mainI .conI {  margin: 0 auto;}
}
.serBox { padding-bottom: 3em;}
.serBox .tab { margin-top: 1.2em; text-align: left; border-bottom: 1px solid #e7e6e6;}
.serBox .tab a { line-height: 2.2em; border-bottom: 0.2em solid #fff; padding:0 0.3em ; display: inline-block; cursor: pointer; color: #016fba;}
.serBox .tab a.cur { font-weight: bold;border-bottom: 0.2em solid #016fba;}


/*资讯列表*/
.newIList { margin: 0 ; text-align: left; padding-bottom: 2.5em;}
.newIList ul {}
.newIList li { padding: 1.4em 0; border-bottom: 1px solid #e2e2e2;
 display: flex;  justify-content: flex-start; align-items: stretch;}
 .newIList .picb { width: 36.1%;}
.newIList .pic { position: relative; z-index: 0; display: block; cursor: pointer;
 padding-top: 56.3%;}
.newIList .pic img { position: absolute; left:0; top: 0;
width: 100%; height: 100%; object-fit: cover; }
.newIList .txtb { flex:1; margin-left: 1.2em;color: #666;
display: flex;flex-direction: column; justify-content: space-between; align-items: stretch;
}
.newIList .name { font-weight: bold; height: 1.5em;  line-height: 1.5; overflow: hidden;}
.newIList .intro {  line-height: 1.6em; height: 4.8em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; }
@media only screen and (max-width:828px) { 
	.newIList .intro{
		-webkit-line-clamp:2;  height: 3.2em;
	}
}
@media only screen and (max-width:520px) { 
	.newIList .intro{
		-webkit-line-clamp:1;  height: 1.6em;
	}
}

/*通知列表*/
.notiList { margin: 0.9em 0.6em 0; line-height: 3; text-align: left;}
.notiList li { display: flex; justify-content: space-between; align-items: center;}
.notiList .name {flex: 1; padding-left: 1em; margin-right: 1em; height: 3em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; position: relative; z-index: 0;}
.notiList .name::before { position: absolute; left: 0; top: 1.32em;
	content: ""; display: block; width: 0.3em; height: 0.3em;
 background-color: #000;}
.notiList .date { color: #8c8b8b;}

/*下载列表*/
.downIList { margin: 0.9em 0.6em 0; padding-bottom: 3em; line-height: 2.75; text-align: left;}
.downIList li {border-bottom: 1px solid #ececec;
	display: flex; justify-content: space-between; align-items: center;}
.downIList .name {flex: 1; padding-left: 2em; 
margin-right: 1em; height: 2.75em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; position: relative; z-index: 0;}
.downIList .name::before { position: absolute; left: 1em; top: 1.15em;
	content: ""; display: block; width: 0.3em; height: 0.3em;
 background-color: #1279bf;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
 .downIList .name a { color: #1279bf;}
  .downIList .name a:hover { color: #1279bf; text-decoration: underline;}
.downIList .date { color: #8c8b8b; display: inline-block; margin-right: 0.8em;}

/*单页 关于我们*/
.artBox { text-align: left; line-height: 2; margin: 2em 4.2% 0; padding-bottom: 3.5em;}

/*注册*/
.regBox { margin-top: 1.1em; padding: 2.3em 2.2em;
 color: #000; background-color: #f9f9f9;
 display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
 .regBox .txt { text-indent: 2em; margin: 0 1.5em; margin-bottom: 0.5em; color: #757575; line-height: 1.5;}
.regBox dl { margin-top: 0.8em; line-height: 2.5;  width: 100%;;
display: flex; justify-content: flex-start; align-items: flex-start;}
.regBox dl.dlt {margin-top: -1.3em;}
.regBox dl.dl2 { width: 49%; margin-right: 2%;}
.regBox dl.dl22 { width: 49%;}
.regBox dt { min-width: 8em; text-align: right;}
.regBox dd { margin-left: 0.8em; flex: 1;text-align: left;
display: flex; justify-content: flex-start; align-items: flex-start; 
flex-wrap: wrap;}
.regBox .red { color: #f50303;}
.regBox dd .iW { flex:1;max-width: 22em; border: 1px solid #d1d0d0; background-color: #f0eeee; position:relative}
.regBox dd .iW .getcode { position:absolute; right:10px; top:4px;font-size: 14px;border: 1px solid #016fba;line-height: 20px;padding: 3px 8px;border-radius: 14px;color: #016fba;}


.regBox dd .input { display: block; font-size: 1em; width:100%;  padding:0 10px;  border: 0; outline-width: 0; 
 height: 2em; line-height: 2em; background-color: transparent;box-sizing: border-box; }
.regBox dd .tW { flex: 1; /* padding: 0.7em 1em; */border: 1px solid #d1d0d0; background-color: #f0eeee;}
.regBox dd .textarea, 
 .regBox dd .textarea2 {box-sizing: border-box; display: block; font-size: 1em; width:100%;  border: 0; outline-width: 0;padding: 10px; height: 4.8em; line-height: 1.2em; background-color: transparent;}
.regBox dd .textarea2 {height: 8em;}
.regBox .line { width: 100%; margin-top: 2em; margin-bottom: 2em; height: 1px; background-color: #d7d6d6;}
.regBox .btnBlue { margin-right: 1em; display: inline-block; padding:0.1em 2.6em 0; line-height: 2.4;}
.regBox .btnGray { display: inline-block; padding:0.1em 2.6em 0; line-height: 2.4;}
.regBox .note { color: #838383; width: 100%; margin-top: 0.2em;}
.regBox .rW { color: #016fba; padding-top: 0.2em;}
.regBox .rW label { cursor: pointer; margin-right: 1.2em;}
.regBox .rW label .radio { position: relative; top: 0.15em; margin-right: 0; width: 1.3em; height: 1.3em;}
.regBox .checkbox { position: relative; top: 0.5em; margin-right: 0.4em; width: 1.3em; height: 1.3em;}
.regBox .dlt a { color: #1279bf; text-decoration: underline;}

.passBox { color: #666;margin: 2.4em auto 0; padding: 2.3em 0; width: 60%;}
.passBox dt { min-width: 6em; text-align: right;}
.passBox  .btnW { margin-top: 0.7em;}
.passBox dd .iW { flex:1;max-width: 22em;/* padding: 0 1em;*/ border: 1px solid #dfdfddf;}

.btnPhotoW {position: relative; z-index: 0;  width: 6.6em; height: 6.6em; }

.btnPhoto { position: absolute; z-index: 1;
left: 0; top: 0;
 overflow: hidden; line-height: 2.5em;
 cursor: pointer; color: #838383;
 width: 6.6em; height: 6.6em; display: flex; justify-content: center;
 align-items: center; flex-direction: column;
background-color: #f0eeee;}
.btnPhoto .add { margin-top: 1em; width: 1.6em; height: 1.6em;
background: url(../images/add.png) center center no-repeat;}
.btnPhotoW .pic { position: absolute; left: 0; top: 0;
width: 100%; height: 100%;}
.btnPhotoW .pic img { display: block;width: 100%; height: 100%; object-fit: contain; border-radius: 50%; object-fit: cover;}
.btnPhotoW .pic .x { cursor: pointer; position:absolute; right:-10px; top:-10px; display:block; width:20px; height:20px; border-radius:50%; background:#ff0000; line-height: 1.3;text-align: center;color: #ffffff;}

.mainI .regBox { padding-top: 0.2em; padding-left: 1em; padding-right: 1em; background-color:transparent;}
.mainI .regBox dl { line-height: 2.75em;}
.mainI .regBox dd .iW {background-color:transparent; }

.mainI .regBox dd .input { line-height: 2em; height: 2em;}
.mainI .btnPhoto { background-color: #fff;}
.mainI .regBox dd .tW {background-color:transparent;}
.mainI .regBox dd .iW { max-width: 100%;}
.mainI .regBox dd .iW select { width:100%; height:100%; border:none; background:none }
.mainI .regBox dd .iW textarea { width:100%; height:100%; border:none; background:none }
.mainI .regBox dd .checkbox {top: 0.27em; margin-right: 0.2em;}
.mainI .regBox dd .rW { padding-top: 0;}

/*会员中心*/
.memInfo { padding: 2.5em 0 1em;}
.memInfo .pic { width: 6em; height: 6em; margin: 0 auto;background-color: #dde7ed;
    -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow: hidden; border-radius: 50%;}
.memInfo .pic img { display: block; width: 100%; height: 100%;  border-radius: 50%;
object-fit: cover;}
.memInfo .name { margin-top: 0.8em; color: #1279bf;}
.memInfo .name a { width: 100px; margin: 0 auto; background: #258e67; display: block; color: #fff; border-radius: 10px; font-size: 12px; padding: 2px 8px;}
.memNav { line-height: 2.8em; padding-bottom: 0.5em; text-align: left; font-weight: bold;}
.memNav li { margin-top: 2px; background-color: #d5e9f6;}
.memNav a  { padding: 0.2em 2.2em 0; display: block; cursor: pointer; color: #1279bf;}

/*我的考试*/
.examList { padding-bottom: 3em; }
.examList ul {border: 1px solid #e7e6e6;}
.examList .tit {border-top:0 solid #e7e6e6;}
.examList li { border-top:1px solid #e7e6e6; text-align: center; 
display: flex; justify-content: flex-start; align-items: center;}
.examList li .td { padding: 0.8em 1em 0.7em;}
.examList li .td1 { flex: 1; text-align: left;}
.examList li .td2 { width: 7em;}
.examList li .td3 { width: 17%;}
.examList li .td4 { width: 5em;}
.examList li:nth-child(2n+1){ background-color: #f5f5f5;}
.examList .num { font-weight: bold; color: #016fba;}
.examList .btnView { color: #016fba; text-decoration: underline;}

/*我的考试 详情*/
.examDe { text-align: left; margin: 2em 4.8%;}
.examDe .tit { font-weight: bold;}
.examDe { margin-top: 2em; line-height: 1.8em;}
.examDe .content { color: #000; margin-top: 0.6em;}
.examDe .content img{ margin: 0.6em 0; max-width: 100%; height: auto;}

.examDe .deCon { margin-top: 0.7em; line-height: 2;}
.examDe .deCon dl { margin-top: 0.25em; display: flex; justify-content: flex-start; align-items: flex-start;}
.examDe .deCon dt {}
.examDe .deCon dd { color: #666; flex: 1;}
.examDe .deCon .intro { margin-bottom: 0.6em;}
.examDe .deCon .num { line-height: 1.3em; font-size: 1.25em; font-weight: bold; color: #016fba;}
.examDe .deCon .pics {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.examDe .deCon .pics .pic { margin-top: 0.3em; width: 47.8%; 
padding-top: 30%; margin-right: 4.4%;
position: relative; z-index: 0;}
.examDe .deCon dd .pics .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: contain;}
.examDe .deCon .pics .pic:nth-child(2n) { margin-right: 0;}

.examDe .deCon .btnPhoto { background-color: #fff;}

.examDe .deCon .btnGene { color: #1a73df; text-decoration: underline;}

.perManList ul { margin: 1em 0.5em 0; }
.perManList li { text-align: left; border-bottom: 1px solid #e7e6e6;}
.perManList .lib { padding: 0.6em 1em;}
.perManList .info { width: 100%; display: flex;  justify-content:space-between; align-items: flex-start;
}
.perManList .info .about{ color: #b6b6b6;}
.perManList .info .about .btnDel { cursor: pointer; display: inline-block; margin: 0 0.3em; color: #1279bf;}
.perManList .info .about .btnDel:hover { text-decoration: underline;}
.perManList .info .about .btnEdit {cursor: pointer; display: inline-block; margin: 0 0.3em; color: #1279bf;}
.perManList .info .about .btnEdit:hover { text-decoration: underline;}
.perManList .name { margin-right: 1.2em; font-weight: bold; display: inline-block;}
.perManList .posi {display: inline-block;}
.perManList .intro { line-height: 1.6em; margin-top: 0.5em; color: #999;}


/*供需管理*/
.serDemBox {}
.serDemBox .tab{}
.serDemBox .tab .tabbox{ margin-top: 1em; text-align: left; border-bottom: 1px solid #e7e6e6;}
.serDemBox .tab a { line-height: 2.2em; border-bottom: 0.2em solid #fff; padding:0 0.3em ; display: inline-block; cursor: pointer; color: #016fba;}
.serDemBox .tab a.cur { font-weight: bold;border-bottom: 0.2em solid #016fba;}

.serDemBox .conS { display: none;}
.serDemBox .conS.show { display: block;}

.serDemList ul { margin: 0 0.2em 0; }
.serDemList li { text-align: left; border-bottom: 1px solid #e7e6e6;}
.serDemList .lib { padding: 1.2em 0.5em;}
.serDemList .info { width: 100%; display: flex;  justify-content:space-between; align-items: flex-start;
}
.serDemList .zt { margin-top:5px; color:#999;font-size:14px }
.serDemList .info .about{ color: #b6b6b6;}
.serDemList .info .about .btnDel { cursor: pointer; display: inline-block; margin: 0 0.3em; color: #1279bf;}
.serDemList .info .about .btnDel:hover { text-decoration: underline;}
.serDemList .info .about .btnEdit {cursor: pointer; display: inline-block; margin: 0 0.3em; color: #1279bf;}
.serDemList .info .about .btnEdit:hover { text-decoration: underline;}
.serDemList .name { margin-right: 1.2em; font-weight: bold; display: inline-block;}
.serDemList .type {display: inline-block; margin-right: 1.2em; }
.serDemList .date {display: inline-block;}
.serDemList .intro { line-height: 1.6em; margin-top: 0.5em; color: #999;}

/*学习园地  视频专区*/
.learnList { margin: 1.7em 0.3em 0; padding-bottom: 3em;}
.learnList .tit { text-align: left; font-weight: bold; color: #016fba;}
.learnList ul { margin-top: -0.7em; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.learnList li { width: 31.5%; margin-right: 2.7%; margin-top: 2.5%;}
.learnList li:nth-child(3n) { margin-right: 0;}
.learnList .item { position: relative; z-index: 0; padding: 0; margin: 0;}
 .learnList .item .txts { position: absolute; left: -0.2em; top: 1.2em; 
 font-size: 15px; color: #004f81; 
 transform: rotate(90deg);
 -ms-transform: rotate(90deg); /* IE 9 */
 -webkit-transform: rotate(90deg); /* Safari and Chrome */}
 .learnList .item .picb { position: relative; z-index: 0; padding-top: 66.4%;
 overflow: hidden;}
 .learnList .item .videoBox { position: absolute; z-index: 0; left: 0; top: 0;
   width: 100%; height: 100%;
  background-color: #000;}
 .learnList .item .videoBox video { position: absolute; z-index: 0; left: 0; top: 0;
 width:100%; height: 100%; object-fit: contain;}
 .learnList .item .videoBox .videoPic { position: absolute; z-index: 1; left: 0; top: 0;
 width: 100%; height: 100%; background-color: #000;}
 .learnList .item .videoBox .videoPic img { display: block; width: 100%; height: 100%;
  object-fit: cover;
  filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
 .learnList .item .videoBox .btnPlay{ position: absolute; z-index: 2; 
 left: 50%; top: 50%; margin-top: -1.3em; margin-left: -1.3em; 
 width: 2.6em; padding-top: 2.6em; height: 0; cursor: pointer;
 background: url(../images/btn_play_2.png) center center no-repeat;
 background-size:contain;
 }
 .learnList .item .videoBox.curPlay .videoPic { display: none; }
 .learnList .item .videoBox.curPlay .btnPlay {display: none; }
 
 .learnList .item .videoBox.pausePlay .videoPic { display: none; }
 .learnList .item .videoBox.pausePlay .btnPlay {display: block; }
 
 .learnList .item .pic { margin: 0 auto; position: relative; z-index: 0;
  width: 415px; padding-top: 321px;
 display: block; cursor: pointer; overflow: hidden;}
 .learnList .item .pic img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;
 object-fit:cover;  }
 .learnList .item .txt { position: relative; z-index: 1;
  background-color: #fff; text-align:center; margin: 1em 4.3% 0; 
  -moz-border-top-left-radius:0.5em; 
  -webkit-border-top-left-radius:0.5em; 
  border-top-left-radius:0.5em;
  
  -moz-border-bottom-right-radius:0.5em;
  -webkit-border-bottom-right-radius:0.5em; 
  border-bottom-right-radius:0.5em;
  
  -moz-border-top-right-radius:1.5em;
  -webkit-border-top-right-radius:1.5em; 
  border-top-right-radius:1.5em;
  
  -moz-border-bottom-left-radius:1.5em;
  -webkit-border-bottom-left-radius:1.5em; 
  border-bottom-left-radius:1.5em;
  }
 .learnList .item .txt .name { height: 1.5em;
 line-height: 1.5em; overflow: hidden; 
 text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;}

@media only screen and (max-width:828px) { 
	.learnList ul { }
	.learnList li { width: 48.65%; margin-right: 2.7%; margin-top:1.2em;}
	.learnList li:nth-child(3n) { margin-right: 2.7%;}
	.learnList li:nth-child(2n) { margin-right: 0;}
	
	.learnList .item .videoBox .btnPlay{
		margin-top: -1.1em;
		    margin-left: -1.1em;
		    width: 2.2em;
		    padding-top: 2.2em;
	}
}

/*考试*/
.examBox {margin-top: 1.2em; padding: 0 1.3em 3.5em; border: 1px solid #eaeaea;
 background-color: #fff; min-height: 750px;}
.examCon { text-align: left; margin: 4.5% 3.4% 0;  line-height: 2;}

@media only screen and (max-width:828px) { 
	.examBox { min-height: 400px;}
}

/*考试说明 */
.examDes .tit { color: #016fba; font-weight: bold;}
.examDes .about {color: #016fba;}
.examDes .content { color: #666; margin-top: 0.7em;}
.examDes .btnW { text-align: center;}
.examDes .btnW .btnBlue { margin-top: 1.8em; min-width: 244px; display: inline-block; line-height: 2.4;}

.quseList { margin-top: 1.1em;}
.quseList ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;
 line-height: 2em;}
.quseList li {cursor: pointer; width: 19.6%; margin: 0.5% 0.5% 0 0; background-color: #e5e5e5; color: #0a72bb;  text-align: center;}
.quseList li:nth-child(5n) { margin-right: 0;}
.quseList li a{ cursor: pointer; color: #6a6a6a;}

.quseList li.cur { background:#0a72bb }
.quseList li.cur a{ color: #fff;}

.quseList li.done { background:#0a72bb }
.quseList li.done a{ color: #fff;}

.quseList li.right {  background:#07c160; color: #fff;}
.quseList li.wrong {  background:red;   color: #fff;}
.quseList li.no {    color: #fff;}



.examDes .submit { text-align:center; }
.examDes .submit a { display:inline-block; margin-top: 35px; padding: 0 80px;}
#ti {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #fff;z-index: 99999;}
.quseBox {}
.quseBox .tit { padding: 0.2em 0 0.3em; color: #016fba; font-weight: bold; line-height: 1.2em;}
.quseBox .tit2 { color: #666;}
.quseBox .analysis { margin: 0 1em 0; min-height: 15em;}

.quseBox .quseDe { margin: 0.7em 0;}
.quseBox .quseDe li { cursor: pointer; margin-top: -1px; text-align: center; line-height: 3;
	border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position: relative;}
.quseBox .quseDe li.sel {background-color: #e9a501; color: #fff;}
.quseBox .quseDe li span{ position:absolute; right: 15px; top: 12px;font-size: 14px;color: #fff;background: #3baa24;padding: 5px 10px;line-height: 1;border-radius: 10px;}

.quseBox .btnW { background-color: #e5e5e5; padding: 0.4em;
 display: flex; justify-content: space-between; align-items: center;}
 .quseBox .btnW .btnBlue { line-height: 2.3; padding-top: 0.1em;}
 .quseBox .btnW .btnBlue:hover { color: #fff;}

 .quseBox .btnW .btnBlue.disabled { color: #b3b3b3;  background-color: #fcf8f8;  border: 1px solid #fcf8f8; }

.quseBox .btnW .btnWhite {line-height: 1.1; padding: 0.2em 2em;}
.quseBox .btnW .btnWhite p {font-size: 12px;  line-height: 1;}
 .quseBox .btnW .btnWhite:hover {}
}


 
.examScore { text-align: center;}
.examScore .num { padding-top: 0.1em; line-height: 1.1; font-size: 12.5em; color:#d90101; font-weight: bold; font-style: italic;}
.examScore .numList ul { margin-top: 1.5em; display: flex; justify-content: space-between; align-items: stretch;}
.examScore .numList ul li { padding: 0.7em 0;
	line-height: 1.2; margin-top: 0.95%; margin-right: 0.95%; width: 32.7%; background-color: #e5e5e5;}
.examScore .numList .t1 { color: #d90101; font-weight: bold;}
.examScore .numList .t2 { color: #000;}
.examScore .btnW { text-align: center;}
.examScore .btnW .btnBlue { margin-top: 3em; min-width: 190px; display: inline-block; line-height: 2.4;}