﻿* {
	margin: 0;
	padding: 0;
	list-style: none
}

body {
	background: #fff;
	font-size: 12px;
	overflow-x: hidden;
	color:#595757;
	font-family: microsoft yahei,SimSun,SimHei;
}

img {
	border: 0
}

a {
	text-decoration: none;
	color: #595757
}

a:hover {
	color: #ff8400;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix10:after {
	content: ".";
	display: block;
	height: 10px;
	clear: both;
	visibility: hidden
}

.h10 {
	height: 10px
}

.h15 {
	height: 15px
}

#header {
	width: 1000px;
	margin: 0 auto
}

.navBar {
	width: 1200px;
	margin: 0 auto;
	height: 60px;
	line-height: 60px;
	background: ##fff;
	color: #595757;
}

.nav {
	position: relative;
	width: 980px;
	margin: 0 auto;
	font-family: microsoft yahei,SimSun,SimHei;
	font-size: 15px;
	float:right;
}

.nav a {
	color: #595757;
}

.nav a:hover {
	font-weight:bold;
}

.nav h3 {
	font-size: 100%;
	font-weight: 400
}

.nav .m {
	float: left;
	position: relative;
	z-index: 1
}

.nav .s {
	float: left;
	width: 3px;
	text-align: center;
	color: #d4d4d4;
	font-size: 12px
}

.nav h3 a {
	display: block;
	width: 115px;
	text-align: center;
	font-size:18px;
}

.nav .sub {
	display: none;
	position: absolute;
	left: -3px;
	top: 60px;
	z-index: 1;
	width: 180px;
	border: 1px solid #e6e4e3;
	border-top: 0;
	background: #fff;
	text-align:left;
	opacity:0.95;
}

.nav .sub li {
	padding: 0 8px;
	margin-bottom: -1px;
}

.nav .sub li a {
	display: block;
	border-bottom: 1px solid #e6e4e3;
	padding: 8px 0;
	height: 28px;
	line-height: 28px;
	color: #595757;
	font-size:15px;
	font-weight: 700
	text-align:left;
}

.nav .sub li a:hover {
	color: #fe7700
}

.nav .block {
	height: 1px;
	width: 120px;
	background: #f08300;
	position: absolute;
	left: 0;
	top: 57px;
	overflow: hidden
}


/***************************tv********************************/


.construct {
	position: relative;
	width: 100%;
	height: auto;
}

.container {
	position: relative;
	width: 1076px;
	height: auto;
	margin: 0 auto
}

#lunbo {
	z-index: -10;
	left: 0;
	top: 0
}

#lunbo_img1 {
	position: absolute;
	top: 0;
	left: 0;
	height: 450px;
	width: 100%;
	background-image: url(../i/banner1.jpg);
	background-position: center center
}

#lunbo_img2 {
	top: 0;
	left: 0;
	height: 450px;
	width: 100%;
	position: absolute;
	background-image: url(../i/banner2.jpg);
	background-position: center center
}

#lunbo_img3 {
	top: 0;
	left: 0;
	height: 450px;
	width: 100%;
	position: absolute;
	background-image: url(../i/banner3.jpg);
	background-position: top center
}

#lunbo_img4 {
	position: absolute;
	top: 0;
	left: 0;
	height: 450px;
	width: 100%;
	position: absolute;
	background-image: url(../i/banner4.jpg);
	background-position: center center
}

#lunbo_img5 {
	position: absolute;
	top: 0;
	left: 0;
	height: 450px;
	width: 100%;
	position: absolute;
	background-image: url(../i/banner5.jpg);
	background-position: center center
}

#lunbo_img6 {
	position: absolute;
	top: 0;
	left: 0;
	height: 450px;
	width: 100%;
	position: absolute;
	background-image: url(../i/banner6.jpg);
	background-position: center center
}

#lunbo_img7 {
	position: absolute;
	top: 0;
	left: 0;
	height: 659px;
	width: 100%;
	position: absolute;
	background-image: url(../i/banner7.jpg);
	background-position: center center
}

#lunbo_img8 {
	position: absolute;
	top: 0;
	left: 0;
	height: 659px;
	width: 100%;
	position: absolute;
	background-image: url(../i/banner8.jpg);
	background-position: center center
}

.lunbo_content {
	display: none;
	margin: 100px 50px 0 700px;
	background-color: rgba(255,199,0,.7);
	width: 350px;
	height: 200px
}

.lunbo_content_title1 {
	padding: 20px 0 0 20px;
	font-family: 微软雅黑;
	font-size: 35px;
	color: #fff
}

.lunbo_content_title2 {
	padding: 5px 0 0 20px;
	font-family: 微软雅黑;
	font-weight: 700;
	font-size: 35px;
	color: #fff
}

.lunbo_content_arrow {
	margin: -20px 30px 0 0;
	float: right
}

.lunbo_content_content {
	font-size: 15px;
	color: #fff;
	padding: 55px 0 0 20px
}

#lunbo_num {
	position: absolute;
	z-index: 1000;
	left: 950px;
	top: 410px
}

#lunbo_tip {
	display: block;
	position: absolute;
	left: 890px;
	top: 400px;
	height: 20px;
	width: 50px;
	background-color: #ffa719;
	color: #fff;
	text-align: center;
	line-height: 20px;
	border-radius: 3px
}

#lunbo_tip:after {
	position: absolute;
	left: 50px;
	top: 5px;
	content: "";
	font-size: 0;
	height: 0;
	width: 0;
	border-left: #ffa719 5px solid;
	border-top: transparent 5px solid;
	border-bottom: transparent 5px solid
}

.lunbo_num {
	cursor: pointer;
	font-size: 0;
	margin: 0 3px;
	padding: 5px;
	border-radius: 2px;
	background-color: #f4f4f4
}

.lunbo_num_l {
	cursor: pointer;
	font-size: 0;
	padding: 5px 10px;
	margin: 0 3px;
	border-radius: 2px;
	background-color: #ffa719
}

/*********hot course********/
.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}


