.header-menu-ul{
	width:655px;
	float: left;
}
.header-opertion{
	width:280px;;
	height: 60px;
}
.header-query-input{
	width: 197px;
	height: 38px;
	float: left;
}
.header-query{
	background: url(../images/common/query.png);
	width: 16px;
	height: 16px;
	float: right;
 	position: relative;
 	top:10px;
 	right: 40px;
 	cursor:pointer;
}

.header-opertion > li{
	margin-right: 15px;
}
.broadcast-background{
	background-image: url(../images/bigImages/index1.png);
	width: 100%;
	height: 490px;
}
.course-introduce{
	height: 300px;
	width: 100%;
}
.course-introduce >img{
	margin-left: 330px;
	margin-top: 50px;
}
.advantage{
	width: 100%;
	height: 400px;
	margin-top:100px;
}
/*
.advantage > img{
	margin-left: 350px;	
}
*/
.teachers-list{
	width: 1190px;
	height: 410px;
	margin-top:30px;
}
.teachersTitle{
	margin-top:50px;
	margin-left: 450px;
	
	width: 302px;
	height: 34px;
}
.teachers-img img {
	height: 200px;
	width: 200px;
}
.teacher-describe{
	width: 175px;
	height: 200px;
	float:left;
	color: #000000;
	background-color: #EEEEEE;
}
.index-teachers{
	width:380px;	
}
.teacher-describe-content{
	color: #A6A6A6;
	word-break: normal;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 5px;
}

.teachers-more{
	margin-top:50px;
	margin-left:500px;
}
.process{
	width: 100%;
	height: 610px;
	margin-top:50px;
	margin-bottom:50px;
}
.process .header{
	width: 100%;
	height: 380px;
	background-color: #5293D1;
}
.process .tail{
	width: 100%;
	height: 230px;
	background-color: #525C7C;
}
.acvitity{
	width: 100%;
	height: 50px;
	background-color: black;
	opacity:0.8;
	padding-top:20px;
}

.acvitity .content{
	float: left;
}
.acvitity .register-activity{
	width: 233px;
	height: 28px;
	float: left;
	margin-right: 50px;
}
.get-code{
	width: 87px;
	height: 36px;
	
	float: left;
}
.immediately-register{
	
	width: 100px;
	height: 36px;
}
.school-img{
	margin-top:100px;
	height: 600px;
	width: 100%;
}
.school-img .greeBack{
	width: 100%;
	height: 300px;
	background-color: #3CA1A6;
}
.school-img .violetBack{
	width: 100%;
	height: 300px;
	background-color: #525C7C;
}

.school-img .children >.img{
	width: 474px;
	height: 278px;
	background-image: url(../images/bigImages/12.png);
	float: right;
	margin-top:20px;
}

.school-img .children >.content{
	width: 500px;
	height: 278px;
	float: left;
	color: #FFF;
		
}

.index-footer{
	width: 100%;
	height: 200px;
	background-color: #2C2C2C;
	margin-top:50px;
}

.image-ico{
	width: 90px;
	height: 100px;
	float: left;
	margin-top:50px;
}
.image-ico > p{
	color:#FFF;
	margin-left:20px;
	margin-top:20px;
}

.course-header{
	background-color: #2C2C2C;
	width: 100%;
}

.course-header-search input{
	border-radius: 20px;
	background-color: #232323;
	border-color: #232323;
}

.course-class{
	background-color: #F2F2F2;
	width: 100%;
	min-height:160px;
}
.recommend-title{
	width: 144px;
	height: 39px;
	
	margin-left: 450px;
	margin-top:50px;
}

.v{
	margin-left: 0px;
}

.line-courseType{
	height: 38px;
}

.courseType_title{
	margin-top: 10px;
	float: left; 
	color: #989898;
}

.courseware-recommend-title{
	width: 155px;
	height: 41px;
	
	margin-left: 450px;
	margin-top:50px;
}

.recommend-list{
	height: 500px;
	
}
 
