/* 列表页 */ 
.content{
	padding-top: 30px;
	padding-bottom: 100px;
	overflow: hidden;
}
.left{
	width: 930px;
	height: 100%;
	float: left;
}
.right{
	width: 255px;
	height: 94%;
	border: 1px #ddd solid;
	background: #f3f3f3;
	float: right;
}

.classify{
	width: 930px;
	height: 200px;
	background: #fff;
	border: 1px #eee solid;
	padding-top: 20px;
}
.specialities,.software{
	width: 100%;
	height: 90px;
}
.classify_in{
	width: 70px;
	font-size: 14px;
	line-height: 28px;
	color: #828282;
	text-align: right;
	float: left;	
}
.classify ul{
	width: 857px;
	font-size: 14px;
	color: #393939;
	float: right;
}
.classify li{
	border: 1px #fff solid;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 5px;
	margin-bottom: 10px;
	cursor: pointer;
}
.classify li:hover{
	border: 1px #ff3d3d solid;
}
.classify li.specialities_current{
	border: 1px #ff3d3d solid;
}
.classify li.software_current{
	border: 1px #ff3d3d solid;
}
.classify li span{
	color: #ff3d3d;
}
.specialities li{
	margin-right: 50px;
}
.software li{
	margin-right: 33px;
}

.order{
	width: 100%;
	height: 52px;
	line-height: 50px;
	background: #fff;
	border:  1px #eee solid;
	margin: 20px 0;
}
.order div{
	width: 110px;
	line-height: 50px;
	text-align: center;
	position: relative;
	cursor: pointer;
	float: left;
}
.order div.current{
	background: #ff3d3d;
	color: #fff;
}
.order div span{
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid dashed dashed dashed;
	border-color: #fff transparent transparent transparent;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 23px;
}
.order .new span{
	right: 27px;
}
.order .hot span{
	right: 27px;
}


.list_in{
	height: 1470px;
}
.list_in ul{
	overflow: hidden;
}
.list_in li{
	margin:0 16px 30px 0;
}
.list_in li:nth-child(4n){
	margin-right: 0;
}
.list_in .empty{
	display: none;
}
.list_in .empty img{
	margin: 100px auto;
}


.right .recommend{
	font-size: 20px;
	color: #333;
	line-height: 55px;
	padding-left: 20px;
	border-bottom: 1px #ddd solid;
}
.right ul{
	height: 100%;
	padding: 30px 16px;
}
.right li{
	margin-bottom: 30px;
}

.like{
	width: 100%;
	height: 330px;
	background: #efefef;
}
.like .area_in>p{
	font-size: 20px;
	color: #393939;
	line-height: 70px;
}
.like li:last-child{
	margin-right: 0;
}


.pagination{
	padding-top: 70px;
}
.pagination ul{
	text-align: center;
}
.pagination li{
	min-width: 45px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #393939;
	text-align: center;
	display: inline-block;
	background: #fff;
	border: 1px #eee solid;
	border-radius: 15px;
	cursor: pointer;
	padding: 0 10px;
	margin: 0 3px;
}
.pagination li.current{
	color: #fff;
	background: #ff3d3d;
	border-color: #ff3d3d
}
.pagination li.ellipsis{
	color: #393939!important;
	border: none!important;
	background: none!important;
	cursor: default;
}
.pagination li.prev,.pagination li.next{
	border: 1px #eee solid!important;
	color: #393939!important;
	background: #fff!important;
}












/* 报名前视屏详情页 */
.detail_before .synopsis{
	height: 372px;
	background: #fff;
	border: 1px #ddd solid;
	padding: 20px;
	margin-top: 30px;
	position: relative;
}
.detail_before .synopsis .course_img{
	width: 484px;
	height: 330px;
	border: 1px #eee solid;
	float: left;
}
.detail_before .synopsis_text{
	width: 658px;
	height: 260px;
	padding-left: 42px;
	position: relative;
	float: left;
}
.detail_before .synopsis_text h3{
	font-size: 24px;
	color: #262626;
	margin: 20px 0;
}
.detail_before .synopsis_text p{
	line-height: 34px;
}
.detail_before .synopsis_in{
	width: 42px;
	text-align: justify;
	text-align-last:justify;
	-moz-text-align-last:justify;
	display: inline-block;
}
.detail_before .synopsis .monery{
	font-size: 22px;
	color: #ff3d3d;
	padding-left: 10px;
}
.detail_before .synopsis .hour{
	color: #171717;
	padding-left: 10px;
}
.detail_before .synopsis .teacher{
	color: #171717;
	border: none;
	padding-left: 10px;
}
.detail_before .synopsis .enroll{
	width: 165px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background: #ff3d3d;
	border-radius: 8px;
	margin-top: 32px;
}
.detail_before .synopsis .enroll:hover{
	background: #ce0808;
}
.detail_before .synopsis .enroll a{
	color: #fff;
}
.detail_before .partook{
	height: 26px;
	margin-top: 28px;
}
.detail_before .partook li{
	line-height: 26px;
	margin-right: 10px;
	float: left;
}
.detail_before .partook li.partook_pic{
	width: 26px;
	height: 26px;
	cursor: pointer;
}
.detail_before .partook .weixin{
	background: url(../img/weixin.png) no-repeat;
}
.detail_before .partook .weixin:hover{
	background: url(../img/weixin_h.png) no-repeat;
}
.detail_before .partook .zoon{
	background: url(../img/zoon.png) no-repeat;
}
.detail_before .partook .zoon:hover{
	background: url(../img/zoon_h.png) no-repeat;
}
.detail_before .partook .sina{
	background: url(../img/sina.png) no-repeat;
}
.detail_before .partook .sina:hover{
	background: url(../img/sina_h.png) no-repeat;
}
.detail_before .partook .qq{
	background: url(../img/qq.png) no-repeat;
}
.detail_before .partook .qq:hover{
	background: url(../img/qq_h.png) no-repeat;
}
.detail_before .partook .arrow{
	background: url(../img/down.png) no-repeat;
}
.detail_before .synopsis_text .partook .arrow_top{
	background: url(../img/top.png) no-repeat;
}

