body{font:12px/1.5 'Microsoft Yahei','Simsun',Tahoma;background-color: #fff;color:#0f0f23;}
input,button,table,img{border:none;}
body,div,input,button,table,ul,ol,li,a,img,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,textarea,select,button{outline:none;border:none;}
ul,li,dl,td,tr,dd{list-style:none;margin:0;padding:0;border:none;}
label{
cursor: pointer;
}
input, textarea,.becomevip,.tellme,.dd-btn a{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
b{font-weight:normal;}
a{text-decoration:none;color:#fff;font-size:12px;}
a:link, a:visited {
  color: #0f0f23;
}
a:hover{text-decoration:none;}
i,em{font-style:normal;}
textarea{resize:none;}
.clearfix:after,.clearfix:before{display: table;content: "";}
.clearfix:after{clear: both;}
.clearfix{zoom:1;}
/*-----初始化结束------*/
/*----头部论坛广告----*/
.top-ad{
width:100%;
height:30px;
background: #9c3e3c;
display:none;
}
.top-ad-main{
	width:1000px;
	margin:0 auto;
	text-align:center;
	line-height:28px;
    font-size:12px;
    color:#fff;
}
.top-ad-main a{
	display:inline-block;
	font-size:12px;
	margin-top:2px;
}
.top-ad-main a button{
    width:70px;
    height:20px;
	background-color:#FD3300;
	color:#fff;
	line-height:20px;
	text-align:center;
	cursor:pointer;
    border-radius:2px;
}
.top-ad-main a:hover button{
	background-color:#E43700;
}
.t{
	width:100%;
	margin:0 auto;
	z-index:300;
}
.header{
	width:100%;
	height:60px;
	/*background-color: #0e0f23;*/
	background: url(../images/top-black-bg.jpg) repeat-x #080A0D;

}
.header-main{
	width:1000px;
	margin:0 auto;
	height:60px;
	line-height:56px;
	
}
.header-main>a{
	height:60px;
}
.search-area {
position: relative;
height: 34px;
width: 426px;
margin: 13px 0px 0 88px;
margin-right: 20px;
background: #fff;
border-radius:4px;
}
.search-area .search-input {
	border-radius:4px 0 0 4px;
padding: 5px 10px;
width: 370px;
height: 24px;
line-height: 24px;
font-size: 12px;
float: left;
border: 0;
background: #fff;
color: #14191e;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.search-area .btn_search {
float: right;
cursor: pointer;
width: 36px;
height: 34px;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.search-area.focus .search-input {
  color: #363d40;
  background: #fff;
}
.search-area.focus .btn_search {
  background-position: 0 -38px;
  background-color: #fff;
}
.search-area .btn_search{
background: url(../images/gsearch-sprite.png) no-repeat 2px 3px;
border-left:1px solid #555;
}
.search-history{
position: absolute;
top: 34px;
left: -1px;
width: 390px;
border: 1px solid #555555;
background: #fff;
z-index: 102;
display:none;
}
.search-history ul li {
	line-height:22px;
}
.search-history ul li.clean-history{
	text-align:center;
}
.search-history ul li a{
	display:block;
	padding-left:10px;
}
.search-history ul li a:hover{
	background-color: #E9E9E9;
}
.float-l{
	float:left;
}
.float-r{
	float:right;
}
.header-unlogin>li{
    float:left;
    color:#787d82;

} 
.cooperate-area{
	display:none;
}
.header-unlogin>li>.user{
	position:relative;
	width:100px;
	height:60px;
	display:block;
	text-align:right;
}
.header-unlogin>li>.user{
	color:#fff;
}
.header-unlogin>li>.userbox{
	position:absolute;
	top:44px;
	left:35px;
	width:100px;
	height:300px;
	background-color: transparent;
	z-index:20;
	display:none;
}
.header-unlogin>li>.userbox .userbox-in{
	background-color: #fff;
	margin-top:10px;
	box-shadow:0 0 10px #6B6B6B;

}
.header-unlogin>li>.userbox .userbox-in:before,.s-nav div:before{
	content: ' ';
position: absolute;
top: 0;
left: 50%;
margin-left: -5px;
border: 5px solid transparent;
border-bottom-color: #fff;
}
.header-unlogin>li>.userbox .userbox-in a{
	display:block;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-bottom:1px dashed #E9E9E9;
}
.header-unlogin>li>.userbox .userbox-in a:hover{
	background-color: #0e0f23;
	color:#fff;
	border-bottom:1px dashed #0e0f23;
}
.header-signin>a, .header-signup>a {
display: inline-block;
font-size: 14px;
text-align: center;
height: 60px;
line-height: 60px;
color: #fff;
opacity:0.8;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.header-signin>a:hover,.header-signup>a:hover,.cooperate-school>a:hover,.cooperate-company>a:hover {
opacity:1;
}
.cooperate-school>a,.cooperate-company>a{
	display:block;
	height:60px;
	line-height:60px;
	padding:0 10px;
	font-size:14px;
	color: #fff;
	opacity:0.8;
}
.top-line{
	color: #fff;
width: 2px;
height: 25px;
display: none;
background: #787d82;
margin: 17px 15px 0 30px;
}
.cooperate-school .school_{
	background-color: #fff;
	padding:0 10px;
	position:relative;
	display:none;
}
.cooperate-school .school_ em{
	display:block;
	position:absolute;
	border:6px solid transparent;
	border-bottom-color:#fff;
	top:-11px;
	left:32px;
}
.cooperate-school .school_ li{
    height:30px;
    line-height:30px;
    text-align:center;
    border-bottom:1px solid #999;

}
.cooperate-school .school_ li.lastli{
	border-bottom:none;
}
.top-nav{
	width:100%;
	height:35px;
	background:rgb(241,241,241);
    border-bottom:2px solid #000;
}
.tnav-main{
	width:1000px;
	height:35px;
	line-height:35px;
	margin:0 auto;

}
.tnav-main>ul>li{
	float:left;
	height:35px;
	line-height:35px;
    position:relative;
}

.tnav-main>ul>li>a{
	color:#0f0f23;
	font-size:12px;
	display:block;
	padding:0 15px;
	line-height:35px;
	position:relative;
	z-index:100;
}
.tnav-main>ul>li>a:hover{
	background:#0e0f23;
	color:#fff; 
}
.t-hot{
	width:19px;
	height:19px;
	background: url(../images/hot.png) no-repeat;
	position: absolute;
	top:1px;
	right:1px;
}
.top-nav-r li>a{
	display:block;
	padding:0 10px;
	line-height:35px;
}
.top-nav-r li>a:hover{
	color:#fff;
	background:#0e0f23; 
}
.s-nav{
	position:absolute;
	top:0px;
	height:100px;
	background:transparent;
	z-index:1002;
	color:#fff;
}
.s-nav div:before{
	top:28px;
}
.s-nav div{
	width: 88px;
margin-top: 38px;
background: #fff;
box-shadow: 0 0 10px #6B6B6B;


}
.s-nav div a{
	display:block;
	width:100;
	line-height:30px;
	text-align:center;
	color: #0f0f23;
    border-bottom: 1px dashed #EBEBEB;
}
.s-nav div a:hover{
	background-color: #0e0f23;
	color:#fff;
	border-bottom:1px dashed #0e0f23;
}
.app-down-area a {
display: block;
padding: 0 8px;
height: 35px;
line-height: 35px;
}
.header-app-icon {
display: inline-block;
width: 11px;
height: 16px;
background: url(../images/iconfont-download-s.png) no-repeat 0 0;
vertical-align: -3px;
margin-right: 5px;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}
.header-vip-icon{
	display:inline-block;
	width:23px;
	height:14px;
	background-color: #d0021b;
	font-size:12px;
	color:#fff;
	margin-top: -3px;
    vertical-align: middle;
	margin-right: 4px;
	line-height: 14px;
	text-align: center;
}
.app-down-area a:hover .header-app-icon{
	background: url(../images/iconfont-download-w.png) no-repeat 0 0;
}
.mr-r{
	margin-right:60px;
}
.main{
	width:100%;
	height:auto;

}

/*foot简易版*/
#footer {
background: #000000;
border-top: 1px solid #e2e4e6;
font-size: 12px;
color: #787d82;
padding:45px 0 20px 0;
min-width: 620px;

}
.tel-phone{
width: 127px;
height: 34px;
line-height: 34px;
background: url(../images/400.png) no-repeat center left;
position: absolute;
top: -38px;
right: 35px;
padding-left: 25px;
font-size: 18px;
color: rgba(255,255,255,0.6);
}
.waper {
width: 1000px;
margin: 0 auto;
position:relative;
}
#footer .followus {
margin-right: 34px;
padding-left: 30px;
}
.followus .followus-weixin {
background-position: 0 -279px;
}
.followus a {
float: left;
position: relative;
width: 32px;
height: 32px;
background-image: url(../images/footer-sprite.png);
background-repeat: no-repeat;
margin: 3px 6px 0;
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.flw-weixin-box {
position: absolute;
display: none;
width: 170px;
height: 220px;
left: -69px;
bottom: 35px;
background: url(../images/footer-sprite.png) no-repeat 0 0;
}
.followus .followus-weibo {
background-position: 0 -321px;
}
.followus .followus-qzone {
background-position: 0 -363px;
}
#footer .footer_intro {
padding-left: 40px;
}
#footer .footer_link {
margin-bottom: 4px;
line-height: 1.8;
}
.footer_link ul {
overflow: hidden;
margin-top: -1px;
}
#footer .footer_link li {
margin-right: 30px;
text-align: center;
float: left;
}
.footer_link a:link, .footer_link a:visited, .footer_link a:active {
color: #c8cdd2;
}
.footer_link a:hover {
color: #fff;
}
#footer p {
line-height: 1.7;
}