.recommend-list .recommend-one{
	height: 500px;
	width: 420px;
	float:left;
	margin-top:15px;
}
.recommend-one > img{
	width: 420px;
	height: 270px;
}
.course-ont-text{
	height: 215px;
	width: 418px;
	border:1px solid #D6D6D6;
}
.date{
	background: url(../images/courses/date.png) no-repeat 5px center;
	padding:0 0px 0 22px;
	color: #7B7B7B;
	width: 180px;
}
.date1{
	background: url(../images/courses/date.png) no-repeat 18px center;
	padding:0 0px 0 40px;
	color: #7B7B7B;
}
.courses-vertical{
	border-right: 1px solid #D6D6D6;
	margin-top: 4px; 
	height: 10px;
	display:inline-block;
	margin-top: 9px;
	margin-left: 2px;
	float: left;
}
.courses-duration{
	font-size: 14px;
	color: #B3B3B3;
	margin-left: 4px;
	float: left;
	margin-top: 2px;
}
.course-ont-text .content{
	color: #7B7B7B;
	font-size: 22px;
	margin-left:15px;
	margin-top:30px;
}
.integral{
	background: url(../images/courses/integral.png) no-repeat 5px center;
	padding:0 5px 0 22px;
	color: #268e0e;
	width: 200px;
	margin-top:3px;
	margin-left: -13px;
}
.integral1{
	background: url(../images/courses/integral.png) no-repeat 18px center;
	padding:0 5px 0 40px;
	color: #268e0e;
	width: 200px;
}
.course-ont-text .info-course{
	height: 36px;
	width: 120px;
	
	float:right;
	margin-bottom: 30px;
	margin-top : 20px;
	margin-right: 25px;
}
.recommend-list .recommed-course{
	height: 240px;
	width: 205px;	
	float:left;
	margin-top:15px;
	margin-left:16px;
	
}

.recommed-course-content .min-course-content{
	font-size:12px;
	color: #848484;
	margin-left:6px;
	margin-top:10px;
	height:17px;
}

.recommed-course-content .min-course-content_{
	font-size:14px;
	color: #848484;
	margin-left:15px;
	margin-top:4px;
	height:17px;
}

.recommed-coursewares-content .min-course-content{
	font-size:12px;
	color: #848484;
	margin-left:6px;
	margin-top:10px;
	height:17px;
}

.recommed-coursewares-content .min-course-content_{
	font-size:14px;
	color: #848484;
	margin-left:15px;
	margin-top:4px;
	height:17px;
}

.recommed-course .recommed-course-content{
	width: 205px;
	height: 89px;
	border:1px solid #D6D6D6;
}
.recommed-course .recommed-coursewares-content{
	width: 205px;
	height: 69px;
	border:1px solid #D6D6D6;
}
.info-min-course{
	width: 70px;
	height: 23px;
	
	float: right;
	cursor:pointer;
	margin-right: 25px;
}

.info-min-exam{
	width: 70px;
	height: 23px;
	
	float: right;
}

.info-min-courseware{
	width: 70px;
	height: 23px;
	
	float: right;
}

.courseware-videos{
	height: 900px;
	width: 100%;
	background-color: #33394D;
	margin-top: 100px;
	padding-top: 50px;
}

.courseware-videos .title{
	background-image: url(../images/coursewares/nice_video.png);
	width: 172px;
	height: 40px;
	margin-left: 570px;
}
.free-courses{
	width: 100%;
	height: 400px;
	background-color: #34394D; 
	margin-top:40px;
}
.free-title{
	width: 167px;
	height: 41px;
	margin-left:425px;
}

.more-courses{
	margin-top:50px;
	float: left;
}
.course-class .course-more-list{
	float: left;
	min-height:150px;
	background-color: #FFF;
	margin-top:10px; 
	width: 1085px;
}

.more-courses > img{
	height: 150px;
	width: 220px;
}
.more-courses .more-content{
	width: 225px;
	height: 60px;
	border:1px solid #34394D;
}
.date-white{
	background: url(../images/courses/date-white.png) no-repeat 5px center;
	padding:0 5px 0 25px;
	color: #7B7B7B;
}
.more-content .more-course-describe{
	font-size:10px;
	color: #9C9A9D;
	margin-left:15px;
	margin-top:10px;
}

.activity .title{
	margin-left:390px;
	margin-top:50px;
}
.activity .teacher{
	float: left;
	margin-top: 15px;
	margin-left: 20px;
}
.teacher > img{
	width: 540px;
	height: 335px;
}
.teacher .content{
	width: 539px;
	height: 100px;
	border:1px solid #D6D6D6;
}
.content .introduce{
	margin-top:20px;
	margin-left: 15px;
	color: #828282;
	font-size: 20px;
	width: 330px;
	float: left;
}
.teacher .content > img{
	float: right;
	margin-top: 20px;
	margin-right: 15px;
}

.pageing{
	margin-top:100px;
	height: 80px;
    width: 100%;
	float: left;
}

.course-footer{
	margin-top:50px;
	height: 200px;
    width: 100%;
    background: #5b5b5b;
	float: left;
}
.course-content{
	width: 100%;
	height: 370px;
	background-color: #F6F6F6;
	margin-top:20px;
}

