.mt20{margin-top: 20px;}.mb20{margin-bottom: 20px;}.mt100{margin-top: 100px;}
.mt30{margin-top: 30px;}.mt50{margin-top: 50px;}.mt80{margin-top: 80px;}.mt15{margin-top: 15px;}
.mr40{margin-right: 40px;}
.ml30{margin-left: 30px;}.ml50{margin-left: 50px;}.ml40{margin-left:40px;}.ml-10{margin-left: -10px;}
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; } 
 .clearfix {display: inline-block;}* html
 .clearfix{height: 1%;} .Clearfix{display: block;} /* for IE/Mac */  
.clearfix {zoom: 1;/* triggers hasLayout */ 
display: block;/* resets display for IE/Win */}
.img img{width: 100%;height: 100%;overflow: hidden;}
.border-bom1{border-bottom: 1px solid #ddd;}
.con{padding-left: 20px;}
.ml-20{margin-left: -20px;}
.ml5{margin-left: 5px;}
/*wxk*/
.Nothing	{text-align: center;line-height: 100%;margin-bottom:30px;}
.w200{width: 200px;}
.w230{width: 230px;}
.w180{width: 180px;}.w130{width: 130px;}
.w500{width: 500px;}
.lh50{line-height: 50px;}.lh100{line-height: 100px;}
.greenbg{background-color: #27ED8E;}
.center{margin: 0px auto;text-align: center;}
/*顶部*/.Header {border-bottom: 1px solid #DCDCDC;position: relative;z-index: 3;}
.Header .Logo	{float: left;overflow: hidden;}
.Header .Logo img{padding-top: 28px;float: left;margin-right:20px; }
.Header .Logo p{font-size: 20px;font-weight: bold;float: left;padding-top: 29px;line-height: 32px;margin-right: 20px;height: 30px;max-width: 200px;overflow: hidden;}
.Header .UnierNames{ position:absolute; left:0; top:56px;font-size: 16px;font-weight: bold;float: left;line-height: 32px;height: 30px;/*max-width: 200px;overflow: hidden;*/}
.Header .Navigate {overflow: hidden;float: left;}
.Header .Navigate li{margin:0px; margin: 28px 15px;float: left;font-size: 18px;line-height: 34px;overflow: hidden;}
	.Header .Navigate li a	{display: block;float: left;}
.Header .Search{background: url(./images/search.png) no-repeat; width: 224px !important;height: 63px;float: left;margin-top:28px !important;}
	.Header .Search input{margin:0px;margin-left: 16px;height: 30px;line-height: normal;line-height: 30px\9;border: 0px;margin-top: 1px;margin-bottom:0px;font-size: 14px;width: 161px;float: left;}
	.Header .Search a{height: 30px;float: left;width: 40px;height: 28px;padding-top: 8px;}
	.Header .Search img{height: auto;}
.Header .User{float: right;padding-top: 28px;}
.Header .User li{margin:0;margin-left: 15px;float: right;line-height: 34px;}
.Header .User li.Cur{color: #42C4F6;}
.Header .User .Record{position: relative;}
.Header h2.PageTitle	{color: #999;line-height: 90px;float: left;font-weight: normal;}
/*顶部结束*/
/*首页轮播图*/
.IndexBanner	{width: 100%;z-index: 99;height: 350px;overflow: hidden;margin-bottom: 30px;}
	.IndexBanner .Page	{height:350px;overflow: hidden;}
	.IndexBannerPics	{width:880px;height: 350px;position: relative;overflow: hidden;}
		.IndexBannerPicsList	{overflow: hidden;}
			.IndexBannerPicsList li	{width:880px;height: 350px;float: left;}
				.IndexBannerPicsList li a img	{width: 100%;height: 100%;}

		.IndexBannerPicsList_Btn	{left: 50%;position: absolute;height: 5px;overflow: hidden;bottom:20px;display: none;}
			.IndexBannerPicsList_Btn li	{float: left;margin:0px 3px;width: 32px;height: 5px;overflow: hidden;cursor: pointer;}
			.IBPLBs_Iemt	{background: #D6D6D6;}
			.IBPLBs_IemtCur	{background: #FFAA28;}

		.IBPB_L,.IBPB_R	{display:none;width: 34px;height: 70px;background-repeat:  no-repeat;position: absolute;top: 145px;}
		.IBPB_L	{left: 0px;background-image: url(./images/btn_left.png);}
		.IBPB_R	{right: 0px;background-image: url(./images/btn_right.png);}
/*首页中间的圆图*/
.NewUser {height: 240px;}
.Index .NewUser .Every{text-align: center;width: 20%;float: left;color: #666;}
	.Index .NewUser .Every a.StatusImg	{display: inline-block;width: 75px;height: 75px;background: url(./images/index_status.png) no-repeat;}
	.Index .NewUser .Every a.StatusImg	{*display: inline;}
	.Index .NewUser .Every a.StatusImg.pic_1	{}
	.Index .NewUser .Every a.StatusImg.pic_2	{background-position: -272px -0px}
	.Index .NewUser .Every a.StatusImg.pic_3	{background-position: -545px -0px}
	.Index .NewUser .Every a.StatusImg.pic_4	{background-position: -818px -0px}
	.Index .NewUser .Every a.StatusImg.pic_5	{background-position: -1091px -0px}
	.Index .NewUser .Every a.StatusImg.pic_1.finish	{background-position: -95px -0px}
	.Index .NewUser .Every a.StatusImg.pic_2.finish	{background-position: -363px -0px}
	.Index .NewUser .Every a.StatusImg.pic_3.finish	{background-position: -634px -0px}
	.Index .NewUser .Every a.StatusImg.pic_4.finish	{background-position: -906px -0px}
	.Index .NewUser .Every a.StatusImg.pic_5.finish	{background-position: -1186px -0px}

.Index .NewUser .center{text-align: center;font-size: normal;margin-bottom: 20px;font-size: 16px;}

.NoticeNews{width: 290px;height: 290px;position: absolute;right: 0px;top: 30px; z-index: 5;}
	.NoticeNews .title{width: 290px;height: 57px; background-image: url(./images/new.png); background-repeat: no-repeat;background-position: center 15px;background-color:#eee;font-weight: normal;}
		.NoticeNews .title div{float: left;padding-left: 52px;padding-right: 53px;padding-top: 14px;text-align: center;}
		.NoticeNews .title div.Cur a{color:#01BBF4;}
		.NoticeNews div a{color: #666;display: block;max-width: 180px;overflow: hidden;}
		.NoticeNews div a.red	{color:#c01920;}
		.NoticeNews div a:hover{color: #01BBF4;}
			.NoticeNews .Notice .title div h5{font-weight: normal;line-height: 16px;}
			.ShowCon{overflow:hidden;}
		.NoticeNews .con{width: 260px;padding: 15px;background-color: #fff;overflow: auto;}	
		.NoticeNews .con li{line-height: 38px;overflow: hidden;}
		.NoticeNews .con h6{float: left;font-size: 14px;font-weight: normal;width: 180px;overflow: hidden;height: 38px;}
			.NoticeNews .con h6 a	{max-width: 180px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;height:38px;}
		.NoticeNews .con p{float: right;font-size: 12px;color: #C3C3C3;width:80px;overflow: hidden;height: 38px;text-align: right;}
/*首页下面的浮动登陆*/
.Logfloat{background: url(./images/banner/bom.png);width: 100%;height: 100px;position: fixed;bottom: 0px;left: 0px;z-index: 10000;display:none}
	.Logfloat .building{position: absolute;left: 0px;top: -80px;}
	.Logfloat .Log{padding: 30px 0px 20px 0px;overflow: hidden;}
	.Logfloat .Log li{margin-left: 20px;}
	.Logfloat .Log button{width: 200px;height: 45px;}
	.Logfloat .study{text-align: center;float: left;width: 217px;color: #fff;}
		.Logfloat .study h1{font-size: 30px;font-weight: normal;}
.Logfloat button.close	{width: 20px;height: 20px;background: url(./images/close_40_.png) no-repeat;position: absolute;right: -50px;top:42px;padding:0;background-size: 100%;}



.Lesson_Sort ul{border-bottom: 2px solid #01BAF2;width: 100%;height: 38px;}
	.Lesson_Sort li{float: left;padding: 0px 25px;font-size: 16px;line-height: 38px;}
	.Lesson_Sort li.Cur{background-color: #01BAF2;color: #fff;padding: 0px 30px;}
		.Lesson_Sort li.Cur a{color: #fff;}
		.lesson_Sort .LabelShape {position: relative;float: right;}
		.LabelShape{position: absolute;right: 0px;top: 0px;}
		.LabelShape .div1{position: absolute;right:120px;top: 0px;background-color: #72fcb5;width: 24px;height: 24px;opacity: 0.5;}
		.LabelShape .div2{position: absolute;right:141px;top: 18px;background-color:#fdd358;width: 16px;height:16px;opacity: 0.5;}
		.LabelShape a{background-color: #2CEE8D;width: 135px;height: 43px;font-size: 14px;text-align: left;position: absolute;right: 0px;top: 17px;margin-right: auto;line-height: 43px;text-align: center;color:#FFF;}
		.Lesson_Sort_Level2 li,.Special_Sort_Level2 li{margin-right: 20px;float: left;line-height: 64px;}
		.Lesson_Sort{height:40px;}
		.Page_Lessons,.Page_Specials,.Page_packs{margin:0px -20px;width:1240px;margin:auto;position: relative;z-index: 2;}
			.Lessons{width: 268px; color: #999;float: left;margin:0px 20px 30px 20px;border:1px solid transparent;border-bottom-width: 3px;}
			.LecPageLesList .Lessons	{opacity: 0;}
			.LecPageLesList .Lessons.show{opacity: 1;}
			.LecPageLesList .Lessons.show_1	{transition: opacity 0.3s ease-out 0.0s;}
			.LecPageLesList .Lessons.show_2	{transition: opacity 0.3s ease-out 0.1s;}
			.LecPageLesList .Lessons.show_3	{transition: opacity 0.3s ease-out 0.2s;}
			.LecPageLesList .Lessons.show_4	{transition: opacity 0.3s ease-out 0.3s;}
			.LecPageLesList .Lessons.show_5	{transition: opacity 0.3s ease-out 0.4s;}
			.LecPageLesList .Lessons.show_6	{transition: opacity 0.3s ease-out 0.5s;}
			.LecPageLesList .Lessons.show_7	{transition: opacity 0.3s ease-out 0.6s;}
			.LecPageLesList .Lessons.show_8	{transition: opacity 0.3s ease-out 0.7s;}
			.Lessons:hover{border-color:#DFDFDF;border-bottom-color:#2CEE8D;}
				.Lessons a{color: #999;display: block;height: 100%;}
				.Lessons a.namesover{text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
				.Lessons a:hover{color: #00BAF2;}
					.Lesson{width: 270px;height: 203px;margin:-1px ;overflow:hidden;}
						.Lesson img{width: 100%;height: 100%;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;margin:auto;background: url(./images/loading.gif) no-repeat center;}
						.Lessons:hover .Lesson img	{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
					div.LessonName {display: block;padding: 10px 10px;line-height: 35px;width: 250px;}
						div.LessonName div.Teacher p.fl,div.LessonName div.About p.fl	{height: 35px;overflow: hidden;}
					a.LessonName{color:#333;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;width: 250px;display: block; line-height: 35px; height: 35px;width:100%;}
						.LessonName .Name{max-width: 220px;overflow: hidden;float: left;display: block;height: 30px;}
						.LessonName{float: left;}
.LearnList{width:460px;height: 248px;border-right: 1px solid #ccc;padding-top: 30px;float: left; }
	.LearnList h3{font-weight: normal;line-height: 30px;}
.Hot{height: 130px;margin: 20px 0px;}
	.Hot p.fl{width: 130px;height: 130px;background-color:#00BAF2;color: #fff;font-size: 40px;line-height: 130px;text-align: center; }
	.Hot div.fl{width: 250px;height: 100px;background-color: #eee;padding:10px 10px 20px 10px;font-size: 12px;color: #999;}
		.Hot div.fl .Name{line-height: 50px;font-size: 14px;height: 50px;overflow: hidden;}
.HotClass {line-height: 30px;height: 250px;}
	.HotClass a{color: #665C5C;}.HotClass a:hover{color: #00BAF2;}
	.HotClass .every{margin: 20px 0px 20px 60px;}
	.HotClass .line1{max-width: 280px;height: 30px;overflow: hidden; }
		.HotClass .line1 strong	{float: left;}
		.HotClass .line1 a	{float: left;width: 245px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden; }
	.HotClass .line2{width: 246px;padding-left: 30px;color: #999;}
	.HotClass .line2 img{margin-top: 10px;}
/*底部*/
.Footer{border-top: 1px solid #DDDDDD;margin-top: 50px;}
	.content a{float: right;display: block;}
	.Footer .logo{float: left;}
	.Footer .tel{float: right;width:208px;font-size: 24px;}
	.Footer .tel span{margin-top: 110px;font-family: Georgia;float: right;display: block;}
	.Footer .mail{float: right;width:229px;font-size: 24px;margin: 111px 0px 0px 20px;}
	.Footer .mail span{font-family: Georgia;float: right;display: block;}
	.Footer .mail img{margin-top: 10px;}
		.Footer  div.about{width: 500px;padding-top: 58px;float: left;}
	.Footer  div.about .logo{margin-bottom:15px;}
	.Footer  div.about p{line-height: 40px;}
	.Footer  div.about p.about a{margin-right: 35px;font-size: 16px;}
		.Footer  div.content a.tel p{margin-top: 110px;font-family: Georgia;float: right;}
		.Footer  div.content a.mail p{margin-top: -5px;font-family: Georgia;float: right;margin-left: 10px;}
/*底部end-yxh*/
	div.Sort{}
		p.Sort{float: left;margin:0px;width:60px;padding-left:20px;color: #7F7F7F;line-height: 55px;height: 115px;}
		ul.manual1 {height: 55px;border-bottom: 1px solid #dcdcdc; float: left;width: 1120px;line-height: 55px; }
		ul.manual2{padding-left: 80px;border-top: 1px solid #DCDCDC;}
			.manual1 li {float: left;white-space: nowrap;}
			.manual2 li {float: left;line-height: 55px;white-space: nowrap;}
				.manual1 li a,.manual2 li a{margin:0px;padding:0px 15px;color: #7F7F7F;white-space: nowrap;}
				.manual1 li a:hover,.manual2 li a:hover,.manual1 li.Cur a,.manual2 li.Cur a{color: #00C0F5;white-space: nowrap;}
/*按钮上下排序-yxh*/	ul.Rank{height: 44px;background-color:#ECECEC;margin-bottom: 30px; }

		
	/*ul.Rank .normal{border: 0px;color:#7F7F7F;line-height: 44px;height:44px;padding-left: 20px;padding-right: 20px;background-color: #ECECEC; float: left;font-size: 14px;background-image: url(./images/normal.png);}*/
ul.Rank{width: 1200px;overflow: visible;background-color: #EEEEEE;margin-top: 10px;}
	ul.Rank li{margin:0px;padding:0px;overflow: visible;}
		ul.Rank li button{background:#eee no-repeat right center;display: inline-block;overflow: visible;margin:0px;border: 0px;color:#7F7F7F;line-height: 44px;height:44px;padding:0px 20px; float: left;font-size: 14px;color: #666;}
		ul.Rank li button:hover,ul.Rank li.Cur button	{background-color:#01BAF2;color: #fff;}

		ul.Rank li:hover button{margin:0px;background-image:url(./images/up.png);}
		ul.Rank li.up button		{background-image: url(./images/up.png);}
		ul.Rank li.down button		{background-image: url(./images/down.png);}
		ul.Rank li.normal button{background-image:none;}
		/*ul.Rank li.up:hover button	{background-image: url(./images/down.png);}
		ul.Rank li.down:hover button{background-image: url(./images/up.png);}*/
/*按钮前后翻页-yxh*/	
		ul.Rank li button.prev{overflow: visible;background:#ECECEC url(./images/prev.png) no-repeat;width: 41px;height: 22px;line-height: 44px;margin-top: 11px;float: right;}
		ul.Rank li button.prev:hover{background-image: url(./images/prev2.png);}
		ul.Rank li button.next{overflow: visible;background:#ECECEC url(./images/next2.png) no-repeat;width: 42px;height: 22px;margin-right: 20px;line-height: 44px; line-height: 44px;margin-top: 11px;float: right;}
		ul.Rank li button.next:hover{background-image: url(./images/next.png);}
	ul.Rank li p{overflow: visible;margin-right: 20px;line-height: 44px;float: right;}
/*底部分页start-yxh*/
	div.Paging{text-align: center;margin: 0px auto;color: #AAAAAA;line-height: 32px;margin-bottom: 20px;}
		div.Paging a{color: #AAAAAA;margin:0px 5px;}
		div.Paging a:hover{background-color: #01BAF2;width: 30px;line-height: 32px;height: 32px;color: #fff;display: inline-block;}
		div.Paging a.first{background: url(./images/first.png) no-repeat; width: 58px;height: 32px;display: inline-block; }
		div.Paging a.first:hover{background:url(./images/first2.png) no-repeat;color: #fff;}
		div.Paging a.end{background: url(./images/end.png) no-repeat  center; display: inline-block;width: 58px;height: 32px;background-color:#fff;}
		div.Paging a.end:hover:hover{background-image: url(./images/end2.png);}
		div.Paging a.Cur{background-color: #01BAF2;width: 30px;line-height: 32px;height: 32px;color: #fff;display: inline-block;}
		div.Paging a{display: inline-block;width: 30px;height: 32px;line-height: 32px;}
/*底部分页end-yxh*/
	.InstructorDetail{padding-top: 100px;padding-bottom: 50px;}
		.InstructorDetail div.left{width: 255px;padding: 10px 30px 34px 30px; background-color: #EEEEEE;position: absolute;left: 0px;top:-100px;z-index: 1;line-height: 46px;}
		.InstructorDetail div.left .gray,.InstructorList div.left .gray{line-height: 20px;word-wrap: break-word;word-break: normal; }
	.InstructorDetail .bg{width: 100%;height: 228px;background-image: url(./images/instructor/bg.png);background-position: center top; margin: auto;text-align: center;position: relative;}
			.InstructorDetail .bg .Instructor { height: 197px;width: 1190px;text-align: left;}
			.InstructorDetail .bg .Instructor img.teacherhead{width: 150px;height: 150px;float: left;}
	.InstructorDetail .bg .Instructor .teacher{width: 1171px;margin: 0px auto;}
		.InstructorDetail .bg .Instructor .teacher1{background-color: #16E07B;color: #fff;padding:10px 15px 20px 15px;height: 120px;float: left;width: 262px;}
		.InstructorDetail .bg .Instructor .goodteacher{margin-top: 4px;margin-left: 10px;}
		.InstructorDetail .bg .Instructor .num{line-height: 44px;}
		.InstructorDetail .bg .Instructor .company{margin-left: 10px;float: left;height:54px;width:163px;}
	.InstructorDetail .bg .label{float: left; padding: 13px 10px;line-height: 32px;background-color:#00BAF2;width: 709px;height: 124px;overflow: hidden;}
		.InstructorDetail .bg .label p{margin: 0px 10px;float: left;color: #85e2fe;white-space: nowrap;}
/*标签查看更多，是一个按钮状，首页套用，别处有复用例如讲师标签，申请加入讲师-yxh*/
		.label .lookMore {position: absolute;right: 0px;top: 0px;}
		.label .div1{position: absolute;right:120px;top: -40px;background-color:#7AD3ED;width: 24px;height: 24px;opacity: 0.5;}
		.label .div2{position: absolute;right: 137px;top: -22px;background-color:#F9BF13;width: 16px;height:16px;opacity: 0.5;}
		.label span.div3{background-color: #16E07B;width: 100px;line-height: 37px;font-size: 14px;position: absolute;right: 42px;top: -23px;margin-right: auto;cursor: default;color:#FFF;text-align: center;display: block;}
		.label a{white-space:nowrap;}
		.Intro {text-align: left;}
		.Intro li{margin-top:20px;line-height: 30px;}
			.Intro .Title{background-color: #FBD358;height: 42px;font-size: 16px;}
			.Intro2 .Title{background-color: #30C4F2;margin:0px;}
			.Intro .Title p{background-color: #eee;line-height: 42px;height: 42px;padding-left: 20px;margin-left: 10px;}
/*讲师列表左边-yxh*/.InstructorList div.left{width: 255px;padding: 22px 30px; background-color: #EEEEEE;position: absolute;left: 0px;top:-110px;z-index: 1;line-height: 46px;}
.InstructorList .Page.top{margin-top: -100px;}
/*背景图片设置-yxh*/	.InstructorList .bg2{width: 100%;margin-top:100px;height:373px;background-image: url(./images/instructor/bg2.png);background-position: center; margin: auto;text-align: center;position: relative;}
		.rightbg{width: 303px;height: 110px;position: absolute;right: 0px;top: -110px;background-color: #fff;}
/*讲师右部列表部分css顺序不可变，否则易出问题，已在ie7下做过测试-yxh*/
.InstructorDetail .Instructor .teacher p.name{background-image: url(./images/instructor/honor_icons_js.png);display: inline-block;padding: 0px 80px 0px 0px;background-repeat: no-repeat;font-size: 16px;float: left;}


.InstructorList .bg2 div.right{float: right;background: url(./images/instructorlist/right.jpg) no-repeat right center;padding-right: 60px;
margin-top: 11px;height: 71px;padding-top: 30px;}
			.InstructorList .bg2 .right div{line-height: 25px;padding: 10px;margin-right: 40px;text-align: right;background-color: #fff;height: 46px;}
.InstructorList{padding-top: 110px;padding-bottom: 50px;background: url(./images/instructorlist/lec_top_bg_line.png) repeat-x left top;}
	.InstructorList .Right.Teacher {background-color: #fff;position: relative;text-align: left;height: 284px;}
	.InstructorList .Right.Teacher .Others {width: 303px;}
		.InstructorList .Right.Teacher .Others .Sometime{display: none;color: #666;}
		.InstructorList .Right.Teacher .Others .Always {color: #666;padding-left: 20px;line-height: 40px;}
			.InstructorList .Right.Teacher .Others .Always p.name{text-align: left;float: left;padding-left: 20px;height: 40px;overflow: hidden;}
			.InstructorList .Right.Teacher .Others .Always p.group{background-image:url(./images/instructorlist/group2.png);background-repeat: no-repeat;background-position: left 13px;width: 80px;float: right;padding-left:20px;}
		.InstructorList .Right.Teacher .Others.Cur {width: 302px;height: 60px;background-color: #00B9F1;color: #fff;overflow: visible;}
			.InstructorList .Right.Teacher .Others.Cur .Sometime{position: relative;display: block;}
			.InstructorList .Right.Teacher .Others.Cur .Always{line-height: 30px;color: #fff;height: 60px;position: relative;left: 100px;padding-left: 0px;padding-top: 0px;width: 190px;}
				.InstructorList .Right.Teacher .Others.Cur .Sometime span{position: absolute;left: 12px;top: 19px;color: #fff;}
				.InstructorList .Right.Teacher .Others.Cur .Sometime img.head{position: absolute;left: 35px;top: 5px;width: 50px;height: 50px;}
				.InstructorList .Right.Teacher .Others.Cur .Always img.price{display: inline-block;}
		.InstructorList .Right.Teacher .Others.Cur .Always p.name{background-image: url(./images/instructor/honor_icons_js.png);display: inline-block;padding: 0px 80px 0px 0px;background-repeat: no-repeat;height: 30px;overflow: hidden;max-width: 110px;}
		.InstructorList .Right.Teacher .Others.Cur .Always p.name a	{color: #FFF;}
		.InstructorList .Left .T_EVERY .T_Con .Always p.name{background-image: url(./images/instructor/honor_icons_js.png);display: inline-block;padding: 0px 80px 0px 0px;background-repeat: no-repeat;float: left;}
/*随意切换讲师口碑就把Level1换成Leve2 Level3之类的*/
		.Always p.name.Level1{background-position: right 3px;}
		.Always p.name.Level2{background-position: right -36px;}
		.Always p.name.Level3{background-position: right -77px;}
		.Always p.name.Level4{background-position: right -117px;}
		.Always p.name.Level5{background-position: right -155px;}

		.InstructorList .Right.Teacher .Others.Cur .Always p.group{background-image:url(./images/instructorlist/group.png);background-repeat: no-repeat;background-position: left 8px;width: 95px;float:left;padding-top: 0px;}
/*讲师列表页-yxh*/
			.addition{float: right; background-image: url(./images/instructorlist/addition.png);background-repeat: no-repeat;width: 167px;height: 48px;padding: 30px 0px;text-align: center;margin: 175px 10px 0px 0px;line-height: 26px;cursor: pointer}
			.addition .gray{font-size: 12px;}
			.addition.Cur p:first-child	{color:#00baf2;}
	.InstructorList .LabelShape{position: absolute;top:23px;right: 0px;}
		.InstructorList .LabelShape button.div3{background-image: url(./images/instructorlist/addteacher.png);background-repeat: no-repeat;width: 171px;height: 43px;font-size: 16px;position: absolute;right: 0px;top: 17px;margin-right: auto;background-position: left center;padding-left: 50px;}
		.InstructorList .LabelShape .div1{right: 153px;background-color: #64BED9;}
		.InstructorList .LabelShape .div2{right: 170px;background-color: #F1C53F;}
		.InstructorList .Left#T_Group{width: 830px;color: #fff;}
		.InstructorList #T_Group .T_EVERY{width:166px;height: 166px;position: relative;float: left; }
			.InstructorList #T_Group .T_EVERY img	{width: 100%;height: 100%;}

			.InstructorList #T_Group .T_EVERY .T_mask{width: 166px;height: 166px;opacity: 0.5;background-color: #000;background-color: #000 none repeat scroll 0% 0%;opacity: 0.5;filter: alpha(opacity=50);z-index: 5;position: absolute;top: 0px;left: 0px;}
			.InstructorList #T_Group .T_EVERY:hover .T_mask{opacity: 0;filter: alpha(opacity=0);}
			.InstructorList #T_Group .T_EVERY .T_Con	{display: none;background-image: url(./images/instructorlist/t_con.png); width:301px;height: 146px;position: absolute;left: 157px;z-index: 100;padding: 10px 20px;line-height: 30px;}
			.InstructorList #T_Group .T_EVERY:hover .T_Con	{display: block;}
				.InstructorList #T_Group .T_Con img{margin: 5px 10px;}
				.InstructorList #T_Group .T_Con .con{line-height: 20px;margin-bottom: 10px;padding-left: 0;max-height: 40px;overflow: hidden;}
				.InstructorList #T_Group .T_Con a.T_Index{border:1px solid #fff;padding: 5px;color: #fff;}
				.InstructorList .Right .label {width: 350px;overflow: hidden;}
				.InstructorList .Right .label div.label{width: 135px;height: 100px;line-height:100px;background-color: #01BAF2;color: #fff;font-size: 16px;text-align: center; }
				.InstructorList .Right .label button{margin:0px;height: 45px;color: #fff;padding:0px 25px;float: left;overflow: visible;}
				.t_group{background-image: url(./images/instructorlist/t_group.png);color:#fff;background-position: top;background-repeat: no-repeat; background-color: #00BAF2;width: 166px;height: 153px;line-height: 170px;text-align: center;font-size: 16px;}
/*课程详情页-yxh*/
							.CourseDetail .Intro li{margin:0px;}
							.CourseDetail .Intro2 li{margin-bottom: 25px;}
.CourseDetail .Course{background-image: url(./images/coursedetail/bg.jpg); height: 360px;padding-top: 41px;color: #666;background-repeat:repeat-x;}
	.CourseDetail .Course .con{margin-left: 20px;float: left;width: 747px;height: 326px; position: relative;padding: 0px;}
	.CourseDetail .Course a{color: #666;}.CourseDetail .Course a:hover{color:#00BAF2;}
	.CourseDetail .Course .classimg{width: 427px;height: 320px;border:3px solid #61DAFF;float: left;position: relative;}
		.CourseDetail .Course .classimg img{width: 100%;height: 100%;}
		.CourseDetail .Course .classimg a	{display: block;width: 100%;height: 100%;background: url(./images/videobutton.png) no-repeat center center;position: absolute;left: 0px;top: 0px;}
		.CourseDetail .Course .classimg a:hover	{background-image: url(./images/videobutton_h.png);}
		.CourseDetail .Course p.title a,.CourseDetail .Course p.title span{margin-right: 10px;}
		.CourseDetail .Course p.classname{height: 81px;line-height: 80px;font-size: 22px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
		.CourseDetail .Course p.forWho	{height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
		.CourseDetail .Course .con .about{padding-right:80px;color: #666;margin-top:20px;text-align:center;font-size: 16px;height: 80px;line-height: 40px;float: left;}
			.CourseDetail .Course .con .about .count{color: #999;font-size: 14px;line-height: 57px;}
			.CourseDetail .Course .btn{width: 124px;height: 56px;font-size: 18px;margin-top:40px;margin-right: 20px;background-color: #61DAFF;}
				.CourseDetail .Course .btn:hover{background-color: #00BAF2;}
/*课程详情页课程介绍的设置*/.CourseDetail .Left{width: 850px;}
					.CourseDetail .Intro2 li{margin-top: 15px;background-color: #FFF;}
						.Intro .Con .lesson li{padding:20px;font-size: 14px;color: #999;opacity: 0;filter: alpha(opacity=0);}
						.Intro .Con .lesson li.show_1{opacity: 1;transition: opacity 0.5s ease-out 0s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_2{opacity: 1;transition: opacity 0.5s ease-out 0.1s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_3{opacity: 1;transition: opacity 0.5s ease-out 0.2s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_4{opacity: 1;transition: opacity 0.5s ease-out 0.3s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_5{opacity: 1;transition: opacity 0.5s ease-out 0.4s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_6{opacity: 1;transition: opacity 0.5s ease-out 0.5s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_7{opacity: 1;transition: opacity 0.5s ease-out 0.6s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_8{opacity: 1;transition: opacity 0.5s ease-out 0.7s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_9{opacity: 1;transition: opacity 0.5s ease-out 0.8s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li.show_10{opacity: 1;transition: opacity 0.5s ease-out 0.9s;filter: alpha(opacity=100);}
						.Intro .Con .lesson li:hover{background-color: #EBFFEB;}
						.Intro .Con .lesson li:hover span.time{float: right;}
						.Intro .Con .lesson a.time{float: right;padding-right: 40px;background:url(./images/coursedetail/v_btn.png) no-repeat right 0px ;line-height: 20px;height: 20px;margin-top: 5px;}
						.Intro2 p{line-height: 27px;}
						.Intro .Con .lesson li:hover a.time{background-position:right -29px; }
						.Intro .Con .lesson li p{overflow: hidden;/*white-space: nowrap;text-overflow: ellipsis;*/}
					.CourseDetail .Intro li.Con p.title {line-height: 50px;border-bottom: 1px dashed #ddd; }
/*课程详情页右部讲师的设置*/
			.CourseDetail .Right {background: url(./images/coursedetail/t_bg.png) repeat-x;width: 310px;}
				.CourseDetail .Right .fr{line-height: 50px;padding-left: 33px;padding-right: 33px;background-color: #2CEE8D;font-weight: normal;color: #fff;font-size: 18px;}
				.CourseDetail .Right .fl.con p{max-width: 210px;overflow: hidden;max-height:50px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}/*最多2行，超出部分显示……，只对webkit浏览器有效。其余浏览器只有两行内容*/
				.fl.teacher.img.fl{width: 110px;height: 110px;margin-top: 5px;}
				.t_intro{margin-top: 30px;color: #747474;}
				.t_intro .con .price{line-height: 40px;}
/*这是多页通用的，需要保留-yxh*/
.Intro .Con {font-size: 16px;}
.Intro .Con .Lesson{width: 830px;height: 94px;}

/*搜索页-yxh*/
.SearchPage	{position: relative;z-index: 1;}
	.SearchPage .Banner{background-color:#E3E5E0;position: relative;height: 500px;}
		.SearchPage .Banner .Left{background-image: url(./images/search/left.jpg);width: 800px;height: 500px;position: absolute;left: 0px; background-repeat: no-repeat;}
		.SearchPage .Banner .Right{background-image: url(./images/search/right.jpg);width: 200px;height: 500px;position: absolute;right: 0px;}
		.SearchPage .Banner .Point{background-image: url(./images/search/point.png);height: 500px;position: absolute;left: 0px;z-index: 10;width: 100%;}
		.SearchPage .Banner .Point .Center{text-align: center;color: #fff;margin-top: 138px;}
				.SearchPage .Center h1{font-weight: normal;font-size: 32px;}
				.S_btn {width: 592px;height: 42px;margin:50px auto 0px auto;position: relative;}
					.S_btn input{background:url(./images/log/opcity.png);color: #fff; margin-top: -2px;font-size: 14px;padding:0px 50px 0px 10px;width: 531px;height: 43px;line-height: 43px;border: 1px solid #fff;}
					.S_btn input[type="text"]:focus, .S_btn input[type="number"]:focus,.S_btn  input[type="tel"]:focus,.S_btn  input[type="password"]:focus, textarea:focus {border-color: #fff;outline: medium none;}
						.search_btn{ position: absolute;right: 0px;top: 0px;display: block;background:url(./images/search/search_btn.png) no-repeat center;width: 42px;height: 42px;}
						a.search_choice{width: 148px;height: 40px;display: block;background-image: url(./images/search/search_choice.png);background-repeat: no-repeat;float: left;margin:0px 10px;}
						a.search_choice.Choice1{background-position: center -42px;}
						a.search_choice.Choice1.Cur,a.search_choice.Choice1:hover{background-position: center 0px;}
						a.search_choice.Choice2{background-position: center -126px;}
						a.search_choice.Choice2.Cur,a.search_choice.Choice2:hover{background-position: center -84px;}
				.Point .Center .Choice{width: 340px;margin: 50px auto 0px auto;}
				.Lookfor{line-height: 77px;color: #666;}
				.result li{padding:0px 20px;width: 1160px;overflow: hidden;}
					.result li:hover{background-color: #EBFFEB; box-shadow:2px 2px 5px #fafafa;}
					.result_lesson li img{width: 161px;height: 121px;float: left;margin-top: 13px;}
				.result li .gray.fl{padding-left: 20px;line-height: 36px;max-width: 975px;}
					.result li .gray.fl p{max-width: 944px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 36px;line-height: 36px;margin:0;padding:0;}
					.result li .gray.fl em	{font-style: normal;color: #00BAF2;}
					.result.result_teacher .gray.fl{line-height: 30px;padding: 10px 20px;}
					.result.result_teacher li {height: 139px;}
						.result.result_teacher li img{width: 111px;height: 111px;float: left;margin-top: 13px;}
						a.name{text-align: left;display: inline-block;background: url(./images/instructor/honor_icons_js.png) no-repeat right;padding: 0px 80px 0px 0px;}
/*个人资料*/
	.PersonDate .Person{padding-top:30px;width: 100%;}
		.PersonDate .Person div{width: 190px;line-height: 40px;padding-left: 20px;}
		
		.PersonDate .Person img{width: 80px;height: 80px;}
.date_title li{line-height: 65px;font-size: 16px;float: left;margin-bottom: -2px;margin-right: 1px;}
.date_title li:hover,.date_title li.Cur{border-bottom:3px solid #01BAF3; color: #00BAF2;margin-bottom: 0px;}
.date_title li.Cur	{padding: 0px 40px;}
.date_title li a{color: #333;display: block;padding: 0px 40px;}
.date_title li a.Cur{border-bottom:3px solid #01BAF3; color: #00BAF2;margin-bottom: 0px;}

.Select {padding-right: 30px;background: url(./images/select.png) no-repeat right center;line-height: 30px;border: 1px solid #DDD;padding-left: 5px;cursor: default;position: relative;position: 10000;}
.Select p {height: 30px;overflow: hidden;}
.CreateApply>p.title {background-color: #eee;font-size: 16px;height: 66px;line-height: 66px;padding-left: 30px;margin-bottom: 45px;}

/*企业申请代理end*/
/*表单提交*/
/*个人资料*/
.Information{}
.Information button{margin: 0px;display: inline;}
    .Per_date {margin-top: 60px;}
    .Information dl{margin-top: 20px;font-size: 16px;}
        .Information dl dt,.Information dl dd{color: #666;line-height: 45px;float: left;}
        .Information dl dt{width: 210px;padding-right: 30px;text-align: right;color: #A9A9A9;}
        .Information dl dd{float: left;max-width: 990px;}
        	.Information dl dd input[type="text"],.Information dl dd input[type="password"]{width: 480px;height: 45px;padding: 0px;font-size: 16px;padding:0px 10px;float: left;line-height: normal;line-height: 45px\9;font-size: 14px;}
			.Information .save{padding:0px;height: 45px;font-size: 18px;}
			.Information dl p.att{display: none;white-space:nowrap; }
			.Information dl dd label	{margin-right: 15px;}

			.Information span.red{margin-right: 30px;display: inline-block;}
			.Information .att{}
				.Information dl.att input{float: left;}
				.Information dl.att p.att{display: block;float: left;margin-left:10px;font-size: 14px;white-space:nowrap; }
				div.code {width: 502px;float: left;}
				dl.code input{max-width: 280px;float: left;}
				dl.code button{width: 200px;height: 47px;color: #fff;font-size: 18px;float: right;}
				
				dl.code .code.authcode input{width: 262px;}
				dl.done .code button{float: right; }
				dl.done button{background-color: #DCDCDC;}
.say{line-height: 50px;color: #989898;font-size: 14px;}
 .Information p.say{padding-left: 236px;}

/*工作平台*/
.PlatFrom{background-color: #F0F1F5;padding-top: 30px;margin-bottom: -50px;padding-bottom: 30px;}
	.PlatFrom .Page>.Left{width: 230px;float: left;}
	.PlatFrom .Page>.Right{width: 950px;float:right;}
	.PlatFrom .Page>.Left .Navi_PlatFrom li{border-top:1px solid #ddd; }
	
	.PlatFrom .Page>.Left .Navi_PlatFrom li a{display: block; width: 180px;height: 60px;line-height: 60px;color: #4DCEF5;font-size: 18px;background-color: #fff;text-align:left;padding-left: 50px;}
		.PlatFrom .Page>.Left .Navi_PlatFrom li.Cur a{color: #fff;background: #4DCEF5 url(./images/platfrom/platfrom_arr.png) no-repeat 195px center;}
		
		.PlatFrom .Page>.Right{background-color: #fff;width: 950px;min-height: 400px;}
		.SchoolInfor{padding: 45px;}
		.SchoolInfor dl{line-height: 60px;font-size: 16px;}
		.SchoolInfor dl dt{width: 128px;text-align: right;float: left;color: #A5A5A5;}
		.SchoolInfor dl dd{width: 682px;text-align: left;float: left;padding-left: 50px;color: #333333;}
		.ip{text-align: left;line-height: 32px;margin-bottom: 10px;width: 48%;}
		.ip span.num	{min-width: 30px;text-align: center;display: inline-block;padding:0px 5px;box-shadow: 0px 0px 5px #DDD;}
		.ip span.num	{*display: inline;}
/*dl的浮动清除*/		
.PlatFrom dl:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; } 
.PlatFrom dl {display: inline-block;}* html
.PlatFrom dl{height: 1%;} .Clearfix{display: block;} /* for IE/Mac */  
.PlatFrom dl{zoom: 1;/* triggers hasLayout */ display: block;/* resets display for IE/Win */}
.PlatFrom p.say{padding-left: 50px;color: #ccc;}
			.PlatFrom select	{width: 180px;height: 46px;line-height: 46px;padding:3px;border:1px solid #DDD;color:#333;}
				.PlatFrom select option	{color:#999;border:1px solid #DDD;line-height: 30px;}
		.PlatFrom .User{}
		.PlatFrom .title{height: 60px;line-height: 60px;border-bottom: 1px solid #ddd;font-size: 16px;color:#aaa; padding-left: 30px;}
		.PlatFrom .title a.blue{color: #89DBF7;}
		.PlatFrom .title a.green{color:#78F2B0;}
		.PlatFrom .User dl{max-width: 320px;min-width: 250px;margin-top: 20px;float: left;}
		.PlatFrom .User dt{min-width: 70px;line-height: 46px;color: #aaa;font-size:16px;float: left;text-align: right;padding-right: 10px;margin-left: 20px;}
		.PlatFrom .User dd{float: left;}
			.PlatFrom .User input[type="text"]{width: 172px;height: 40px;line-height: normal;line-height: 40px\9;}
			.PlatFrom .User dl.Forbidden dt{width:88px;}
			.PlatFrom .User div.Select{background:url(./images/platfrom/select.png) no-repeat 146px center;width: 143px;height: 46px; float: left;}
			.PlatFrom .User table tr:hover	{background-color: #F1FCFF;}
			.PlatFrom .User table {cursor: default;margin-bottom: 20px;}
			.PlatFrom .User select	{width: 180px;height:48px;line-height:24px;border:1px solid #DDD;color:#333;padding:15px 3px\9;border:1px solid #DDD;}
				.PlatFrom .User select option	{color:#999;border:1px solid #DDD;line-height: 30px;}
.PlatFrom button,.PlatFrom a.btn{height: 45px;font-size: 18px;line-height: 45px;text-align: center;padding:0px;}
.PlatFrom .table{width: 890px;margin: 0px auto;color: #9A9B9D;margin-bottom: 30px;}
	.PlatFrom .table th{height: 36px;background-color: #EFF2F3;font-weight: normal;}
	.PlatFrom .table td	{color:#333;}
	.PlatFrom .table .operate{}
		.PlatFrom .table .operate a.gray{color: #ddd;cursor: default;}
		a.bg_green,button.bg_green{background-color:#0DDF7C }
.NewUsers{padding-bottom: 50px;}
.w130.fr,a.btn.w130,div.btn.w130{background-color: #42E595;color: #fff;display: block;height: 42px;text-align: center;line-height: 42px;font-size: 16px;margin: 20px;}
		.PlatFrom .Userlead .table td{height: 40px;}
		.Condition{line-height: 40px;margin-left: 50px;}
		div.tillnow{margin-top: 20px;}
			p.tillnow{width: 240px;padding-left: 40px;float: left;font-size: 16px;color: #AAAAAA;}
			.border{border-top: 1px solid #DDD;width: 890px;margin: 20px auto 0px auto;}
.condition	{border-bottom: 1px solid #DDD;padding-bottom: 20px;margin:0px 30px;margin-bottom: 20px;}
.BaseDateCount p.time{line-height: 100px;float: left;color: #AAAAAA;margin-left: 40px;font-size: 16px;}
			input[type="text"].timerbefore{width: 104px;height: 43px;border: 1px solid #eee;float: left;margin-top: 30px;margin-left: 42px;}
			input[type="text"].timerafter{width: 104px;height: 43px;border: 1px solid #eee;float: left;margin-top: 30px;margin-left: 20px;}
	.PlatFrom .table.no{border-top: 1px solid transparent;margin-top: 0px;}
		.PlatFrom .BaseDateCount .table td{height: 40px;}
		.PlatFrom .FeedBack dl{max-width: 320px;min-width: 250px;margin-top: 20px;float: left;}
		.PlatFrom .FeedBack dt{min-width: 70px;line-height: 46px;color: #aaa;font-size:16px;float: left;text-align: right;padding-right: 10px;margin-left: 20px;}
		.PlatFrom .FeedBack dd{float: left;}
			.PlatFrom .FeedBack input[type="text"]{width: 172px;height: 40px;}
			.PlatFrom .FeedBack dl.Forbidden dt{width:88px;}
			.PlatFrom .FeedBack  .table td{max-width: 217px;min-width: 62px;}
			.PlatFrom .FeedBack input[type="text"].timer{width: 90px;float: left;background-position: 74px center;}
			.PlatFrom .FeedBack dl.ifReply{width:257px;min-width: 167px;}
			.ifReply div.Select{width: 120px;background-position: 115px center;}
			.PlatFrom .User .number{min-width:38px;text-align: right;}
			
			/*.tips {position: absolute;top: -10px;left: 70px;z-index: 20;width: 222px;background-color: #C9F6DF;display: none;line-height: 17px;} */
			.Ques span.countbuy  {display:inline-block;*display: inline;zoom:1;padding:0px 0px;width: 45px;height:20px;overflow: hidden;height: 0px;
                    background-repeat:no-repeat ; line-height: 20px;text-align: center;transition:all 5s ease-out;background-position:center center;}
            .Ques span:hover{padding-bottom:0;padding-top:0px;line-height: 26px;height: 26px;
                background-color:#C9F6DF;color: #FFF;padding-left:20px;padding-right: 20px;background-position:0% 5px;}
                .username{width: 62px;}
                .countbuy:hover .tips {display: block;}
.countbuy {  position: relative;}
.tips {position: absolute;top: -30px;left: 100px;z-index: 20;white-space:nowrap;background-color: #EEEEEE;display: none;line-height: 30px;padding:0px 10px;}

.PlatFrom .FeedBack input[type="text"]	{width: 199px;}
.PlatFrom .FeedBack select	{width: 207px;height: 46px;line-height: 46px;}

.PlatFrom .Select {background: transparent url(./images/platfrom/select.png) no-repeat scroll right center;float: left;height: 45px;}
/*弹出*/
.popub{background:#EEEEEE;width: 438;height: 318px;position: fixed;left: 40%;top: 30%;z-index: 10000;display: none;}
.popub .close{background:#EEEEEE url(./images/platfrom/close.png) center no-repeat;width: 18px;height: 18px;position: absolute;right: 0px;top: -18px;padding: 0px;}
	.popub h1{font-size: 16px;color: #333;font-weight: normal;padding: 18px;line-height: 20px;border-bottom: 1px solid #08B9F0;}
	.popub .content{font-size: 14px;color: #333;font-weight: normal;padding: 18px;line-height: 20px;}
		.popub .content button{width: 100px;height: 40px;}
		.sure{position: absolute;left: 23%;bottom: 10%;}.declear{position: absolute;right: 23%;bottom: 10%;}



/*登陆注册页*/
.PlatFrom .Reply .Select{background-position: 120px;width: 120px;}
.Log input[type="text"],.Log input[type="password"]{width: 241px;height: 35px;padding-left:35px;background:#fff url(./images/log/input.png) no-repeat 10px 0px;font-size: 14px; line-height: normal; line-height: 35px\9;}
			/*1.登陆页*/
			.TheLogin,.TheLogout{background: url(./images/log/logbg.jpg) no-repeat center center;width: 100%;height: 100%;line-height: 35px;position:absolute;z-index:-1;min-height: 720px;min-width: 1200px;    background-attachment: fixed;background-size: 100% auto;}
			.Log .Header{border-bottom:1px solid transparent; }
			.Login{width: 281px;height: 266px;background: url(./images/log/opcity.png);float: right; padding: 0px 40px 40px 40px;color: #fff;font-weight: normal;margin-right: 100px;}
			.Login h1{font-weight: normal;line-height: 77px;text-align: center;}
				.LogInfro{color: #fff;font-size: 14px;*margin-top:-20px;}
					.Log button{font-size: 18px;width: 100%;height: 41px;line-height: 41px;margin:0px;display: inline;}
					.Log .Login .input{width: 240px;}
					.Log input.username{background-position: 10px 0px;display: block;}
					.Log input.password{background-position: 10px -84px;}
					.Log input.phone{background-position: 10px -150px;}
					.Log input.authcode{background-position: 10px -39px;float: left;}
					.Log input.checkcode{background-position: 10px -248px;float: left;}
					.Log input.mail{background-position: 10px -195px;}
					.Log .Content{padding:110px 0px 70px 0px;}
				.Log .Footer{color: #666;text-align: center;font-size: 16px;border-top:1px solid transparent;position: absolute;bottom:0px;left: 0px; width: 100%;padding-bottom: 15px;background:rgba(255,255,255,0.5);padding-top: 25px;}
					.Log .Footer a{margin:0px 15px;color:#666;}
					.Log .Footer a:hover	{color:#00BAF2;}
					.Links{margin: 0px auto;}
		/*2.注册页*/
		.TheLogout{min-height: 850px;}
		.Register input[type="text"],.Register input[type="password"]	{width: 326px;}

		.Log ul.Content p.att{display: none;}
			.Log ul.Content li.att p.att {display: block;font-size: 14px;text-align: left;float: none;margin-left: 0px;}
			.Log ul.Content li.att input{float: left;}
				.Log ul.Content li.att p.att{display: block;float: left;margin-left:10px;font-size: 14px; }


		.Logout {width: 366px;padding: 35px 40px 0px 40px;background:  url(./images/log/opcity.png);color: #ddd;float: right;}
		.Logout .title a{color: #ddd;}
		.Logout li.Cur a,.Logout a.blue{color: #08B9F0;}
			.Logout .title{line-height: 46px;height: 46px;border-bottom:1px solid #DCDCDC;width: 375px;  }
				.Logout .title li{padding: 0px 30px;font-size: 20px;}
				.Logout .title li.Cur{border-bottom:3px solid #08B9F0;}
				.Logout ul.Content{width: 366px;padding:20px 0px 0px 0px;}
				.Log p.att{line-height: 30px;width: 100%;height: 30px;}
					.Logout .Content li{height: 71px;}
					.Logout .code input{width:161px;}
						.Logout .code img{width: 140px;height: 40px;float: right;}
						.Logout .Content button.checkcode{width: 140px;float: right;background: #fff;border: 1px solid #08B9F0;color: #08B9F0;font-size: 14px;padding:0px;}
						.Logout .Content button.checkcode.gray	{background: #CCC;color:#FFF;border-color: #CCC}

		/*绑定账号-这里样式不多，用前面的information的就够了*/
		.Header h1{font-size: 20px;font-weight: normal;color: #aaa;line-height: 90px;}
		.BindAccount {padding:100px 0px 0px 50px;min-height: 400px;text-align: center;}
		.Retake{text-align: center;}
		button.mt30{margin-top: 30px;}
		.Step{padding: 50px 0px 50px 0px;min-height: 300px;}
		/*找回密码页样式也不多，都靠information*/
		.Retake.Information dl dt {width: 420px;}
		.Retake.Information dl.att p.att {display: block;font-size: 14px;text-align: left;white-space:nowrap; }
/*学习记录*/
.LearnRecord .date_title li.Cur{padding: 0px;}
.LessonRecord .delatefoot,.LessonRecord a.Continue{width: 108px;height: 28px;display: none;color: #CCC;border:1px solid #CCC;background: transparent;border-radius: 3px;margin:0;padding:0;margin-bottom: 10px;}
.LessonRecord .delatefoot:hover,.LessonRecord a:hover.Continue	{color:#00BAF2;border-color:#00BAF2;}
.LessonRecord a.Continue	{background: url(./images/goon.png) no-repeat 15px center;background-size: 15px;text-align: center;line-height: 28px;margin-right:0;}
.LessonRecord p.c9	{line-height: 52px;width: 100px;text-align: center;display: none;}
	.LessonRecord {padding: 30px;position: relative;border-bottom: 1px dotted #ddd;}
	.LessonRecord:hover{background: #EBFFEB;}
		/*.LessonRecord:hover button.delatefoot,.LessonRecord:hover a.Continue	{display: block;}*/
		.LessonRecord button.delatefoot,.LessonRecord a.Continue	{display: block;}
	.LessonRecord .img{width: 108px;height: 80px;}
		.LessonRecord .fl{line-height: 28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow: hidden;max-width: 870px;   }
	
		.LessonRecord .f16{line-height:14px;height: 14px;}
		.LessonRecord .time{position:absolute; right:30px;bottom:10px;color: #aaa;}
	.Feedback .Information textarea{width:480px;height: 112px;padding: 10px;}
	.Feedback .Information textarea:focus{border: 1px solid #ddd;}

	/*常见问题*/
	.headimg{margin: 0px auto;padding-top: 80px;text-align: center;}
	.headimg .img{width: 80px;height: 80px;}
	.headimg .head{text-align: center;cursor: pointer;display: inline-block;margin: 0px 80px;}
	.NormalQues .Content{text-align: left;}
	.headimg .Cur{color: #13BDF1;}
		.NormalQues 	{color: #666;}
		.NormalQues .Content h1{color: #0FBFF1;font-weight: normal;font-size: 18px;line-height: 65px;border-bottom: 1px dotted #ddd;margin-bottom: 10px;margin-top:50px;}
		.NormalQues .Content div{text-indent: 1em;line-height: 28px;}

/*关于我们*/
.Aboutus{}
.Aboutus .Content h1{font-weight: normal;font-size: 18px;line-height: 35px;margin-top:35px;color: #111;}
	.Aboutus .Aboutus{width: 400px;height: 277px;margin-top: 50px;float: left;text-align: center;}
		.Aboutus .Aboutus .img{margin: 0px auto;}
.Aboutus .Content{color: #989898;}
/*提示页1*/
.Prompt a.blue{}


/*学习记录弹窗*/

.recordbox{position: absolute;z-index: 100; right:0px;top: 45px;width:254px;background:#EEEEEE;text-align: center;margin: 0px auto;color: #989898;display: none;}
	.recordbox .img.bear{width: 89px;height: 114px;margin: 20px auto;}
	.recordbox .main {padding: 20px 20px 20px 20px;max-height: 150px;overflow: hidden;}
	.recordbox .main li{line-height: 30px;margin: 0px;text-align: left;height: 30px;overflow: hidden;padding:0;width:220px;}
	.recordbox .main li:hover{background:#eee url(./images/v_record.png) no-repeat right 10px;}
	.recordbox .main li:hover span{display: none;}
		.recordbox .main li a{max-width:220px;width: 220px;display: block;height: 30px;overflow: hidden;}
		.recordbox .main li p.fl	{max-width: 180px; white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
	.recordbox .more{border-top: 1px solid #09B9F0;height: 42px;line-height: 42px;color:#08B9F0; }
	span.studystep{display: block;float: right;display: block;}



/*others*/
.Prompt	{min-height: 400px;}

/*scrollbar For 课时页*/
.scroll_Bar	{width: 1px;background-color: #F8F8F8;position: absolute;right: -2px;top: 0px;height: 100%;}
	.scroll_Bar_Item	{width: 3px;background-color: #F8F8F8;left: -1px;top:0px;position: absolute;min-height: 25px;max-height: 100%;}


/*顶部*/
.VideoHeader	{border:none;overflow: hidden;}
	.Back{background:#08B9F0 url(./images/class/arrback.png) no-repeat center;width: 42px;height: 40px;display:block;margin:25px 20px;float: left;}
	.Header .VideoNow{font-weight: normal;font-size: 18px;margin-left: 25px;line-height: 90px;float: left;}
.ClassPage{width: 100%;height: 100%;position: relative;overflow: hidden;}
	.ClassPage .Left	{float: none;margin-right: 280px;height: 100%;position: relative;}
	.ClassPage .Left .Video{width: 100%;height: 100%;}
		.ClassPage .Left .Video #player	{height: 100%;width: 100%;}
	.ClassPage .Left .Footer	{height: 30px;margin:0;overflow: hidden;padding:5px 10px;line-height: 30px;}
	.ClassPage .mask	{position: absolute;background: #000;color:#FFF;font-size: 16px;}
		.ClassPage .mask h1	{line-height: 50px;text-align: center;color:#FFF;font-size: 18px;font-weight: normal;position: absolute;width:80%;left:10%;top:50%;margin-top: -25px;}
		.ClassPage .mask a	{color:#FFF;margin:10px;line-height: 22px;}
		.ClassPage .mask a:hover	{color:#DDD;}
		.ClassPage .mask p.p1	{padding-top:150px;}
		.ClassPage .mask img	{width: 150px;margin:30px;}

	.ClassPage .Right{width: 280px;background: #000 ;color: #999999;position: absolute;top: 0px;right: 0px;overflow: hidden;}
	.ClassPage .Right>*	{width: 280px;}
	.ClassPage .Right #LessonList	{}
		.ClassPage .Right #LessonList>ul	{overflow: hidden;}

	.ClassPage .Right h2.tc{height: 52px;line-height: 50px;font-weight: normal;font-size: 22px;color: #fff;}
	.ClassPage .Right li:hover,.ClassPage .Right li.Cur{background: #333333;}
	.ClassPage .Right li a{color: #999999;display: block;overflow: hidden;}
	.ClassPage .Right li a:hover{color: #08B9F0;}
	.ClassPage .Right li {height: 40px;line-height: 40px;background: url(./images/class/border.png) ;}
		.ClassPage .Right li p.title{width: 168px;height:40px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;float: left;margin-left: 10px;line-height: 42px;}
		.ClassPage .Right li p.time{overflow: hidden;height:40px;float: right;margin-right: 15px;line-height: 42px;}
	.ClassPage .Right li.Cur *	{color: #08B9F0;}
		#controleList{width: 13px;height: 13px;position:absolute;bottom:0px;right: 0px;padding: 0px; }
		#controleList.hide	{background: url(./images/class/hide.jpg?v=2);}
		#controleList.show	{background: url(./images/class/show.jpg?v=2);}


/*others*/
.Nothing,.result li.Nothing	{width: 100%;text-align: center;padding-top: 300px;margin-top: 50px;padding-bottom: 40px;background: url(./images/tearbear.png) no-repeat center top;}
.LoadingDom	{background: url(./images/loading.gif) no-repeat center top;color:#999;}

/*首页推荐课程、专题tag*/
.RecommendTag{float: left;
background-color: #2CEE8D;
width: 70px;
height: 70px;
font-size: 26px;
line-height: 32px;
text-align: center;
color: #FFF;
padding: 6px;
margin-right: 8px;
}
.LearnList .tag{float: left;
text-align: center;
padding: 0px 3px;
margin-right: 8px;
}
.LearnList h3.gray{
float: left;
margin-right: 20px;

}
.LearnList .tag.on{background-color: #2CEE8D;color: #FFF;}
.LearnList .ForWho{ 
overflow: hidden;  
height: 60px;  
 }
/* .LearnList .ForWho:hover{  
height: auto;  
 } */
/*课程详情页切换菜单*/

.tabsTil  {border-bottom: 1px solid #DDD;line-height: 40px;height: 40px;}
.tabsTil p  {float: left;padding: 0 25px;font-size: 16px;cursor: pointer; position:relative;}
.tabsTil p.cur,.tabsTil p:hover {border-bottom: 2px solid #00baf2;height: 39px;}
.tabsTil p .icon_num{ display:inline-block; position:absolute; top:0; right:0; width:18px; height:18px; line-height: 18px; border-radius: 18px; background:#f75c5c;color:#fff; text-align: center; font-size: 12px; font-weight: normal;}
.tabsCon  {padding: 25px;}
.tabsConItem  {display: none;}
.tabsConItem.intro,.tabsConItem.intro * {word-break: break-all;word-wrap: break-word;overflow: hidden;}
.tabsConItem.intro img  {max-width: 100%;}
.tabsConItem:first-child  {display: block;}
.intro dt {margin-bottom: 10px;color: #333;}
.intro dd {margin-bottom: 20px;}
i.icon {display: block;background: url(./images/icons.png) no-repeat;}
/*middle 课程详情页-课程目录*/
.syllabus { margin-bottom: 30px;}
.syllabus .chapter  {padding-left: 30px;line-height:73px;}
.syllabus .chapter .tit{float: left;margin-right: 5px;font-size: 16px;max-width: 315px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: normal;}
.syllabus .chapter b{float: left;font-weight: normal; margin-right: 10px; font-size: 16px;}
.syllabus .chapter span  {float: right;color: #818181;font-size: 14px;}
.syllabus li.lesson{ height:52px;}
.syllabus li.lesson .ins{;padding-left: 38px;background: #F5F5F5;margin-left: 30px;position: relative;padding: 0 20px 0 45px; height:45px; line-height: 45px;}
.syllabus li.lesson .ins i.type1.icon {display: block;width: 35px;height: 35px;float: left;margin-left: -40px; margin-top: 6px;}
.syllabus li.lesson:hover, .syllabus li.lesson.cur {}
.syllabus li.lesson span.look {color:#FFF;background: #00baf2;padding:0 20px;display: none;}
.syllabus li.lesson:hover span.look {display: block;}
.syllabus li.lesson:hover span.time {display: none;}
.syllabus li.cur:hover span.time {display: none;}
.syllabus li p  {float: left;margin-right: 5px;font-size: 16px;max-width: 315px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.syllabus li.lesson p{ font-size: 14px;}
.syllabus li.lesson .ins p{ color:#666;}
.syllabus li.lesson .ins .time{ color:#999;}
.syllabus li span  {float: right;margin-left: 10px;color: #818181;font-size: 14px;}
.syllabus li a.play {position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;}
.syllabus .chapter i.icon {display: block;width: 35px;height: 35px;float: left;margin-left: -35px; margin-top: 20px;}
.syllabus .chapter i.icon {background-position: -444px -44px;}
.syllabus li.cur:hover i.type1, .syllabus li.cur i.type1 {background: url(./images/stop2.png) no-repeat center;}
i.type1.icon {background-position: -292px -93px;}
i.type2.icon {background-position: -292px -143px;}
i.type3.icon {background-position: -292px -193px;}
/*.syllabus li.lesson:hover i.type1 {background-position: -292px -243px;}
.syllabus li.lesson:hover i.type2 {background-position: -292px -293px;}
.syllabus li.lesson:hover i.type3 {background-position: -292px -343px;}*/
.syllabus ul li{opacity: 0;filter: alpha(opacity=0);}
.syllabus ul li.show_1{opacity: 1;filter: alpha(opacity=100); }
.syllabus ul li.show_2{opacity: 1;filter: alpha(opacity=100);}
.syllabus ul li.show_3{opacity: 1;filter: alpha(opacity=100);}
.syllabus ul li.show_4{opacity: 1;filter: alpha(opacity=100);}
.syllabus ul li.show_5{opacity: 1;filter: alpha(opacity=100);}
.syllabus ul li.show_6{opacity: 1;filter: alpha(opacity=100);}
.syllabus ul li.show_7{opacity: 1;filter: alpha(opacity=100);}
.syllabus ul li.show_8{opacity: 1;filter: alpha(opacity=100);}
.syllabus ul li.show_9{opacity: 1;filter: alpha(opacity=100);}
.syllabus ul li.show_10{opacity: 1;filter: alpha(opacity=100);}
/*.syllabus ul li{display:none;}
.syllabus ul li.show_1,.syllabus ul li.show_2,.syllabus ul li.show_3,.syllabus ul li.show_4,.syllabus ul li.show_5,.syllabus ul li.show_6,.syllabus ul li.show_7,.syllabus ul li.show_8,.syllabus ul li.show_9,.syllabus ul li.show_10{display:block;}*/
.crouse_box_directory   {}
.crouse_box_directory .intro  {padding-left: 30px;overflow: hidden;padding-top: 10px;font-size: 16px;}
.crouse_box_directory .intro p  {float: left;line-height: 22px;margin-right: 40px;}
.crouse_box_directory .intro p.check  {padding-left: 24px;background: url(./images/check2.png) no-repeat left center;cursor: default; margin-left: 80px;}
.crouse_box_directory .intro p.check.ed {background-image: url(./images/checked2.png);}
.crouse_box_directory .intro .sl  {margin: 20px 0 30px 0px;color: #999; font-size: 14px;}
  .crouse_box_directory .intro .sl p  {padding-left: 24px;line-height: 24px;background:url(./images/icon_e.png) no-repeat left center;}
  .crouse_box_directory .intro .sl p.ok {background-image: url(./images/icon_ok.png);}


.syllabus li  {}
.syllabus li:hover.cur span.look {display: block;}

.progressDiv  {position: absolute;left: 400px;top: 0;line-height: 45px;font-size: 12px;color: #999;}
.progress {width: 133px;height: 5px;border-radius: 5px;background: #E0E0E0;overflow: hidden;margin-right: 15px;margin-top: 20px;}
.progress strong  {background: #00baf2;height: 100%;display: block;border-radius: 5px;}
.progressDiv .pn  {width: 32px;}
.progressDiv .icon  {width: 18px;height: 18px;margin-left: 10px;background: url(./images/icon_e.png) no-repeat;float: left;margin-top: 13px;position: relative;}
.progressDiv.status_100 .icon {background-image: url(./images/icon_ok.png);}
.progressDiv.status_0 .icon {display: none;}
.progressDiv .icon div  {position: absolute;width: 110px;padding: 10px;background:#FFF;border:1px solid #DDD;border-radius: 3px;bottom:20px;right:0;line-height: 1.4;display: none;}
.syllabus li:hover .icon div  {display: block;}


table.item_table{ text-align: left;}
table.item_table  {width: 100%;}
table.item_table thead  {font-weight: bold;}
table.item_table td  {padding: 0 20px;height: 50px;  border:0; color:#666;}
table.item_table td a{color:#666;}
table.item_table td a:hover{color:#333;}
table.item_table .bg  {background: #F5F5F5;}
.files .information  {margin-top: 20px;}
.files .information dt {background: #F5F5F5;line-height: 35px;padding-left: 20px;font-weight: bold;}
.files .information dd {padding-left: 20px;line-height: 32px;padding-top: 10px;}
.files .information dd a {display: block;}
.item_tablein tr{ display:none;}
.item_tablein tr.show{display:table}
.item_tablein tr.show_1{opacity: 1;filter: alpha(opacity=100); display:table}
.item_tablein tr.show_2{opacity: 1;filter: alpha(opacity=100);  display:table }
.item_tablein tr.show_3{opacity: 1;filter: alpha(opacity=100);  display:table }
.item_tablein tr.show_4{opacity: 1;filter: alpha(opacity=100);  display:table }
.item_tablein tr.show_5{opacity: 1;filter: alpha(opacity=100);  display:table}
.item_tablein tr.show_6{opacity: 1;filter: alpha(opacity=100);  display:table }
.item_tablein tr.show_7{opacity: 1;filter: alpha(opacity=100);  display:table }
.item_tablein tr.show_8{opacity: 1;filter: alpha(opacity=100);  display:table}
.item_tablein tr.show_9{opacity: 1;filter: alpha(opacity=100);  display:table}
.item_tablein tr.show_10{opacity: 1;filter: alpha(opacity=100); display:table }
.course_nav_bg {position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 9;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;box-shadow: 0 1px 5px #e0e0e0;z-index: 100000;display: none;}
.course_nav {width: 1200px;margin: 0 auto;}
.course_nav h2 {font-size: 16px;line-height: 70px;}
.course_nav button{background: #00baf2;color: #fff;margin-top: 24px;height: 48px;line-height: 48px; padding:0 42px; font-size: 16px;}
.course_nav a {float: right;padding: 0 40px;height: 50px;line-height: 50px;color: #fff;font-size: 18px;margin-top: 4px;}
.course_nav a.blue  {background: #00baf2;}
.course_nav span {float: right;}
.course_nav .buy_old {background: #FF4A57;}
.course_nav .buy_new {background: #02a6e3;}
.course_nav .hui {background: #ccc;margin-top: 14px;}
.course_nav .redBtn {background: #FF4A57;margin-top: 14px;}
.course_nav .blueBtn {background: #00baf2;color: #fff;margin-top: 14px;}
.course_nav .study_nums {color: #FF4A57;line-height: 58px;font-size: 18px;margin-right: 30px;}
.course_nav .price_new {color: #FF4A57;line-height: 58px;font-size: 26px;}
.course_nav .p_num{margin-right: 40px; line-height: 58px;}
.course_nav .p_num b{color: #FF4A57;font-size: 18px; padding-right: 10px; }


.lectabtit{background-color: #eee;line-height: 42px;height: 42px;border-left:10px solid #30C4F2;}
.lectabtit span{ display: inline-block; font-size: 16px; padding:0 10px; cursor: pointer;}
.lectabtit span.on{color:#30C4F2;}
.lectabcon{ margin-left: -20px;}
.LecPageLesList{ display:none;}