/*foot简易版 end*/
.followus a {
float: left;
position: relative;
width: 32px;
height: 32px;
background-image: url(../images/footer-sprite.png);
background-repeat: no-repeat;
margin: 3px 11px 0;
opacity: 0.5;
filter: alpha(opacity=50);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.flw-weixin-box {
position: absolute;
display: none;
width: 170px;
height: 220px;
left: -69px;
bottom: 35px;
background: url(../images/footer-sprite.png) no-repeat 0 0;
z-index:10;
}
.followus .followus-weibo {
background-position: 0 -321px;
}
.followus .followus-qzone {
background-position: 0 -363px;
}
.followus .followus-weixin {
background-position: 0 -279px;
}
 .followus a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.followus-weixin:hover .flw-weixin-box {
display: block;
}
.lesson-top li.activ, .course-menu li.activ {
border-bottom: 2px solid #6287d5;
}
.lesson-top li.activ:before, .course-menu li.activ:before {
content: ' ';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -5px;
border: 5px solid transparent;
border-bottom-color: #6287d5;
}
/*登录注册页面*/
.dialog-mask {
position: absolute;
top: 0;
left: 0;
background-color: #000;
border-color: transparent;
opacity: .3;
filter: alpha(opacity=30);
}
.dialog {
background-color: #fff;
border-color: transparent;
}
.rl-modal-header {
padding: 0 20px;
}
.dialog h1 {
font-size: 16px;
line-height: 49px;
height: 49px;
color: #666;
}
.dialog h1 span {
float: left;
width: 80px;
text-align: center;
height: 49px;
line-height: 49px;
cursor: pointer;
}
.rl-modal-header .active-title, .rl-modal-header span:hover {
border-bottom: 1px solid #cc0000;
color: #cc0000;
}
.dialog-close {
text-align: center;
position: absolute;
top: 7px;
right: 13px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
font-size: 30px;
line-height: 20px;
width: 30px;
height: 30px;
border-color: transparent;
color: #ccc;
}
.dialog-close:hover{
	color:rgb(167, 167, 167);;
}
.rl-modal-body {
padding: 5px 45px 30px;
}
.ipt {
color: #14191e;
background-color: #ffffff;
border: 1px solid #98a1a6;
height: 20px;
padding: 9px 9px;
font-size: 14px;
line-height: 20px;
border-radius: 0;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
border-color: #98a1a6;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.rl-modal-body .ipt {
width: 251px;
padding: 6px 9px 6px 48px;
background-color: #fff;
background-image: url(../images/ipt-sprite.png);
background-repeat: no-repeat;
}
.ipt-email {
background-position: 0 0;
}
.ipt-pwd {
background-position: 0 -48px;
}
.ipt-nick {
background-position: 0 -96px;
}
.rl-modal-body .ipt-verify {
margin-right: 10px;
width: 159px;
padding-left: 9px;
background-image: none;
}
.verify-img-wrap {
float: left;
height: 40px;
width: 70px;
}
.rl-modal-body .verify-img {
width: 70px;
height: 40px;
vertical-align: top;
}
.rl-modal .verify-extra {
line-height: 20px;
}
.rl-modal .verify-extra a {
color: #00b33b;
}
.rlf-tip-wrap {
font-size: 12px;
height: 26px;
clear:both;
}
.ipt-error {
color: #cc0000;
border-color: #cc0000;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.rlf-appendix {
line-height: 1em;
}
.rlf-appendix .rlf-forget {
color: #0088cc;
}
.btn-red {
color: #ffffff;
background-color: #cc0000;
border-color: #cc0000;
border-style: solid;
border-width: 1px;
cursor: pointer;
-weibkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 138px;
height: 38px;
line-height: 38px;
font-size: 14px;
}
.btn-full {
width: 310px;
}
.js-verify-refresh{
	display:inline-block;
	height:40px;
	line-height:40px;
}
/*侧导航*/
.elevator {
position: fixed;
right: 15px;
bottom: 10px;
z-index:8;
}
.elevator a {
display: block;
position: relative;
margin: 1px 0;
outline: none;
height: 52px;
width: 52px;
-webkit-transition: background-position 0.15s;
-moz-transition: background-position 0.15s;
transition: background-position 0.15s;
background: url(../images/elevator.png) no-repeat;
}
.elevator .elevator-weixin {
background-position: 0 -860px;
}
.elevator .elevator-weixin-box {
position: absolute;
/* display: none; */
width: 172px;
height: 212px;
bottom: -10px;
right: 46px;
-webkit-transition: opacity 0.25s, transform .3s;
-moz-transition: opacity 0.25s, transform .3s;
transition: opacity 0.25s, transform .3s;
opacity: 0;
filter: alpha(opacity=0);
max-width: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
-webkit-transform-origin: 100% 95%;
-ms-transform-origin: 100% 95%;
transform-origin: 100% 95%;
background: url(../images/elevator.png) no-repeat 0 0;
}
.elevator .elevator-msg {
background-position: 0 -426px;
}
.elevator .elevator-app {
background-position: 0 -550px;
}
.elevator .elevator-app-box {
position: absolute;
width: 172px;
height: 194px;
bottom: -10px;
right: 46px;
-webkit-transition: opacity 0.25s, transform .3s;
-moz-transition: opacity 0.25s, transform .3s;
transition: opacity 0.25s, transform .3s;
opacity: 0;
filter: alpha(opacity=0);
max-width: 0;
-webkit-transform: scale(0.01);
-ms-transform: scale(0.01);
transform: scale(0.01);
-webkit-transform-origin: 100% 95%;
-ms-transform-origin: 100% 95%;
transform-origin: 100% 95%;
background: url(../images/elevator.png) no-repeat 0 -222px;
}
.elevator .elevator-top {
background-position: 0 -674px;
}
.elevator .elevator-weixin:hover {
background-position: 0 -922px;
}
.elevator .elevator-weixin:hover .elevator-weixin-box,.elevator .elevator-app:hover .elevator-app-box{
  -webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=1);
max-width:172px;
}
.elevator .elevator-app:hover {
background-position: 0 -612px;
}
.elevator .elevator-top:hover {
background-position: 0 -736px;
}

.li-title {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 6px 0 23px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #456;
    color: #fff;
}
.jxsp {
    background: #00cccc url(../images/jxsp-bg.png) no-repeat left center;
}
.jxxc {
    background: #ff9900 url(../images/jxxc-bg.png) no-repeat 3% center;
    padding-left: 29px;
}
.jxzb {
    background: #99cc33 url(../images/jxzb-bg.png) no-repeat left center;
    padding-left: 25px;
}
.favo {
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 2px;
    left: 15px;
    background: url(../images/favo-icon-k.png) no-repeat;
    z-index: 15;
}
.course-list-libm {
    display: inline-block;
    color: #fff!important;
    margin: 20px;
    width: 80px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    margin: 0 auto;
    position: absolute;
    bottom: 4px;
    right: 10px;
    background-color: #2aab6d;
}