.course-content .course-log{
	height: 370px;
	width: 560px;
	margin-left: 20px;
	float:left;
}
.course-content .course-datails{
	width: 530px;
	height: 370px;
	float:left;
	padding-left: 20px;
	padding-top:20px;
}
.course-datails .course-classificaction {
	margin-top:20px;
}
.course-datails .course-price{
	background-color: #EEEEEE;
	margin-top:30px;
}
.course-datails .info-study{
	width:160px;
	height: 50px;
	
	margin-top:70px;
}
.datails-title{
	width: 136px;
	height: 29px;
	
	margin-left:20px;
}
.spot{
	background: url(../images/course/spot.png) no-repeat 18px center;
	padding:0 5px 0 40px;
	margin-top: 15px;
}
.outline-title{
	width: 136px;
	height: 29px;
	
	margin-left:20px;
}
.course-chapter > li{
	margin-left: 20px;
	background-color: #F7F7F7;
	height: 30px;
	width: 100%;
	line-height: 30px;
	margin-top:5px;
}
.course-chapter .look-playback{
	width: 60px;
	height: 20px;
	float: right;
	margin-top:5px;
	margin-right: 20px;
	
}
.study-text{
	width: 136px;
	height: 29px;
	
	margin-left:20px;
}
.student-evaluate{
	width: 136px;
	height: 29px;
	
	margin-left:20px;
}
.comment > .header-img{
	height: 57px;
	width: 66px;
	float: left;
}
.comment{
	width: 1170px;
	height: 90px;
	margin-top:20px;
	float: left;
}
.comment .comment-user{
	width: 850px;
	height: 90px;
	float: left;
	margin-left:50px;
}
.comment .comment-user > p{
	color: #535353;
	margin-top:10px;
}

.comment .comment-date {
	width: 200px;
	height: 90px;
	float: right;
}

.comment .comment-date > p {
	color: #9D9D9D;
	margin-left: 40px;
}
.comment .comment-date >img{
	float: right;
	margin-top:20px;
}

.comment-info{
	width: 1150px;
	height: 180px;
	background-color: #F2F2F2;
	margin-top: 60px;	
	margin-left: -10px;
	padding-top:30px;
}
.comment-info > textarea{
	width:1110px;
	margin-left:20px;
}
.comment-info > .release{
	width: 60px;
	height: 20px;
	
	float:right;
	margin-top:35px;
	margin-right: 20px;
}

.background-customized{
	height: 800px;
	width: 100%;
	
	background-position:center center;
}
.background-customized .explain{
	width: 724px;
	height: 19px;
	margin-top:30px;
	
}
.usl-title{
	width: 100%;
	height: 19px;
	
	margin-top:50px;
}
.greeBack .content > p{
	margin-top:20px;
	background: url(../images/bigImages/yuan.png) no-repeat 18px center;
	padding:0 5px 0 40px;
	color: #FFF;
}
.greeBack .content > img{
	margin-top:50px;
	margin-left: 20px;
}
.violetBack .youth .img{
	width: 499px;
	height: 216px;
	background-image: url(../images/bigImages/13.png);
}
.violetBack .youth .cao{
	height: 300px;
	width: 100%;
	padding-top:45px;
	float: left;
}

.violetBack .youth .cao > .img{
	float: left;
}

