@charset "utf-8";
/* CSS Document */
body{ background:#f3f5f7;}
strong{ font:inherit;}

#main{ height:100%;}
#leftside-box{ width:260px;}
#leftside-box  .submenu{background:#fff; box-shadow:0 1px 2px #e7e7e7;}
#leftside-box  .submenu > li{ width:260px;height:61px;float:left; line-height:60px;position:relative; }
#leftside-box  .submenu > li.last{background:none;}
#leftside-box  .submenu > li > a{ height:60px; display:block; width:260px; border-bottom:1px solid #f1f1f1;}
#leftside-box .submenu > li a.cur,#leftside-box .submenu > li.cur a{ background:#32a8f5;  }
#leftside-box  .submenu > li > a em{ font-size:16px; color:#666; width:200px; height:58px; display:block; margin-left:30px;  }
#leftside-box  .submenu > li > a:hover em{background:url(../images/little/jian_m_h.png) no-repeat center right;  }
#leftside-box  .submenu > li > a.cur em{background:url(../images/little/jian_m_w.png) no-repeat center right;  }
#leftside-box  .submenu > li > a.cur i{ height:24px; width:3px; position:absolute; left:0px; top:19px; background:#32a8f5;}
#leftside-box  .submenu > li a:hover em{color:#32a8f5;}
#leftside-box .submenu > li a.cur em,#leftside-box .submenu > li.cur a em{color:#fff;}


#rightside-box{ width:800px; padding:0 40px; min-height:500px; background:#fff;  margin-bottom:110px;}
.positon-guild{ border-bottom:1px solid #e8ecef; height:47px; padding:7px 0 0; }
.positon-guild strong{border-bottom:2px solid #32a8f5; font-size:16px; height:46px; line-height:39px; display:inline-block;}
.positon-guild a{ color:#333; font-size:16px; line-height:47px; padding-bottom:12px; height:47px; margin-right:20px;}
.positon-guild a.cur{ color:#32a8f5;border-bottom:2px solid #32a8f5;}
/*====================公开课=============*/
.public-class #leftside-box{ width:280px;}
.public-class #leftside-box.topfixed{top:0; position:fixed; z-index:10;}
.public-class #leftside-box  .submenu > li{ width:280px;height:65px;float:left; line-height:64px;position:relative; }
.public-class #leftside-box  .submenu > li > a{ height:64px; display:block; width:280px; border-bottom:1px solid #f1f1f1;}
.public-class #leftside-box  .submenu > li > a em{ background:url(../images/little/class_j.png) no-repeat center right;font-size:16px; color:#666; width:210px; height:63px; display:block; margin-left:30px;  }
.public-class #leftside-box  .submenu > li > a:hover em{background:url(../images/little/class_h.png) no-repeat center right;  }
.public-class #leftside-box  .submenu > li.cur > a i{ height:24px; width:3px; position:absolute; left:0px; top:19px; background:#32a8f5;}

.public-class #leftside-box .submenu > li.hover a{ background:#fff;}
.public-class #leftside-box .submenu > li.hover a{ box-shadow: 0 2px 5px #d5d7d8;}
.public-class #leftside-box  .submenu > li.hover > a em,.public-class #leftside-box  .submenu > li.cur > a em,.public-class #leftside-box  .submenu > li > a:hover em,.public-class #leftside-box .submenu > li .course-category-sort li a:hover{ color:#32a8f5;}
.public-class #leftside-box  .submenu > li.hover > a em{background:url(../images/little/class_h.png) no-repeat center right;  }

.public-class #leftside-box .submenu > li.cur a{ background:#32a8f5;}
.public-class #leftside-box .submenu > li.cur ul li a{ background:none;}
.public-class #leftside-box .submenu > li.cur a em{color:#fff;}
.public-class #leftside-box  .submenu > li.cur > a em{background:url(../images/little/jian_m_w.png) no-repeat center right;  }
/*白色条背景*/
.course-category-sort-bg {background:#fff;height: 64px;left: -5px;position: absolute;top: 0;width: 5px; display:none;}

.public-class #leftside-box .submenu > li .course-category-sort{ background:#fff;box-shadow: 3px 2px 5px #d5d7d8;display:none;font-size: 14px;left: 280px;position: absolute; top: 0; width: 320px;z-index: 9;}
.public-class #leftside-box .submenu > li.hover .course-category-sort{ display:block;}
.public-class #leftside-box .submenu > li .course-category-sort ul {overflow: hidden; padding: 10px; min-height:44px;height:auto !important; height:44px; }
.public-class #leftside-box .submenu > li .course-category-sort li {float: left; font-size: 14px;line-height: 30px;margin: 5px 0;width: 100px;}
.public-class #leftside-box .submenu > li .course-category-sort li a { display: block;height: 30px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-moz-transition: color 0.3s ease 0s;-o-transition: color 0.3s ease 0s;-webkit-transition: color 0.3s ease 0s;transition: color 0.3s ease 0s;width: 100%; box-shadow:none;}
.public-class #leftside-box .submenu > li .course-category-sort li.cur a, .course-category .course-category-sort li a:hover {color: #e8403b;}

.public-class #rightside-box{width:880px; padding:0; margin-bottom:0; background:none;}
.public-class #rightside-box .public-class-list{ width:900px;}
/*====================关于我们=============*/
#rightside-box .article-content-box{ font-size:14px; color:#666; line-height:24px; min-height:500px;height:auto !important; height:500px; padding:20px 0 30px;}
/*#rightside-box .article-content-box p{ margin-bottom:25px;}*/

#rightside-box .article-content-box.disclaimer p.msg,#rightside-box .article-content-box.agreement p.msg{ font-size:16px; color:#444; line-height:32px; padding:25px 30px; background:#f7f7f7;}
#rightside-box .article-content-box.disclaimer p{ margin-bottom:15px; text-indent:2em;}
#rightside-box .article-content-box.disclaimer h3.little-tit{ margin:25px 0 20px; font-size:18px; color:#32a8f5; position:relative; text-align:center;}
#rightside-box .article-content-box.disclaimer h3.little-tit strong{background:#fff; font-weight:500; padding:0 20px; display:inline-block; z-index:2; position:relative;}
#rightside-box .article-content-box.disclaimer h3.little-tit i.line{position:absolute; left:0px; top:15px;  z-index:1; border-bottom:1px dashed #e7e7e7; width:100%; height:1px;}

#rightside-box .article-content-box.contact p{ margin-bottom:5px; font-size:16px;}
#rightside-box .article-content-box.about p{ margin-bottom:5px;font-size:16px; line-height:32px; text-indent:2em;}
#rightside-box .article-content-box.culture p{ margin-bottom:25px;}

#rightside-box .article-content-box.agreement h3.little-tit{ margin:35px 0 15px; font-size:16px; color:#444; font-weight:500;}
#rightside-box .article-content-box.agreement p{ margin-bottom:10px; font-size:14px; text-indent:2em;}

/*====================就业=============*/
#job-banner{background:url(../images/banner_04.jpg) no-repeat center top; width:100%; height:540px; min-width:1180px;}
.job-wrapper{ padding:15px 15px 15px 15px; background:#fff; width:1150px;}
.job-wrapper .job-list{}
.job-wrapper .job-list li{ padding:25px 15px 30px; border:1px solid #f1f1f1; position:relative; margin:15px; width:513px; float:left;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.job-wrapper .job-list li:hover{border:1px solid #c0d2dd; box-shadow:2px 3px 10px #c0d2dd;}
.job-wrapper .job-list li i.line{ height:17px; width:3px; background:#32a8f5; position:absolute; left:0px; top:30px; display:block;}
.job-wrapper .job-list li h3.tit{ font-size:18px; line-height:24px; color:#333;}
.job-wrapper .job-list li a:hover h3.tit{color:#32a8f5;}
.job-wrapper .job-list li .info{ line-height:24px; color:#999; margin:8px 0 15px 0; height:24px; width:513px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.job-wrapper .job-list li .item em{ background:#edf3f7; height:30px; line-height:28px; padding:0 15px; color:#70a0bf; margin:0 3px; border-radius:20px; display:inline-block;}
.job-wrapper .job-list li .item em:first-child{ margin-left:0;}

/*=====就业详情=====*/
#job-little-banner{background:url(../images/job_detail_02.jpg) no-repeat center top; width:100%; height:240px;min-width:1180px;}
#job-little-banner .left-info{ width:540px; margin-top:70px;}
#job-little-banner .left-info p{ color:#eaeaea; line-height:24px;}
#job-little-banner .left-info strong{ font-size:24px; line-height:36px; color:#fff; margin-bottom:10px; display:block;}
#job-little-banner .right-info{ width:270px;line-height:36px; color:#fff;margin-top:70px;}

.job-detail-wrapper{padding:30px; background:#fff; width:1120px;}
.job-detail-wrapper .content-info{padding:25px 30px; border:1px solid #eee;}
.job-detail-wrapper .content-info h3.tit{ position:relative; font-size:18px; color:#333; border-bottom:1px solid #f1f1f1; height:35px; line-height:28px; margin-bottom:20px;}
.job-detail-wrapper .content-info h3.tit i.line{ height:17px; width:3px; background:#32a8f5; position:absolute; left:-30px; top:8px; display:block;}
.job-detail-wrapper .content-info .about-info{ color:#666; line-height:26px;}
.job-detail-wrapper .content-info .about-info p{ margin-bottom:20px; text-indent:2em;}

.job-show-list{width:1060px;}
.job-show-list li{ height:50px; line-height:50px; float:left; width:1060px;}
.job-show-list li a{padding:0 30px; background:#fafafa; display:block;}
.job-show-list li.even a{ background:#fff;}
.job-show-list li a:hover{ background:#f4f4f4;}
.job-show-list li strong{ color:#666;}
.job-show-list li span{ color:#999;}
/*====================帮助中心=============*/
.asked-questions{ padding:20px 0 25px;}
.asked-questions li{ width:800px; float:left; margin-bottom:15px;}
.asked-questions li .questions-tit{ min-height:26px; line-height:26px; padding:12px 20px; background:#f7f7f7; width:760px; cursor:pointer;}
.asked-questions li .questions-tit span.fl{ width:730px;}
.asked-questions li .questions-tit span.fl i{ width:28px; height:28px; line-height:28px; text-align:center; color:#fff; background:#95b2c5; border-radius:50%; display:inline-block; font-style:normal; float:left;}
.asked-questions li.cur .questions-tit span.fl i{background:#32a8f5;}
.asked-questions li .questions-tit span.fl em{ padding-left:38px; font-size:18px; color:#333; display:block;}
.asked-questions li .questions-tit span.fr{ width:20px; min-height:26px; background:url(../images/little/jian_q_x.png) no-repeat center;}
.asked-questions li.cur .questions-tit span.fr,.asked-questions li.cur:hover .questions-tit span.fr{background:url(../images/little/jian_q_h.png) no-repeat center;}
.asked-questions li:hover .questions-tit span.fr{background:url(../images/little/jian_q_x_h.png) no-repeat center;}

.asked-questions li > .info{ color:#666; font-size:14px; padding:10px 20px 0 20px; width:760px; line-height:24px; display:none; text-indent:2em;}
.asked-questions li > .info p{ margin:5px 0; }
.asked-questions li > .info p em{ text-indent:4em; display:inline-block;}
.asked-questions li > .info p a{ color:#32a8f5; padding:0 3px;}
.asked-questions li > .info p a:hover{ color:#2b96dc; text-decoration:underline;}

/*====================学习中心=============*/
#rightside-box .little-banner.learn{ background:url(../images/album/video.jpg) no-repeat; width:800px; height:160px; position:relative; margin-top:10px;}
#rightside-box .little-banner.learn i{ background:url(../images/person.png) no-repeat; width:140px; height:180px; position:absolute; bottom:0px; left:90px;}
#rightside-box .little-banner.learn a.free-learn{ width:120px; height:40px; position:absolute; right:60px; top:60px; line-height:40px; display:block; text-align:center; color:#fff; border-radius:3px; border:1px solid #fff; font-size:18px;}
#rightside-box .little-banner.learn a.free-learn:hover{ background:#fff; color:#03bfe5;}

.appllication-intro-list.learn-box{border-bottom:none;}
.appllication-intro-list.learn-box > li{ width:784px; border-left:1px dashed #e7e7e7; margin-left:15px;}
.appllication-intro-list.learn-box > li > .title em{ margin-left:15px;}
.learn-box ul.learning-course-list{width:748px; margin-left:35px;}
.learn-box ul.learning-course-list > li{ margin-top:20px;width:746px; height:164px; border:1px solid #f1f1f1; background:#fafafa;}
.learn-box ul.learning-course-list > li .img{ width:280px; height:164px; }
.learn-box ul.learning-course-list > li .img a{width:280px; height:164px; display:block; overflow:hidden; position:relative;}
.learn-box ul.learning-course-list > li .img a i.meng{width:280px; height:164px; background:url(../images/on_play.png) no-repeat; position:absolute; left:0px; top:0px; -moz-opacity:0;-khtml-opacity:0; opacity: 0; -moz-transition:opacity 0.5s ease-in 0s;-o-transition:opacity 0.5s ease-in 0s; -webkit-transition:opacity 0.5s ease-in 0s; transition:opacity 0.5s ease-in 0s;}
.learn-box ul.learning-course-list > li .img a:hover i.meng{filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1; opacity: 1;}
.learn-box ul.learning-course-list > li .img img{width:280px; height:164px;  -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.learn-box ul.learning-course-list > li  .img a:hover img{
-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
			transform: scale(1.1, 1.1);
				/*-webkit-filter: blur(0.5px);
				   -moz-filter: blur(0.5px);
					-o-filter: blur(0.5px);    
						filter: blur(0.5px);*/}
.learn-box ul.learning-course-list > li .info{ width:438px;}
.learn-box ul.learning-course-list > li .info .title{ font-size:18px; margin-top:25px;}
.learn-box ul.learning-course-list > li .info .title a:hover{ color:#32a8f5;}
.learn-box ul.learning-course-list > li .info .time{font-size:16px; color:#999; display:block; margin:8px 0 13px 0;}
.learn-box ul.learning-course-list > li .info .learn-but{ display:block; }
.learn-box ul.learning-course-list > li .info .learn-but a{ width:120px; height:35px; display:inline-block; background:#07c986; border-radius:3px; line-height:35px; color:#fff; text-align:center;}
.learn-box ul.learning-course-list > li .info .learn-but a:hover{background:#20b984;}

/*========直播=========*/
.appllication-intro-list.live > li > .title{position:relative;}
.appllication-intro-list > li > .title > i.ico{ width:12px;height:12px; margin-left:-10px;  background:#fff; border:4px solid #95b2c5;}
.appllication-intro-list > li > .title > em.time{ min-width:130px; padding:0 15px; height:36px; line-height:36px; text-align:center; background:#95b2c5; border-radius:3px; display:inline-block; position:absolute; left:20px; top:-8px; color:#fff; font-size:14px; }
.appllication-intro-list > li > .title > em.time i.jiao{ width:4px; height:8px; background:url(../images/little/jian_l_p_n.png) no-repeat; position:absolute; left:-4px; top:14px;}

.appllication-intro-list.live ul.learning-course-list > li .info .learn-but a{ width:100px; height:36px; display:inline-block; background:#07c986; border-radius:3px; line-height:35px; color:#fff; text-align:center;}
.appllication-intro-list.live ul.learning-course-list > li .info .learn-but a:hover{background:#20b984;}

/*敬请期待*/
.appllication-intro-list > li.wait > .title > em.time i.jiao{ background:url(../images/little/jian_l_p.png) no-repeat;}
.appllication-intro-list > li.wait > .title > i.ico{border:4px solid #32a8f5;}
.appllication-intro-list.live > li.wait ul.learning-course-list > li .info .learn-but a{background:#d7d7d7;}
.appllication-intro-list.live > li.wait > .title > em.time{background:#32a8f5;}
/*正在直播*/
.appllication-intro-list > li.on > .title > em.time i.jiao{ background:url(../images/little/jian_l_p.png) no-repeat;}
.appllication-intro-list > li.on > .title > i.ico{border:4px solid #32a8f5;}
.appllication-intro-list.live > li.on ul.learning-course-list > li .info .learn-but a{background:#d7d7d7;}
.appllication-intro-list.live > li.on > .title > em.time{background:#32a8f5;}
.learn-box.live li.on ul.learning-course-list > li .img a i.meng{ background:url(../images/bo.png) no-repeat;filter:alpha(opacity=100); -moz-opacity:1;-khtml-opacity:1; opacity: 1;}
.learn-box.live li.on ul.learning-course-list > li .img a:hover i.meng{background:url(../images/bo_hover.png) no-repeat;}
.appllication-intro-list.live li.on ul.learning-course-list > li .info .learn-but a{ background:#32a8f5;}
.appllication-intro-list.live li.on ul.learning-course-list > li .info .learn-but a:hover{background:#2b96dc;}

/*====================在线练习=============*/
.exercise-list{ width:820px;}
.exercise-box .tit-current{ border-bottom:1px solid #e7e7e7;}
.exercise-box .tit-current a{ font-size:16px; height:45px; padding:0 20px; line-height:45px; margin-right:2px; background:#95b2c5; color:#fff; display:inline-block;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.exercise-box .tit-current a.a{ border-top-left-radius:20px;}
.exercise-box .tit-current a.b{ border-top-right-radius:20px;}
.exercise-box .tit-current a.cur,.exercise-box .tit-current a:hover{ background:#32a8f5;}
.exercise-box .tit-current a.a.cur{ border-top-left-radius:0;}
.exercise-box .tit-current a.b.cur{ border-top-right-radius:0;}

.exercise-list li{text-align:center; width:388px; height:173px; border:1px solid #dce6ed; background:#f2f6f9; position:relative; float:left; margin:20px 20px 0 0;}
.exercise-list li .title{display:block; font-size:18px; line-height:28px; color:#666; margin-top:40px; padding:0 20px;}
.exercise-list li .join{ display:block; margin-top:15px; }
.exercise-list li .join a{width:100px; height:36px; display:inline-block; background:#07c986; border-radius:3px; line-height:35px; color:#fff; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.exercise-list li .join a:hover{background:#20b984;}


/*===============新闻列表=============*/
#leftside-box.topfixed{ position:fixed; top:0px;}
 
.news-list{}
.news-list li{ width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #e7e7e7;}
.news-list li .new-img{ width:240px;}
.news-list li .new-img a,.news-list li .new-img a img{ overflow:hidden; width:240px; height:162px; display:block;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.news-list li .new-img a:hover img{-webkit-transform: scale(1.10, 1.10);-moz-transform: scale(1.10, 1.10);-o-transform: scale(1.10, 1.10);transform: scale(1.10, 1.10);}
.news-list li .new-info{ width:540px;}
.news-list li .new-info h3.tit{ font-size:18px; color:#333; line-height:28px; margin-top:10px;}
.news-list li .new-info h3.tit a{color:#333;}
.news-list li .new-info h3.tit a:hover{color:#32a8f5;}
.news-list li .new-info .info{ color:#666; line-height:26px; height:78px;overflow: hidden; margin-top:10px;}
.news-list li .new-info .msg{ color:#9fb0bc; margin-top:5px;}
.news-list li .new-info .msg .time{}
.news-list li .new-info .msg .lei{ margin-left:25px;}

#rightside-box.news{ margin-bottom:40px;}
.positon-tit.news{ position:relative; border-bottom:1px solid #e7e7e7; padding-bottom:10px;}
.positon-tit.news .tit{ font-size:18px;}
.positon-tit.news .msg{ color:#999; line-height:34px;}
.positon-tit.news a.black{ position:absolute; right:0px; top:0px; height:35px; line-height:35px; width:83px; display:block; border:1px solid #bababa; border-radius:3px; text-indent:2.8em; background:url(../images/teach/exercise/back.png) no-repeat 14px center; color:#999;}
.positon-tit.news a.black:hover{ border:1px solid #32a8f5;background:url(../images/teach/exercise/back_h_n.png) no-repeat 14px center;color:#32a8f5;}

.news-detail{}
.news-detail .info{background:#f9f9f9; border-radius:3px; color:#999; padding:15px 20px; line-height:26px;}
.news-detail .policyContent{ color:#666; line-height:28px; text-indent:2em;}
/*.news-detail .policyContent p{ margin-bottom:15px; }*/
.news-detail .policyContent img{ display:block; max-width:800px; text-indent:0; }
.news-detail .policyContent b img{ /*display:inline-block!important;*/}

/*===============意见反馈=============*/
.feedback-box{ padding-bottom:40px;}
.feedback-box li{line-height:35px; min-height:35px; margin-bottom:20px; width:1060px;}
.feedback-box strong.title{ color:#444; font-size:16px; width:80px; float:left; text-align:right; margin-right:3px;}
.feedback-box .right-content{ float:left; width:700px; position:relative; color:#666;}
.feedback-box .right-content input,.feedback-box .right-content textarea{ border:1px solid #e5e5e5; padding:5px 10px; line-height:24px; font-size:14px; }
.feedback-box .right-content input.title-text,.feedback-box .right-content textarea.insto-box{ width:500px; box-shadow:1px  1px 6px #eef7fc inset;}
.feedback-box .right-content textarea.insto-box{  height:150px;}
.feedback-box .right-content a.btnOn{ color:#fff; background:#32a8f5;width:100px;  height:40px; line-height:40px; text-align:center; display:inline-block; border-radius:3px;}
.feedback-box .right-content a.btnOn:hover{ background:#289ce8;}

.andArea{ border:1px dashed #ddd;background:url(../images/practice/file_img.png) no-repeat center 22px;width:190px; height:142px; position:relative;}
.andArea p.msg{ color:#999; line-height:24px; position:absolute; left:210px; top:0px; width:400px;}
.filePicker{ width:116px; height:36px; line-height:36px; text-align:center; color:#fff; border-radius:3px; background:#ff825c; cursor:pointer; position:absolute; left:36px; bottom:25px;}
.filePicker:hover{background:#f2754f;}
#fileImage{ display:none;}
.fileHidden{ width:700px; overflow:hidden; margin-top:15px;}
.feedback-box .right-content .file-list{width:700px; }
.feedback-box .right-content .file-list li{ position:relative; padding:0px 20px; margin-bottom:10px; width:auto; font-size:14px; height:38px; line-height:38px; float:left; border:1px dashed #32a8f5; background:#eef7fc; margin-right:10px; }
.feedback-box .right-content .file-list li i.cao{ background:url(../images/little/x.png) no-repeat; width:24px; height:24px; display:block; position:absolute; right:-1px; top:-1px;cursor:pointer; }
.feedback-box .right-content .file-list li i.cao:hover{ background:url(../images/practice/x_h.png) no-repeat;}