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

/**
 * job168网制作规范
 * 制作部门：网站设计部
 * 制作人员：huanghaishen
 * 制作时间: 2016-04-19
 * 更新时间: 2016-04-19
 *
 * 样式目录:* 第一部分 基础样式部分
 *     ∟reset
 *     ∟pub Class
 * 第二部分 用例样式部分
 *     ∟common Class
 * 第三部分 页面模式部分
 */

/* ☆ reset =======================================================================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	/*border: 0;*/
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size: 12px;
	background: #f4f4f4;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {text-decoration:none;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ☆ pub Class============================================================================*/
.clearfix {zoom: 1;display: table;width: 100%;}
.icon {background: url(../images2016/icon.png) no-repeat;}
.fl {float:left;}
.fr{float:right;}
/* ☆ common Class=======================================================================*/
.topWrap {
	height: 38px;
	color: #8e8e8e;
	background: #e7e7e7;
}

.topWrap2 {
	height: 42px;
	background: #ffffff;
}

.top,.top2 {
	width: 1000px;
	margin: 0 auto;
	height: 42px;
	line-height: 42px;
}

.top2 a {
	display: inline-block;*display: inline;*zoom:1;
	color: #000;
	float: right;
}

.top2 a {
	color: #fff;
}

.top a:hover,.top2 a:hover {text-decoration:underline;}

.topnav {
	width: 500px;
	height: 38px;
	line-height: 38px;
}

.topnav2 {
	width: 200px;
	text-align: right;
}

.topnav a, .topnav2 a {
	color: #000;
}

.topnav2 a.curr {
	color: #36b967;
}

.toplogo2 {
	width: 320px;
	height: 42px;
	float: left;
	background-position: 0 -292px;
}

.bannerWrap {
	overflow-x: hidden;
}

.banner {
	display: block;
	height: 80px;
}

#banner1 {
	background: url(../images2016/banner.gif) no-repeat center center;
}

.searchWrap {
	height: 110px;
	background: #fff;
}

.search {
	width: 1000px;
	margin: 0 auto;
}

.searchLogo {
	display: block;
	width: 344px;
	height: 52px;
	float: left;
	margin: 29px 0 0 0;
	background-position: 0 0;
}

.searchArea {
	width: 462px;
	float: left;
	margin: 0 15px 0 15px;
	padding: 29px 0 0 0;
}

.searchHotline {
	width: 160px;
	height: 50px;
	float: right;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	background-position: -5px -137px;
}

.searchform {
	position: relative;
	height: 40px;
}

.searchInput {
	border: 2px solid #36b967;
	padding: 3px;
	width: 450px;
	height: 30px;
	line-height: 30px;
	color: #333;
}

.searchSubmit {
	width: 102px;
	height: 40px;
	padding: 0 0 0 10px;
	position: absolute;
	top: 0;
	right: 0;
	font: normal 16px/40px 'Microsoft YaHei';
	border: none;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: #36b967;
	background-position: 20px -70px;
}

