@charset "utf-8";

/*
Theme Name:学习中心;
Author: gan
Last Modify:2014/02/25
*/

img{ vertical-align:top;}
:focus{outline:0;}
.tPad30{ padding-top:30px;}
.content .middle2{background:url(../images/bg-middle.jpg) repeat-y; width:1200px; overflow:hidden;}
.middle2 .learning{width:1150px; margin:30px 0 20px; padding-left:50px; overflow:hidden; zoom:1;}
.learning h3{width:232px; height:39px; float:left; background:url(../images/learn-tit.png) no-repeat; padding-left:15px; text-align:center; font-size:18px; line-height:36px; color:#fff; font-weight:normal;}
.learning h4{width:39px; height:26px; background:url(../images/learn-tit2.png) no-repeat;}
.learning .lea-class{padding:35px 0 5px 40px;margin-left:19px;border-left:2px solid #6bc30d;overflow:hidden;zoom:1;}
.learning .green-line{border-bottom: 1px dashed #6bc30d;width: 1038px;position: relative;left: 62px;}
.lea-class .cla-module, .lea-class .cla-module2, .lea-class .cla-module3{ float:left; width:314px; height:121px; border:2px solid #b5e186; background-color:#fff; position:relative; margin:0 40px 35px 0; padding:1px;}
.lea-class .blue{border:2px solid #a9e0fa;}
.lea-class .cla-module2{border:2px solid #b5e186;}
.lea-class .cla-module3{border:2px solid #aae0fa;}
.cla-module .learn-img, .cla-module2 .learn-img, .cla-module3 .learn-img{float:left; width:128px; height:121px; padding-right:0px; }

.cla-module .lea-dl1, .cla-module2 .lea-dl1, .cla-module3 .lea-dl1{float:left; width:175px; height:113px; padding:8px 0 0 10px; background-color:#fff;}

.lea-dl1 dt, .lea-dl2 dt, .lea-dl3 dt{font-size:15px; line-height:18px; padding-bottom:9px;}
.lea-dl1 dd{font-size:14px; color:#999; line-height:22px; padding-top:5px;}
.lea-dl1 dd span{color:#666;}
.lea-dl1 dd.open{position:absolute; top:73px; right:6px;}

.cla-module .lea-dl2, .cla-module2 .lea-dl3, .cla-module3 .lea-dl2{float:left; width:175px; height:113px; padding:8px 0 0 10px;}

.cla-module2 .lea-dl3{background-color:#f6ffed;}
.lea-dl2 dt, .lea-dl3 dt{ padding-bottom:15px;}
.lea-dl3 dt{color:#57a51b;}
.lea-class .wbor{ border:2px solid #fff;}
.cla-module3 .lea-dl2 dt{font-size:16px;}
/*添加 简介  咨询  报名*/
.cla-module .tlink, .cla-module2 .tlink{ width:170px; border-top:1px dotted #ddd; position:absolute; bottom:0; left:139px; padding:5px 0;}
.cla-module .tlink .ic, .cla-module2 .tlink .ic{ height:20px; background:url(../images/icosubject.gif) 0 4px no-repeat; color:#666; font-size:14px; display:inline-block; padding-left:22px;}
.cla-module .tlink a:hover, .cla-module2 .tlink a:hover{ color:#57a51b;}
.cla-module .tlink .ic1, .cla-module2 .tlink .ic1{ background-position:0 4px; margin-right:5px;}
.cla-module .tlink .ic2, .cla-module2 .tlink .ic2{ background-position:0 -29px; margin-right:5px;}
.cla-module .tlink .ic3, .cla-module2 .tlink .ic3{ background-position:0 -62px;}
.cla-module .tlink .noout, .cla-module2 .tlink .noout{ background-position:0 -102px; color:#999; margin-right:10px;}


.lock3, .lock4{width:128px; height:121px; position:absolute; top:1px; left:1px; filter:alpha(opacity=90);  -moz-opacity:0.9;  -khtml-opacity: 0.9;  opacity: 0.9;}

.learning h5{ font-size:18px; color:#4b9314; font-weight:500; clear:both;  border-left:2px solid #6bc30d; margin-left:19px;margin-top: -1px;}

.learning h5 em.yh{padding-left: 50px;font-style: normal;color: #666;font-size:16px;}
.learning h5 span{width:52px;height:32px;background:url(../images/subtit.gif) 0 7px no-repeat;display:inline-block;position:relative;left:-8px;}
.learning h5.sanji{padding-top:40px;font-size:16px;}
.learning h5.sanji span{width:27px;background:url(../images/subtit3.png) 3px 5px no-repeat;height:22px;margin-right: 20px;}

.learning .maintit{ line-height:39px;}
.learning .maintit .view{ width:126px; height:37px; line-height:36px; background:url(../images/kczsbtn.gif) 0 0 no-repeat; color:#fff; text-align:center; font-size:16px; margin-left:10px; display:inline-block;}
.learning .maintit .ztjx{ width:126px; height:37px; line-height:36px; background:url(../images/ztjx.png) 0 0 no-repeat; color:#fff; text-align:center; font-size:16px; margin-left:10px; display:inline-block;}
.learning h5 a.view2{ width:126px; height:37px; line-height:36px; background:url(../images/kczsbtn.gif) 0 0 no-repeat; color:#fff; text-align:center; font-size:16px; margin-left:30px; display:inline-block;}
/*申请开通弹窗*/
.applypop{ width:355px; background-color:#fff; position:fixed; top:42%; left:42%; z-index: 10088;/*IE6 弹出层*/_position:absolute; _top: expression(documentElement.scrollTop + (document.documentElement.clientHeight - this.offsetHeight)/2);}
.applypop h2{ height:35px; line-height:35px; padding-left:20px; background-color:#6bc30d; color:#fff; font-size:18px; font-weight:500;}
.applypop .close{ width:35px; height:35px; display:block; background:url(../images/learn-close.png) center no-repeat;}
.applypop p{ line-height:30px; padding-left:15px;}
.applypop .txt{ padding:25px 0 25px 20px; overflow:hidden; zoom:1;}

/*遮罩层*/
.mask5{width:100%; height:100%; _height:1000px; position:absolute; top:0px; left:0px; z-index:6998; border:none; padding:0; margin:0; background-color:#000;
	_background:url(../images/overlay.png) repeat 0 0; /*遮罩层*/_left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }

.mask5, .applypop{display:none;}

/*导航链接*/
.maplink{ margin:40px auto 0; padding-left:50px; overflow:hidden; zoom:1;padding-right:70px;}
.maplink ul{ overflow:hidden; zoom:1;}
.maplink li{float:left; padding:6px 17px 10px;position: relative;}
.maplink li:hover{margin-top: -6px;margin-bottom: 6px;height: 102px;}
.maplink li.last{float:left; padding-right:0;}
.maplink li a{ width:102px; height:102px; display:inline-block;}

.maplink li a.wanxuetang{background:url(../images/learning-icowxt.gif) 0 0 no-repeat;}
.maplink li a.wanxuetang:hover{ background:url(../images/learning-icowxt.gif) 0 bottom no-repeat;}

.maplink li a.kaoyan{background:url(../images/learning-icoky.gif) 0 0 no-repeat;}
.maplink li a.kaoyan:hover{ background:url(../images/learning-icoky.gif) 0 bottom no-repeat;}

.maplink li a.yjs{background:url(../images/learning-icoky1.gif) 0 0 no-repeat;}
.maplink li a.yjs:hover{ background:url(../images/learning-icoky1.gif) 0 bottom no-repeat;}

.maplink li a.cet{ background:url(../images/learning-icocet.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.cet:hover{ background:url(../images/learning-icocet.gif) 0 bottom no-repeat;}

.maplink li a.gongwuy{ background:url(../images/learning-icogw.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.gongwuy:hover{ background:url(../images/learning-icogw.gif) 0 bottom no-repeat;}

.maplink li a.act{ background:url(../images/learning-icozy.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.act:hover{ background:url(../images/learning-icozy.gif) 0 bottom no-repeat;}

.maplink li a.gaoxiao{ background:url(../images/learning-gaoxiao.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.gaoxiao:hover{ background:url(../images/learning-gaoxiao.gif) 0 bottom no-repeat;}

.maplink li a.zhaopin{ background:url(../images/learning-icozp.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.zhaopin:hover{ background:url(../images/learning-icozp.gif) 0 bottom no-repeat;}

.maplink li a.jiaoshi{ background:url(../images/learning-icojs.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.jiaoshi:hover{ background:url(../images/learning-icojs.gif) 0 bottom no-repeat;}

.maplink li a.kuaiji{ background:url(../images/learning-icokj.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.kuaiji:hover{ background:url(../images/learning-icokj.gif) 0 bottom no-repeat;}

.maplink li a.yinhang{ background:url(../images/learning-icoyh.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.yinhang:hover{ background:url(../images/learning-icoyh.gif) 0 bottom no-repeat;}

.maplink li a.zhengquan{ background:url(../images/learning-icozq.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.zhengquan:hover{ background:url(../images/learning-icozq.gif) 0 bottom no-repeat;}

.maplink li a.jisuanji{ background:url(../images/learning-icojsj.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.jisuanji:hover{ background:url(../images/learning-icojsj.gif) 0 bottom no-repeat;}

.maplink li a.chuguolx{ background:url(../images/learning-icoliux.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.chuguolx:hover{ background:url(../images/learning-icoliux.gif) 0 bottom no-repeat;}

.maplink li a.mfa{ background:url(../images/learning-icomfa.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.mfa:hover{ background:url(../images/learning-icomfa.gif) 0 bottom no-repeat;}

.maplink li a.kjzc{ background:url(../images/learning-icokjzc.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.kjzc:hover{ background:url(../images/learning-icokjzc.gif) 0 bottom no-repeat;}

.maplink li a.qiuzhi{ background:url(../images/learning-icoqz.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.qiuzhi:hover{ background:url(../images/learning-icoqz.gif) 0 bottom no-repeat;}

.maplink li a.jijin{ background:url(../images/learning-icojj.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.jijin:hover{ background:url(../images/learning-icojj.gif) 0 bottom no-repeat;}

/*把“开始学”习按钮拿出后，“尚未开通科目“的呈现*/
.lea-dl2 .noopen{ font-size:14px; color:#666;}
.lea-dl2 .startbtn,.lea-dl2 .ftkbtn,.lea-dl2 .bmbtn{ width:94px; height:24px; background:url(../images/learn-btn1.gif) 0 0 no-repeat;  display:inline-block;}
.lea-dl2 .startbtn:hover{ background:url(../images/learn-btn1.gif) 0 bottom no-repeat;}
.lea-dl2 .ftkbtn{ background:url(../images/learn-btn3.gif) 0 0 no-repeat;}
.lea-dl2 .ftkbtn:hover{ background:url(../images/learn-btn3.gif) 0 bottom no-repeat;}
.lea-dl2 dd{ position:relative;}
.lea-dl2 dd .type{ font-size:14px; color:#999; position:absolute; top:2px; right:8px;}
.lea-dl2 .startbtn2{ width:94px; height:24px; background:url(../images/learn-btn3.gif) 0 0 no-repeat; display:inline-block;}
.lea-dl2 .startbtn2:hover{ background:url(../images/learn-btn3.gif) 0 bottom no-repeat;}
.lea-dl2 .bmbtn{ background:url(../images/learn-btn4.gif) 0 0 no-repeat;}
.lea-dl2 .bmbtn:hover{ background:url(../images/learn-btn4.gif) 0 bottom no-repeat;}

/*###################################   ftklearning.html 非统考   ######################################## */
.learning h3.ftktit{width:333px;height:42px;background:url(../images/ftklearn-tit.png) no-repeat;padding-left:15px;text-align:center;font-size: 18px;line-height:36px;color:#fff;font-weight:normal;overflow:hidden;zoom:1;}
.learning h4.area{ width:1080px; height:40px; background:url(../images/ftkareabg.gif) 0 30px no-repeat; border-left: 2px solid #6bc30d; margin-left:19px; clear:both;}
.learning h4.area span.areaico{ width:18px; height:26px; background:url(../images/areaico.gif) no-repeat; display:inline-block; position:relative; left:-9px; top:8px;}
.learning h4.area span.areaname{ font-size:16px; color:#4b9314; font-weight:500; padding-left:40px;}
.learning h4.area .fold{ width:40px; height:40px; background:url(../images/dfold.gif) no-repeat; display:inline-block; position:absolute; right:-11px; bottom:-12px;}
.learning h4.area .unfold{ width:40px; height:40px; background:url(../images/dunfold.gif) no-repeat; display:inline-block; position:absolute; right:-11px; bottom:-12px;}
.learning h5.collegename{ font-size:17px;}

.learning h3.ts{background: url("../images/learn-tit-ts1193.png") no-repeat;color: #fff;float: left;font-size: 18px;font-weight: normal;height: 39px;line-height: 36px;padding-left: 15px;text-align: center;width: 454px;}
.learning h3.ts1{background: url("../images/learn-tit-ts1.png") no-repeat;color: #fff;float: left;font-size: 18px;font-weight: normal;height: 39px;line-height: 36px;padding-left: 15px;text-align: center;width: 300px;}
.learning h3.ts2{background: url("../images/learn-tit-ts2.gif") no-repeat;color: #fff;float: left;font-size: 18px;font-weight: normal;height: 39px;line-height: 36px;padding-left: 15px;text-align: center;width: 370px;}
.learning h3.ts3{background: url("../images/learn-tit-ts3.gif") no-repeat;color: #fff;float: left;font-size: 18px;font-weight: normal;height: 39px;line-height: 36px;padding-left: 15px;text-align: center;width: 335px;}
h4.tit2{width:254px;height: 40px;border-left: 2px solid #6bc30d;background: url(../images/tit2-bg.png) 0 30px no-repeat;margin-left: 19px;clear: both;}
h4.tit2-bg{width:374px;height: 40px;border-left: 2px solid #6bc30d;background: url(../images/tit2-bg-big.png) 0 30px no-repeat;margin-left: 19px;clear: both;}
.tPad30 {padding-top: 30px;}
.tit2-name{font-size: 20px;color: #548032;font-weight: 500;width: 254px;padding-left:15px;text-align: center;display: inline-block;position: relative;top:-40px;}
.tit2-name-bg{font-size: 20px;color: #548032;font-weight: 500;width: 374px;padding-left:15px;text-align: center;display: inline-block;position: relative;top:-40px;}
.areaico{width: 18px;height: 26px;background: url(../images/areaico.gif) no-repeat;display: inline-block;position: relative;left: -9px;top: 8px;}


.maplink li a.huatai{ background:url(../images/learning-icoht.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.huatai:hover{ background:url(../images/learning-icoht.gif) 0 bottom no-repeat;}
.maplink li a.ace{ background:url(../images/learning-icocq.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.ace:hover{ background:url(../images/learning-icocq.gif) 0 bottom no-repeat;}
.maplink li a.zhiye{ background:url(../images/learning-icozy1.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.zhiye:hover{ background:url(../images/learning-icozy1.gif) 0 bottom no-repeat;}
.maplink li a.zyvip{ background:url(../images/learning-icovip.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.zyvip:hover{ background:url(../images/learning-icovip.gif) 0 bottom no-repeat;}
.maplink li a.cxcy{background:url(../images/learning-icocxcy.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.cxcy:hover{ background:url(../images/learning-icocxcy.gif) 0 bottom no-repeat;}
.maplink li a.zhiye-a{background:url(../images/learning-icozy1-a.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.zhiye-a:hover{ background:url(../images/learning-icozy1-a.gif) 0 bottom no-repeat;}
.maplink li a.gjzn{background:url(../images/learning-icogjzn.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.gjzn:hover{ background:url(../images/learning-icogjzn.gif) 0 bottom no-repeat;}
.maplink li a.sz{background:url(../images/learning-icosz.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.sz:hover{ background:url(../images/learning-icosz.gif) 0 bottom no-repeat;}
.maplink li a.qiuzhi-a{background:url(../images/learning-icoqz-a.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.qiuzhi-a:hover{ background:url(../images/learning-icoqz-a.gif) 0 bottom no-repeat;}
.maplink li a.gwy-a{background:url(../images/learning-icogw-a.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.gwy-a:hover{ background:url(../images/learning-icogw-a.gif) 0 bottom no-repeat;}
.maplink li a.gaoxiao-a{background:url(../images/learning-gaoxiao-a.gif) 0 0 no-repeat; display:inline-block;}
.maplink li a.gaoxiao-a:hover{ background:url(../images/learning-gaoxiao-a.gif) 0 bottom no-repeat;}
.maplink li a{ width:102px; height:46px; display:inline-block;padding-top: 56px;text-align: center;color:#666;font-size: 15px;font-family: "Microsoft YaHei";}
.maplink li a.dw1{width:102px; height:52px; display:inline-block;padding-top:47px;text-align: center;font-size: 14px;font-family: "Microsoft YaHei";line-height: 18px;}
.maplink li a:hover{ width:102px; height:46px; display:inline-block;padding-top: 56px;color:#fff;font-size: 15px;font-family: "Microsoft YaHei";}
.maplink li a.dw1:hover{width:102px; height:52px; display:inline-block;padding-top:47px;text-align: center;font-size: 15px;font-family: "Microsoft YaHei";line-height: 18px;}



/*2018.5.30 问卷调查*/
.pop-survey{
	width:360px;
	height:475px;
	padding:0 50px;
	background-color:#fff;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	box-shadow: 0 12px 24px rgba(0,0,0,0.2);
	border-radius: 10px;
	z-index: 10088;
}
.pop-survey .close{
	width:18px;
	height:18px;
	background: url(../images/ico_survey_close.png) 0 0 no-repeat;
	position: absolute;
	top: 25px;
	right: -20px;;
	display:inline-block;
}
.survey-con{
	position:relative;
}
.survey-con .img{
	text-align: center;
}
.survey-con .img img{
	width: 213px;
	height: 139px;
	padding:25px 0 20px;
	display: inline-block;
}
.survey-con h2{
	font-size: 26px;
	color: #333;
	font-weight: 700;
	text-align: center;
}
.survey-con p.txt{
	font-size: 16px;
	line-height: 30px;
	color: #666;
	font-weight: 500;
	padding-top: 20px;
}
.survey-con .btn{
	width: 270px;
	height: 60px;
	line-height: 60px;
	background-color: #00db81;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	border-radius: 80px;
	margin: 20px auto 0;
	display: block;
}
.survey-con .btn:hover{
	text-decoration: none;
}
.leftsidenav-survey{
	width:49px;
	height:146px;
	background:url('../images/ico_survey_floatbar.png') 0 0 no-repeat;
	margin-top:60px;
	display:block;
}

.Grade {margin-left: 550px;padding-left: 30px;margin-top: 20px;overflow: hidden;}
.Grade span{margin-right:20px;width: 50px;height: 50px;line-height:50px;text-align: center;background: #81cf29;color:#fff;font-size: 13px;float: left;display: inline-block;border-radius: 25px;}
.Grade span.Last{line-height: 17px;padding-top:8px;height:42px;}


.nav-new2018{margin-left: 45px;margin-right: 45px;margin-bottom: 20px;}
.Nav-List{margin-bottom: 10px;overflow: hidden;}
.zong-bg1{background: url(../images/zong-bg1.jpg) no-repeat;width: 520px;height: 60px;overflow: hidden;float: left;}
.zong-bg2{background: url(../images/zong-bg2.jpg) no-repeat;width: 520px;height:180px;overflow: hidden;float: left;}
.zong-bg3{background: url(../images/zong-bg3.jpg) no-repeat;width: 520px;height:360px;overflow: hidden;float: left;}


.leibie{width: 96px;background-color:rgba(255,106,76,0.9);float: left;height: 60px;line-height:60px;text-align: center;color:#fff;font-size: 18px;}
.zong-bg2 .leibie{width: 96px;background-color:rgba(76,166,255,0.85);height: 180px;line-height:180px;}
.zong-bg3 .leibie{width: 96px;background-color:rgba(129,207,41,0.85);height: 360px;line-height:360px;}
.BIaoti{float: left;text-align: center;line-height: 60px;height: 60px;color:#fff;width: 424px;font-size: 18px;}
.BIaoti.cur{background-color:rgba(255,106,76,0.9);cursor: pointer;text-decoration: none;}
.zong-bg2 .BIaoti.cur{background-color:rgba(76,166,255,0.85);}
.zong-bg3 .BIaoti.cur{background-color:rgba(129,207,41,0.85);}

.CIcle-ALL{width: 590px;float: left;}
.CIcle-one{float: left;height: 40px;background:url(../images/red-bg.png) top center;padding-top: 20px;cursor: pointer;}
.CIcle-one.cur{padding-top: 20px;background:url(../images/red-hover.png) top center;}
.CIcle-one{padding-left: 30px;}
.CIcle-one .circle-each{width: 20px;height: 20px;border-radius: 10px;background: #ff6a4c;display: inline-block;float: left;margin-right: 50px;z-index: 999;}
.CIcle-one .circle-bor{width: 18px;height: 18px;border-radius: 10px;border:1px solid #ff6a4c;background: #fff;display: inline-block;float: left;margin-right: 50px;z-index: 999;}

.CIcle-two{float: left;height: 40px;background:url(../images/blue-bg.png) top center;padding-top: 20px;cursor: pointer;}
.CIcle-two.cur{padding-top: 20px;background:url(../images/blue-hover.png) top center;}
.CIcle-two{padding-left: 30px;}
.CIcle-two .circle-each{width: 20px;height: 20px;border-radius: 10px;background: #4ca6ff;display: inline-block;float: left;margin-right: 50px;z-index: 999;}
.CIcle-two .circle-bor{width: 18px;height: 18px;border-radius: 10px;border:1px solid #4ca6ff;background: #fff;display: inline-block;float: left;margin-right: 50px;z-index: 999;}

.CIcle-three{float: left;height: 40px;background:url(../images/green-bg.png) top center;padding-top: 20px;cursor: pointer;}
.CIcle-three.cur{padding-top: 20px;background:url(../images/green-hover.png) top center;}
.CIcle-three{padding-left: 30px;}
.CIcle-three .circle-each{width: 20px;height: 20px;border-radius: 10px;background: #81cf29;display: inline-block;float: left;margin-right: 50px;z-index: 999;}
.CIcle-three .circle-bor{width: 18px;height: 18px;border-radius: 10px;border:1px solid #81cf29;background: #fff;display: inline-block;float: left;margin-right: 50px;z-index: 999;}

/* 20200211新增 */
.an{position:relative; top:-70px; display:block; height:0; overflow:hidden;}
/*.nav-fix{padding:12px 8px;background:url(../images/mooc/kecheng_bg.gif) no-repeat;margin-bottom:10px;}
.nav-fix li{float:left; width:188px; margin-right: 10px;}
.nav-fix .li1{background:url(../images/mooc/li-bg1.png) no-repeat;}
.nav-fix .li2{background:url(../images/mooc/li-bg2.png) no-repeat;}
.nav-fix .li3{background:url(../images/mooc/li-bg3.png) no-repeat;}
.nav-fix .li4{background:url(../images/mooc/li-bg4.png) no-repeat;}
.nav-fix .li5{background:url(../images/mooc/li-bg5.png) no-repeat;}
.nav-fix .li6{background:url(../images/mooc/li-bg6.png) no-repeat;margin-right: 0;}
.nav-fix .li7{background:url(../images/mooc/li-bg7.png) no-repeat;}
.nav-fix .li8{background:url(../images/mooc/li-bg8.png) no-repeat;}
.nav-fix .li9{background:url(../images/mooc/li-bg9.png) no-repeat;}
.nav-fix .li10{width:117px; background:#6bc30d; margin-left:3px;}
.nav-fix .li1:hover{background:url(../images/mooc/li-bg01.png) no-repeat;}
.nav-fix .li2:hover , .nav-fix .li3:hover , .nav-fix .li4:hover , .nav-fix .li5:hover , .nav-fix .li6:hover , .nav-fix .li7:hover , .nav-fix .li8:hover{background:url(../images/mooc/li-bg02.png) no-repeat;}
.nav-fix .li9:hover{background:url(../images/mooc/li-bg09.png) no-repeat;}
.nav-fix .li10:hover{background:#5ba60c;}
.nav-fix li a{line-height:64px;height:64px;font-size:16px; font-weight:bold; color:#fff; text-align:center; cursor:default; text-decoration:none; display:inline-block; width:100%;cursor: pointer;}
.nav-fix li.li2 a{line-height: 22px;margin-top: 10px;}*/
.cla-module-cs{border:2px solid #87e0c2!important;}
.cla-module-cs .lea-dl2 .startbtn{width:94px; height:24px; background:url(../images/mooc/learn-btn2.gif) 0 0 no-repeat; display:inline-block;}
.cla-module-cs .lea-dl2 .startbtn:hover{background:url(../images/mooc/learn-btn2.gif) 0 bottom no-repeat;}



/*弹框*/
.mask-mooc{width: 100%;height: 100%;background-color:#000;opacity: 0.6;filter:alpha(opacity=60);z-index:1000;position: fixed;top: 0;left: 0;display: none;}

.Show-course{width:780px;height:auto;background-color: #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);padding:20px 0px 40px 30px;border: 1px solid #4c5bff;z-index:1001;display:none;}
.Show-course h5{font-size: 20px;color: #333;font-weight: 700;padding-bottom: 20px;}
.Show-course .closeSX{position: absolute;top:20px;right:30px;cursor: pointer;}
.Show-course ul{overflow: hidden;max-height: 310px;overflow-y:auto;margin-right:7px;}
.Show-course .Button{margin-left: 80px;margin-top:37px;}
.Show-course .Button input{width: 243px;height: 51px;line-height: 49px;text-align: center;font-size: 20px;color: #fff;text-decoration: none;font-family: "Microsoft Yahei";cursor: pointer;}
.Show-course .Button input.no1{background: url(../../jw_new/images/sure_index.png) no-repeat;display: inline-block;margin-right: 100px;}
.Show-course .Button input.no2{background: url(../../jw_new/images/cancle_index.png) no-repeat;display: inline-block;color:#333;}
.Show-course li{width: 358px;height: 104px;border:1px solid #e5e5e5;position: relative;float: left;margin-right:20px;margin-bottom:40px;}
.Show-course li .tip{font-size: 13px;color: #f23d79;position: absolute;left: 0;top: 113px;}
.Show-course li.last{margin-right: 0;}
.Show-course li:hover{border:1px solid #4c5bff;cursor: pointer;}

.Show-course li .kc-img{float: left;margin-top: 10px;margin-left: 17px;border:4px solid rgba(255,255,255,.5);width:78px;border-radius:50px;height: 78px;}
.Show-course li .ck-tit{width:210px;float: left;font-size: 20px;font-weight: 700;margin-left: 20px;color: #333;margin-left: 124px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;
	position:absolute;top:50%;
	transform: translate(0,-50%);
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	transform:translate( 0, -50%);}
.Show-course li.checked{background: #4c5bff;color:#fff;}
.Show-course li.checked .ck-tit{color: #fff;}

.Show-tip{width:560px;height:220px;background-color: #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid #4c5bff;z-index:1001;display:none;text-align: center;}
.Show-tip p.tips{color: #333;font-size: 20px;padding-top: 20px;padding-bottom: 30px;font-weight: 700;}
.Show-tip p.no1{font-size:16px;padding-bottom: 35px;}
.Show-tip p.no2{background: url(../../jw_new/images/gth.png) no-repeat 38px 59px;}
.Show-tip input.zdl{background:#6d91fc;width:164px;height:48px;border:none;font-size:20px;margin-right: 35px;color:#fff;cursor: pointer;}
.Show-tip input.qlx{background: #3366ff;width:164px;height:48px;border:none;font-size:20px;color:#fff;cursor: pointer;}
.Show-tip .gbClose{position: absolute;right:18px;top:18px;cursor: pointer;}


/*中间导航样式20200220*/
.nav-fix{height: 48px;padding-left: 25px; padding-top: 8px; background: url(../images/nav-fix-bg.png) no-repeat 0 0;}
.nav-fix li{float: left;margin-right: 20px; background: url(../images/nav-fix-bg01.png) no-repeat 2px 3px;width: 147px;height: 48px;}
/*.nav-fix li.li7{background: url(../images/nav-fix-bg03.png) no-repeat 17px 3px;}*/
.nav-fix li a{font-size: 17px;font-weight: bold;color: #fff;line-height: 36px;margin-top: 3px;text-align: center;display: block;text-decoration: none;}
.nav-fix li.current{background: url(../images/nav-fix-bg02.png) no-repeat 0 0;}
.nav-fix li.current a{color: #0c67f1;}


.nav-fix li.big{background: url(../images/nav-fix-bg03.png) no-repeat 2px 3px;width:184px;height:48px;}
.nav-fix li.big.current{background: url(../images/nav-fix-bg04.png) no-repeat 0 0;}