.detail_before .keep{
	width: 60px;
	height: 46px;
	text-align: center;
	border: 1px #eee solid;
	border-radius: 5px 0 0 5px;
	background: url(../img/keep.png) no-repeat center 4px;
	padding-top: 24px;
	position: absolute;
	right: 0;
	top: 33px;
	cursor: pointer;
}

.detail_before .keep:hover{
	color: #ff3d3d;
	background: url(../img/keep_h.png) no-repeat center 4px;
}
.detail_before .keep_cur{
	color: #ff3d3d;
	background: url(../img/keep_h.png) no-repeat center 4px;
}
.detail_before .keep_cur img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);

}
.detail_before .keep .num{
	line-height: 18px;
	margin-top: 8px;
}

.detail_before .content{
	padding-top: 20px;
	margin-bottom: 50px;
	overflow: hidden;
}


.detail_before .left{
	width: 900px;
	min-height: 1689px;
	background: #fff;
	border: 1px #eee solid;
	padding-bottom: 100px;
}
.detail_before .summary_top{
	height: 50px;
	border-bottom: 1px #eee solid;
}
.detail_before .summary_top li{
	width: 140px;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	border-right: 1px #eee solid;
	float: left;
	cursor: pointer;
}
.detail_before .summary_top li.current{
	color: #fff;
	background: #ff3d3d;
}
.detail_before .summary_in{
	width: 100%;
}
.detail_before .summary_in>li{
	width: 100%;
	height: 100%;
	display: none;
}
.detail_before .summary_in li.course_article{
	padding: 50px;
}
.detail_before .summary_in li.current{
	display: block;
}
.detail_before .coursephase>.course_catalog_arrow_top{
	background: url(../img/course_catalog_arrow_top.png) no-repeat 820px center;
}
.detail_before .coursephase>.course_catalog_arrow{
	background: url(../img/course_catalog_arrow.png) no-repeat 820px center;
}

.detail_before .section .course_catalog_arrow{
	background: url(../img/course_catalog_arrow.png) no-repeat 820px center;
}
.detail_before .section .course_catalog_arrow_top{
	background: url(../img/course_catalog_arrow_top.png) no-repeat 820px center;
}
.detail_before .summary_in .course_article p{
	margin-bottom: 15px;
}
/* 视频详情课程目录 */
.detail_before .course_catalog>ul{
	width: 100%;
	/* height: 1400px; */
	padding: 8px 20px;
}
.detail_before .course_catalog li{
	width: 860px;
	line-height: 40px;
	margin-top: 10px;
	cursor: pointer;
}
.detail_before .coursephase{
	font-size: 16px;
	color: #333;
}
.detail_before .coursephase_in{
	/* font-weight: bold; */
	padding-left: 10px;
}
.detail_before .section{
	font-size: 15px;
	color: #333;
}
.detail_before .section_in{
	border: 1px #ccc solid;
	padding-left: 10px;
}
.detail_before .section_content{
	display: none;
}
.detail_before .knowledge{
	font-size: 15px;
	font-weight: lighter;
	color: #333;
	background: #fafafa;
	padding-left: 10px;
	border-left: 2px #fafafa solid;
}


.detail_before .right{
	width: 288px;
	height: 100%;
	/* height: 1680px; */
}
.detail_before .teacher{
	width: 286px;
	height: 351px;
	border-bottom: 1px #ddd solid;
	position: relative;
	overflow: hidden;
}
.detail_before .teacher ul{
	height: 301px;
	padding: 0 ;
	position: relative;
}
.detail_before .teacher ul li{
	width: 220px;
	height: 281px;
	margin: 20px 33px 0;
	margin-bottom: 0;
	background: #f3f3f3;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.detail_before .teacher ul li.current{
	display: block;
}
.detail_before .teacher li:first-child{
	z-index: 1;
}
.detail_before .teacher li>p{
	padding-top: 20px;
	text-indent: 2em;
	text-align: justify;	
}
.detail_before .teacher h6{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #393939;
	font-weight: lighter;
	border-bottom: 1px #ddd solid;
	padding: 0 33px;
}
.detail_before .teacher_in{
	height: 60px;
}
.detail_before .teacher_in img{
	float: left;
}
.detail_before .teacher_in div{
	font-size: 16px;
	line-height: 22px;
	padding:8px 0 0 20px;
	float: left;
}
.detail_before .teacher_in .name{
	color: #393939;
	font-size: 18px;
}
.detail_before .teacher_in .job{
	color: #666;
	font-size: 14px;
}
.detail_before .teacher span{
	width: 13px;
	height: 34px;
	position: absolute;
	top: 170px;
	cursor: pointer;
	display: none;
}
.detail_before .teacher .teacher_left{
	left: 8px;
	background: url(../img/teacher_left.png) no-repeat;
}
.detail_before .teacher .teacher_right{
	right: 8px;
	background: url(../img/teacher_right.png) no-repeat;
}
.detail_before .right .recommend{
	padding-left: 33px;
}
.detail_before .right .recommend_course{
	height: 1280px;
	padding-left: 33px;
}