.violetBack .youth .cao > .content{
	float: right;
	color: #FFF;
	margin-top: -20px;
	width: 500px;
}
.violetBack .youth .cao > .content > p{
	margin-top:20px;
	background: url(../images/bigImages/yuan.png) no-repeat 18px center;
	padding:0 5px 0 40px;
	color: #FFF;
}
.violetBack .youth .cao > .content > img{
	margin-top:35px;
	margin-left: 20px;
}
.login-btn{
	width: 398px;
	height: 50px;
	
	margin-top:50px;	
}
.getCode{
	width: 140px;
	height: 45px;
	
}
.register{
	width: 398px;
	height: 50px;
		
	margin-top:50px;	
}
.course-introduction-title{
	width: 100%;
	height: 26px;
}
.course-introduction-title > img{
	margin-left: 30px;
	margin-right: 30px;
}
.course-introduction-content .title {
	margin-top:20px;
}
.course-introduction-content .title > .context{
	font-size: 20px;
	margin-right: 410px;
}
.course-introduction-content .context .mode{
	width: 300px;
	height:auto!important;
	height:180px;
	min-height:180px;
	float: left;
	color: #999999;
	margin-top:30px;
	margin-left:-110px;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding-top: 10px;
	font-size: 14px;
}
.course-introduction-content .context .mode-center{
	width: 300px;
	height:auto!important;
	height:180px;
	min-height:180px;
	float: left;
	margin-left: 180px;
	color: #999999;
	margin-top:30px;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding-top: 10px;
	font-size: 14px;
}
.course-introduction-content .context .mode-right{
	width: 300px;
	height:auto!important;
	height:180px;
	min-height:180px;
	float: left;
	margin-left: 190px;
	color: #999999;
	margin-top:30px;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding-top: 10px;
	font-size: 14px;
}
.course-introduction-content .context p{
	margin:10px 10px 10px 10px;
}
.advantage-title{
	height: 34px;
	width: 302px;
	margin-left: 450px;
}
.advantage-content{
	margin-top: 30px;
}
.advantage-content .mode{
	width: 379px;
	height: 130px;
	background-color: #EEEEEE;
	float: left;
	margin-right: 1px;
	margin-top: 1px;
	
}
.advantage-content .mode .brand{
	width: 50px;
	height: 46px;
	background-image: url(../images/bigImages/ico/brand.png);
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
.advantage-content .mode .folder{
	width: 49px;
	height: 41px;
	background-image: url(../images/bigImages/ico/folder.png);
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

.advantage-content .mode .course-tables{
	width: 48px;
	height: 45px;
	background-image: url(../images/bigImages/ico/course-tables.png);
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
.advantage-content .mode .aircraft{
	width: 63px;
	height: 42px;
	background-image: url(../images/bigImages/ico/aircraft.png);
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
.advantage-content .mode .live{
	width: 44px;
	height: 46px;
	background-image: url(../images/bigImages/ico/live.png);
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
.advantage-content .mode .teacher{
	width: 52px;
	height: 44px;
	background-image: url(../images/bigImages/ico/teacher.png);
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}
.advantage-content .mode .describe {
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	height: 103px;
	width: 270px;
}
.advantage-content .mode .describe span{
	color: #9A9A9A;

}
.course-class-list .recommed-course{
	float:left;
	width: 200px;
	margin-left: 20px;
	margin-top: 20px;
}
.course-class-list .recommed-course > img{
	width: 200px;
	height:124px;
}
.course-class-list .recommed-course > .recommed-course-content{
	width: 198px;
}
.course-class-list .recommed-course > .recommed-coursewares-content{
	width: 198px;
}
	
.login-form{
	float: left;
	background-color: #FFF;
}
.left-horn{
	background: url(../images/login/left-horn.png) no-repeat 20px center;
	background-color: #FFF;
	padding:0 5px 0 40px;
	color: #7B7B7B;
}

.login-form .title{
	width: 347px;
	height: 91px;
	background-color: #FFF;
	margin-top: 50px;
	margin-left: 120px;
	
}
.teahcers-info{
	
	width: 570px;
}

.teahcers-info .teacher-describe{
	float: left;
	width: 180px;
	margin-left: 1px;
	margin-top:20px;
}
.teacher-content{
	margin-top: 50px;
}

.forget-pwd-log{
	height: 125px;
	width: 125px;
	background-image: url(../images/forget-pwd/logo.png);
	margin-left: 200px;
}
.forget-submit{
	height: 50px;
	width: 500px;
	margin-top: 30px;

}

.info-min-courseware{
	width: 70px;
	height: 23px;
	
	float: right;
}

.courseware-videos{
	height: 800px;
	width: 100%;
	background-color: #33394D;
	margin-top: 30px;
	padding-top: 50px;
}

.courseware-videos .title{
	background-image: url(../images/coursewares/nice_video.png);
	width: 172px;
	height: 40px;
	margin-left: 465px;
}

.old-course-chapter{
	height:30px;
	width:200px;
	float:right;
	color:#AF0206;
}

.rightOff-course-chapter{
	height:30px;
	width:80px;
	float:right;
	color:#AF0206;
}

.teacher-triangle{
	 width:0;
    height:0;
    border-width:7px 7px 7px 0;
    border-style:solid;
    border-color:transparent #EEEEEE transparent transparent;
    margin:40px auto;
    position:absolute;
    right: 197px;
    top: 0px;
    
}

.teachers-triangle{
	 width:0;
    height:0;
    border-width:7px 7px 7px 0;
    border-style:solid;
    border-color:transparent #EEEEEE transparent transparent;
    margin:40px auto;
    position:absolute;
    left: 176px;
    top: 10px;
    
}