/*html5*/
html, body, div, span,p,  pre, a,  img, form, table,  footer, header, hgroup, menu, nav,  time, {margin:0; padding:0; border:none;}
body {font-size:14px;font-family:微软雅黑; color: #666;  background:#fff; margin:0; padding:0;}
button, input, select, textarea {font-family:微软雅黑; font-size:14px;}

h1, h2, h3, h4, h5, h6, h7{ margin:0; padding:0; }
.clearfix:after{visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0; line-height:0;}
.clearfix{display:inline-table;}
.clearfix{display:block; /*position:relative*/}
.disb{display: inline-block;}
.cur{cursor: pointer;}
*{ padding:0; margin:0;}
fieldset,img{ border:0;}
ul, li ,a {list-style-type: none; text-decoration:none; padding:0; margin:0; color:#666}
a{text-decoration: none; color:#666;outline:none; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/* buttons*/
.btn {
    display: inline-block;
   padding: 8px 15px; border: 0 none;
   border-radius: 2px;
   background-image: none;
   color: #fff;
   text-align: center;
   text-decoration: none;
   font-size: 14px;
   font-family: inherit;
   font-weight: inherit;
   white-space: nowrap;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   overflow: visible;
   cursor: pointer;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition-property: all;
   transition-property: all;
   -webkit-transition-duration: .3s;
   transition-duration: .3s;
}
.cee {
    color: #ee4b19
}

/* margin */
.m0 { margin: 0; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt25 { margin-top:25px;}
.mt40{margin-top: 40px;}
.mb1 { margin-bottom: 1px; *margin-bottom:-3px; }
.mb2 { margin-bottom: 2px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
/* margin negative */
.ml-1 { margin-left: -1px; }
.mr-1 { margin-right: -1px; }
.mt-1 { margin-top: -1px; }
.mb-1 { margin-bottom: -1px; }
.ml-3 { margin-left: -3px; }
.mr-3 { margin-right: -3px; }
.mt-3 { margin-top: -3px; }
.mb-3 { margin-bottom: -3px; }
.ml-20 { margin-left: -20px; }
.mr-20 { margin-right: -20px; }
.mt-20 { margin-top: -20px; }
.mb-20 { margin-bottom: -20px; }
.mr0{ margin-right:0 !important}
/* padding */
.p0 { padding: 0; }
.pl2 { padding-left: 2px; }
.pt2 { padding-top: 2px; }
.pr2 { padding-right: 2px; }
.pb2 { padding-bottom: 2px; }
.pl5 { padding-left: 5px; }
.p5 { padding: 5px; }
.pt5 { padding-top: 5px; }
.pr5 { padding-right: 5px; }
.pb5 { padding-bottom: 5px; }
.p10 { padding: 10px; }
.pl10 { padding-left: 10px; }
.pt10 { padding-top: 10px; }
.pr10 { padding-right: 10px; }
.pb10 { padding-bottom: 10px; }
.p15 { padding: 15px; }
.pl15 { padding-left: 15px; }
.pt15 { padding-top: 15px; }
.pr15 { padding-right: 15px; }
.pb15 { padding-bottom: 15px; }
.p20 { padding: 20px; }
.pl20 { padding-left: 20px; }
.pt20 { padding-top: 20px; }
.pr20 { padding-right: 20px; }
.pb20 { padding-bottom: 20px; }
.p30 { padding: 30px; }
.pl30 { padding-left: 30px; }
.pt30 { padding-top: 30px; }
.pr30 { padding-right: 30px; }
.pb30 { padding-bottom: 30px; }
.pt35{ padding-top:35px;}
/* border-color name rule:  border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
/* safe color */
.c0 { color: #000; }
.c3{ color:#333}
.c9 { color: #999; }
.c6{color: #666;}
.cc{ color:#ccc}
.cf{ color:#fff}
/*background*/
/*底部颜色*/
.bg4{background:#444546}
.bg40{ background:#404141}
/* font-size */
.f12 {font-size: 12px;}
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }

/* vertical-align */
.vm { vertical-align: middle; }
/* float */
.l { float: left; }
.t{ text-align:center}
.r { float: right; }
/* clear */
.cl { clear: both; }
/* position */
.rel { position: relative; }
.abs { position: absolute; }
/* cursor */
.poi { cursor: pointer; }
.def { cursor: default; }
/* overflow */
.ovh { overflow: hidden; }
.ova { overflow: auto;}
/* zoom */
.td{
	text-indent: 2em;
}
/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }
/* 清除浮动*/
.clearfix:after {
   content: '\200B';
   display: block;
   clear: both;
   height: 0;
   overflow: hidden;
   visibility: hidden;
}
/* 单行文字溢出虚点显 示*/
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* css3过渡动画效果 */
.trans { -webkit-transition: all 0.3s; transition: all 0.3s;}
.w1200 {width: 1200px; }
.container_w{ width:1200px; margin:0 auto; overflow:hidden; height:auto}

/*head*/

.header_top { position: relative; z-index: 3; height: 30px; line-height: 30px; background: #f7f7f7; border-bottom: 1px solid #e8e8e8;}
.head_top .top_a { font-size: 12px; color: #333; margin-right:5px;}

.head_top a:hover{ color: #189eee;}
.head_top .top_l span{ text-align:right; display:inline; display:inline-block}
.head_top .top_l span img{ width:18px; height:18px; margin-top:5px;}
.top_c{ width:270px; height:auto; overflow:hidden}
.top_r{ width:200px; height:auto; overflow:hidden}
.header_inner{ margin-top:15px;}
.header_inner .logo{ width:210px; height:auto; overflow:hidden; margin-right:160px;}
.header_inner .logo img{ width:100%; vertical-align:middle}
.search_frame { width: 500px; height: 36px; border: 2px solid #198eee; position: relative; margin-top: 15px; z-index:1;}
.search_input { width: 332px; height: 36px; line-height: 36px; border: none; outline: none; background: #fff; margin-left: 38px; font-size: 12px; position: absolute; top: 0px; left: 30px; padding-left:20px;}
.load_img{ display:inline-block; margin-top:5px;}
.search_btn { border: none; outline: none; background: #198eee; width: 80px; font-size: 20px; height: 38px; color: #fff; position: absolute; top: -0px; right: 0px; cursor: pointer;}
.tcl {
	top: 15px;
	right: 0;
	
}
.btn-select { 
position: relative; 
display: inline-block; 
width: 68px; 
height: 36px; 
background-color: #f1f1f1; 
font: 14px/20px "Microsoft YaHei"; 
} 
.btn-select .cur-select { 
position: absolute; 
display: block; 
width: 68px; 
height: 36px; 
line-height: 36px; 
background-color: #f1f1f1 ;
background-image:url(../image/ico-arrow.png);
background-repeat:no-repeat;
background-position:50px 16px;
text-indent: 5px; 
} 
.btn-select:hover .cur-select { 
background-color: #f1f1f1; 
} 
.btn-select select { 
position: absolute; 
top: 0; 
left: 0; 
width: 68px; 
height: 36px; 
opacity: 0; 
filter: alpha(opacity: 0;); 
font: 14px/20px "Microsoft YaHei"; 
} 
.btn-select select option { 
text-indent: 10px; 
} 
.btn-select select option:hover { 
background-color: #f1f1f1; 

} 

.select_1 option{ background:#fff; border:none; }
.select_1{ width:60px; height:36px; border:none; background:#f1f1f1;  line-height:36px; padding-left:5px;}
.key_link a{ color:#999; display:inline-block; margin-left:20px;}
.key_link a:hover{ color:#198eee}
.top_activity { width: 245px; float: right;}
.top_activity span {display: block;  font-weight: bold; padding-left: 67px; margin-top:15px; text-align:right}
.top_activity span img{ vertical-align:middle; margin-right:5px;}
.ce{color: #ee4b19;}
/*footer*/
.footer{ padding-top:25px; height:auto; overflow:hidden;}
.cooper_icon li{ width:85px; float:left; overflow:hidden; margin-right:7px;}
.foot_left{ width:600px; height:auto; overflow:hidden}
.foot_right{ width:600px; overflow:hidden; height:auto}
.foot_right ul{ width:520px; height:auto; overflow:hidden; line-height:32px;}
.foot_right ul li{ float:left; margin-left:10px; font-size:12px;}
.foot_right ul li a{ color:#999}
.foot_right ul li a:hover{ text-decoration:underline}
.foot_right ul li:first-child{ margin-left:0; font-size:14px;}
.ICP{ text-align:center; line-height:32px; height:auto; overflow:hidden;}
.ICP_icon ul {
    width: 545px !important;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    padding-bottom: 15px;
    float: none !important;}
.ICP_icon ul li{ width:65px; height:auto; overflow:hidden; float:left; margin-left:5px;}
.foot_link{ width:100%; height:auto; overflow:hidden}
.foot_link ul{ overflow:hidden; width:1100px; float:left}
.foot_link ul li{ float:left; height:auto; overflow:hidden; margin-right:20px;}
.foot_link ul li a:hover{ text-decoration:underline}
.cont_dr1,cont_dr2{ width:100%; position:relative }
.cont_dr1{ width:1160px;}
.drwn_1,drwn_2,drwn_3{ position:relative; overflow:hidden}
.cont1,.cont2,.cont3{ height:18px; overflow:hidden; padding:5px 0; width:100%; float:left; position:relative}
.cont1{ width:1155px;}
.cont1 ul{ width:1025px;}
.drwn_2 li,.drwn_3 li{  float:left; width:345px; overflow:hidden}
.drop_down1{ display:inline-block; *display:inline; *zoom:1; line-height:24px; font-size:12px; margin-right:10px; cursor:pointer; position:absolute; right:5px; top:4px;}
.drop_down1 i{ background:url(../image/drop_down.png) no-repeat; width:9px; height:15px; position:absolute; top:10px; left:30px;}
.drop_down1 i.hover1{
    -webkit-transition: -webkit-transform  0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    transition:transform  0.3s ease;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg) ;
    transform: rotate(180deg);
	top:0px;
	*top:10px;
}
/*星星部分*/
.special-content_1 li{ width:220px; float:left; height:230px; margin-bottom:5px; padding:10px}
.special-content_1 img{ height:124px; vertical-align:middle; overflow:hidden; width:auto}
.special-content_1 .content_box{ width:200px; text-align:left; padding-top:9px;}
.special-content_1 .content_box .cost{ font-weight:normal; margin-top:18px; font-size:14px;}
.special-content_1 .evaluate img{ max-width:92px; height:auto; overflow:hidden; margin:-6px 6px 0 6px}
.special-content_1 li a{ display:block;}
.special-content_1 li a:hover{ color:#198eee}
.special-content_1 li:hover{  border:1px solid #ddd; width:218px; height:228px; }
.evaluatation{ width:100%; height:auto; overflow:hidden; height:30px;}
.evaluatation span{ display:inline-block; line-height:30px;}
.evaluatation ul{ width:93px; height:auto; overflow:hidden; display:inline-block;}
.evaluatation ul li{ width:13px; height:13px; float:left; overflow:hidden;  margin-bottom:0 !important; margin-right:2px; background:url(../image/shi.png) no-repeat; padding:0; border:none; margin:9px 0 0 0; margin-left:2px;}
.evaluatation ul li img{ width:100%; overflow:hidden; vertical-align:middle; margin:0 !important; height:13px !important; padding-bottom:3px; }
.evaluatation ul li:hover{ border:none; width:13px; height:13px; }
/*导航*/
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto;}
.nav_top .nav_top_each { float: left; position: relative;}
.nav_top .nav_top_each .nav_width { display: inline-block; padding: 0 10px;}
.nav_top .nav_top_each .houxue_app{ width: 65px; height: 25px; line-height: 25px; text-align: center; color: #ff8800; font-size: 12px;  margin-top: 5px;}
.nav_top .nav_top_each .houxue_app:hover{ background-position:10px -45px; color: #fff;}
.nav_top .nav_top_each .nav_width .s_triangle { display: inline-block; width: 6px; height: 6px; margin-left: 5px; vertical-align: middle;}
.nav_top .nav_top_each .my_hx_title .s_triangle_up { display: inline-block; width: 6px; height: 6px; margin-left: 5px;}
.nav {height: 58px; border-bottom: 2px solid #198eee;}
.nav_inner .skill_classify { width: 220px; position: relative; z-index: 20; background:url(../image/nav_icon1.png) no-repeat 10px 10px;}
.skill_classify .classify { display:block; width: 210px; height: 58px; line-height: 58px; background-color: #198eee; font-size: 18px; padding-left: 10px; color: #fff; background-image:url(../image/nav_icon1.png); background-repeat:no-repeat; background-position:10px 20px;}
.skill_classify .classify span{ display:inline-block; padding-left:30px;}

.nav_all { margin-left: 270px; line-height: 42px; width:930px; margin-top:-43px;}
.nav_inner .each_nav { float: left;  position: relative;}
.nav_inner .each_nav i{ position: absolute; display: inline-block; width: 28px; height: 20px; top:-3px; right: 6px;}
.nav_inner .each_nav .quality{  background-position: 0px -438px;}
.nav_inner .each_nav .enroll{  background-position: 0px -474px;}
.nav_inner .each_nav a { display: inline-block; padding: 0px 20px; font-size: 16px; color: #333;}
.nav_inner .each_nav .selected { color: #198eee; font-weight: bold;}
.nav_inner .each_nav a:hover {color: #198eee;}
.nav-list {float: left; width: 220px; border-top: none; background: #3099f0; position: absolute; top: 58px; left: 0px; z-index: 20;}
.nav-list_none { display: none; position: absolute;}
.small_type { width: 220px; float: left;}
.small_type .h3 { margin-bottom:12px; font-weight: normal;}
.small_type .h3 a { font-size: 16px; color: #fff; transition: color 0s; -webkit-transition: color 0s;}
.small_type p a { font-size: 14px; color: #fff; margin-right: 10px;}
.small_type p a:hover{text-decoration:underline;}
.small_type .side_left_type { position: relative;}
.small_type i { width: 40px; height: 18px; position: absolute; left: 72px; top: 6px;}
.small_type .small_type_i1 {  background-position: 0 -76px;}
.small_type .small_type_i2 {  background-position: 0 -114px;}

.nav-list .sub_type { border: 1px solid #198eee; width: 725px; display: none; height: auto; min-height: 343px; background: #fff; position: absolute; left: 220px; top: 0px; z-index: 20; padding-left:35px; padding-top: 20px;}
.nav-list .sub_type_con { width:495px; float:left; height:auto; overflow:hidden}
.nav-list .sub_img{ width:210px; float:right; margin-right:20px; height:auto; overflow:hidden;}
.nav-list .sub_img a{ display:block; width:100%; float:left; overflow:hidden; height:auto; margin-bottom:20px;}
.nav-list .sub_img a img{ height:95px; vertical-align:middle; overflow:hidden; width:100%}
.nav-list .sub_type_dl {  padding-bottom: 7px; margin-bottom: 7px;}
.nav-list .sub_type_dl dt { width: 100px; float: left; font-weight: bold;  text-align: left; margin-top: 4px;}
.nav-list .sub_type_dl dt a{ color:#198eee;}
.nav-list .sub_type_dl dt a:hover{ text-decoration:underline}
.nav-list .sub_type_dl dd em { border-right: 1px solid #ccc; float: left; font-style: normal; margin: 5px 0; padding: 0 15px;}
.nav-list .sub_type_dl dd em a:hover{ color:#198eee;}
.nav-list .sub_type_dl dd em:last-child {border: none;}
.nav-list .side_left_type { line-height: 21px; padding:20px 0 20px 10px;  height: 50px; border-top: 1px solid #198eee;}
.nav-list .side_left_type a img{ width:22px; height:auto; margin-right:10px;}
.small_type ul{border-bottom: 1px solid #198eee;}
.nav-list .current .side_left_type { background: #0073d1; width: 208px; margin-left: 1px; _margin-left: 0px; position: relative; z-index: 100;}
.nav-list .current .sub_type { display: block;}
.nav-list .current .h3 { background: #0073d1; color: #f4535c;}
.nav-list .current .h3 .gray03:link {text-decoration:underline;}
.nav-list .current .h3 .gray03:visited {text-decoration:underline;}
.nav-list .current .h3 .gray03:hover {text-decoration:underline;}.mt7{margin-top:7px;  }
/*登录页面*/
.login-window{
	display: none;
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:url(../image/block_bj.png) repeat;
	z-index: 100;
	
}

.login-window-in{

position: absolute;
width: 415px;
height: 335px;
top: 50%;
left: 50%;
margin-left: -206px;
margin-top: -167px;
	background: #fff;
}
.login-window-head{height: 50px;  width:370px; margin:0 auto; margin-top:10px;}

.login-window-head li{ width:50%; float:left; height:auto; overflow:hidden; text-align:center; line-height:50px; font-size:18px; }
.login-window-head li a{ display:block; border-bottom: 2px solid #e3e3e3;}
.login-window-head li a:hover{color:#198eee}
.login-window-head li a.on{ border-bottom:2px #198eee solid; color:#198eee}
.login-window-mid h2{
	width: 185px;
	height: 40px;
	line-height: 40px;
	padding: 5px 0;
	font-size: 16px;
	text-align: center;
	
}
.login-window-mid img{top: 1px; right: 0; cursor:pointer}
.login-window-inp{
	width: 320px;
	height: auto;
	margin: 0 auto;
	margin-top: 15px;
	
}
.login-window-mid .close{margin-top:10px; *margin-top:0;}
.login-window-inp img{
 top: 67%;
 left: 15px;
 *top:72% !important
	
}
.login-window-inp .wde{ *top:51% !important}
.tr{ text-align:right}

.pho-num,.password{
	width: 320px;
	height: 42px;
	margin-bottom: 24px;
}
.password span{
	display: inline-block;
	*display:inline;
	*zoom:1;
	_display:inline;
	_zoom:1;
	width: 120px;
	height: 40px;
	background: #eaeaea;
	border: 1px solid  #e3e3e3;
	font-size: 13px;
	margin-top: 15px;
	margin-left: 18px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	
}
.pho-pwd{
	
	height: 128px;
}

.bomb-box-phone,.bomb-box-pwd{
	font-size: 12px;
	color: red;
	display: none;
	position: absolute;
	top: 54px;
	left: 3px;
}
.bomb-box-phone p,.bomb-box-pwd p{
	padding:3px;
}
.bomb-box-pwd p{
	margin-top: 3px;
}
.login-window-inp input{
	width: 320px;
	*width:280px;
	height: 42px;
	margin-top: 15px;
	border: 1px solid #ccc;
	padding-left: 40px;
	box-sizing: border-box;
	border-radius:3px;
}
.login-window-inp button{
	
	width: 100%;
	height: 40px;
	border: none;
	color: #fff;
	background: #198eee;
	margin-top: 20px;
	font-size: 20px;
	cursor: pointer;
}
.login-window-footer{
	margin-top:15px;
}
.login-window-footer input{
	display: inline-block;
	width:15px;
	height: 15px;
	border: 1px solid #ccc;
	
}
.login-window-footer p{
	display: inline-block;
	width:160px;
	*display:inline;
	*zoom:1;
	
}
.wp{ text-align:right}
.login-window-footer .zc{
	right: 0;
	bottom: 0;
}
.login-window-footer .zc:hover{ color:#198eee}
.login-window-inp .wy_1{ *top:51% !important}
/*登录结束*/
.hot_img{ background:url(../index/image/9_03.jpg) no-repeat 87px 14px; padding-right:25px;}

.hot_img{ background:url(../image/9_03.jpg) no-repeat 87px 14px; padding-right:25px;}
/*学历分享*/
/*收藏*/
.shouc,.xl-share{
	width: 50px;
	height: 20px;
	color: #999;
	position: absolute;
	right: 20px;
	top: 5px;
	margin-right: 10px;
}
.xl-sc-share{
	top: 12px;
}
.xl-sc{
	
	top: 12px;
}

/*学历分享结束*/

.redsc{
	display: none;
}
.shouc .qxgrayp{
	
	display: none;
}
.change-active .graysc{
	display: none;
}
.change-active .redsc{
	display: inline-block;
}
.change-active {
	
	width: 60px;
}
.change-active .qxgrayp{
	display: inline-block;
	
	color: #EE4D18;
}
.change-active .kcxq-sc{
	display: none;
}


/*课程详情的收藏*/
.kcredsc{
	display: none;
}

.kc-change-active .kcgraysc{
	display: none;
}
.kc-change-active .kcredsc{
	display: inline-block;
}
.shouc img,.xl-share img{
	margin: auto -5px;
}
.shouc p,.xl-share p{
	position: absolute;
	right: 0;
	font-size: 12px;
	display: inline-block;
}
/*收藏结束*/

/*面包屑*/
.locat_box{ padding:15px 0; }
.locat_box a{ color:#999}
.locat_box a.on{ color:#666}
.locat_box a:hover{
	
	color: #198eee;
} 

/*底部浮动*/
.foot_float{ width:100%; background:url(../image/bt_float.png) no-repeat; height:103px; overflow:hidden.; position:fixed; float:left; bottom:0; }
.float_box a:hover{ text-decoration:underline}
.float_box .zxun{ background:url(../image/float_foot.png) no-repeat; height:50px;  width:113px; margin-left:155px; padding-left:75px; margin-top:31px; line-height:50px; float:left}
.float_box .zxun a{ color:#fff; }
.fot_ft{ line-height:110px; float:left; width:275px; height:auto; overflow:hidden; margin-left:40px;}
.fotft{line-height:110px; float:left; width:260px; height:auto; overflow:hidden; margin-left:30px;}
.foot_order{ width:185px; height:50px; float:left; overflow:hidden; line-height:50px; margin-top:31px; border-radius:30px; background:#ff9900; text-align:center}
.foot_order a{ color:#fff;}
.foot_close{ width:24px; float:left; height:auto; overflow:hidden; margin-top:15px; margin-left:35px; cursor:pointer}
/*右侧浮框*/
.right-float{
	position:absolute;
	bottom: 230px;
	right: 0;
	z-index: 100;
	text-align: center;
	top:200px;
}
.float-img div.rgif{
	left: -12px;
	top: -26px;
}
.float-img ul{
	height: auto;	
	background: #fff;
	box-shadow: 0 0 4px 2px #ccc;  
	*border: 1px solid #ECECEC;
}
.float-img .float-img-fist{
	width: 56px;
	height: 54px;
	
	margin-bottom: 14px;
	overflow: hidden;
}
.giff{
	position: absolute;
	left: 0;
}
.float-img  .float-img-li{
	width: 56px;
	height: 52px;
	
}
.float-img-li  .liin1{
	background: url(../image/top-img121.png) no-repeat;
	background-position: 50%;
	
}
.liin2{
	background: url(../image/top-img122.png) no-repeat;
	background-position: 50%;
}
.liin3{
	background: url(../image/top-img123.png) no-repeat ;
	background-position: 50%;
}
.float-img .phone:hover .liin1{
	background: url(../image/top_2_1.png) no-repeat;
	background-position: 50%;
}
.float-img .wechat:hover .liin2{
	background: url(../image/top_2_2.png) no-repeat;
	background-position: 50%;
}
.float-img .bqq:hover .liin3{
	background: url(../image/top_2_3.png) no-repeat;
	background-position: 50%;
}
.get-top{
	background: url(../image/top-img125.png) no-repeat;
	 background-color: #fff;
	 background-position: 50%;
	margin-top: 14px;
	box-shadow: 0 0 4px 2px #ccc; 
	*border: 1px solid #ECECEC;
}
.get-top:hover {
	background: url(../image/top_2_4.png) no-repeat;
	background-position: 50%;
	 background-color: #fff;
}
/*.float-img-fist div.ay{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    width: 102px;
    height: 102px;
    -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
    -moz-animation: ball-scale 1s 0s ease-in-out infinite;
    -ms-animation: ball-scale 1s 0s ease-in-out infinite;
    -o-animation: ball-scale 1s 0s ease-in-out infinite;
    animation: ball-scale 1s 0s ease-in-out infinite;
}
@-webkit-keyframes ball-scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes ball-scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@-webkit-keyframes an-scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}
}

@keyframes an-scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}
}*/

.float-img .float-img-last{
	width: 81px;
	height: 38px;
}
.wechat-box{
	left: 80px;
	top: -162px;
}
.wechat-box .jde{
	display: none;
	width: 108px;
	height: 30px;
}
.wechat-box .gzh{
	right: 78px;
	top: 85px;
}
.wechat-box .ewm{
	right: 102px;
	top: 100px;
}
.float-img .frli:hover{
	background: #ee4b19;
}
.float-img  .float-img-liin{
	width: 48px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -24px;
	
}
.float-img-li .kong{
	width: 30px;
    height: 52px;
    position: absolute;
    margin-left: 13px;
    border-bottom: 1px solid #ccc;
    *margin-left: -15px;
}

.float-img .frli{
	text-align: center;
}
.float-img .get-top .topimg{
	top: 10px;
	left: 25px;
	z-index: 100;
}
.float-img .get-top .nhover{
	opacity: 0;
	left: 0;
	top: 0;
}
.float-img .wechat-box img{
		display: none;
     	transition: all 0.35s linear;
}

.float-img .kf-appraise {
	width: 225px;
	height: 188px;
	background-image: url(../image/top-img1111.png) ;
	background-size: 100% 100%;
	position: absolute;
	left: -227px;
	top: 10px;
	display: none;
}
.float-img .kf-appraise .yournum{
	color: #999;
	width: 220px;
	margin-top: 83px;
}
.float-img .kf-appraise .yournum .yours{
	width: 115px;
	height: 24px;
	border: 1px solid #999;
	margin-left: 2px;
}
.qs{
	display: block;
    position: absolute;
    font-size: 10px;
  	margin-left: 75px;
    margin-top: 4px;
}
.float-img .click-tell{
	width: 180px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #63b825;
	border-radius:5px ;
	color: #fff;
	margin-top: 20px;
	border: none;
}
.float-img .click-tell:hover{
	
	text-decoration: underline;
}
/*右侧浮框结束*/


/*空载页面*/
.unnormal{ width:500px; margin:0 auto; height:auto; overflow:hidden; text-align:center; margin-bottom:40px; line-height:26px;}
.unnormal .norimg{ width:450px; height:auto; overflow:hidden}
.nortext a{ color:#198eee}
.nortext a:hover{ text-decoration:underline}
/*热门课程*/

.right_cont,.right_cont_guss{ width:220px; height:auto; overflow:hidden; margin-left:18px;}
.right_cont .teacher_more,.right_cont_guss .teacher_more{ line-height:40px; height:40px; background:url(../image/rm.png) no-repeat; padding-left:10px; color:#333}
.right_cont .teacher_more span,.right_cont_guss .teacher_more span{ padding-right:10px; display:inline-block;*display:inline; *zoom:1}
.right_cont .teacher_more span a,.right_cont_guss .teacher_more span a{ color:#fff}
.right_cont .teacher_more span a:hover,.right_cont_guss .teacher_more span a:hover{ text-decoration:underline}
.right_cont .hot_teach li,.right_cont_guss .hot_teach li{ 
	height:220px;
	border-bottom:1px #e3e3e3 dashed; 
	border-top:0;
	margin-top:0;
	padding: 20px 0;
	padding-top:4px;
	}
 .hot_teach li:last-child{
 	border: none;
 }
 .rm{
 	border-left: 5px solid #198eee;
    height: 18px;
    line-height: 18px;
    padding-left: 14px;
    margin-top: 11px;
 }	
/*.right_cont{
	margin-left: 350px;
	
}
.right_cont_guss{
	margin-left:350px;
}*/
.teacher_more_box{
	border: 1px solid #f3f5f7;
	background: #fff;
}
.hot_more_li img,.teacher_more_last img{
	width: 210px;
	height: 118px;
	margin-left: 4px;
}
	
.right_cont .hot_teach li .content_box,.right_cont_guss .hot_teach li .content_box{ padding:9px;  text-align:left;}
.right_cont .hot_teach li .content_box .cost,.right_cont_guss .hot_teach li .content_box .cost{ margin:12px 0 3px 0; font-weight:normal; font-size:14px;}
.right_cont .hot_teach li .evaluatation span,.right_cont_guss .hot_teach li .evaluatation span{ width:60px; float:left}
.right_cont .hot_teach li .evaluatation .special,.right_cont_guss .hot_teach li .evaluatation .special{ width:46px;}
.right_cont .hot_teach li .evaluate img,.right_cont_guss .hot_teach li .evaluate img{ max-width:92px; height:auto; overflow:hidden; margin:-6px 6px 0 6px}
.right_cont .hot_teach li .evaluatation ul,.right_cont_guss .hot_teach li .evaluatation ul{ width:81px; height:auto; overflow:hidden; display:inline-block; float:left;}
.right_cont .hot_teach li .evaluatation ul li,.right_cont_guss .hot_teach li .evaluatation ul li{ width:13px; height:13px; float:left; overflow:hidden;  margin-bottom:0 !important; margin-right:2px; background:url(../image/shi.png) no-repeat; padding:0; border:none; margin:9px 0 0 0; margin-left:2px;}
.right_cont .hot_teach li .evaluatation ul li img,.right_cont_guss .hot_teach li .evaluatation ul li img{ width:100%; overflow:hidden; vertical-align:middle; margin:0 !important; height:13px !important; padding-bottom:3px; }
.right_cont .hot_teach li .evaluatation ul .special_xing,.right_cont_guss .hot_teach li .evaluatation ul .special_xing{ background:url(../image/kong.png) no-repeat}

.right_cont .hot_teach ul li .content_box a{z-index: 100;}
.right_cont .hot_teach ul li .content_box a:hover{ color:#198eee;}
.theme_right{ width:220px; height:auto; overflow:hidden;  margin-left:18px;}
.news_rtlist{ background-image:url(../image/newstop.png); background-repeat:no-repeat; background-color:#eaeaea; height:38px; border-top:2px solid #198eee; line-height:40px; padding-left:42px; background-position:10px; float:left; width:220px; font-weight:normal; font-size:16px;}
.news_rtlist span{ display:inline-block;  margin-right:10px; *display:inline; *zoom:1;}
.news_rtlist a:hover{ color:#198eee}
.cont_t{ width:100% !important}
.news_add{ background:#f7f7f7; width:220px;}
.news_list_de{ line-height:26px; width:220px; height:auto; overflow:hidden; background:#f7f7f7}
.news_list_de li{ width:200px; float:left; overflow:hidden; line-height:38px; padding:0 10px; border-bottom:1px #e7e7e7 dashed; font-size:12px;}
.news_list_de li:last-child{ border-bottom:none}
.news_list_de li span{ width:19px; height:19px; text-align:center; line-height:19px; color:#fff; border-radius:0 5px; display:inline-block; margin-right:5px;}
.bge{background:#ee4b19}
.bgc{background:#c3c3c3}
.news_list_de li a:hover{
	color:#198eee ;
}
.hot_more_li img,.teacher_more_last img{
	width: 210px;
	height: 118px;
	margin-left:0 !important;
}

.hot_teach_box {
	height: 980px;
}
.hot_teach_box .hot_teach{ 
  
position: absolute;
top: 0;
left: 4px;
/*opacity: 0;*/
display: none;
transition: all 0.6s ease;
}
.teacher_more_list li{
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 1px solid #333;
  float: left;
  margin-left: 6px;
  position: relative;
  right: 20px;
  top: 17px;
  cursor: pointer;
}
.kc-li-active{
background: #333;

}
.hot_teach_box .teach-active{


display: block;

}
.right_top{
	width: 215px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 3px;
	padding-top: 1px;
	background: #fff;
}
.right_top_in{
	width: 195px;
	height: 42px;
	background: #ee4b19;
	margin:9px auto;
	border-radius: 5px;
	text-align: center;
	position: relative;
}
.right_top_in:hover{
	
	
	background: rgba(238,75,25,0.8);
}
.right_top_in div{
	width: 110px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -55px;
	margin-top: -12px;
	
	}
/*.theme_right{
	
	margin-left: 350px;
}*/

/*课程中心*/
.main_left{
	/*height: 334px;
	background: #f3f5f7;*/
	
}
.main_left .screen{
	background: #f3f5f7;
	width: 100%;
	
}
.shadow{
	border:1px solid #eaeceb;
	box-shadow: 0px 0px 2px #e3e3e3;
}
.main_left .row{
	padding: 10px;
	height: auto;
	border-bottom: 1px dashed #e3e3e3;
	text-align: center;
	position: relative;
}
.row .row-span{
	display: inline-block;
	width: 80px;
	height: 21px;
	line-height: 21px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	
}
.main_left .row ul{
	
	width: 800px;
	height: auto;
}
.row .ay{
	width: 82px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.row ul li{
	
	float: left;
	line-height: 20px;
	margin:auto 20px;
	font-size: 12px;
	color: #666;
}
.row .select{
	width: 48px;
	/*border-radius: 3px;*/
	font-size: 12px;
	margin-left: 10px;
}
.main_left .screen .row .quanbu{
background: #EE4D18;	
/*border-radius: 5px;*/
padding: 0 5px;
box-sizing: border-box;
color:#fff;
}
.main_left .screen .row .quanbu a{

color:#fff;
}

.main_left .row{
	padding: 10px;
	height: auto;
	border-bottom: 1px dashed #e3e3e3;
	text-align: center;
	position: relative;
}
.main_left .row ul{
	
	width: 800px;
	height: auto;
}
.row .more_down,.row .shouq_down{
	cursor: pointer;
	position: absolute;
	right: 20px;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 2px 4px;
	top: 10px;
}
.row .more_down{
	display: block;
	
}
.row .more_down i{
	background: url(../image/more_down.png) no-repeat;
	width: 10px;
	height: 6px;
	display: inline-block;
}
.row .shouq_down i{
	background: url(../image/shouq.png) no-repeat;
	width: 10px;
	height: 6px;
	display: inline-block;
}
.row .more_down{
	display: block;
	
}
.row .more_down:hover i {
	background: url(../image/gd.png) no-repeat;
	
}
.row .shouq_down:hover i {
	background: url(../image/sq.png) no-repeat;
	
}
.row .more_down:hover,.row .shouq_down:hover{
	color: #EE4D18;
	border: 1px solid #EE4D18;
}
/*课程中心结束*/


/*导航新增修改*/
.search_box{
   width: 506px;
    height: 85px;
	
}

.search_list { width:100%; height:auto; overflow:hidden}
.search_list li{
	float:left;
	color:#198eee;
	width:50px;
	text-align:center;
	margin-right:10px;
	line-height:24px;
	}
.search_list li a{ color:#198eee; display:block}	
.search_list li a.on{ background:#198eee; color:#fff}
/*.search_input {
    width: 332px;
    height: 36px;
    line-height: 36px;
    border: none;
    outline: none;
    background: #fff;
    margin-left:0;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left:0;
    padding-left: 9px;
}*/
/*.search_frame {
    width: 500px;
    height: 36px;
    border: 2px solid #198eee;
    position: relative;
    margin-top:0;
    z-index: 1;
	display:none;
}*/
.key_link a{ color:#999; display:inline-block; margin-right:20px; margin-left:0}
/*热门排行榜*/
.dxranklist{
	width:195px;
	height:auto;
	overflow:hidden;
	border:1px solid #f7f7f7;
	padding:20px 10px 0 12px;
	}	
.dxranklist li{
	float:left;
	height:auto;
	overflow:hidden;
	margin-bottom:25px;
	}
.dxranklist li a{ display:block; height:42px; overflow:hidden}	
.dxranktit{ font-weight:500;}
.dxranktxt{
	display:inline-block;
	float:left;
	width:18px;
	text-align:left;
	margin-top:12px;
	color:#999
	}
.dxranklist li .dxrank {
	float:right;
	text-align:left;
	width:128px;
	height:auto;
	overflow:hidden;
	}	
.dxranklist li .dxrank .dxrtit_1{
	width:100%;
	text-align:left;
	float:right;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
	display:inline-block;
	vertical-align: middle;
	}
.dxranklist li a:hover .dxrtit_1{color:#198eee}	
.dxranklist li .dxrankimg{ width:38px; height:38px; border-radius:20px; margin-right:10px; display:inline-block; float:left}
.dxrke{ color:#ee4b19}
.mb100{ margin-bottom:100px;}
/*热门排行榜结束*/

/*课程中心*/
.bk_box{
	width: 100%;
	/*height: 334px;*/
	background:#f3f5f7 ;
	margin-bottom: 26px;
	
}
.bk_box .all_lx {
	border-bottom: 1px solid #eaeaea;
}
.bk_box .all_lx:last-child {
	border-bottom:none;
}
.bk_box .all_lx ul	li{
	
	float: left;
	padding: 10px 12px;
	margin-right: 24px;
	
	
}
.bk_box .all_lx .lx{
	width: 55px;
	padding: 22px 0;
	
}
.bk_box .all_lx .zq{
	padding: 12px 0;
	float: left;
    width: 1080px;
    padding-left: 12px;
}
.qba{
	padding: 10px 12px;	
	margin-top: 12px;
}
.showq{
	background: #ee4b19;
	
}
.showq a{
	color: #fff;
}
.xz{
	
	height: auto;
	
}
.xz_lead_out{
	width: 960px;
	height: 42px;
	background: #f3f5f7;
}
.xz_lead{ width:825px;}
.xz_xuanze{ width:45px; display:inline-block; float:left}
.xz_allbor{ width:780px; float:left; overflow:hidden}
.xz_allbor li{ width:auto; float:left; height:auto; overflow:hidden}
.xz_lead{
	display: inline-block;
    padding: 11px;
}
.xz_lead_r{ display:inline-block; line-height:42px;margin-top:-42px;}
.xzfl{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background:#fff ;
	border: 1px solid #eaeaea;
	margin-right: 4px;
	white-space: nowrap
}
.xzfl{
	
	padding:0 11px;
	
}
.xz_arrow{}
.xz_arrow .bsl{
	background:url(../image/zylb_l.png) no-repeat;
	width:18px;
	height:18px;
	overflow:hidden;
	cursor:pointer;
	margin-right:4px;
	}
.xz_arrow .bsr{
	background:url(../image/zylb_l_r.png) no-repeat;
	width:18px;
	height:18px;
	overflow:hidden;
	cursor:pointer;
	}	
.xz_arr1{ width:45px;}
.xz_arr2{ width:50px; height:18px; margin-top:4px; _margin-top:13px; *margin-top:13px;}	
.xz_arrow .bsl:hover{
	background:url(../image/zylb_r_l.png) no-repeat;
	}	
.xz_arrow .bsr:hover{ background:url(../image/zylb_r.png) no-repeat}	


/*课程中心结束*/
/*新增 针对翻页兼容*/
.special_loact{ padding-bottom:0 !important}
.pages a, .pages .cpb{ display:inline-block}
.pages{ height:34px;}
/*意见反馈弹出框*/
.window-fkui{
	display: block;
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:url(../image/block_bj.png) repeat;
	z-index: 100;
}

.window-fkui-in{
  position: absolute;
  width:590px;
  height:440px;
  top: 50%;
  left: 50%;
  margin-left: -206px;
  margin-top: -167px;
  background: #fff;
  }
.wfk_title{padding:15px 0; border:1px solid #eaeaea;}  
.wfk_title span{ margin-left:20px;}
.wfk_title .closed{ right:20px; cursor:pointer}
.wfkbox{ width:530px; margin:0 auto; height:auto; overflow:hidden;}
.wfkbtit{ padding:15px 0;}
.wfkbtit span{ font-weight:normal; color:#ee4b19}
.wfktextrae textarea {
    height:118px;
    border:1px solid #eaeaea;
    padding:10px;
    width:506px;}
.wfkcont{ width:506px; height:40px; border:1px solid #eaeaea; line-height:42px; padding:0 10px; color:#999}	
.wfksubmit{ margin-top:20px;}
.wfktextrae{ position:relative}
.wfksubmit span{ width:40px; width:148px; text-align:center; line-height:42px; border:1px solid #eaeaea; display:inline-block; margin-right:20px;}
.wfksubmit span a{ display:block;}
.wfksubmit .wkfs_1 a{ color:#fff}
.wfksubmit .wkfs_1{ background:#ee4b19; border:1px solid #ee4b19; color:#fff}
.iptboxtext{ position:absolute; bottom:-15px; right:-3px; font-size:12px;}
.inpt{ color:#ee4b19;}
.wfktk{ width:340px; height:120px; border-radius:4px; z-index:9; left:130px; top:135px; background:#fff; text-align:center; position:absolute; border:1px solid #eaeaea; box-shadow:-1px 2px 6px 2px #eaeaea; -moz-box-shadow:-1px 2px 6px 2px #eaeaea; display:none}
.wfkimg{ width:24px; height:24px; margin-top:30px; left:160px; display:block; margin-left:158px; margin-bottom:15px;}