/* 报名后视频详情页*/
.detail_after .synopsis{
	height: 300px;
	padding: 0;
}
.synopsis_top{
	height: 190px;
	padding: 20px 20px 0;
}
.detail_after .synopsis_top>.course_img{
	width: 220px;
	height: 150px;
}
.detail_after .synopsis_text{
	height: 170px;
}
.detail_after .synopsis_text h3{
	margin: 12px 0;
}
.detail_after .synopsis_text p{
	line-height: 25px;
}
.detail_after .partook{
	margin-top: 10px;
}
.detail_after .keep{
	border: none;
	padding-top: 0;
	background: none;
	right: 33px;
	top: 33px;
	cursor: auto;
}
.detail_after .keep:hover{
	background: none;
}
.detail_after .keep p{
	font-size: 14px;
	color: #999;
}
.detail_after .keep .num{
	font-size: 18px;
	letter-spacing: 1px;
	color: #171717;
}
.learning_process{
	height: 108px;
	background: #f3f3f3;
}
.learning_process ul{
	width: 1108px;
	height: 65px;
	padding-top: 45px;
	display: block;
	margin: 0 auto;
}
.learning_process li{
	font-size: 18px;
	color: #393939;
	line-height: 16px;
	float: left;
}
.learning_process li .per{
	color: #ff3d3d;
}
.progress_bar{
	width: 920px;
	height: 13px;
	border: 1px #ddd solid;
	border-radius: 6.5px;
	background: #fff;
	margin: 0 10px;
}
.progress_bar_in{
	height: 100%;
	width: 40%;
	border-radius: 6.5px 0 0 6.5px;
	background: #ff3d3d;
}
.progress_bar .full{
	width: 100%;
	border-radius: 6.5px;
}
.knowledge:hover{
	background: #ffeeee;
	border-left: 2px #ff3d3d solid;
}
.knowledge .play{
	width: 90px;
	height: 26px;
	font-size: 12px;
	line-height: 26px;
	/* text-align: center; */
	color: #fff;
	float: right;
	background: url(../img/play.png) no-repeat 14px center #ff3d3d;
	-webkit-background-size: 13px 13px;
	background-size: 13px 13px;
	border-radius: 5px;
	padding-left: 30px;
	/* position: relative; */
	margin: 6px;
	display: none;
}
.knowledge .play:active{
	background: url(../img/play.png) no-repeat 14px center #ce0808;
	-webkit-background-size: 13px 13px;
	background-size: 13px 13px;
}
.knowledge .play:hover{
	background: url(../img/play.png) no-repeat 14px center #ce0808;
	-webkit-background-size: 13px 13px;
	background-size: 13px 13px;
}
/* .knowledge .play span{
	width: 13px;
	height: 13px;
	background: url(../img/play.png) no-repeat;
	-webkit-background-size: 13px 13px;
	background-size: 13px 13px;
	display: block;
	position: absolute;
	top: 6px;
	left: 10px;
} */
















/* 个人中心 */
.user_top{
	height: 160px;
	background: url(../img/user_top.png) no-repeat;
	padding: 62px 0 0 70px;
}
.user{
	height: 82px;
}
.user img{
	width: 82px;
	height: 82px;
	float: left;
}
.user_top_info{
	padding: 14px 0 0 20px;
	float: left;
}
.user_top .user_name{
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	font-weight: lighter;
}
.user_top .user_sex{
	font-size: 12px;
	color: #b8b8b8;
	padding-left: 27px;
	background: url(../img/girl.png) no-repeat 10px 3px;
}
.user_content{
	overflow: hidden;
}
.user_left{
	width: 220px;
	height: 1080px;
	min-height: 300px;
	border: 1px #ccc solid;
	border-top: none;
	background: #fff;
	float: left;
}
.user_left li{
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #393939;
	text-align: center;
	border-bottom: 1px #ccc solid;
	cursor: pointer;
}
.user_left li.current{
	background: #ff3d3d;
	color: #fff;
}
.user_right{
	width: 980px;
	background: #fff;
	border: 1px #eee solid;
	border-left: none;
	border-top: none;
	float: right;
}
.user_right>li{
	display: none;
}
.user_right>li.current{
	display: block;
}
.user_info{
	width: 980px;
	height: 1080px;
	padding-top: 60px;
}
.user_pic_box{
	margin: 0 auto;
}
.user_pic_box img{
	width: 122px;
	height: 122px;
	border-radius: 50%;
	margin: 0 auto;
}
.user_pic_box .change{
	width: 100px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background: #ff3d3d; 
	color:#fff;
	border-radius: 5px;
	margin: 20px auto 0;
	cursor: pointer;
}
.user_pic_box .change:hover{
	background: #ce0808;
}


.user_info li{
	width: 400px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	margin: 30px auto 0;
}
.user_info .user_sex{
	margin: 20px auto 0;
}
.user_info .user_sex_in{
	font-size: 14px;
	margin-right: 22px;
}
.user_info .uesr_birithday{
	margin-top: 16px;
}