.searchHot {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.searchHot a {
	display: inline-block;*display: inline;*zoom:1;
	margin: 0 10px 0 0;
	color: #989898;
}

.wherenav {
	width: 1000px;
	margin: 8px auto;
	height: 24px;
	line-height: 24px;
	color: #5e5e5e;
}

.wherenav a {
	color: #36b967;
}

.whereResult {
	display: inline-block;*display: inline;*zoom:1;
	float: right;
}

.mainCont {
	width: 1000px;
	margin: 10px auto;
}

.footer {
	margin: 15px 0 0 0;
	background: #484848;
	color: #b6b6b6;
	text-align: center;
	line-height: 20px;
	padding: 20px 0;
}
/* ☆ 页面模式部分=================================================================*/
.trainStart {
	margin: 0 0 10px 0;
}

.slideBox {
	width: 682px;
	height: 235px;
	background: #fff;
	overflow:hidden;
	position:relative;
}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{ background:#f00; color:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:682px; height:235px; display:block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images2016/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{left:auto; right:3%; background-position:8px 5px}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

.trainUser {
	width: 310px;
	height: 235px;
	background: #fff;
}

.auserc {
	padding: 0 10px 6px 10px;
}

.userArea {
	display:block;
	padding: 10px;
	height: 80px;
}

.auserArea {
	display: block;
	width: 100px;
	height: 100px;
	margin: 8px 0 0 0;
	float: left;
	background-position: 0 -499px;
}

.userArea i {
	width: 80px;
	height: 80px;
	background-position: 0 -350px;
}

.userArea h1,.userArea h2 {
	width: 180px;
	display:block;
	margin: 0 0 0 20px;
}

.userArea h1 {
	font: bold 20px/30px 'Microsoft YaHei';
	color: #36b967;
	margin: 5px 0 0 20px;
}

.userArea h2 {
	font: bold 12px/30px 'Microsoft YaHei';
	color: #818181;
	line-height: 22px;
}

.ausert {
	padding: 10px;
	font-size: 12px;
	color: #676767;
	font-weight: normal;
}

.ausert b {
	font-size: 14px;
	color: #36b967;
}

.nologint {
	display: block;
	font-size: 12px;
	color: #666;
	width: 290px;
	margin: 10px auto 0 auto;
	text-indent: 2em;
}

.nologinmore {
    width: 250px;
	margin: 10px auto 0 auto;
    border-top: 1px solid #e7e7e7;
    padding-top: 10px;
    color: #999;
	text-align: center;
	color: #666;
}

.nologinmore a {
	color: #666;
}

.trainHotnews {
	height: 30px;
	margin: 5px auto 0 auto;
	line-height: 30px;
	border-bottom: 1px solid #eee;
}

.trainHotnews span {
	display: block;
	width: 60px;
	height: 30px;
	color: #f98431;
	padding: 0 0 0 32px;
	background-position: 10px -450px;
}

.txtScroll-top{overflow:hidden; position:relative;}
.txtScroll-top .bd{ padding:0;}
.txtScroll-top .infoList li{height:30px; line-height:30px;width:210px;-o-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.txtScroll-top .infoList li a{color:#000;}

.usermenu {
	height: 39px;
}

.usermenu a {
	display: block;
    width: 102px;
    height: 39px;
    line-height: 39px;
    float: left;
    text-indent: 3.8em;
    color: #000;
    border-right: 1px solid #eee;
}

.usermenu_jg {
    height: 99px;
}

.usermenu_jg a {
    display: block;
    width: 102px;
    height: 99px;
    line-height: 150px;
    float: left;
    text-align: center;
    color: #000;
    border-right: 1px solid #eee;
}

.userMoreA {
	width: 190px;
	padding: 0 0 0 5px;
	float: left;
}

.userMoreA a {
	display: inline-block;*display: inline;*zoom:1;
	width: 45%;
    color: #555;
    line-height: 30px;
}

.userMoreB {
	padding: 0 0 12px 10px;
}

.userMoreB a {
	display: inline-block;
    color: #555;
    line-height: 24px;
}

.userMoreA a:hover,.userMoreB a:hover {
	color: #36b967;
}

.userMoreA a span {
	color: #f60;
}

.newclass {background-position: -148px -390px;}
.myclass {background-position: -258px -390px;}
.mydownload {background-position: -358px -390px;}

.trainClass {
	background: #fff;
	padding: 10px;
	margin: 0 0 15px 0;
}

.trainCondition {
	padding: 20px 10px 0 5px;
	border-bottom: 1px solid #ececec;
}

.conditionLabel {
	width: 120px;
	float: left;
	color: #6a6a6a;
	text-align: right;
}

.conditionCont {
	width: 840px;
	float: left;
}

.conditionCont a {
	color: #000;
	margin: 0 30px 20px 0;
	display: inline-block;*display: inline;*zoom:1;
}

.conditionCont a:hover {
	color: #36b967;
}

.trainWrap {
	width: 754px;
	float: left;
	background: #fff;
}

.trainWrapT {
	height: 30px;
	line-height: 30px;
	color: #535353;
	border-bottom: 2px solid #36b967;
}

.listcondition {
	display: inline-block;*display: inline;*zoom:1;
	color: #36b967;
}

.selectcondition {
	display: inline-block;*display: inline;*zoom:1;
	margin: 0 0 0 20px;
}

.checkboxCss {
	vertical-align: middle;
}

.showType {
	display: inline-block;*display: inline;*zoom:1;
	float: right;
	width: 16px;
	height: 16px;
	margin: 7px 0 0 10px;
	background: url(../images2016/icon.png) no-repeat;
}

.thumType {
	background-position: -87px -79px;
}

.listType {
	background-position: -104px -79px;
}

.showTypecurr {
	background-position-y: -96px;
}

.trainList {
	min-height: 257px;
}

.trainListWrap {
	width: 725px;
	padding: 15px 5px;
	margin: 0 auto;
	border-bottom: 1px solid #ececec;
}

.trainMsg {
	width: 560px;
	float: left;
}

.msgImg {
	width: 140px;
	height: 100px;
	float: left;
	margin: 0 15px 0 0;
	position:relative;
}

.msgTitle,.msgDetail,.msgMoreCtl {
	display: inline-block;*display: inline;*zoom:1;
	width: 400px;
	float: left;
	margin: 5px 0;
}

.msgTitle {
	display: inline-block;*display: inline;*zoom:1;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	width: 350px;
	padding: 0 50px 0 0;
	position: relative;
	line-height: 24px;
	-o-text-overflow: ellipsis;/*兼容opera*/
	text-overflow: ellipsis;/*这就是省略号喽*/		  
	overflow: hidden;/*设置超过的隐藏*/
	white-space: nowrap;/*设置不折行*/
}

.msgTitleIntro {
	display: inline-block;*display: inline;*zoom:1;
	color: #494949;
}

.msgTitleIntro:hover {
	color: #36b967;
}

.msgTitleLestin {
	display: inline-block;*display: inline;*zoom:1;
	color: #999;
	height: 20px;
	line-height: 20px;
	font-weight:normal;
	font-size: 12px;
	padding: 0 0 0 20px;
	background-position: -191px -61px;
}

.msgDetail {
	color: #494949;
	font-size: 14px;
}

.msgMoreCtl {
	color: #919191;
	font-size: 14px;
}

.trainCtl {
	width: 140px;
	height: 80px;
	float: right;
	padding: 10px 0 0 20px;
	margin: 5px 0 0 0;
	text-align: center;
	border-left: 1px dashed #ccc;
}

.trainPriceChar {
	color: #f60;
	font-family: 'Microsoft YaHei';
}

.trainPrice {
	color: #f60;
	font-size: 24px;
	font-family: 'Microsoft YaHei';
}

.trainPrice2 {
	color: #9f9fae;
	font-size: 12px;
	text-decoration: line-through;
	font-family: 'Microsoft YaHei';
}

.buyTrain {
	display: inline-block;*display: inline;*zoom:1;
	width: 100px;
	height: 30px;
	margin: 15px 0 0 0;
	background-position: -239px -59px;
}

.pages {
	padding: 15px 0 0 0;
	text-align: center;
	color: #494949;
}

.pages a {
	display: inline-block;*display: inline;*zoom:1;
	padding: 5px 10px;
	border: 1px solid #d2d2d2;
	color: #474747;
	margin: 0 5px 5px 0;
}

.pages a:hover,.pages a.curr {
	background: #36b967;
	color: #fff;
}

.trainRecom {
	width: 232px;
	float: right;
}

.trainRecom {
	width: 232px;
	float: right;
}

.trainRecom1 {
	background: #fff;
	height: 451px;
	padding: 10px 10px 5px 10px;
}

.trainRecomT {
	padding: 0 0 8px 10px;
	margin: 0 0 20px 0;
	color: #000;
	position: relative;
	line-height: 18px;
	border-bottom: 1px solid #ececec;
}

.trainRecomT span {
	display: inline-block;*display: inline;*zoom:1;
	width: 4px;
	height: 18px;
	position:absolute;
	top: 0;
	left: 0;
	background: #36b967;
}

.recomBox {
	width: 210px;
	margin: 0 auto 24px auto;
}

.recomImg {
	width: 110px;
	float: left;
	margin: 0 5px 0 0;
}

.recomTitle {
	display: inline-block;*display: inline;*zoom:1;
	width: 90px;
	height: 38px;
	margin: 5px 0 0 0;
	float:left;
	line-height: 20px;
	-o-text-overflow: ellipsis;/*兼容opera*/
	text-overflow: ellipsis;/*这就是省略号喽*/		  
	overflow: hidden;/*设置超过的隐藏*/
}

.recomTitle a {
	color: #494949;
}

.recomTitle a:hover {
	color: #36b967;
}

.recomPrice {
	display: inline-block;*display: inline;*zoom:1;
	width: 90px;
	float:left;
}

.recomPrice {
	color: #f60;
	margin: 5px 0 0 0;
	font-family: 'Microsoft YaHei';
}
.recomPriceNum{font-size: 18px;}

.trainRecom2 {
	margin: 15px 0 0 0;
}

.detailThue {
	width: 940px;
	margin: 0 auto;
	padding: 30px;
	background: #fff;
}

.baomingThue {
	width: 940px;
	margin: 0 auto;
	padding: 30px;
	background: #fff;
}

.detailThue .title,.baomingThue .title {
	font: bold 24px/30px 'Microsoft YaHei';
	color: #36b967;
}

.baomingThue .title span {
	font: bold 20px/30px 'Microsoft YaHei';
	color: #f60;
}

.formIteam {
	padding: 5px 0;
}

.iteamLeft {
	width: 100px;
	float: left;
	padding: 0 5px 0 0;
	text-align: right;
}

.iteamRight {
	width: 800px;
	float: left;
}

.detailThue .intor {
	color: #494949;
	line-height: 20px;
	padding: 10px 0;
}

.detailImg {
	display: block;
	position: relative;
	width: 426px;
	height: 300px;
	float: left;
}

.playIcon {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	background-position: -258px -98px;
	filter:alpha(opacity=80); /*IE,透明度50%*/
	-moz-opacity:0.8; /*Firefox,透明度50%*/
	opacity:0.8;/*其他浏览器,透明度50%*/
}

.playIconsmall {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	filter:alpha(opacity=80); /*IE,透明度50%*/
	-moz-opacity:0.8; /*Firefox,透明度50%*/
	opacity:0.8;/*其他浏览器,透明度50%*/
	background:url(../images2016/playiconsmall.png) no-repeat;
}

.detailImg:hover .playIcon {
	filter:alpha(opacity=100); /*IE,透明度50%*/
	-moz-opacity:1; /*Firefox,透明度50%*/
	opacity:1;/*其他浏览器,透明度50%*/
}

.detailCtl {
	width: 500px;
	float: right;
	position:relative;
}

.detailPrice {
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
}

.detailPriceChar,.detailPriceNum {
	color: #f60;
	font-family: 'Microsoft YaHei';
}

.detailPriceChar {font-size: 20px;}

.detailPriceNum {font-size: 36px;}

.detailPrice2 {
	display: inline-block;*display: inline;*zoom:1;
	margin: 0 0 0 15px;
	font-size: 16px;
	color: #878787;
	text-decoration: line-through;
	font-family: 'Microsoft YaHei';
}

.promotion {
	display: inline-block;*display: inline;*zoom:1;
	padding: 3px;
	margin: 0 0 0 15px;
	font-size: 12px;
	color: #fff;
	background: #f60;
	font-family: 'Microsoft YaHei';
}

.detailLabel {
	margin: 2px 0;
}

.labelLeft {
	width: 55px;
	float: left;
	color: #575757;
	line-height: 30px;
}

.labelRight {
	width: 430px;
	float: left;
	line-height: 30px;
}

.labelObject {
	display: inline-block;*display: inline;*zoom:1;
	line-height: 20px;
	padding: 7px;
	background: #f6f6f6;
	color: #656565;
}

.labelts {
	display: inline-block;*display: inline;*zoom:1;
	padding: 7px;
	background: #ffeee4;
	color: #fe6700;
	margin: 0 5px 5px 0;
	line-height: 20px;
}

.inkaose {
	color: #fe6700;
}

.labelTrainTime {
	display: inline-block;*display: inline;*zoom:1;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	background-position: 0 -210px;
	color: #666;
}

.detailbuy {
	display: block;
	width: 156px;
	height: 42px;
	font: normal 16px/42px 'Microsoft YaHei';
	color: #fff;
	background: #f60;
	text-align: center;
	border-radius: 4px;
}

.trainIntro {
	background: #fff;
	padding: 15px 15px 5px 15px;
	width: 970px;
	margin: 15px auto 0 auto;
}

.trainIntroWrap {
	margin: 0 0 30px 0;
}

.trainIntroTitle {
	padding: 0 0 8px 10px;
	color: #000;
	font: bold 14px/18px 'Microsoft YaHei';
	position: relative;
	border-bottom: 1px solid #ececec;
}

.trainIntroTitle span {
	display: inline-block;*display: inline;*zoom:1;
	width: 4px;
	height: 18px;
	position:absolute;
	top: 0;
	left: 0;
	background: #36b967;
}

.trainIntroCont {
	line-height: 22px;
	padding: 10px;
}

.contactHelp_fixed {
	position: fixed;
    z-index: 200;
    left: 50%;
	margin: 0 0 0 340px;
    width: 146px;
    _position: absolute;
    _margin-top: 160px;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop));
    text-align: center;
	background: #fff;
}

.contactHelpT {
	width: 146px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	background-color: #36b967;
	background-position: -415px -477px;
}

.newsWrap {
	background: #fff;
	margin: 15px 0 0 0;
	padding: 5px 0 0 5px;
}

.slideTxtBox{float: right; width: 212px; height: 165px; padding:10px; margin: 0 0 15px 0; background:#fff; text-align:left;}
.slideTxtBox .hd{ height:30px; line-height:30px; padding:0 10px 0 0;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:0; top:-1px; height:32px;}
.slideTxtBox .hd ul li{float:left; padding:0 15px; cursor:pointer;}
.slideTxtBox .hd ul li a {font-size: 14px;color: #000;}
.slideTxtBox .hd ul li.on{height:30px;  background:#fff;border-bottom: 2px solid #36b967;}
.slideTxtBox .hd ul li.on a{color: #36b967;font-weight: bold;}
.slideTxtBox .bd ul{padding:10px 0 0 0; zoom:1;}
.slideTxtBox .bd li{height:25px; line-height:25px;}
.slideTxtBox .bd li a{
	display: inline-block;*display: inline;*zoom:1;
	color: #000;
	-o-text-overflow: ellipsis;/*兼容opera*/
	text-overflow: ellipsis;/*这就是省略号喽*/		  
	overflow: hidden;/*设置超过的隐藏*/
	white-space: nowrap;/*设置不折行*/
	width: 115px;
	background: url(../images2016/icon.png) no-repeat;
	background-position: -452px -443px;
	padding: 0 0 0 10px;
}
.slideTxtBox .bd li a:hover{color: #36b967;}
.slideTxtBox .bd li .date{ float:right; color:#999;}
		
.newsBox {
	width: 228px;
	padding: 0 10px;
	margin: 0 0 10px 0;
	float: left;
	border-right: 1px solid #E6E6E6;
}

.newsBox .title {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #E6E5E5;
}

.newsBox .title span {
	display: inline-block;*display: inline;*zoom:1;
	font-weight: bold;
	float: left;
	color: #36B967;
}

.newsBox .title a {
	display: inline-block;*display: inline;*zoom:1;
	float: right;
	color: #777;
}

.newscont dl {
	margin: 15px 0;
}

.newscont dl a {
	display: inline-block;*display: inline;*zoom:1;
	width: 150px;
	color: #333;
	float: left;
	-o-text-overflow: ellipsis;/*兼容opera*/
	text-overflow: ellipsis;/*这就是省略号喽*/		  
	overflow: hidden;/*设置超过的隐藏*/
	white-space: nowrap;/*设置不折行*/
}

.newscont dl span {
	display: inline-block;*display: inline;*zoom:1;
	color: #777;
	float: right;
}

.morecont {
	padding: 0 15px;
}

.morecont dl a {
	display: inline-block;*display: inline;*zoom:1;
	width: 80%;
	color: #333;
	float: left;
	-o-text-overflow: ellipsis;/*兼容opera*/
	text-overflow: ellipsis;/*这就是省略号喽*/		  
	overflow: hidden;/*设置超过的隐藏*/
	white-space: nowrap;/*设置不折行*/
}

.newsDteail {
	padding: 15px;
}

.newsDteail h1 {
	font-size: 24px;
    font-weight: normal;
    color: #14171b;
	text-align: center;
}

.detailmsg {
	height: 55px;
    line-height: 55px;
    border-bottom: 1px dotted #e1e1e1;
    text-align: center;
}

.newsCont {
	font-size: 14px;
    color: #666;
    line-height: 30px;
    padding-top: 20px;
}

.userWrap {
	background: #fff;
	width: 1000px;
	margin: 0 auto;
}

.userWrap h1 {
    font-size: 20px;
    color: #666;
    font-weight: normal;
    margin-bottom: 10px;
}

.loginWrap {
	width: 300px;
	padding: 100px 0;
	margin: 0 auto;
}

.login-input-item {
	margin: 10px 0;
}

.login-input-item span {
	display: inline-block;*display: inline;*zoom:1;
	width: 100px;
	text-align: left;
	float: left;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
}

.login-input-item select {
    margin: 10px 0 0 0;
}

.login-input {
	font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding: 10px;
	border: 1px solid #dddddd;
	vertical-align: middle;
}

.radio-input {
	vertical-align: middle;
}

#password,#passcheck {
	background-position: -422px -264px;
	padding: 10px 10px 10px 45px;
}

#account{
	background-position: -422px -300px;
	padding: 10px 10px 10px 45px;
}

.login-submit {
    font-size: 18px;
    color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background-color: #0180cf;
    width: 305px;
	display: inline-block;
    vertical-align: middle;
    cursor: pointer;
	border: none;
	font-family: "microsoft yahei";
}

.regWrap {
	padding: 20px 100px;
}

.step_wrap {
    height: 24px;
    line-height: 24px;
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: 15px;
}

.step_wrap .three-step-bar {
    padding-left: 123px;
}

.step_wrap .step.active {
    color: #333;
    border-color: #0180cf;
}
.step_wrap .step {
    padding: 0px 20px 15px 20px;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    font-size: 16px;
    color: #666;
    margin-right: 140px;
    white-space: nowrap;
}

.step_wrap .step.active .step-icon {
    background-color: #0180cf;
}
.step_wrap .step .step-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    border-radius: 50%;
    font-style: normal;
}

.helpQQ,.helpCotact {
	display: inline-block;*display: inline;*zoom:1;
	width: 70px;
	text-align: center;
	color: #fff;
	height: 20px;
	padding: 40px 0 0 0;
	font: bold 12px/20px 'Microsoft YaHei';
}

.formSubtitle {
	font-size: 14px;
	padding: 20px 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	color: #484848;
}

.regtextarea {
	border: 1px solid #ccc;
	margin: 0 0 0 50px;
	padding: 5px;
}

.register_submit {
    width: 165px;
    height: 42px;
	display: block;
    background: url(../images2016/reg_sub.jpg) no-repeat;
    border: none;
    cursor: pointer;
	margin: 0 auto;
}

.helpQQ {background-position: -351px -52px}

.helpCotact {background-position: -411px -52px;}

.qqlist {
	position: fixed;
    z-index: 200;
    _position: absolute;
    background: #f3fff8;
    border: 1px solid #50ca7d;
}

.onlinechat {
	position: fixed;
    z-index: 200;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    bottom: 0;
    left: 0;
    width: 160px;
	height: 98px;
	background-position: -119px -499px;
}

.onlinechat .onlinechatBut {
	display: block;
    width: 160px;
	height: 98px;
}

#floatDivBoxs .floatDqq li{height:20px;line-height:20px;margin:10px 8px 10px 0;font-size:12px;text-align:center;}
#floatDivBoxs .floatDqq li a{color:#555;}
#floatDivBoxs .floatDqq li a:hover{color:#f60;}
#floatDivBoxs .floatDqq li a img {vertical-align:middle}
.floatDtt {
	height: 30px;
	text-align: center;
	line-height: 25px;
	position:relative;
	border-bottom: 1px solid #ccc;
}
.floatShadow {
	line-height: 22px;
}
.qqlistclose {
    cursor: pointer;
    width: 14px;
    height: 65px;
    overflow: hidden;
    position: absolute;
	left: 159px;
    top: -1px;
    background: #2bc669;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    border-radius: 0 4px 4px 0;
    padding: 7px 10px 15px 12px;
    float: left;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.kfonline {
	padding: 10px;
	background: #2bc669;
	color: #fff;
	font-family: 'Microsoft YaHei';
}

.kf {
	height: 35px;
    line-height: 35px;
    font-size: 18px;
    background-position: -430px -58px;
    padding: 0 0 0 32px;
}

.kftel {
	font-size: 20px;
}

.baomingok {
    width: 823px;
    background: #fff;
    margin: 50px auto 400px auto;
    border: 1px solid #dcdcdc;
    padding: 5px;
    position: relative;
}

.baomingok_box {
    width: 783px;
    padding: 20px;
    background: #fafafa;
    margin: 0 auto;
	font: 18px 'Microsoft YaHei';
}

.baomingok_cont  {
	line-height: 22px;
	text-indent: 2em;
	color: #666;
	padding: 50px 0 180px 0;
	background: url(../images2016/ddImg.jpg) no-repeat 500px center;
}

.floorsA a {
	display: block;
	font: normal 14px/40px 'Microsoft YaHei';
	height: 40px;
	color: #505050;
	text-align: center;
	background: #e3f2f2;
}

.floorsA a.curr,.floorsA a:hover {
	background: #c6e6e6;
}

.cloginWrap {
	position: absolute;
	width: 400px;
	height: 290px;
	left: 50%;
	top: 50%;
	margin: -145px 0 0 115px;
	
}

.cloginBox {
	position: absolute;
	width: 300px;
	height: 210px;
	padding: 20px 15px;
	background: #838383;
	right: 0;
	top: 20px;
	z-index: 33;
}

.cloginBox,.cloginBox a {
	color: #fff;
}

.cloginBox input {
	vertical-align: middle;
}

.cLoginBoxBtn {
	width: 250px;
	display: block;
	border: none;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

.cnoLoginBoxBtn {
	width: 246px;
	border-radius: 3px;
	display: block;
	border: 2px solid #36b967;
	height: 28px;
	line-height: 24px;
	text-align: center;
	margin: 5px auto 0 auto;
	font-size: 14px;
	font-weight: bold;
	background: #36b967;
    color: #fff;
	cursor: pointer;
}

.cnoRegBoxBtn {
	width: 246px;
	border-radius: 3px;
	display: block;
	border: 1px solid #36b967;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 5px auto 0 auto;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
    color: #36b967;
	cursor: pointer;
}

.cLoginBtn {
	background: #2895cd;
	color: #fff;
}

a.cReglink {
	background: #fff;
	color: #2895cd;
}

.serverCtl {
	height: 100px;
	line-height: 100px;
	width: 1000px;
	margin: 0 auto;
}

.commLoginWrap {
	width: 952px;
	height: 600px;
	margin: 10px auto;
	position:relative;
	background: url(../images2016/loginAdImg.jpg) left center no-repeat;
}

.loginPage {
	right: 50px;
	height: auto;
	top: 130px;
	margin: 0;
	padding: 20px 15px 20px 30px;
	background: none;
	color: #333;
	border-left: 1px dotted #ccc;
}

.cloginInput {
    width: 238px;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    padding: 10px;
	border: 1px solid #dddddd;
	vertical-align: middle;
	margin: 0 0 10px 0;
}

.nologinw {
	width: 250px;
	margin: 0 auto;
}

.cnologinInput {
    width: 190px;
	display:block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 10px;
	border: 1px solid #dddddd;
	vertical-align: middle;
	margin: 10px 0 0 0;
}

.loginPage a {
	color: #333;
}

.loginPage h1{
	color: #000;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
}

.loginPage .tips {
	line-height: 20px;
	padding: 15px 0 0 0;
}

a.regNow {
	font-size: 14px;
	color: #f60;
	font-weight: bold;
}

.chathead {
	height: 62px;
    background-position: 5px 4px;
    border-bottom: 1px solid #bfbfbf;
    background-color: #fff;
}

.chattxt {
	padding:5px;
	line-height: 20px;
}

.chatfoot {
	color: #666;
	text-align: center;
	padding: 5px 0;
	position: fixed;
	left: 0;
	bottom: 0;
	border-top: 1px solid #bfbfbf;
}

.chatform {
	width: 600px;
	position: fixed;
	left: 50%;
	top: 70px;
	margin: 0 0 0 -300px;
}

.chatform table {
	width:400px;
	margin: 0 auto;
}

.chatform table td {
	padding: 5px 0;
}

.chatInput {
	border: 1px solid #ccc;
	padding: 5px;
	width: 300px;
}

.chatbutton {
	width: 100%;
    min-width: 100px;
    padding: 10px;
    font-size: 100%;
    font-family: 'Roboto',Verdana,Arial,sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	background: #18a6df;
	border: none;
}

.txtScroll-left{ position:relative;}
.txtScroll-left .bd{width:450px; overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{ margin-right:5px;float:left;height:24px;line-height:24px;text-align:left;_display:inline;}
.txtScroll-left .bd ul li span{color:#999;}

.zjr{font-size:18px;}
.bmlxfs{font-size:18px;}

.playarea {
	width: 1200px;
	margin: 10px auto 0 auto;
	background:#fff;
	position:relative;
}

.videotitle {
	width: 1160px;
	margin: 10px auto 0 auto;
	font: bold 20px/20px 'Microsoft YaHei';
    color: #36b967;
	padding:20px;
	background:#fff;
}

.vieolist{
	width:400px;
	height:500px;
	position:absolute;
	top:0;
	right:0;
}

.vieolist .title {
	font: normal 20px/20px 'Microsoft YaHei';
    color: #333;
	padding:10px;
}

.listtab {
	position:relative;
	border-bottom:1px solid #ccc;
	height:30px;
	padding:0 0 0 10px;
}

.listtab a{
	display:block;
	position:absolute;
	height:30px;
	font: normal 14px/30px 'Microsoft YaHei';
	top:0;
	color:#555;
	text-align:center;
	padding:0 15px;
}

.listtab a.curr{
	color: #36b967;
	top:-1px;
	border-bottom:2px solid #36b967;
}

.tab1 {left:10px;}
.tab2 {left:70px;}


.listwrap{
	height:430px;
	overflow-y:scroll;
}

.vlistH1{
	border-bottom:1px solid #eee;
	padding:5px 0;
	font: normal 16px/30px 'Microsoft YaHei';
	color:#222;
	text-indent: 1em;
	background:#eee;
}

.listwrap a{
	display:block;
	border-bottom:1px solid #eee;
	padding:5px 0;
	font: normal 14px/30px 'Microsoft YaHei';
	color:#555;
	text-indent: 2em;
	background:#f5f5f5;
}

.makequestion{
	padding:10px;
}

.makequestion input {
	width:90%;
	margin: 0 0 10px 0;
}

.makequestion p{
	line-height:20px;
}

.tabConts{
	display:none;
}

.chapter-name{font-size: 16px;color: #333;margin: 16px 0 0;padding-bottom: 16px;border-bottom: 1px solid #eee;/*font-weight: bold;*/line-height: 32px;cursor: pointer;}
.chapter-box{background: #f8f8f8;border-bottom: 1px solid #eee;border-width: 1px 0;padding: 8px 0;}
.keshi{ position: relative;}
.keshi .keshi-url{ display: block; height:40px;line-height:40px;padding:0 120px 0 40px;font-size:14px;color:#5b5b5b; overflow: hidden; position: relative;background:url(../images2016/play.png) no-repeat 20px 50%; }
.keshi span{margin-left:15px;color:#9b9b9b;}
.keshi .btn{ position: absolute;right: 15px;top: 50%;margin-top: -15px; width:80px;height:30px;line-height:30px; background:#3ab57f;color:#fff; text-align: center; z-index: 9;border-radius:3px;font-size:14px;}
.keshi .btn2{ position: absolute;right: 110px;top: 50%;margin-top: -15px; width:80px;height:30px;line-height:30px; background:#f60;color:#fff; text-align: center; z-index: 9;border-radius:3px;font-size:14px;}
.keshi .free{color:#3ab57f;}
.keshi .purchased{color:#e7352b;}
.keshi-exam a{color:#5b5b5b; display: block;padding:0 15px 0 43px;line-height:44px;font-size:14px;height:44px; overflow: hidden;}
.keshi-exam a:hover{background:#e6f5ee;color:#333;}
.keshi-empty{ text-align: center;line-height: 88px;color: #9b9b9b;font-size: 14px; }
.sharewrap{position:absolute;right:0;bottom:0;color:#666;}
.sharewrap .share_qrocodwrap {width: 110px;height: 22px;line-height: 22px;text-align: center;cursor: pointer;border: 1px solid #fe6700;margin-left: -1px;margin:0 0 5px 0;position:relative;font-size:12px;}
.sharewrap .share_qrocodwrap .qrcode {position:absolute;bottom:22px;right:-1px;background:#fff;border: 1px solid #fe6700;width:100px;height:100px;padding:5px;}
.sharewrap .share_qrocodwrap .txt {background:#fe6700;color:#fff;line-height:22px;}