.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color:gray;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #e86e15;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 0;
	background: url(../img/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 0;
	background: url(../img/next.png) no-repeat;
}
.hov p a:hover {color:red;}
.hov1 p a{font-size:18px;color:black;font-weight:bold;}
.hov1 p a:hover {color: #ff8400;}


.roadmapRight_Title {border-bottom: 1px solid #DDD;margin-bottom: 10px;}
  .roadmapRight_Title h3  {border-bottom:1px solid #00baf2;margin-bottom: -1px;float: left;font-size: 16px;line-height: 30px;padding-left:10px;padding-right: 40px;}

  .roadmapRight .tab-bd { overflow: hidden; background:#fff; }
    .roadmapRight .tab-bd .tempWrap {top:0px;left:0px;}
  .roadmapRight .tab-bd li .img_txt210{padding-top:10px;}
    .roadmapRight .tab-bd li .img_txt210>a>img{float: left;overflow: hidden;margin-left: 10px;}
    .img_txt210 dl  {margin-left:90px;}
      .img_txt210 dl dt {font-size: 14px;margin-bottom: 5px;}
      .img_txt210 dl dd {line-height: 22px;max-height:40px;overflow: hidden;}
    .img_txt210>p {float: right;margin-left: 85px;width:265px;display: none;}
  .roadmapRight .tab-bd li {overflow: hidden; float: left; width: 100%; position: relative; height:100px;}
  .roadmapRight .tab-bd em { height: 1px; overflow: hidden; width: 288px; background-color: #f2f2f2; display: block; left: 4px; top: 54px; position: absolute; }
  .roadmapRight .tab-bd ul { overflow: hidden }
  .roadmapRight .tab-bd li a {display: block; }

  .roadmapRight .arrow, .arrow s { position: absolute; display: inline-block; font-size: 0; line-height: 0; width: 0; height: 0; border: dashed 4px; }
  .roadmapRight .arrow-rthin, .arrow-rthin s { border-color: transparent transparent transparent #424242; border-left-style: solid; }
  .roadmapRight .arrow-rthin s { border-left-color: #FAFAFA; left: -6px; top: -4px; }
  .roadmapRight .arrow-lthin, .arrow-lthin s { border-color: transparent #424242 transparent transparent; border-right-style: solid; }
  .roadmapRight .arrow-lthin s { border-right-color: #fff; right: -6px; top: -4px; }

  .roadmapRight .step {margin-top: 10px;}
  .roadmapRight .step a {width: 14px; height: 12px; border: 1px solid #d8d8d8; position: relative;display: block;float: right;}
  .roadmapRight .step .arrow-rthin { right: 2px; top: 2px; }
  .roadmapRight .step .arrow-lthin { left: 2px; top: 2px; }
  .roadmapRight .step s { cursor: pointer; }
  .roadmapRight .step a:hover .arrow-rthin { border-left-color: #00baf2; }
  .roadmapRight .step a:hover .arrow-lthin { border-right-color: #00baf2; }
  .roadmapRight .step a.prevStop,
  .roadmapRight .step a.nextStop{ filter:alpha(opacity=60); opacity: 0.6; cursor: auto }

  .r{ display:block; height:1px;overflow:hidden; line-height:1px; font-size:0; background:#C9C9C9; margin:0 1px; }
  .grade-msg{height:28px;z-index:10;position:absolute;left:57px; top: -31px; display:none}
  .grade-msg .t{float:left;height:20px; line-height:20px; text-align:left; padding:0 5px; border:3px solid #c9c9c9; border-width:2px 3px; color:#424242;  background:#fff; }

  .roadmapRight_aboutMap  {overflow: hidden;}
    .roadmapRight_aboutMap li {width: 170px;height:102px;margin-left: 10px;float: left;position: relative;margin-bottom: 10px;}
      .roadmapRight_aboutMap li img {width: 170px;height:102px;position: absolute;left: 0px;top: 0px;}

  .roadmapRight_OtherStudentsUL {padding-bottom: 20px;}
    .roadmapRight_OtherStudents {padding:10px 10px 0px 10px;overflow: hidden;}
      .roadmapRight_OtherStudents_head  {width: 40px;margin-right: 10px;}
        .roadmapRight_OtherStudents_head img  {width: 40px;height: 40px;}
      .roadmapRight_OtherStudents_info  {width: 290px;}
        .rmroi_name {overflow: hidden;margin-bottom: 5px;}
          .rmroi_name h4  {float: left;}
          .rmroi_name p {float: right;color:#999;}



/*讲师机构申请 Style*/
.Apply_Lu {position: absolute;left: 0px;z-index:10;display: none;}
.ApplyTab {width: 100%;padding-bottom:40px;background: url(../images/bg_apply.png) repeat-x left top;}
  .ApplyTabList {text-align: center; font-size:14px;overflow:hidden ;}
    .ApplyTabList p {cursor: pointer;padding:2px 20px;float: left;}
    .ApplyTabCur  {background: #00baf2;color:#FFF;}
.Applyed  {text-align: center;padding:300px 0px;background: url(../images/bg_apply.png) repeat-x left top;}

/*路线图 Style*/
.roadMapList,.roadMapApplyList  {margin-top:30px;}
  .roadMapList ul {width: 1215px;margin-right:-25px;overflow: hidden;}
    .roadMapListItem,.roadMapApplyListItem  {float: left;width: 380px;margin-right:25px;position: relative;overflow: hidden;}
      .roadMapListItem img  {width: 380px;height:230px;}
      .roadMapListItemInfo  {position: absolute;top: 0px;left: 0px;font-size: 14px;background: url(../images/opbg.png);width: 100%;height: 230px;color:#FFF;display: none;}
        .roadMapListItemInfo p  {padding:20px 15px 15px 15px;line-height: 24px;height:110px;overflow: hidden;margin-bottom: 10px;}
        .roadMapListItemInfo .lookAtBtn {margin:0px;margin-left: 15px;}
      .roadMapListItemAction  {border-top: 1px solid #DDD;margin-top: 10px;text-align: center;height:25px;padding: 5px 0px;position: absolute;bottom: 0px;left: 0px;width:100%;}
        .roadMapListItemAction i  {display: inline-block;background-image: url(../images/roadmapactionicons.png);width:25px;height:25px;overflow: hidden;cursor: pointer;margin:0px 5px;}
        .roadMapListItemAction i.fav  {background-position: -3px -5px}
        .roadMapListItemAction i.faved  {background-position: -3px -45px}
        .roadMapListItemAction i.like {background-position: -3px -85px}
        .roadMapListItemAction i.liked  {background-position: -3px -125px}
      .roadMapListItemTitle {line-height: 30px;font-size:14px;margin-bottom:10px;height:30px;text-align: left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

  .roadMapNotHave {text-align: center;}
    .roadMapNotHave p {display: inline-block;padding:120px 0;padding-left:50px;background: url(../images/meng_rabbit.png) no-repeat left center;line-height: 30px;}

  /*路线图申请 Style*/
  .roadMapPageTitle {text-align: left;position: relative;}
    .roadMapPageTitle h2  {font-size: 16px;display: inline-block;}
    .roadMapPageTitle p {color: #999;display: inline-block;}
    .ApplyRoadMapContainer  {position: absolute;top:40px;right: 0px;border:3px solid #DDD;background: #FFF;overflow: hidden;z-index: 100;padding:30px;display: none;}
    .ApplyRoadMapContainerTitle {}
    .ApplyRoadMapContainerCon {margin-top:20px;}
      .ApplyRoadMapContainerCon input,.ApplyRoadMapContainerCon textarea  {width:500px;float: right;}
      .ApplyRoadMapContainerCon textarea  {height:100px;}
      .ApplyRoadMapContainerCon>p {line-height: 30px;}
      .ApplyRoadMapContainerCon>p>span  {display: inline-block;}
    .ApplyRoadMapContainerCount {width:500px;height:24px;line-height: 24px;margin-top:-25px;}
      .ApplyRoadMapContainerCount span  {color:#FFAA28;margin:0px 5px;}
    .ApplyRoadMapContainerBtns  {text-align: left;width:508px;float: right;margin-top:20px;}
  .roadMapApplyList {}
    .roadMapApplyList ul  {width:1230px;margin-right:-10px;overflow: hidden;margin-left: -15px;}
    .roadMapApplyListItem {padding:15px 20px;width: 360px;margin-right:10px;margin-bottom: 10px;}
    .roadMapApplyListItem.Cur {background: #e8f4f4;}
      .roadMapApplyListItem>h2  {font-size: 16px;color:#151515;}
      .roadMapApplyListItemUser {padding:10px 0px;}
        .roadMapApplyListItemUser h2,.roadMapApplyListItemUser p  {display: inline-block;margin-right:5px;}
        .roadMapApplyListItemUser a {}

/*********************** 
** Training Style **
** By Ravens@2015/05/18 **
***********************/
.Training_Top {margin-top:20px;height: 230px;overflow: hidden;}
  .Training_Top img {width: 100%;}
ul.Training_List  {padding-top:10px;}
  li.TrainingItem {overflow: hidden;padding:10px 0px;border-bottom:1px dotted #FFF;}
  li.TrainingItem:hover {border-color:#DDD;}
    li.TrainingItem>div.TrainingItem_Pic  {width: 125px;height: 96px;}
      li.TrainingItem>div.TrainingItem_Pic>img  {width: 100%;height: 100%;}
    li.TrainingItem>div.TrainingItem_Info {width:460px;padding-left: 20px; }
      li.TrainingItem>div.TrainingItem_Info h2  {font-size: 14px;}
        li.TrainingItem>div.TrainingItem_Info h2 a  {font-size: 12px;display: inline-block;padding-left: 15px;background: url(../images/play_icon.png) no-repeat left center;color: #00baf2;}
      li.TrainingItem>div.TrainingItem_Info p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;overflow: hidden;}
    li.TrainingItem>div.TrainingItem_Actions  {width: 100px;padding:0px 20px;}
      li.TrainingItem>div.TrainingItem_Actions>a.btn  {margin-bottom: 10px;margin-top: 5px;}
  div.Training_teachers {overflow:hidden ;}
    .Training_teachers ul {width: 390px;float: left;}
      .Training_teachers ul li  {margin-bottom: 10px;}
    .CRL_Title_Jan  {float: right;padding-top: 5px;}
      .CRL_Title_Jan span {display: inline-block;*display: inline;width: 10px;height: 11px;background: url(../images/icons_jan.png) no-repeat;cursor: pointer;}
      .CRL_Title_Jan span.l {background-position: -20px 0px;}
      .CRL_Title_Jan span.r {background-position: -30px 0px;}
      .CRL_Title_Jan span.l:hover {background-position: 0px 0px;}
      .CRL_Title_Jan span.r:hover {background-position: -10px 0px;}
  div.Training_hezuo  {}
    .Training_hezuo ul  {float: left;overflow: hidden;width:360px;}
      .Training_hezuo ul li {float: left;width: 170px;height: 60px;margin-right: 10px;margin-bottom: 10px;}
        .Training_hezuo ul li img {width: 100%;height: 100%;}

  .DiscountInfo li  overflow: hidden;
  .Training_IntroItem {width:100%;overflow: hidden;}
    .Training_IntroItem img {width:100%;};
  .DiscountInfo .DiscountInfo_num {float: left;width:17px;background: url('../images/gre_block.png') no-repeat left center;color:#FFF;text-align: center;}
  .DiscountInfo .DiscountInfo_txt {float: left;overflow: hidden;padding-left:10px;}
  .Training_ContactQQ {padding-top: 10px;}
    .Training_ContactQQ a {display: inline-block;*display: inline;padding:6px 8px 3px 28px;height: 20px;line-height: 20px;color:#FFF;background:url(../images/cqq.png) no-repeat;margin-right: 20px;}
    .Training_ContactQQ a:hover {color:#EEE;}

/*报名页*/
div.RegInfo {}
  table.RegInfo {width: 900px;margin:0px;}
    table.RegInfo th  {width:70px;font-size: 14px;font-weight: normal;text-align: justify;}
    table.RegInfo td  {text-align: left;padding:5px 0px;}
    table.RegInfo td.red  {width: 30px;text-align: center;font-size: 15px;}
      table.RegInfo td input  {width: 611px;}

  .RegInfoContactQQ p {line-height: 30px;padding-left: 50px;display: inline-block;background:url(../images/qqun.png) no-repeat left center;color:#00baf2;}

/*个人中心-我的课程*/
span.Separator  {display: inline-block;width: 1px;height:10px;overflow: hidden;background: #AAA;margin:0px 10px;}
.myCourse .CourseTabControl .CARCur {color: #000;font-weight: normal;}
table.VideoLibList  {width: 100%;margin-top: 20px;}
  table.VideoLibList tbody tr:hover {background: #E8F4F4;}
    table.VideoLibList th {height:30px;background: #EEE;}
    table.VideoLibList td {height:50px;}
      table.VideoLibList td span  {cursor: pointer;display: inline-block;margin:0px 10px;}
      table.VideoLibList td span:hover  {color: #00baf2;}
    table.VideoLibList .tl  {padding-left:10px;}

/*MsgBox Style*/
.myCourseMsgBoxFix,.myCourseMsgBoxFixForUpload  {position: fixed; z-index: 9999999;top:0px;left: 0px;width: 100%;height: 100%;display:none;background: rgba(255,255,255,0.8);text-align: center;}
  .MsgBox {  padding: 3px; background: url(../images/boxbg.png) repeat;display: inline-block;margin-bottom: 15%;margin-top: 9%;}
    .MsgBoxTitle  {overflow: hidden;background:#FFF;padding:10px;}
      .MsgBoxTitle h2 {float: left;font-size: 16px;font-weight: bold;padding-left: 10px;}
      .MsgBoxClose  {overflow: hidden; width: 12px; height: 12px; margin: 10px 10px 0px; cursor: pointer; transform: rotate(0deg);float: right;}
      .MsgBoxClose:hover  {transform: rotate(30deg);}
    .MsgBoxCon  {font-size: 14px; padding-bottom: 20px; background: rgb(255, 255, 255);}
      .MsgBoxCon>.LinkAge {margin-bottom: 15px;padding:0px 20px;}
  .myCourseUploadMsgBox {}
    .MsgBoxUploadTitle  {background: #EFEFEF;padding:10px;}
    .MsgBoxUploadCon  {background: #FFF;padding-bottom:10px;width: 720px;}
      .MsgBoxUploadList {max-height: 400px;overflow-y: auto;}
        .MsgBoxUploadList li  {overflow: hidden;border-bottom: 1px dotted #CCC;position: relative;;}
          .MsgBoxUploadList li>div.libg {background: #E8FFFF;position: absolute;left: 0px;top: 0px;height: 100%;z-index:9;padding:0px;}
          .MsgBoxUploadList li>div  {float: left;padding:10px;z-index: 10;position: relative;}
          .MsgBoxUploadList li>div>span.delete  {cursor: pointer;}
          .MsgBoxUploadList li>div>span.delete:hover  {color: #00baf2;}

/******************
**New CreateClass
**Create by Ravens
**@2015-5-25
*******************/
.newStep  {width: 100%;}
  .newStep>.setpH {height: 40px;width: 100%;}
  .newStep>.setp-1  {background: url(../images/new_step1.png) no-repeat;}
  .newStep>.setp-2  {background: url(../images/new_step2.png) no-repeat;}
  .newStep>.setp-3  {background: url(../images/new_step3.png) no-repeat;}
  .newStep>.setp-txt>p  {width: 248px;float: left;}

/* -- CreateSyllabus -- */
.CreateSyllabus {}
  .CreateSyllabus_Row {padding-bottom:20px;}
    .CreateSyllabus_Row input.w100z {width: 617px;}
    .CreateSyllabus_Row input[type="radio"] {-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;width: 14px;height: 14px;margin-top: 8px;border:1px solid #CCC;border-radius:10px; }
    .CreateSyllabus_Row input[type="radio"]:checked {background: #00baf2;border:none;}
  /*-----------*/
  .SyllabusList li.item {margin-bottom: 10px;}
    .Syllabus_CourseTitle {background: #EFEFEF;overflow: hidden;}
      .CreateSyllabus i.icon  {width: 25px;height: 25px;display: inline-block;*display:inline;background: url(../images/icons_syll.png) no-repeat;float: right;cursor: pointer;}
      .CreateSyllabus i.icon-down {background-position: -25px 0px;}
      .CreateSyllabus i.icon-edit {background-position: -50px 0px;}
      .CreateSyllabus i.icon-del  {background-position: -75px 0px;}
      .CreateSyllabus i.icon-up:hover {background-position: 0px -25px;}
      .CreateSyllabus i.icon-down:hover {background-position: -25px -25px;}
      .CreateSyllabus i.icon-edit:hover {background-position: -50px -25px;}
      .CreateSyllabus i.icon-del:hover  {background-position: -75px -25px;}
    .Syllabus_CourseVideo {overflow: hidden;padding-top:10px;}
    .Syllabus_AddLession,.Syllabus_AddChapter {height: 50px;border:1px dashed #DDD;line-height: 50px;}
      .Syllabus_AddLession p,.Syllabus_AddChapter p {display: inline-block;*display: inline;padding-left:15px;background: url('../images/add_icon.png') no-repeat left center;}
    .Syllabus_AddLessionForm  {padding:10px 0px;}
      .Syllabus_AddLessionForm span.holderplace {line-height: 30px;margin-bottom:-30px;color: #AAA;display: block;padding-left: 5px;}
      .Syllabus_AddLessionForm input,.Syllabus_AddLessionForm textarea  {width: 617px;margin-bottom: 10px;background: transparent;}
      .Syllabus_AddLessionForm textarea {height: 100px;}
      .Syllabus_AddLessionForm button.Cancel  {background: #CCC;color:#FFF;}

      .Syllabus_AddLessionForm .uploadRate  {}
        .Syllabus_AddLessionForm .uploadRate .uploadRate_Num  {height: 16px;line-height: 16px;overflow: hidden;min-width:20px;}
        .Syllabus_AddLessionForm .uploadRate .uploadRate_BG {width: 100%;background-color: #CCC;height: 5px;}
        .Syllabus_AddLessionForm .uploadRate .uploadRate_Fill {background-color: #00baf2;width: 1%;height: 5px;}
        .Syllabus_AddLessionForm i.icon {width: 25px;height: 25px;float: left;display:inline-block;*display: inline;background: url(../images/redclose.png) no-repeat center center; }
        .uploadVideo_Title,.uploadFile_Title  {max-width: 450px;line-height: 24px;max-height: 48px;}
        button.uploadVideo,button.uploadFile  {padding:0px;width:100px;}
  .SyllabusListStructure dt {background: #EEE;margin-bottom:10px;height: 40px;line-height: 40px;}
    .SyllabusListStructure dt input.w510  {width: 510px;}
  .SyllabusListStructure dd {margin-bottom: 10px;}
    .SyllabusListStructure dd>ul  {padding-left: 20px;}

/*就业班协议*/
.mask {width:100%;height:100%;position:fixed;background: url(../images/95dc798763e7191d096823b51600438a1218c0.png);top:0px;left:0px;z-index:50000;display: none;}
.Training_Apply {width: 60%;position: fixed;left: 20%;top:10%;background:url(../images/boxbg.png) repeat;z-index:50001;padding:5px;display: none;}
.Training_Apply_Title {height: 30px;line-height: 30px;font-size: 16px;font-weight: bold;background-color: #EEE;padding:10px 20px;}
.Training_Apply_Close {height: 30px;width: 30px;background: url(../images/close_40.png) no-repeat;background-size: 100%;float: right;margin-top:-40px;margin-right: 10px;cursor: pointer;}
.Training_Apply_Close:hover {background-image: url(../images/close_40_.png);}
.Training_Apply_Con   {background-color: #FFF;padding:20px;font-size: 14px;overflow-y: auto;overflow-x: hidden;}
.Training_Apply_Btns  {text-align: center;padding:10px;background-color: #EEE;}

/*record*/
.record {padding-top: 30px;}
.recordTitle {font-size: 24px;border-bottom: 1px solid #DDD;padding-bottom: 10px;}
.recordTitle span {font-size: 12px;}
.noRecord {margin-top: 10px;}
.recordList {margin-left: 20px;padding-top: 5px;background: url(../images/dian.png) repeat-y 74px top;padding-bottom: 50px;}
.recordList dt {margin-top: 10px;}
.recordList dt p {width: 60px;height: 21px;padding-right: 6px;text-align: center;color: #FFF;background: url(../images/rdatebg.jpg) no-repeat;}

.recordList dd {margin: 10px 0px;}
.record_Time {float: left;width: 60px;height: 12px;line-height: 12px;margin-top: 35px;color: #00baf2;text-align: right;padding-right: 10px;}
.record_jd {float: left;width: 9px;height: 9px;background: url(../images/jd01.png) no-repeat;margin-top: 37px;}
.record_Info {float: left;background: #F4F4F4;position: relative;margin-left: 20px;width: 820px;padding-top: 5px;padding-bottom: 4px;height: 72px;}
.record_Info p {line-height: 24px;padding-left: 10px;}
.record_Info p span {width: 60px;display: block;float: left;}
.record_Intro_Title a {color: #00baf2;}
.record_arr {height: 24px;line-height: 24px;font-size: 24px;color: #F4F4F4;position: absolute;left: -8px;top: 28px;}
.record_Action {width: 70px;height: 81px;position: absolute;right: 0px;top: 0px;background: #E9E9E9;}
.record_Action button {width: 30px;height: 30px;margin:20px 20px 0px 20px;border: none;background: url(../images/start_play.png) no-repeat;cursor: pointer;}
.record_Action button:hover {background: url(../images/start_play_.png) no-repeat;}
.record_Action a {text-align: center;}

.w140Select {width: 140px;}
  .w140Select p {background-position: 125px 12px;}
.w108Select {width: 108px;}
  .w108Select p {background-position: 93px 12px;}

/*old styles*/
.card-sh input.searchInp  {padding:0px;}
.member_tit {line-height: 1;}
.c_red01, .c_red01 a, .c_red01 a:link, .c_red01 a:visited, a.c_red01:link, a.c_red01:visited,.c_red {color: #cc0000;}
.title01 h3{font-size:25px; line-height:30px; font-weight:normal;}
.title01 span.num{margin-left:10px;line-height:45px;}
.title01 .menu{ color:#797979; height:20px; line-height:20px; margin:12px 0 0 28px;_display:inline;}
.title01 .menu a{ margin:0 5px;}
.videoList{width:745px; position:relative; left:-19px;}
.videoList .videoli{width:222px; height:286px;margin:0 0 20px 19px; display:inline; padding:3px; position:relative;background:url(../images/vbg01.gif) no-repeat left top;}
.videoli .ico_mark,.m-cmark{width:75px; height:75px;position:absolute;right:2px; top:3px;}
.videoList .videoli:Hover,.videoList .videolih{ background:url(../images/vbg01b.gif) no-repeat left top;}
.videoli dl{height:76px;padding:5px 0;text-align:left;line-height:20px; background:#fff;overflow:hidden;}
.videoli dl,.videoli .info03{width:206px; margin:0 auto; }
.videoli em,.p_dd03 em{ font-style:normal;}
.videoli .info03{color:#777; height:20px; line-height:20px; padding-bottom:4px;}
.videoli dl dt a:hover,.v_avatar_name a:hover,.commentcon02 .cont .bar a:hover,.js_qa_dl dt .fl a:hover,.mod_location,.mod_location a,.mod_location span,.kc_name a:hover{color:#000;}
.videoli a img{display:block;}

.videoli .info03{ height:auto;line-height:16px;}
.coins-tip,.coins-tip em{ display:block; height:16px;}
.coins-tip{margin-top:15px;padding-left:12px;background: url(../images/coinbg.gif) no-repeat left center;}
.coins-tip em{ float:left;padding-right:5px;background:url(../images/coinbg.gif) no-repeat right center; font-size:12px; color:#fff; line-height:16px; }

.title01{ height:30px;}
.title01 h3,.title01 .menu,.videoList .videoli,.img_txt210 img,.footer_dl,.footer_dl dd img,.u-cshare img,.m-clist li,.v_left,.v_tab ul li,.m-cpic,.piclist01 li,.ks_name,.ks_name a,.ks_li_num,.pic_txt01 img,.addks_li_l,.per_menu ul li img,.per_menu ul li img,.addks_li_l,.p_kc_num,.p_kc_li img,.p_kc_li dt span.kc_name,.p_play img,.list-filter .fr ul li,.list-filter .fr a,.list-filter .fr ul li span,.pic_txt01 img,.footer_logo,.p_tag a{ float:left;}
.w960,.imagebox,.img_txt210,.m-cvideo,.u_share,.m-cintro,.js_qa_dl,.js_answer_form,.login_l p{margin:0 auto; }
.lec_box{ padding:15px;width:440px; background:#fff; float:left; margin:0 0 20px 25px;_display:inline;}
.lec_01 img{ margin-right:15px; float:left;}
.lec_01 .enter{ padding-top:5px;}
.lec_01 .enter a{ padding:0 10px; height:20px; line-height:20px; color:#fff; display:block; margin-right:10px;float:left; background:#00baf2;}
.lec_box dl{ border-top:1px dashed #d4d4d4; padding-top:10px; margin-top:10px;}
.lec_box dd{ line-height:22px; padding-left:10px; background:url(../images/dian.gif) no-repeat left center;}
.lec_bar_r{width:255px; float:right;}
.lec_soso{ border:1px solid #d7d7d7; height:20px; line-height:20px; text-align:left; padding:0 20px 0 5px; width:155px; background:url(../images/lec_so.jpg) #fff no-repeat 160px center; color:#c2c2c2;}
.underline{ text-decoration:underline;}
.lec_soso{ float:right; margin-left:10px; border:1px solid #d7d7d7; background:#fff; height:20px; text-align:left; width:175px;  padding-right:5px;}
.lec_soso .txt{ float:left; background:none; border:none;color:#c2c2c2;width:140px; height:20px; line-height:20px; padding:0 5px;}
.lec_soso .btn{ float:right; margin:3px 0 0;}
.input_style2{ border:1px solid #c5161d;}

/*Personal */
.p_left{ background:#e9e9e9; text-align: left;}
.p_right{ background:#fff; padding:0 20px; text-align: left;}
.ConsoleLeft  {width: 210px;background: #E9E9E9;}
.ConsoleLeft_userInfo {width: 124px;margin:22px auto;}
.ConsoleLeft_Tag  {padding-top: 20px;margin: 0 5px;border-bottom: 1px solid #DDD;line-height: 2;margin-bottom: 10px;}
.ConsoleLeft_Tag_p {margin:5px;overflow: hidden;padding-bottom: 20px;}
.ConsoleLeft_Tag_p a  {background: #FFF;padding: 2px 5px;float: left;}
.p_left_in{width:122px;text-align:center;}
.p_left_in img{ border:2px solid #fff;}
.per_menu ul li{text-align:left; clear:both; border-bottom:1px solid #DDD;}
.per_menu ul li a{ display:block; padding-left:40px;  height:42px; line-height:42px; color:#5e5e5e;}
.per_menu ul li.current a,.per_menu ul li a:hover{ background:#cfcfcf;}
.per_menu ul li img{width:22px;margin:11px 8px 0 0;}
.p_left_tit{ border-bottom:1px solid #DDD; height:25px; line-height:25px; color:#00baf2;}
.p_left_tit,.js_jianli{margin:0 5px;}
.p_tag,.p_dd02{ padding:5px 0;}
.p_tag {max-width:210px; overflow:hidden;}
.p_tag a{ display:block; height:20px; line-height:20px; background:#f4f4f4; color:#7a7a7a; margin:5px 0 5px 10px;_margin-left:5px;}

.p_tag a,.list-filter .fr ul li span,.map_list li a{ white-space:nowrap;}
.p_kc_num{ font-size:12px; display:block; padding:10px 0 0 10px;}
.p_kc_li{ padding:25px 0;}
.p_kc_li img{ margin-top:5px;}
.p_kc_li dt,.p_kc_li dd,.js_qa_dl dt,.js_qa_dl dd{ clear:both;}
.p_kc_li dt span.kc_name{ height:22px; display:block;overflow:hidden;width:460px;}
.p_kc_li dl{width:560px;}
.p_play img{margin:5px 5px 0 0;}

.js_jianli dt{ color:#5e5e5e;}
.js_jianli dd{ color:#8e8e8e;}
.js_shouyi{ background:#d8e6e7; padding:10px; margin:15px 0;}
.js_qa_dl,.js_answer_form{ width:680px; margin:0 auto;}
.js_qa_dl dt .fl{width:270px; height:22px; overflow:hidden;color:#545454;}
.js_qa_dl dt .fr{ color:#acacac;}
.js_answer_form .btn_red{ padding:3px 5px; margin:0;}
.js_answer_txt{ background:#f2f2f2; padding:5px;}

.subnav{ background:#eaeaea;padding:15px 10px;margin-top:20px;}
.subnav p.more_bar,.footer_dl{ line-height:24px;}
.subnav p{height:24px;} 
.subnav p a{ margin-left:15px; padding:2px;}
.subnav p a:hover,.subnav p a.current,.subnav .subbox a:hover,.subnav .subbox a.current{ background:#d4e0e0;color:#00baf2}
.subnav_level2{ padding-left:70px;}

.list-filter{ height:40px; line-height:40px;}
.list-filter .fl{width:560px;}
.list-filter .fr{width:240px;}

.list-filter .fr a{ display:block;}
.list-filter .fr ul{margin-top:12px; height:20px; line-height:20px;}
.list-filter .fr ul li{border-right:1px solid #d3d3d3;}
.list-filter .fr ul li a{ display:block; height:16px; line-height:16px; padding:0 5px;cursor:pointer;color:#505050;}
.list-filter .fr ul li a.current{color:#01858a; }
.list-filter .fr ul li a input{padding:0; margin:0;padding:0; float:left; margin:2px 5px 0 0;_margin:-2px 0 0;}

/** 增加了学习码的购买页面*/
.Lcode-tab { height:30px; margin-top:10px;}
.Lcode-tab span{ cursor:pointer;height:23px; line-height:23px; float:left; padding:0 6px; text-align:center;}
.Lcode-tab span.cur{border:1px solid #e1e1e1;border-radius: 3px;-moz-border-radius: 3px;behavior: url(ie-css3.htc);}

.c-order{ background:#dcdcdc; margin:15px 0; font-family:Microsoft YaHei;}
.c-order th{ background:#e4f8f9;}
.c-order td{ padding:10px 5px; line-height:20px; background:#fff; color:#393939;}
.c-order td td{ padding:0; text-align:left;}
.c-order td span{ text-align:left;}
.c-order td strong{ font-size:14px;}
.co-flod,.co-uflod{ display:block; padding:15px 0 15px 20px; text-align:left; color:#17868d;}

.service-menu .menu-p{display:block;height:21px;overflow:hidden;padding:15px 0 15px 20px;}
.service-menu .menu-p .menu-i{float:left;display:inline;width:16px;height:16px;overflow:hidden;background:url(../images/c-uf-ico.jpg) no-repeat left center;margin:5px 6px 0 0;}
.service-menu .menu-p-current .menu-i{background:url(../images/c-f-ico.jpg) no-repeat left center;}
.service-menu .menu-c{margin-left:20px; padding:12px; background:#f2f2f2; border:1px solid #e9e9e9; display:none;}
.service-menu .menu-c-current{display:block;}
.use-btn{ background:none; border:none; border-bottom:1px solid #0100; background:#09828a;width:46px; height:20px; text-align:center; color:#fff; line-height:20px;}
.f16{ font-size:16px;}

.pack-intro { padding:15px 0;height:262px;}
.pack-intro .pic{ float:left;margin-right:15px; }
.pack-intro-a{float:left;width:594px;  font-size:14px; color:#555;font-family:Microsoft YaHei;}
.pack-intro-a  strong,.pack-intro-a h4{ color:#212121;}
.pack-intro-a h4{ font-size:20px; padding:5px 0;}
.pack-intro-a .c-red{ color:#c80000; font-size:30px;}
.pack-intro-a  .del{ text-decoration:line-through;}

.packbox {margin-top:12px; padding:10px 0; background:#e4e4e4;}
.packbox .rollBox{width:960px;overflow:hidden;padding:10px 0;}
.packbox .rollBox .LeftBotton,.packbox .rollBox .RightBotton{height:63px;width:32px;overflow:hidden;float:left;display:inline;margin-top:90px;cursor:pointer;}
.packbox .rollBox .LeftBotton{background: url(../images/pack-l.jpg) no-repeat center;margin-right:56px;}
.packbox .rollBox .RightBotton{background:url(../images/pack-r.jpg) no-repeat  center; float:right;}
.packbox .rollBox .Cont{width:780px;overflow:hidden;float:left;}
.packbox .rollBox .ScrCont{width:10000000px;}
.packbox .rollBox .Cont a:hover{color:#000;text-decoration:underline;}
.packbox .rollBox #List1,.rollBox #List2{float:left;}
.packbox h3{ font-size:16px; padding-left:30px; height:30px; line-height:30px;}
.packbox .piclist li{ float:left;}
.packbox .piclist li.ico-add{width:56px; height:288px;background:url(../images/add-ico.jpg) no-repeat center center;}
.pack-esle ul{width:1000px; position:relative;left:-24px;}
.pack-esle li{ float:left; padding:20px 0;margin-left:24px;_display:inline;}
.pack-esle p{  height:25px; line-height:25px;font-size:14px; text-align:center;}
.pack-buy{height:51px;padding-top:15px;height:74px; position:relative;}
.pack-btn{float:right; height:49px;line-height:49px;padding-left:5px; border:2px solid #cc0000; display:inline-block;}
.pack-btn img{margin-left:5px; display:inline;}
.pack-p1,.pack-p2{ float:left;}
.pack-p1{ background:url(../images/pack-bg.jpg) no-repeat; width:102px; height:67px; padding-top:13px; text-align:center; color:#fff; font-size:16px; line-height:20px;}
.pack-p2{ line-height:24px; padding-left:20px;}
.pack-p3{padding-left:40px; float:left;}
.pack-p4{position:absolute;height:22px; overflow:hidden;left:122px;bottom:0;}
.picScroll{ width:733px; height:245px;float:left; position:relative; overflow:hidden;}
.picScroll .bd{ position:relative;  }
.picScroll .prev,.picScroll .next{position:absolute;top:95px;display: block; width: 27px; height:46px; z-index: 9; overflow: hidden; background:url(../images/arr-bg.png) no-repeat; }
.picScroll .prev{left:-1px;background-position:left bottom;}
.picScroll .next{right:-1px;background-position:left top;}

.picScroll .scrollWrap{ padding-left:0px  }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll li,.picScroll li .bor{ width:223px; height:206px;}
.picScroll li{padding:15px 31px 10px 0; background: url(../images/ico-plus.png) no-repeat 230px center; position:relative; float:left; display:inline; }
.picScroll li span{position:relative;display:block;overflow:hidden;}
.picScroll li span,.picScroll li span .pic {display:block;width:223px; height:166px;}
.picScroll li a.ico_mark{display:block;height: 75px;position: absolute;right: -1px;top: 0;width: 75px;}

.picScroll li p {line-height:40px; padding:0 5px; text-align:center;font-size:14px;overflow:hidden;}
.picScroll li p,.picScroll li p a{ color:#167883;}
.Package{ padding:0 10px;}
.Package-tab span{ float:left; cursor:pointer;line-height:32px; height:32px; margin:0 10px;color:#626262; font-size:14px;}
.Package-tab { height:35px;border-bottom:1px solid #f2f2f2;}
.Package-tab span.cur{ border-bottom:3px solid #398b8e;margin-bottom:-2px;}
.package-buy{margin:10px 0 0 15px;width:165px; height:150px;padding:55px 0 0 20px; float:left; background:url(../images/pack-pic.png) no-repeat left center;}
.package-buy p{height:30px; line-height:30px;}
.package-buy p.p01{ text-decoration:line-through; font-size:16px;}
.package-buy p.p02{ font-size:18px;}
.package-buy p.p02 span{ color:#c40300;}
.package-buy p.p03{ padding-top:5px;}

.picScrollOrg .bd{ position:relative;  }
.picScrollOrg .prev,.picScrollOrg .next{ position: absolute; top:14px; left:-1px; display: block; width: 12px; height: 54px; background: url(../images/slide_tigger.png) left top; z-index: 9; overflow: hidden; }
.picScrollOrg .next{ left:auto; right:26px; background-position:right top; }
.picScrollOrg .prev:hover{ background-position:left bottom; }
.picScrollOrg .next:hover{ background-position:right bottom; }
.picScrollOrg .prevStop{ background-position:left top !important; }
.picScrollOrg .nextStop{ background-position:right top !important; }

.picScrollOrg .scrollWrap{ padding-left:24px;}
.picScrollOrg ul{ overflow:hidden; zoom:1; }
.picScrollOrg li{ width:163px; margin:10px 25px 10px 0; position:relative; float:left; display:inline; }
.picScrollOrg li .pic {display:block;overflow:hidden;}
.picScrollOrg li .pic img {display:block;}

.tempWrap{left:2px;top:5px;}
.Become{ position:absolute;z-index:10;padding-left:25px; background:#e7e7e7;width:163px; height:54px;right:57px;top:15px;}
a.viewMore{color:#3979797; font-size:12px; display:block;position:absolute;top:25px;right:29px;width:68px; height:14px; line-height:14px; background:url(../images/cplay.png) no-repeat right center;}
a.viewMore:hover{ background:url(../images/cplay.png) no-repeat right center;}

.ibx-tit h3{font-size: 26px;}
.title01 h3{font-size:25px; line-height:30px; font-weight:normal;}
.bd_bottom1{ border-bottom:1px solid #e0e0e0;}

.Collection {padding-top: 10px;}
.CollectionTop {height: 40px;border-bottom: 2px solid #e5e5e5;height: 40px;display: inline-block;width: 100%;position: relative;}
.CollectionTop p {float: left;font-size: 22px;line-height: 40px;margin-right: 35px;}
.CollectionTop p a {color: #818181;}
.CollectionTop p.cur {border-bottom: 2px solid #00baf2;margin-bottom: -2px;}
.CollectionTop p a:hover,.CollectionTop p.cur a {color: #000;}
.DelAll {padding: 3px 0px;width: 80px;background: #00baf2;position: absolute;right: 0px;bottom: 8px;border: none;color: #FFF;cursor: pointer;}
button.DelAll {line-height: 1;}
.Collection_Class {display: inline-block;padding-left: -4px;margin-top: 15px;width: 948px;}
.Collection_ClassItem {width: 224px;height: 290px;position: relative;float: left;margin-left: 9px;margin-bottom: 20px;background: url(../images/vbg01.gif) no-repeat;padding: 3px;}
.Collection_ClassItem:hover {background: url(../images/vbg01b.gif) no-repeat;}
.Collection_ClassItem img {width: 222px;height: 167px;}
.Collection_ClassItem h3 a {height: 28px;line-height: 28px;font-size: 14px;font-weight: bold;padding: 0px 5px;overflow: hidden;}
.ClassItem_Time,.ClassItem_Tercher,.ClassItem_Min,.ClassItem_Num,.ClassItem_God {padding: 0px 5px;float: left;}
.ClassItem_Min {margin-left: 5px;padding-left: 12px;background: url(../images/ico_ks.gif) no-repeat left center;}
.ClassItem_Tercher {clear: both;line-height: 24px;height: 42px;overflow: hidden;}
.ClassItem_God {float: right;}
.ClassItem_Bottom {display: inline-block;width: 100%;}
.ClassItem_Action{clear: both;width: 222px;height: 50px;position: absolute;bottom:7px;left: 3px;background: url(../images/touming.png);}
.ClassItem_Action button {height: 30px;width: 80px;margin-left: 5px;border:none;background: url(../images/redbtnbg.gif) no-repeat;color:#FFF;margin-top:10px;cursor: pointer;float: left;padding:0;}
.ClassItem_Action button:hover {color: #DDD;}
.ClassItem_Action a {height: 30px;padding: 0px 10px;float: right;margin-right: 5px;margin-top: 10px;line-height: 30px;color:#FFF;float: right;}
.ClassItem_Action a:hover{color: #00baf2;}

/* Map */
.Collection_Map {margin-top:20px;}
.MapItem {margin-bottom: 20px;position: relative;height: 100px;background: #FFF;padding: 10px;background: url(../images/vb02.png) no-repeat;}
.MapItem:hover {background: url(../images/vb02b.png) no-repeat;}
.MapItem img {width: 167px;height:100px;float: left;}
.MapInfo {float: right;width: 515px;}
.DeleMap {position: absolute;right: 10px;top:10px;height: 22px;width: 22px;background: url(../images/close.png) no-repeat center;color:#FFF;line-height: 22px;text-align: center;cursor: pointer;}
.DeleMap:hover {transform: rotate(15deg);}
.MapInfo h3 {font-size: 14px;line-height: 24px;padding-bottom: 5px;height: 24px;}
.MapIntro {line-height: 24px;height: 48px;overflow: hidden;}
.MapAction {position: absolute;right: 10px;bottom: 10px;}
.MapAction p {float:left;margin-right: 20px;padding-left:15px;}
.MapAction_1 {background: url(../images/map-ico1.png) no-repeat left 5px;}
.MapAction_2 {background: url(../images/map-ico2.png) no-repeat left 4px;}
.MapAction_3 {background: url(../images/map-ico3.png) no-repeat left 5px;}

.msgBoxButton{border:none;width:50px;height:20px;line-height:18px;cursor:pointer;padding:0;border-radius: 0;}
.msgBoxButtonYes{color:#FFF;margin-right:10px;}
.msgBoxButtonNo{background:#e2e2e2;color:#858585;}
.wrap{width:1000px;margin:0 auto;text-align:left;position:relative}

.m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}
.p_left_tit, .u_share, .img_txt210, .videoli .info03, .lecturer_li_r h5 {padding-top:10px;}
.yahei{ font-family:Microsoft YaHei;}
.p10{ padding:10px;}
.mt10{ margin-top:10px;}
.pt30{ padding-top:30px;}
.pt10{ padding-top:10px;}
/*partner*/
.jg_pro{ font-family:Microsoft YaHei; padding:25px 0;}
.org_list{}
.org_list li{ float:left;width:178px;}
.org_list li a{ display: inline-block; background:#fff;  margin-bottom: -1px;margin-right: -1px;  padding: 20px 0 0 14px;position: relative;width:163px;   height: 74px;    border: 1px solid #E3E3E3;}
.org_list li a:hover{ background:#e6e6e6;}

.org_list02 li a{padding: 20px 0 0 45px;width:182px; }
.org_list03{ float:left;}
.org_list03 li{width:440px; height:100px;padding:25px 25px 0px 0px; float:left;}
.org_list03 li a.imgbg{ display:block; width:162px; height:70px; padding:20px 0 0 18px; float:left; border:1px solid #E3E3E3;}
.org_list03 li a.imgbg:Hover{background:#fff;}
.org_list03 li .info245{width:245px;float:right; padding-top:5px;}
.org_list03 li p.pro_kc_pro{ height:44px;overflow:hidden;}
.org_kc_list .p_kc_li{ border-bottom:0; padding-bottom:25px; padding-top:0;}
.org_kc_list .p_kc_li img{ margin-top:0;}
.org_kc_list .p_kc_li dl{width:510px;}
.org_kc_list .p_kc_li dl dd.c_gray{ padding:2px 0;color:#424242;  }
.org_kc_list .p_kc_li dl dt{ font-weight:bold;}
.org_kc_list .m-clist{width:510px; height:32px; overflow:hidden;}
.org_kc_list .m-clist li{ margin-top:0;}

.org_kc_list dd.m-clist a:hover,.org_kc_list dd.m-clist a.current{ color:#fff;}
.title01 h3 a {color: #818181;}
.title01 h3 a:hover,.title01 h3 a.Cur {color: #000;}
.pdtb10, .js_qa_dl, .js_answer_form, .title01 {padding:20px 0px;}
.org_pro_l{width:218px; height:230px; float:left;}
.org_pro_l img{ border:0px solid #ededed;}
.org_pro_num td{ background:#f3f3f3;}
.org_pro_r{width:710px; float:right;}
.org_pro_r h2 img{ margin-left:10px;}
.c_right { width: 230px; overflow: hidden; position: relative; zoom: 1;}
.c_right .step { right: 0; float: right; margin-top:16px;  }
.c_right .step a { background-color: #fff }
.c_right .tab-bd { overflow: hidden; background:#fff; }
.c_right .tab-bd li .img_txt210{padding-top:10px;}
.c_right .tab-bd li {overflow: hidden; float: left; width: 100%; position: relative; }
.c_right .tab-bd em { height: 1px; overflow: hidden; width: 288px; background-color: #f2f2f2; display: block; left: 4px; top: 54px; position: absolute; }
.c_right .tab-bd ul { overflow: hidden }
.c_right .tab-bd li a {display: block; }

.c_right .arrow, .arrow s { position: absolute; display: inline-block; font-size: 0; line-height: 0; width: 0; height: 0; border: dashed 4px; }
.c_right .arrow-rthin, .arrow-rthin s { border-color: transparent transparent transparent #424242; border-left-style: solid; }
.c_right .arrow-rthin s { border-left-color: #FAFAFA; left: -6px; top: -4px; }
.c_right .arrow-lthin, .arrow-lthin s { border-color: transparent #424242 transparent transparent; border-right-style: solid; }
.c_right .arrow-lthin s { border-right-color: #fff; right: -6px; top: -4px; }

.c_right .step { position: absolute; padding-left: 1px; }
.c_right .step a { float: left; width: 14px; height: 12px; border: 1px solid #d8d8d8; margin-left: -1px; }
.c_right .step .arrow-rthin { right: 2px; top: 3px; }
.c_right .step .arrow-lthin { left: 2px; top: 3px; }
.c_right .step s { cursor: pointer; }
.c_right .step a:hover .arrow-rthin { border-left-color: #00baf2; }
.c_right .step a:hover .arrow-lthin { border-right-color: #00baf2; }
.c_right .step a.prevStop,
.c_right .step a.nextStop{ filter:alpha(opacity=60); opacity: 0.6; cursor: auto }

.r{ display:block; height:1px;overflow:hidden; line-height:1px; font-size:0; background:#C9C9C9; margin:0 1px; }
.grade-msg{height:28px;z-index:10;position:absolute;left:57px; top: -31px; display:none}
.grade-msg .t{float:left;height:20px; line-height:20px; text-align:left; padding:0 5px; border:3px solid #c9c9c9; border-width:2px 3px; color:#424242;  background:#fff; }
.bgfff{ background:#fff;}

.courseInfo_line {color: #424242;}
.courseInfo_line_top {height: 24px;line-height: 24px;margin-top: 5px;}
.courseInfo_line_bg {height:14px;margin-top: 4px;}
.courseInfo_line .line-bg {font-size: 14px;color: #c01920; margin-right: 10px;margin-top: 2px;cursor: pointer;}
.courseInfo_line .line-wo {font-size: 12px;color: #fff;background: #c01920;padding: 1px 2px;margin-right: 10px;}

div.courseDate  {margin:10px 0px;}
div.courseDate-box {height: 24px;line-height: 24px;}
ul.courseDate {overflow: hidden;}
  .page-bgs ul.courseDate li {width: 52px;height:20px;text-align: center;line-height: 20px;}
  .page-bgs ul.courseDate li:hover, .page-bgs ul.courseDate li.changed {border:2px solid #e4393c;line-height: 18px;padding:0 9px;}
   ul.courseDate li {float: left;border:1px solid #CCC;padding:0px 10px;cursor: pointer;line-height: 26px;margin-right: 10px;background-color: #FFF;}
   ul.courseDate li.changed {background:#FFF url(../images/changed.png) no-repeat right bottom;}
   ul.courseDate li:hover,ul.courseDate li.changed  {border:2px solid #e4393c;line-height: 24px;padding:0 9px;}
/* 支付完成页 start 123 */

.PayFinish,.PayFinish2  {padding:20px 0px;padding-top:50px;margin:20px auto;background-color: #FFF;font-size: 16px;line-height: 2;}
.PayFinish img  {margin-bottom: 30px;}
.PayFinish table img  {margin-bottom: 0;}
.PayFinish a  {display: inline-block;line-height: 40px;margin:15px;border:1px solid #c01920;color:#FFF;color: #c01920;border-radius: 5px;padding:0px 15px;width:120px;margin-bottom: 50px;}
.PayFinish a.red  {background-color: #c01920;color:#FFF;}
.PayFinish td{padding:10px 50px;}

.payMobile  {background-color: #F5F5F5;padding:10px;margin:20px 80px;}
.payMobileBox {position: fixed;left:50%;top:50%;border:4px solid #e0dfdd;background-color: #FFF;width:400px;padding:25px 120px;margin-left: -304px;margin-top:-100px;z-index: 50001;display: none;}
  .payMobileBox div.close {position: absolute;right:25px;top:25px;width: 22px;height:22px;background: url(../images/close22.png) no-repeat;cursor: pointer;}
  .payMobileBox h2  {line-height: 1;font-size: 16px;font-weight: bold;margin-bottom: 30px;}
  .payMobileBox input {height: 38px;width: 398px;padding:0px;line-height: 38px;text-indent: 10px;font-size: 14px;border:1px solid #DDD;}
  .payMobileBox p.red {text-indent: 12px;line-height: 24px;display: none;}
  .payMobileBox input.fl  {width: 288px;}
  .payMobileBox button.fl {width: 110px;padding:0;border:none;height: 40px;line-height: 1;border-radius: 0;}
  .payMobileBox button.fl.ed  {background: #999;}
  .payMobileBox .typeIn {height: 70px;}
  .payMobileBox .btns {text-align: center;padding:15px;}
    .payMobileBox .btns button  {width: 120px;height: 40px;line-height: 1;margin:0 15px;font-size: 18px;color:#c01920;border:1px solid #c01920;background: #FFF;}
    .payMobileBox .btns button.red  {background: #c01920;color:#FFF;}
.PayFinish2 {padding-top: 20px;}

/* 您可能感兴趣的课程 start */
.pay-kecheng-box {width: 1190px;height: 76px;overflow: hidden;}
.pay-kecheng-bg {width: 100%;}
.pay-kecheng {padding: 0px 20px;background-color: #FFF;margin-top: 20px;}
.pay-kecheng h2.title {font-size: 18px;color: #424242;}
.pay-kecheng .list {margin-top: 29px;}
.pay-kecheng .list li {float: left;background: #fff;margin-left: 16px;width: 273px;text-align: center;border: 1px solid #f3f3f3;}
.pay-kecheng .list li:first-child {margin-left: 0;}
.pay-kecheng .list .list-img {position: relative;}
.pay-kecheng .list .list-img img {width: 273px;height: 213px;overflow: hidden;}
.pay-kecheng .list .list-img span {position: absolute;top: 0;display: block;height: 25px;line-height: 25px;padding: 0 10px;color: #fff;font-size: 14px;background: url(../images/bg50.png);z-index: 1}
.pay-kecheng .list .list-img span.sf {right: 60px;}
.pay-kecheng .list .list-img span.dj {right: 0;}
.pay-kecheng .list .list-title{display: block;margin: 0 20px 12px;line-height: 24px;font-size: 16px;height: 44px;text-align: left;overflow: hidden;}
.pay-kecheng-box .list .list-title {display: block;line-height: 24px;font-size: 16px;color: #424242;height: 44px;text-align: left;overflow: hidden;}
.pay-kecheng .list .list-time {padding: 0 20px 28px;font-size: 14px;color: #747474;text-align: left;}
/* 您可能感兴趣的课程 end */

/* 超值套餐 start */
.pay-all-box {background: #fff;}
.pay-all {position: relative;height: 183px;overflow: hidden;padding-bottom: 60px;}
.pay-title h2.title {font-size: 18.42px;color: #474747;}
.pay-title em {position: relative;width: 1px;height: 20px;background: #00baf2;z-index: 1;}
.pay-title span {font-size: 20px;width: 18px;height: 18px;text-align: center;line-height: 18px;color: #00baf2;background: #fff;border: 1px solid #00baf2;cursor: pointer;}
.pay-title .left {margin-right: -1px;}
.pay-title .right {margin-left: -1px;}
.pay-title span:hover {color: #fff;background: #00baf2;}
.pay-title span.active .left {border-right: 0;}
.pay-title span.active .right {border-left: 0;}
.pay-title span.active {border: 1px solid #B1B1B1;color: #B1B1B1;background: #fff;}
.pay-all .list {position: relative;height: 76px;}
.pay-all .list li {float: left;width: 356px;padding: 0 24px;}
.pay-all .list li:first-child {padding-left: 0;}
.pay-all .list img {width: 94px;height: 70px;margin-right: 10px;}
.pay-all .list div.right {width: 250px;overflow: hidden;}
.pay-all .list div.right p {font-size: 16px;color: #424242;line-height: 24px;height: 48px;overflow: hidden;}
.pay-all .list div.right-bottom .left {font-size: 14px;color: #747474;}
.pay-all .list div.right-bottom em {font-style: normal;font-weight: bold;font-size: 16px;color: #c01920;margin: 0 4px;}
.pay-all .list div.right-bottom i{font-style: normal;color: #c01920;}
.pay-all .list div.right-bottom .right {padding: 0 28px;height: 25px;line-height: 25px;color: #fff;background: #c01920;border-radius: 4px;}
/* 超值套餐 end */
/* 支付完成页 end */

/* pop start */
.pop-box {position:fixed;left: 50%;top: 50%;margin: -258px 0 0 -417px;width: 684px; height: 380px;background: #fff;z-index:1000;border: 8px solid #e0dfdd;padding: 60px 70px;z-index: 9999;display: none;}
.pop-close {position:absolute ;right: 20px;top: 20px;display: block;width: 21px;height: 20px;background: url(../images/t_06.png) no-repeat;cursor: pointer;}
.pop-con h2 {font-size: 18px;color: #333;line-height: 34px;text-align: left;}
.pop-con p {font-size: 16px;color: #333;text-align: center;}
.pop-con .phoneM {margin: 20px auto 0;}
.pop-con .list {padding: 30px 0;}
.pop-con .list li {float: left;padding: 0 34px;width: 98px;}
.pop-con .list li.last {width: 114px;}
.pop-con .list img {display: block;margin: 0 auto;}
.pop-con .list span {display: block;font-size: 16px;color: #333;padding-top: 10px;}
.phoneShow {padding: 20px 30px;border: 1px solid #e0dfdd;border-radius: 4px;}
.phoneShow img {float: left;margin-right: 20px;}
.phoneShow p {float: right;text-align: left;width: 90%;}
.pop-con a {display: block;color: #fff;background: #0cbaf0;width: 200px;height: 50px;line-height: 50px;font-size: 28px;text-align: center;margin: 20px auto;}
.pop-con a:hover{color: #fff;}
/* pop end */

/* 20160728 hover start */
.box-list-01 li div.right a:hover {color: #000}
.CourseAbout-list .right a.box-list-01-btn:hover {color: #fff;}
.CourseQuest h5 a:hover {color: #00baf2;}
/* 20160728 hover end */

/*2016-08-08*/
.courseCardType {position: absolute;top:0px;right:0px;background: url(../images/mask50.png);color:#FFF;padding:0px 10px;line-height: 25px;height:25px;font-size: 14px;z-index:3;}
.courseCardType.tr3{top:3px;right: 3px;}
.courseCardType.tr8{top:8px;right: 8px;}
.courseCardType.r20{right: 20px;}

.p_kc_num {color: #818181}
a.rbtn{ background:#00baf2; color:#fff; font-size:14px; padding:6px; display:block; cursor:pointer; font-family:Microsoft YaHei;}
  a.rbtn:hover{opacity: .8}
.select_box3 {width:100px; position:relative;font-size:12px;}
  #myselect{border:none; background:none;cursor:pointer;overflow:hidden;background:url(../images/select_input_bg2.gif) no-repeat 90% center; color:#00baf2; text-align:left;width: 105px;}
  .select_box3 ul {width:100%; position:absolute; left:0; top:25px; border:1px solid #ccc; border-bottom:0; background:#fff; overflow: hidden;display:none; background:#fff; z-index:99999;font-weight: normal;}
  .select_box3 ul li {display:block;height:25px;overflow:hidden;line-height:25px;border-bottom:1px solid #ececec;cursor:pointer;}
  .select_box3 ul li:hover  {background-color: #FAFAFA;}
.ibx-mycourseTb { margin-top:10px; background:#e0e0e0;}
.ibx-mycourseTb th,.ibx-myIncomeTb th{ background:#f8f8f8; height:30px; line-height:30px; text-align:center; font-weight:bold;}
.ibx-mycourseTb th span{ font-weight:normal;}
.ibx-mycourseTb td{ background:#fff; line-height:18px;}
.ibx-myIncomeTb{margin-top:15px;border:1px solid #EEE;}
.ibx-myIncomeTb td{ padding:5px 2px; border:1px solid #EEE; font-family:Microsoft YaHei;}

.addBatch {text-align: left;}
  .addBatch td  {padding-left: 10px;}
  .addBatch input[type="text"] {width: 220px;}

/*创建活动or套餐*/
.selectCourse {}
  .selectCourse input {width: 220px;margin:0 10px;}
  .selectCourse .loading  {line-height: 60px;color:#818181;}
  .selectCourse ul  {text-align: left;margin-top:10px;max-height: 200px;}
    .selectCourse ul li {padding-right: 120px;height:36px;line-height: 36px;position: relative;margin:3px 10px;border:1px solid #EEE;padding-left: 10px;cursor: pointer;color:#818181;overflow: hidden;}
    .selectCourse ul li:hover {background-color: #FDFDFD;}
    .selectCourse ul li.cur {border-color: #00baf2;background: url(../images/ok.png) no-repeat 98% center;background-size: 20px;}
    .selectCourse ul li.c9,.selectCourse ul li.c9:hover {background-color: #EEE;border-color:#DDD;}
      .selectCourse ul li span  {display: block;position: absolute;right:50px;text-align: right;top:0;}

/*lecturer answer*/
.ibx-ansLi{position:relative;line-height:20px;border-bottom:1px dashed #DDD;padding-top: 20px;padding-right: 0;padding-bottom: 15px;padding-left: 0px;}
  .ibx-ansLi .avatar{ position:absolute; left:0; top:20px; }
  .ibx-ansLi p{ padding:2px 0;}
  .ibx-ansLi span{ margin:0;}
  .ibx-ansLi span.c94{ color:#949494;}
  .ibx-ansLi .pt3{ float:right}
  .ibx-ansLi .c32{ color:#323232;}
  .ibx-ansLi .c7{ color:#777;}
  .ibx-ansLi .Avatar-name{ text-align:center;}
  .ibx-ansLi .Avatar-name img,.qAli .Avatar-name img{ margin:2px 1px;}

  #showNowCheckedCou  {width: 100%;}
  #showNowCheckedCou button {padding:0 5px;height:24px;line-height: 1;}
  #showNowCheckedCou .gre span  {cursor: pointer;margin: 0px 5px;float: right;}
  #showNowCheckedCou input[type="text"] {width:60px;}
  #showNowCheckedCou select {min-width:60px;}

/* 关联试卷-重新关联试卷-取消关联 */
.uploadALL {border: none;font-size: 16px;font-family: '微软雅黑',Helvetica, Arial, Sans-Serif;cursor: pointer;padding: 0px 25px;height: 30px;text-align: center;line-height: 30px;color: #FFF;background: #00baf2;margin-left: 20px;}
.ConsolePage_btn a:hover {color: #fff;}
.ConsolePage_btn h2 {padding-bottom: 20px;} 
.mpop {position: fixed;left: 50%;top: 50%;width: 410px;margin: -135px 0 0 -205px;padding: 40px;background: #fff;border: 3px solid #ccc;z-index: 99999;display: none;}
.pbox {position: fixed;left: 50%;top: 50%;width: 300px;height: 120px;text-align: center;margin: 0 0 0 -150px;padding: 40px;background: #fff;border: 3px solid #ccc;z-index: 99999;}
.mclose {position: absolute;right: 15px;top: 15px;width: 12px;height: 12px;background: url(../images/close.png) no-repeat;cursor: pointer;}
.mpop div.bwidth {padding: 10px 0;}
.mpop h2, .pbox h2 {font-size: 18px;text-align: center;}
.pbox h2 {line-height: 60px;}
.mpop input {margin: 0 2px 0 10px;vertical-align: middle;cursor: pointer;}
.mpop label {font-size: 14px;line-height:20px;cursor: pointer;}
.mpop .stitle {font-size: 14px;}
.mpop .mcon_1 .con {display: inline-block;/* width: 291px; */font-size: 14px;vertical-align: middle;margin-top: -4px;white-space: nowrap;overflow: hidden;}
.mpop .mcon_5 {text-align: center;}
.mpop .mcon_5 span, .pbox p {float: left;width: 80px;padding: 0 15px;/* min-width: 80px; */height: 30px;line-height: 30px;color: #fff;font-size: 14px;background: #00baf2;margin: 0 20px;cursor: pointer;}
.mpop .mcon_5 .startBtn {margin-left: 70px;}
.pbox p {margin-top: 20px;text-align: center;}
.jVal, .cTimeVal {position: relative;display: inline-block;width: 180px;height: 30px;line-height: 30px;padding: 0 10px;margin-left: 10px;border: 1px solid #ccc;vertical-align: middle;}

.jVal p.sval_box, .cTimeVal p.sval_box {position: relative;width: 180px;height: 30px;line-height: 30px;background: #fff;overflow: hidden;cursor: pointer;}
.jVal p.sval_box span, .cTimeVal p.sval_box span {position: absolute;left: 0;width: 170px;height: 30px;line-height: 30px;background: #fff;}
.jVal p.sval_box i, .cTimeVal p.sval_box i {position: absolute;right: -10px;width: 7px;height: 4px;padding: 13px 10px;background: url(../images/93bf83905ebff32868541014a5763cefc63081.png) no-repeat center center;}
.jVal p.sval_box.show i, .cTimeVal p.sval_box.show i {-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: 1s all ease;transition: 1s all ease;}
.jVal p.search, .cTimeVal p.search {position: absolute;top: 30px;left: 0;z-index: 1;/* width: 196px; */background: #fff;padding: 0 10px;border: 2px solid #00baf2;display: none;}
.jVal p.search input, .cTimeVal p.search input {border: 0 none;margin: 0;width: 170px;}
.jVal p.search i, .cTimeVal p.search i {position: absolute;right:0;top: 0;width: 30px;height: 28px;background: url(../images/c56923b8394ee179a8254948147d80f3392357.png) no-repeat center center;cursor: pointer;}
.jVal .jValList, .cTimeVal .cTimeValList {position: absolute;left: 0;top: 30px;max-height: 150px;border: 1px solid #ccc;background: #fff;margin-left: -1px;padding-top: 30px;overflow-x: hidden;display: none;}
.jVal .jValList li, .cTimeVal .cTimeValList li {width: 170px;/* width: 190px; */padding: 0 15px;height: 30px;line-height: 30px;overflow: hidden;cursor: pointer;}
.jVal .jValList li:hover, .cTimeVal .cTimeValList li:hover {background: #eee;}
.jVal.show .jValList, .cTimeVal.show .cTimeValList {display: block;}
.jVal.show .search, .cTimeVal.show .search {display: block;}
img.loadingForcourseInfoAsynData {position: absolute;left: 50%;top: 50%;margin-top: -125px;margin-left: -140px;border: 3px solid #ccc;padding: 55px;background: #fff;z-index: 9;}

.mpop #cTime {float: left;margin-top: 14px;*margin-top: 10px;}
.mpop label.cTime {float: left;margin-top: 10px;}
.mpop #cTimeVal {float: left;margin-top: 4px;}
.mpop .stitle {float: left;}
/* .jVal {float: left;}  */



.listbox, .viewbox, .contant {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #F1F1F1;clear: both;float: left;left: 3px;
overflow: hidden;position: relative;top: 31px;width:830px;}
.viewbox {padding-bottom: 8px;}
.viewbox .info {color: #666666;height: 24px;line-height: 17px;margin-top: 15px;overflow: hidden;text-align: left;}
.viewbox .info small {color: #999999;font-size: 12px;margin-left: 8px;margin-right: 3px;}
.viewbox .title {height: 56px;line-height: 56px;overflow: hidden;padding-top: 10px;text-align: center;}
.viewbox .title h2 {color: #2B2B2B;font-size: 24px;}
.viewbox .content {color: #333333;font-size: 14px;line-height: 25px;padding: 12px 16px;}
.viewbox .actbox {float: right;padding-right: 10px;text-align: center;width: 695px;}
.viewbox .intro {
background: none repeat scroll 0 0 #FAFAFA;border: 1px solid #DCDDDD;color: #706A6A;
font-size: 14px;line-height: 24px;margin: 8px auto 0;padding: 8px 16px;width: 90%;}

.links {margin-top: 10px;width: 480px;margin:0 auto;}
.links a {background: url("../images/link.gif") repeat scroll 0 0 transparent;float: left;height: 30px;margin-left: 8px;width: 110px;}
.links .first{}
.links .second{background-position: 0 -30px;}
.links .third{background-position: 0 -60px;}
.links .fourth{background-position: 0 -90px;}
.viewbox .handle {clear: both;height: 30px;overflow: hidden;padding: 12px 16px 0;}
.viewbox .handle .context {float: left;width: 678px;}
.viewbox .handle .context ul li {color: #888888;line-height: 29px;}
.context .pre {float: left;}
.context .next {float: right;}
.content .center {display: inline;float: left;margin-bottom: 10px;width: 678px;}
.co-title, .vi-contant, .vi-add {border-bottom: 1px solid #EAEAEA;}


.co-title, .vi-contant, .vi-add {border-bottom: 1px solid #EAEAEA;}
.vi-left {float: left;}
.vi-left li {float: left;width: 100%;}
.content font {color: #000000;font-size: 14px;font-weight: bold;}
.lititle {color: #000000;font-size: 14px;font-weight: bold;height: 25px;line-height: 25px;margin-bottom: 10px;}
.content .contant {background: none repeat scroll 0 0 transparent;border: medium none;top: 0;width: 678px;}
.center p{font-size: 13px;text-indent: 2em;}

#Pxbs {margin-top:-44px;}

.Page {width: 1200px;margin:auto;position: relative;}

/*pagesDevice*/
.pagesDevice  {margin: 30px auto;text-align: center;font-size: 18px;}
  .pagesDevice a  {display:inline-block;margin:0px 2px;height: 30px;line-height: 30px;overflow: hidden;}
  .pagesDevice a  {*display:inline;}
  .pagesNum {width: 40px;border:1px solid #EEE;height: 30px;background-color: #FFF;}
  .pagesDevice .pagesNum:hover, .pagesDevice .pagesNumCur, .pagesDevice .pagesNumCur:visited  {border-color: #00baf2 !important;background-color: #00baf2 !important;color: #FFF !important;}
  .pagesGoNext,.pagesGoPrve,.pagesGoHome,.pagesGoEnd  {width: 55px;border:1px solid #EEE;height: 30px;}
  .pagesGoPrve  {background:#FFF url(../images/goprev.png) no-repeat center center;}
  .pagesGoNext  {background:#FFF url(../images/gonext.png) no-repeat center center;}
  .pagesGoHome  {background:#FFF url(../images/gohome.png) no-repeat center center;}
  .pagesGoEnd   {background:#FFF url(../images/goend.png) no-repeat center center;}
  .pagesGoNext:hover,.pagesGoPrve:hover,.pagesGoHome:hover,.pagesGoEnd:hover  {background-color: #F6F6F6;}
/* new pd*/
.pagination {margin: 30px auto;text-align: center;font-size: 18px;}
  #pagination li {padding: 0;}
  .pagination li  {display:inline-block;}
  .pagination li  {*display:inline;}
    .pagination li a,.pagination li span  {display:inline-block;height: 30px;line-height: 30px;overflow: hidden;border:1px solid #EEE;padding:0px 15px;}
    .pagination li a,.pagination li span  {*display:inline;}
    .pagination li a:hover,.pagination li.active a  {background-color: #00baf2;color:#FFF;}
    .pagination li.disabled span  {background-color: #F6F6F6;cursor: default;}
    .pagination li.prev *,.pagination li.next * {font-family: Arial;line-height: 28px;}