.user_sex label{
	cursor: pointer;
}
.user_info label{
	font-size: 16px;
}
.user_right input[type="text"]{
	width: 280px;
	height: 40px;
	border: 1px #ccc solid;
	padding-left: 10px;
}
.user_info li label:first-child{
	width: 70px;
	text-align: right;
	display: inline-block;
	margin-right: 15px;
}
.user_info .uesr_birithday .year{
	width: 80px;
}
.user_info .uesr_birithday .month{
	width: 50px;
}
.user_info .uesr_birithday .day{
	width: 50px;
}
.user_info select{
	width: 139px;
	border:1px #ccc solid;
	height:42px;
	margin-top: 2px;
	margin-bottom: 3px;
	color:#393939;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-appearance: none;
}
.user_right .btn input{
	width: 90px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	border: none;
	border-radius: 8px;
	margin-top: 50px;
	cursor: pointer;
}
.user_right .btn input[type="submit"]{
	background: #ff3d3d;
	margin-left: 110px;
}
.user_right .btn input[type="submit"]:hover{
	background: #ce0808;
}
.user_right .btn input[type="reset"]{
	background: #909090;
	margin-left: 48px;
}
.user_right .btn input[type="reset"]:hover{
	background: #666;
}
.modify_password{
	height: 666px;
	padding-top: 150px;
}
.modify_password input{
	width: 280px;
	height: 40px;
	font-size: 14px;
	text-align: center;
	border: 1px #ccc solid;
	padding-left: 10px;
	margin: 0 auto 36px;
	display: block;
}
.modify_password .btn input{
	display: inline-block;
}
.modify_password .btn{
	width: 280px;
	margin: 0 auto;
}
.modify_password .btn input[type="button"]{
	background: #ff3d3d;
	margin-left: 28px;
}
.modify_password .btn input[type="button"]:hover{
	background: #ce0808;
}
.modify_password_ok{
	width: 200px;
	height: 140px;
	font-size: 16px;
	text-align: center;
	background: #fafafa;
	border-radius: 5px;
	border: 1px #ddd solid;
	padding-top: 30px;
	margin: 0 auto;
	display: none;
}
.modify_password_ok img{
	width: 45px;
	height: 45px;
	margin: 0 auto 18px;
}
.my_course{
	height: 1900px;
	padding-top: 50px;
}
.my_course_top{
	height: 70px;
	text-align: center;
	border-bottom: 1px #ddd solid;
}
.my_course_top span{
	width: 80px;
	height: 30px;
	line-height: 30px;
	border: 1px #ddd solid;
	border-radius: 5px;
	display: inline-block;
	margin:0 20px;
	cursor: pointer;
}
.my_course_top span.current{
	background: #ff3d3d;
	color: #fff;
	border-color: #ff3d3d;
}
.my_course>ul>li{
	height: 160px;
	border-bottom: 1px #ddd solid;
	padding: 8px 20px;
}
.my_course>ul>li>p{
	font-size: 12px;
}
.course_content{
	height: 120px;
	position: relative;
}
.course_content .course_pic{
	width: 176px;
	height: 120px;
	cursor: pointer;
	float: left;
	position: relative;
}
.course_content img{
	width: 176px;
	height: 120px;
	border: 1px #eee solid;
}
.course_content .img_hov{
	width: 176px;
	height: 120px;
	background: rgba(0,0,0,.3);
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.my_course .my_course_text{
	width: 760px;
	padding-left: 20px;
	float: right;
}
.my_course h3{
	font-size: 20px;
	padding-top: 11px;
}
.my_course h3:hover a{
	color: #ff3d3d;
}
.my_course .my_course_text p{
	width: 150px;
	display: inline-block;
	padding-top: 16px;
}
.my_course .learning_process{
	height: 30px;
	background: none;
	padding-top: 20px;
}
.my_course .learning_process ul{
	height: 30px;
	padding-top: 0;
}
.my_course .learning_process li{
	font-size: 14px;
	color: #393939;
	line-height: 11px;
}
.my_course .progress_bar_in{
	height: 8px;
}
.my_course .progress_bar{
	width: 430px;
	height: 8px;
}
.my_course .go_on{
	width: 90px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background: #ff3d3d;
	position: absolute;
	right: 0;
	bottom: 11px;
	cursor: pointer;
}
.my_course .go_on a{
	color: #fff;
}
.my_course .go_on:hover{
	background: #ce0808;
}
.my_course .synopsis_in{
	color: #999;
}


.play_record{
	height: 1860px;
}
.play_record h5,.my_collection h5{
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #393939;
	border-bottom: 1px #ddd solid;
	padding-left: 20px;
	position: relative;
}
.play_record h5 span,.my_collection h5 span{
	width: 120px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	text-align: center;
	background: #ff3d3d;
	display: block;
	position: absolute;
	right: 20px;
	top: 15px;
	cursor: pointer;
}
.play_record h5 span:hover,.my_collection h5 span:hover{
	background: #ce0808;
}
.play_record ul{
	height: 1800px;
	border-left: 1px #ccc solid;
	margin-left: 145px;
}
.play_record li{
	padding:25px 0 0 25px;
	position: relative;
}
.play_date{
	width: 80px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	background: #ff3d3d;
	position: absolute;
	left: -100px;
	top: 25px;
}
.play_date_triangle{
	width: 10px;
	height: 8px;
	background: url(../img/play_date.png) no-repeat;
	display: block;
	position: absolute;
	right: -10px;
	top: 10px;
}
.play_record_video{
	width: 790px;
	height: 100px;
	background: #fafafa;
	padding: 13px;
	margin-bottom: 20px;
	position: relative;
}
.play_record_video:last-child{
	margin-bottom: 0;
}
.play_record_video .del{
	width: 65px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	border: 1px #ddd solid;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	position: absolute;
	right: 20px;
	top: 37px;
	cursor: pointer;
}
.play_record_video .del:hover{
	background: #ff3d3d;
	color: #fff;
}
.play_time{
	width: 55px;
	color: #ff3d3d;
	position: absolute;
	left: -75px;
	top: 43px;
}
.play_time span{
	width: 11px;
	height: 11px;
	border: 3px #ff3d3d solid;
	border-radius: 50%;
	background: #fafafa;
	display: block;
	position: absolute;
	right: 0;
	top: 2px;
}
.play_video_triangle{
	width: 11px;
	height: 13px;
	background: url(../img/play_video_triangle.png) no-repeat;
	display: block;
	position: absolute;
	left: -11px;
	top: 43px;
}
.record_video_img{
	width: 110px;
	height: 75px;
	float: left;
	position: relative;
	cursor: pointer;
}
.record_video_img .play{
	width: 110px;
	height: 75px;
	background: url(../img/play.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
}
.record_video_img .play:hover{
	background-color: rgba(0,0,0,.5);
}
.record_video_in{
	width: 650px;
	height: 75px;
	padding-left: 10px;
	padding-top: 2px;
	float: left;
}
.record_video_in h4{
	font-size: 16px;
	color: #393939;
}
.record_video_in .play_process{
	font-size: 14px;
	color: #747474;
	line-height: 30px;
}
.record_video_in .play_course{
	font-size: 14px;
	color: #393939;
}
.record_video_in .play_course:hover a span{
	color: #ff3d3d;
}
.my_collection ul{
	min-height: 1000px;
	padding: 25px 0 0 20px;
	overflow: hidden;
}
.my_collection li{
	margin:0 20px 30px 0;
	overflow: hidden;
	position: relative;
}
.my_collection li:nth-child(4n){
	margin-right: 0;
}
.my_collection .course_in .course_pic_hov{
	width: 219px;
	height: 80px;
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 215px;
	/* top: 0; */
	padding: 25px;
	display: block;
}
.my_collection .course_pic_hov>div{
	width: 75px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
	background: #fff;
	float: left;
	cursor: pointer;
}
.my_collection .course_pic_hov .enroll a{
	font-size: 14px;
	border-radius: 5px;
	color: #fff;
	background: #ff3d3d;
}

.my_collection .course_pic_hov .enroll a:hover{
	background: #ce0808;
}
.my_collection .course_pic_hov .del{
	margin-left: 18px;
}
.my_collection .course_pic_hov .del:hover{
	background: #ebebeb;
}
.user_right .really{
	width: 300px;
	height: 180px;
	text-align: center;
	background: #fafafa;
	border: 1px #ccc solid;
	border-radius: 5px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	display: none;
}
.user_right .really p{
	margin-top: 50px;
}
.user_right .really div div{
	width: 80px;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	background: #ff3d3d;
	color: #fff;
	margin:40px 0 0 50px;
	float: left;
	cursor: pointer;
}
.user_right .really .yes:hover{
	background: #ce0808;
}
.user_right .really .no{
	color: #393939;
	background: #fff;
	border: 1px #ccc solid;
}
.user_right .really .no:hover{
	background: #ccc;
}
.user_center .footer{
	margin-top: 50px;
}








/* 意见反馈页 */
.feedback .content{
	height: 990px;
	background: #fff;
	border: 1px #eee solid;
	padding-top: 0;
}
.feedback input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	background-color: #fff!important;
}
.feedback .content h5{
	width: 1200px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #393939;
	padding-left: 15px;
	border: 1px #ccc solid;
	margin: -1px 0 0 -1px;
}
.feedback .content form{
	padding-top: 80px;
}
.feedback .content form>div{
	width: 835px;
	padding-bottom: 40px;
	margin:0 auto;
	position: relative;
	overflow: hidden;
}
.feedback .content label{
	width: 91px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: right;
	display: block;
	margin-right: 20px;
	float: left;
}
.feedback .content label span{
	font-size: 22px;
	color: #ff3d3d;
}
.feedback .content input{
	width: 720px;
	height: 40px;
	font-size: 16px;
	padding-left: 10px;
	float: left;
}
.feedback .content textarea{
	width: 720px;
	height: 260px;
	border: 1px #ccc solid;
	resize: none;
	padding: 10px;
	float: left;
}
.feedback .content .field-validation-valid{
	display: block;
	position: absolute;
	top: 40px;
	left: 110px;
}
.feedback .content .field-validation-error{
	left: 110px;
	top: 44px;
}
.feedback .desc .field-validation-error{
	left: 110px;
	top: 265px;
}
.feedback .content button{
	width: 135px;
	height: 40px;
	background: #ff3d3d;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-radius: 5px;
	margin:50px 0 0 50%;
	transform: translate(-50%,0);
	cursor: pointer;
}
.feedback .content button:hover{
	background: #ce0808;
}
.feedback .content .sub_ok{
	width: 300px;
	height: 200px;
	font-size: 16px;
	text-align: center;
	border-radius: 5px;
	border: 1px #ccc solid;
	margin: 230px auto 0;
	display: none;
}
.feedback .sub_ok img{
	width: 45px;
	height: 45px;
	margin: 30px auto 20px;
}
.feedback .sub_ok a{
	width: 125px;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	background: #ff3d3d;
	color: #fff;
	margin: 22px auto 0;
}
.feedback .footer{
	margin-top: 60px;
}










/* 视屏播放页 */
.playview{
	background: #000;
}
.head{
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	padding-left: 55px;
	background: #fafafa;
}
.playview .head a{
	width: 160px;
	color: #393939;
	font-weight: normal;
	display: inline-block;
}
.playview .head a:hover{
	color: #ff3d3d;
}
.playview_content{
	width: 100%;
	padding:30px 55px 0 55px;
}
.play_video_box{
	width: 80%;
	height: 100%;
	float: left;
}
.playview .play_video{
	width: 100%;
	height: 92%;
	background: #ccc;
}
.playview .partook{
	height: 8%;
	padding-top: 15px;
	overflow: hidden;
}
.playview .partook ul{
	height: 30px;
	float: left;
}
.playview .partook li{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #757575;
	float: left;
}
.playview .partook li.partook_pic{
	width: 30px;
	margin-left: 5px;
	cursor: pointer;
}
.playview .weixin{
	background: url(../img/weixin.png) no-repeat;
}
.playview .weixin:hover{
	background: url(../img/weixin_h.png) no-repeat;
}
.playview .zoon{
	background: url(../img/zoon.png) no-repeat;
}
.playview .zoon:hover{
	background: url(../img/zoon_h.png) no-repeat;
}
.playview .sina{
	background: url(../img/sina.png) no-repeat;
}
.playview .sina:hover{
	background: url(../img/sina_h.png) no-repeat;
}
.playview .qq{
	background: url(../img/qq.png) no-repeat;
}
.playview .qq:hover{
	background: url(../img/qq_h.png) no-repeat;
}
.playview .partook>span{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	display: inline-block;
	float: right;
}
.playview .partook .red{
	color: #ff3d3d;
}

.playview .course_nav{
	width: 18%;
	height: 100%;
	background: #171717;
	float: right;
	overflow: auto;
}
.playview .course_nav h4{
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 22px;
	padding-left: 25px;
}
.playview .course_nav ul{
	height: 90%;
	border-top: 1px #313131 solid;
	scrollbar-track-color: #202020;
	scrollbar-face-color: #676767;
}
::-webkit-scrollbar{
	width: 6px;
	background: #202020;
}

::-webkit-scrollbar-thumb{
	background: #676767;
	border-radius: 5px;
}
.playview .course_nav li{
	height: 45px;
	line-height: 45px;
	color: #fff;
	border-bottom: 1px #313131 solid;
	padding: 0 20px 0 25px;
	cursor: pointer;
}
.playview .course_nav li.current{
	color: #ff3d3d;
	background: url(../img/course_nav.png) no-repeat left center #262626;
}
.playview .course_nav li span{
	color: #777;
	float: right;
}
.playview .course_nav li.current span{
	color: #ccc;
}








/* 精品课程 */
.excellent_course .banner{
	height: 400px;
	background: #1b9bdd;
	overflow: hidden;
}
.excellent_course .banner img{
	margin: 110px auto 0;
}
.course_classify{
	height: 965px;
	padding: 60px 150px;
}
.course_classify h2{
	color: #fff;
	font-size: 46px;
	line-height: 46px;
	font-weight: lighter;
}
.course_classify h3{
	font-size: 18px;
	letter-spacing: 1.5px;
	margin: 10px 0 35px 0;
}
.course_classify li{
	width: 282px;
	margin-right: 27px;
	float: left;
}
.course_classify li:nth-child(3n){
	margin-right: 0;
}
.course_classify .excellent_course_box{
	background: #fff;
	margin-bottom: 25px;
}
.excellent_course_text{
	height: 115px;
	padding: 20px;
	padding-bottom: 0;
}
.excellent_course_text h5{
	font-size: 20px;
	color: #252525;
	line-height: 20px;
}
.excellent_course_text p{
	font-size: 12px;
	color: #666;
	line-height: 16px;
	text-indent: 2em;
	text-align: justify;
	margin-top: 5px;
}

.graphic_artist{
	background: #ffa200;
}
.graphic_artist h3{
	color: #ffcb90;
}
.user_interface{
	background: #009ff2;
}
.user_interface h3{
	color: #90caf8;
}
.interior{
	background: #01c6a8;
}
.interior h3{
	color: #90decf;
}
.industrial{
	background: #ffa200;
}
.industrial h3{
	color: #ffce96;
}
.game{
	background: #009ff2;
}
.game h3{
	color: #90caf8;
}
.front_end_development{
	background: #01c6a8;
}
.front_end_development h3{
	color: #90decf;
}



.basic_course{
	background: #fff;
}
.basic_course .banner{
	min-width: 1200px;
	height: 400px;
	background: url(../img/basic_banner.png) no-repeat center top;
}
.basic_course .basic{
	height: 640px;
	text-align: center;
	padding-top: 70px;
}
.basic_course h2{
	font-size: 30px;
	color: #3c3c3c;
	font-weight: bold;
	text-align: center;
}
.basic_course h3{
	width: 282px;
	color: #888;
	font-size: 22px;
	text-align: center;
	background: #fff;
	margin: 0 auto;
	margin-top: -16px;
}
.basic_course .basic_line{
	width: 530px;
	border-top: 1px #bebebe solid;
	margin: 30px auto 0;
}
.basic_course .basic ul{
	padding: 50px 100px;
}
.basic_course .basic li{
	width: 190px;
	margin: 0 30px;
	float: left;
}
.basic_course .basic li img{
	margin: 0 auto 28px;
}
.basic_course .basic li h6{
	font-size: 22px;
	color: #3c3c3c;
}
.basic_course .basic li p{
	font-size: 16px;
	line-height: 26px;
	text-align: justify;
	margin-top: 30px;
}

.basic_course .door{
	min-width: 1200px;
	height: 340px;
	background: url(../img/door.png) no-repeat center top;
	padding-top: 80px;
}
.basic_course .door h4{
	font-size: 44px;
	text-align: center;
	color: #fff;
	font-size: lighter;
}
.basic_course .rudiments{
	padding-top: 60px;
	height: 1340px;
}
.basic_course .course_top{
	margin-top: 50px;
}
.basic_course .course_top li{
	width: 110px;
	height: 35px;
	font-size: 18px;
	line-height: 35px;
	border: 1px #feb700 solid;
	margin: 0 6px;
}
.basic_course .course_top li.current{
	color: #fff;
	background: #feb700;
}
.basic_course .course_bottom{
	height: 990px;
}
.basic_course .course_bottom>li{
	height: 990px;
	padding-top: 40px;
}
.basic_course .course_bottom>li ul{
	height: 950px
}
.basic_course .course_in{
	width: 300px;
	height: 220px;
	border: none;
	margin: 0;
}
.basic_course .course_in:hover{
	box-shadow: none;
}
.basic_course .course_in a{
	position: relative;
}
.basic_course .course_text{
	width: 180px;
	height: 110px;
	color: #fff;
	border: 2px #fff solid;
	background: rgba(0,0,0,.5);
	margin: 55px auto;
	position: absolute;
	left: 58px;
	top: 0;
}
.basic_course .course_text p{
	width: 80px;
	text-align: center;
	margin: 35px auto 0;
}
.basic_course .course_bottom .more{
	width: 200px;
	height: 46px;
	font-size: 20px;
	text-align: center;
	line-height: 46px;
	color: #fff;
	border-radius: 23px;
	background: #feb700;
	margin: 0 auto;
	position: static;
	display: block;
}


.basic_course .works{
	height: 570px;
	background: #feb700;
	padding-top: 80px;
	position: relative;
}
.basic_course .works h2{
	color: #4f4836;
}
.basic_course .works .basic_line{
	border-color: #be9836;
}
.basic_course .works h3{
	background: #feb700;
	color: #886c24;
}
.basic_course .works_in{
	width: 1200px;
	height: 234px;
	margin: 60px auto 0;
	position: relative;
	overflow: hidden;
}
.basic_course .works ul{
	width: 4840px;
	position: absolute;
	left: 0;
	top: 0;
}
.basic_course .works li{
	margin-right: 8px;
	float: left;
}
.basic_course .works span{
	width: 33px;
	height: 33px;
	display: block;
	position: absolute;
	top: 325px;
	cursor: pointer;
}
.basic_course .works_left{
	background: url(../img/works_left.png) no-repeat;
	left: 110px;
}
.basic_course .works_right{
	background: url(../img/works_right.png) no-repeat;
	right: 110px;
}











/* 招聘界面 */

/* 招聘 */
.employ_content>ol{
	text-align: center;
}
.employ_content>ol li{
	width: 135px;
	height: 84px;
	line-height: 84px;
	font-size: 24px;
	color: #3f3f3f;
	display: inline-block;
	margin: 0 13px;
	cursor: pointer;
}
.employ_content>ol li.current{
	border-bottom:5px #ff3d3d solid; 
}
.employ_content>ul{
	border-top: 1px #ccc solid;
	overflow: hidden;
}
.employ_content>ul>li{
	width: 1200px;
	padding-top: 34px;
	display: none;
}
.employ_content>ul>li.current{
	display: block;
}

/* 握课招聘 */
.employ_area .siftings{
	height: 32px;
	margin-bottom: 40px;
}
.employ_area .siftings span{
	font-size: 20px;
	line-height: 32px;
	margin-right: 20px;
	float: left;
}
.employ_area .siftings ol{
	float: left;
}
.employ_area .siftings li{
	font-size: 20px;
	line-height: 20px;
	border: 1px #fff solid;
	border-radius: 5px;
	font-weight: lighter;
	padding: 5px 15px;
	margin: 0 3px;
	float: left;
	cursor: pointer;
}
.employ_area .siftings li.current{
	border-color: #ff3d3d;
}
.employ_area .posts_box{
	width: 1200px;
	border: 1px #ccc solid;
	margin-bottom: 22px;
}
.employ_area .posts{
	width: 100%;
	height: 116px;
	padding: 25px 0 0 30px;
	background: url(../img/employ_arrow_top.png) no-repeat 1125px center;
	border-left: 5px #fafafa solid;
	cursor: pointer;
}
.employ_area ul li.red .posts{
	border-left: 5px #ff3d3d solid;
	background: url(../img/employ_arrow_bottom.png) no-repeat 1125px center;
}
.employ_area .employ_claim{
	border-left: 5px #fafafa solid;
}
.employ_area ul li.red .employ_claim{
	border-left: 5px #ff3d3d solid;
}
.employ_area .posts h5{
	font-size: 22px;
	color: #474747;
}
.employ_area .posts p{
	font-size: 18px;
	color: #7e7e7e;
	margin-top: 15px;
}
.employ_area .posts p span{
	margin-right: 65px;
}
.employ_claim{
	border-top: 1px #ccc solid;
	padding: 25px 0 46px 30px;
	display: none;
}
.employ_claim div{
	margin-bottom: 30px;
}
.employ_claim div:last-child{
	margin-bottom: 0;
}
.employ_claim h6{
	font-size: 18px;
	line-height: 18px;
	color: #333;
	margin-bottom: 16px;
}
.employ_claim p{
	font-size: 14px;
	color: #777;
	line-height: 26px;
}


/* 办公环境 */
.office_area{
	padding-bottom: 95px;
}
.office_area>div{
	height: 578px;
}
.office_text{
	width: 365px;
	height: 578px;
	background: #fff;
	padding: 80px 68px 0 68px;
	position: relative;
}
.office_text h5{
	font-size: 30px;
	line-height: 30px;
	color: #535353;
	margin-bottom: 10px;
}
.office_text h6{
	font-size: 20px;
	font-weight: lighter;
	color: #777;
}
.office_text p{
	font-size: 14px;
	line-height: 26px;
	color: #777;
	text-align: justify;
	margin-top: 70px;
}
.office_img{
	width: 800px;
	height: 578px;
	float: right;
}
.office_img img{
	float: left;
}
.office01 .office_text{
	border-top: 1px #ccc solid; 
	border-left: 5px #ff3d3d solid;
	float: right;
}
.office01 .office_img{
	border-top: 1px #ccc solid;
}
.office02 .office_text{
	border-right: 5px #ff9c00 solid;
	float: left;
}
.office02 .office_img{
	float: left;
}
.office03 .office_text{
	border-left: 5px #54a9ff solid;
	float: right;
}
.office04 .office_text{
	border-bottom: 1px #ccc solid;
	border-right: 5px #a975ff solid;
	float: left;
}
.office04 .office_img{
	border-bottom: 1px #ccc solid;
	float: left;
}
.office_num{
	position: absolute;
	top: 90px;
}
.office01 .office_num,.office03 .office_num{
	left: -35px;
}
.office02 .office_num,.office04 .office_num{
	right: -35px;
}




/* 员工风采 */

.we_top{
	width: 1200px;
	height: 480px;
	background: url(../img/we_top.png) no-repeat center center;
	position: relative;
}
.we_top_in{
	width: 156px;
	height: 44px;
	background: url(../img/we_top_in.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 320px;
	transform: translate(-50%,0);
}
.memories01{
	width: 1200px;
	height: 570px;
}
.memories01>div{
	width: 600px;
	height: 570px;
	float: left;
}
.memories01_left{
	padding-top: 22px;
}
.we_area h4{
	font-size: 20px;
	line-height: 92px;
	padding-left: 33px;
}
.memories01_right{
	background: #353535;
	padding-top: 55px;
}
.memories01_right ol{
	text-align: center;
}
.memories01_right>ol li{
	width: 102px;
	height: 18px;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	border-right: 1px #fff solid;
	display: inline-block;
	cursor: pointer;
}
.memories01_right>ol li:last-child{
	border-right: none;
}
.memories01_right>ol li.current{
	color: #ff3d3d;
}
.memories01_right .tab_bottom{
	width: 600px;
	height: 356px;
	margin-top: 41px;
	position: relative;
}
.memories01_right .tab_bottom>li{
	width: 600px;
	height: 356px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.memories01_right .tab_bottom>li.current{
	display: block;
}
.memories01_right .box_in{
	width: 543px;
	height: 356px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.memories01_right .box_in li{
	width: 543px;
	height: 356px;
	background: #353535;
	position: absolute;
	left: 0;
	top: 0;
}
.memories01_right .box_in li:first-child{
	z-index: 1;
}
.memories01_right .box_in img{
	margin: 0 15px 12px 0;
	float: left;
}
.memories01_right .box_in .mrn{
	margin-right: 0;
}
.memories01_right .box_in .mbn{
	margin-bottom: 0;
}
.memories01_right .tab_bottom span{
	width: 12px;
	height: 21px;
	display: block;
	position: absolute;
	top: 169px;
	cursor: pointer;
}
.memories_btn_left{
	left: 6px;
	background: url(../img/memories_btn_left.png) no-repeat;
}
.memories_btn_right{
	right: 6px;
	background: url(../img/memories_btn_right.png) no-repeat;
}

.memories02,.memories03{
	width: 1200px;
	height: 570px;
}
.memories02_left,.memories03_left{
	width: 600px;
	height: 570px;
	background: #505050;
	position: relative;
	float: left;
}
.memories02_left p,.memories03_left p{
	width: 342px;
	height: 448px;
	font-size: 16px;
	line-height: 30px;
	background: url(../img/memories_p.png) no-repeat;
	padding: 55px 65px;
	position: absolute;
	left: 176px;
	top: 62px;
	z-index: 999;
}
.memories02_right,.memories03_right{
	width: 600px;
	height: 570px;
	float: left;
	position: relative;
}
.memories02_right h4,.memories03_right h4{
	text-align: right;
	padding-right: 120px;
}
.memories02_right ul,.memories03_right ul{
	width: 600px;
	height: 356px;
	position: absolute;
	left: -120px;
	top: 92px;
	overflow: hidden;
}
.memories02_right ul li,.memories03_right ul li{
	width: 600px;
	height: 356px;
	position: absolute;
	left: 0;
	top: 0;
}
.memories02_right ul li img,.memories03_right ul li img{
	width: 600px;
	height: 356px;
}
.memories_right,.memories_right2{
	width: 26px;
	height: 76px;
	display: block;
	background: url(../img/memories_right.png) no-repeat;
	position: absolute;
	right: 40px;
	top: 220px;
	cursor: pointer;
}