/* 列表页 */ 
/*.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: 20px 0;
}
.specialities,.software{
	width: 100%;
	/* height: 90px; */
	overflow: hidden;
}
.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;
	border-right: 1px solid #eee;
	position: relative;
	cursor: pointer;
	float: left;
}
.order div.current{
	background: #ff3d3d;
	border-right: 1px solid #ff3d3d;
	color: #fff;
}
.order div span{
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid dashed dashed dashed;
	border-color: #d2d2d2 transparent transparent transparent;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 23px;
}
.order .current span{
	border-color: #fff transparent transparent transparent;
}
.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;
	text-align: center;
}
.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{
    width:100%;
	height: 6.63rem;
    border-bottom:solid 0.1rem #eeeeee;
	background: #fff;
	position: relative;
}
.detail_before .synopsis .course_img{
	width: 4.85rem;
	height: 3.3rem;
	/*border: 0.01rem #eee solid;*/
	float: left;
}
.detail_before .synopsis_text{
	width: 7.2rem;
	height: 1.6rem;
	padding-left: 0.24rem;
	position: relative;
	float: left;
}
.detail_before .synopsis_text h3{
	font-size: 0.32rem;
	color: #151515;
	margin: 0.2rem 0;
}
.detail_before .synopsis_text p{
    float:left;
    height:0.3rem;
    text-align:center;
    padding-right:0.2rem;
	line-height: 0.34rem;
    font:400 0.26rem 'Microsoft YaHei';
    color:#858585;
}

.detail_before .synopsis_text .away{
    position:absolute;
    margin-top:1rem;
    width:4rem;
    height:0.5rem;
}

.detail_before .synopsis_text p{
    text-align:left;
}

.detail_before .synopsis_text .PraiseIt{
    padding-left:0.2rem;
    padding-right:0;
}

.detail_before .synopsis_text .PraiseIt{
    border-left:solid 0.01rem #858585;
    text-align:center;
}

.detail_before .synopsis_text .PrimePrice{
    position:absolute;
    /*margin-top:1.2rem;*/
    margin-top:0.2rem;
    margin-left:1.6rem;
}

.detail_before .synopsis_text .PrimePrice .synopsis_in{
    display:block;
}

.detail_before .synopsis_text .CurrentPrice{
    position:absolute;
    /*margin-top:1rem;*/
}

.detail_before .synopsis_text .PrimePrice span{
    float:left;
    color:#898989;
    font:400 0.26rem 'Microsoft YaHei';
    text-decoration:line-through;
}

.detail_before .synopsis_text .PrimePrice span:nth-child(1){
    margin-left:0.8rem;
}

.detail_before .synopsis_in{
	text-align: justify;
	text-align-last:justify;
	-moz-text-align-last:justify;
	display: inline-block;
    display:none;
}
.detail_before .synopsis .monery{
    float:left;
	font-size: 0.46rem;
	color: #ff3d3d;
}

.detail_before .synopsis .IntegralPay{
    font:400 0.26rem 'Microsoft YaHei';
    color:#868686;
    float:left;
    margin-left:0.2rem;
}

.detail_before .synopsis .IntegralPay i{
    display:inline-block;
    width:0.2rem;
    height:0.3rem;
    margin-top:0.12rem;
    background-image:url(/Content/Mimages/Micons/jifen.png);
    background-position:center 0.12rem;
    background-size:100%;
    background-repeat:no-repeat;
}

.detail_before .synopsis .hour{
	color: #171717;
	padding-left: 0.1rem;
}
.detail_before .synopsis .teacher{
	color: #171717;
	border: none;
	padding-left: 0.1rem;
}
.detail_before .synopsis .enroll{
	/*width: 165px;*/
	height: 0.48rem;
	line-height: 0.48rem;
	font-size: 0.2rem;
	color: #fff;
	/*border-radius: 8px;*/
	margin: 0.3rem 0 0.32rem 0;
    display:none;
}
/*.detail_before .synopsis .enroll:hover{
	background: #ce0808;
}*/
.detail_before .synopsis .enroll a{
    display:inline-block;
    width:1.6rem;
    border-radius:0.08rem;
	color: #fff;
    background: #ff3d3d;
    text-align:center;
}
.detail_before .partook{
    float:left;
    font:400 0.28rem 'Microsoft YaHei';
	height: 0.26rem;
	margin-top: 0.28rem;
    color:#868686;
    display:none;
}
.detail_before .partook li{
	line-height: 0.26rem;
	margin-right: 10px;
	float: left;
}
.detail_before .partook li.partook_pic{
	width: 0.26rem;
	height: 0.26rem;
	cursor: pointer;
}



.detail_before .partook .weixin{
	background: url(img/weixin.png) no-repeat;
    background-size:100%;
}
.detail_before .partook .weixin:hover{
	background: url(img/weixin_h.png) no-repeat;
    background-size:100%;
}
.detail_before .partook .zoon{
	background: url(img/zoon.png) no-repeat;
    background-size:100%;
}
.detail_before .partook .zoon:hover{
	background: url(img/zoon_h.png) no-repeat;
    background-size:100%;
}
.detail_before .partook .sina{
	background: url(img/sina.png) no-repeat;
    background-size:100%;
}
.detail_before .partook .sina:hover{
	background: url(img/sina_h.png) no-repeat;
    background-size:100%;
}
.detail_before .partook .qq{
	background: url(img/qq.png) no-repeat;
    background-size:100%;
}
.detail_before .partook .qq:hover{
	background: url(img/qq_h.png) no-repeat;
    background-size:100%;
}
.detail_before .partook .arrow{
	background: url(img/down.png) no-repeat;
    background-size:100%;
}
.detail_before .synopsis_text .partook .arrow_top{
	background: url(img/top.png) no-repeat;
    background-size:100%;
}

.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{
	margin-bottom: 0.5rem;
	overflow: hidden;
}


.detail_before .left{
	width: 100%;
    height:auto;
	/*min-height: 16.89rem;*/
	background: #fff;
	border: 0.01rem #eee solid;
}
.detail_before .summary_top{
	height: 0.8rem;
	border-bottom: 0.01rem #d7d7d7 solid;
    background-color:#fafafa;
    margin-bottom:0.5rem;
}
.detail_before .summary_top li{
	width: 1.4rem;
    height:0.8rem;
    margin-right:1.3rem;
    padding-top:0.14rem;
	font-size: 0.28rem;
	line-height: 0.5rem;
	text-align: center;
	float: left;
	cursor: pointer;
}

.detail_before .summary_top li:nth-last-child(1){
    margin-right:0rem;
}

.detail_before .summary_top li.current{
	color: #333;
	background: #fff;
    border-bottom:0.02rem solid #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{
	
}
.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 center;
}*/
.detail_before .coursephase>.course_catalog_arrow{
	background: url(img/course_catalog_arrow.png) no-repeat center;
}

.detail_before .section .course_catalog_arrow{
	background: url(img/course_catalog_arrow.png) no-repeat center;
}
.detail_before .section .course_catalog_arrow_top{
	background: url(img/course_catalog_arrow_top.png) no-repeat center;
}
.detail_before .summary_in .course_article p{
	margin-bottom: 0.15rem;
}
/* 视频详情课程目录 */
.detail_before .course_catalog{
	position: relative;
	padding-bottom: 1rem;
}
.detail_before .course_catalog .retract{
	width: 1.5rem;
	height: 0.5rem;
    margin-top:0.1rem;
    font-family: "Microsoft YaHei", "Hiragino Sans GB", tahoma, sans-serif;
	line-height: 0.5rem;
	font-size: 0.3rem;
	color: #666;
	background: url(img/retract_arrow_bottom.png) no-repeat right center;
	position: absolute;
	right: 0.39rem;
	top: -0.5rem;
	cursor: pointer;
}
.detail_before .course_catalog .retract_current{
	background: url(img/retract_arrow_top.png) no-repeat right center;
    background-size:10%;
	color: #ff3d3d;
}
.detail_before .course_catalog>ul{
	width: 100%;
	/* height: 1400px; */
	padding: 0.08rem 0.2rem;
}
.detail_before .course_catalog li{
	 width: 6.8rem; 
	line-height: 0.8rem;
	margin-top: 0.1rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
	cursor: pointer;
}

.detail_before .course_catalog li p{
    float:left;
    width:4rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.detail_before .coursephase{
	font-size: 0.34rem;
	color: #333;
}
.detail_before .coursephase>ul{
	padding-top: 0.1rem;
	display: none;
}
.detail_before .coursephase_in{
	width: 100%;
	margin: 0 auto;
    border-bottom:solid 0.01rem #dcdcdc;
}
.detail_before .coursephase.current .coursephase_in{
	/*color: #ff3d3d;*/
	/*border-bottom: 0.01rem #ccc solid;*/
    color:#151515;
    padding-left:0.1rem;
}



.detail_before .coursephase .section{
	font-size: 0.15rem;
	color: #333;
	margin-top: 0;
}
.detail_before .section_in{
    line-height:0.6rem;
	padding: 0.1rem;
    font:400 0.3rem 'Microsoft YaHei';
}
.detail_before .section_in.current{
	color: #ccc;
}
.detail_before .section_content{
	margin-bottom: 0.1rem;
	display: none;
}
.knowledge{
	width: 100%;
    font:400 0.3rem 'Microsoft YaHei';
	color: #333;
	background: #fafafa;
	padding-left: 0.6rem;
	border-left: 0.02rem #fafafa solid;
	background: url(img/knowledge_play.png) no-repeat 0.15rem center;
    background-size:5%;
	margin: 0 auto;
}

.detail_before .course_catalog .knowledge i a{
    position:absolute;
    width:100%;
    height:0.8rem;
    display:block;
}

/*.knowledge:hover{
	background: url(img/knowledge_play.png) no-repeat 0.15rem center #ffeeee;
	border-left: 0.02rem #ff3d3d solid;
}*/
.knowledge_now{
	background: url(../img/knowledge_play.png) no-repeat 0.15rem center #eee;
}
.knowledge .play{
	width: 1.43rem;
	height: 0.56rem;
	font:400 0.3rem 'Microsoft YaHei';
	line-height: 0.3rem;
	color: #fff;
	float: right;
	background:#e60012;
	-webkit-background-size: 0.13rem 0.13rem;
	background-size:  0.13rem 0.13rem;
	border-radius: 0.05rem;
    text-align:center;
    padding-top:0.1rem;
	margin: 0.06rem;
    margin-top:0.25rem;
}

.knowledge .playviewx{
	width: 0.9rem;
	height: 0.26rem;
	font-size: 0.24rem;
	line-height: 0.26rem;
	color: #fff;
	float: right;
	/*background: url(img/play.png) no-repeat 14px center #ff3d3d;*/
	-webkit-background-size: 0.13rem 0.13rem;
	background-size: 0.13rem 0.13rem;
	border-radius: 0.05rem;
	/*padding-left: 0.3rem;*/
	margin: 0.06rem;
	display: none;
}

.knowledge .playviewx:active{
	/*background: url(img/play.png) no-repeat 0.14rem center #ce0808;*/
	-webkit-background-size: 0.13rem 0.13rem;
	background-size: 0.13rem 0.13rem;
}
.knowledge .playviewx:hover{
	/*background: url(img/play.png) no-repeat 14px center #ce0808;*/
	-webkit-background-size: 0.13rem 0.13rem;
	background-size: 0.13rem 0.13rem;
}

.knowledge .play:active{
	/*background: url(img/play.png) no-repeat 14px center #ce0808;*/
	-webkit-background-size: 0.13rem 0.13rem;
	background-size: 0.13rem 0.13rem;
}
.knowledge .play:hover{
	/*background: url(img/play.png) no-repeat 14px center #ce0808;*/
	-webkit-background-size: 0.13rem 0.13rem;
	background-size: 0.13rem 0.13rem;
}
/* .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;
} */






.detail_before .right{
	width: 2.88rem;
	height: 100%;
    display:none;
	/* 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{
	width: 60px;
	height: 60px;
	border-radius: 5px;
	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;
}










/* 报名后视频详情页*/
#enrollAfter{
	height: 100%;;
	padding: 0px;
}
.synopsis_top{
	height: 4rem;
	/*padding: 0.2rem 0.2rem 0;*/
}
.detail_after .synopsis_top>.course_img{
	width: 100%!important;
	height: 3.52rem!important;
}
/*.detail_after .synopsis_text{
	height: 1.7rem;
}*/
#enrollAfter .synopsis_text h3{
	margin: 0.3rem 0;
}
#enrollAfter .synopsis_text p{
    float:left;
    width:2rem;
    height:0.3rem;
    text-align:center;
    font:400 0.26rem 'Microsoft YaHei';
    color:#858585;
	line-height: 0.28rem;
}

#enrollAfter .synopsis_text p:nth-child(n+3){
    border-left:solid 0.01rem #858585;
}

#enrollAfter .partook{
	margin-top: 0.08rem;
}
/*.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: 0.24rem;
	color: #999;
}
.detail_after .keep .num{
	font-size: 0.24rem;
	letter-spacing: 1px;
	color: #171717;
}
.learning_process{
	height: 2.08rem;
	background: #fff;
}
.learning_process ul{
	width: 7rem;
	height: 0.65rem;
	padding-top: 0.8rem;
	display: block;
	margin: 0 auto;
}
.learning_process li{
	font-size: 0.3rem;
	color: #393939;
	line-height: 0.1rem;
	float: left;
}
.learning_process li .per{
	color: #ff3d3d;
}
.progress_bar{
	width: 60%;
	height: 0.13rem;
	border: 0.01rem #ddd solid;
	border-radius: 0.065rem;
	background: #fff;
	margin: 0 0.1rem;
}
.progress_bar_in{
	height: 100%;
	width: 40%;
	border-radius: 0.065rem 0 0 0.065rem;
	background: #ff3d3d;
}
.progress_bar .full{
	width: 100%;
	border-radius: 0.064rem;
}
















/* 个人中心 */
.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;
    border-radius:50%;
	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_top .user_boy{
	font-size: 12px;
	color: #b8b8b8;
	padding-left: 27px;
	background: url(img/boy.png) no-repeat 10px 3px;
}

.user_top .user_other{
	font-size: 12px;
	color: #b8b8b8;
	padding-left: 27px;
	background: url(img/other.png) no-repeat 10px 3px;
}

.user_top .user_secrecy{
	font-size: 12px;
	color: #b8b8b8;
	padding-left: 27px;
	background: url(img/secrecy.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;
	min-height: 700px;
    overflow:hidden;
}
.user_right>li.current{
	display: block;
}
.user_right>li .no{
	width: 250px;
	display: block;
	margin: 100px auto;
}
.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;
    position:relative;
}
.user_pic_box .change:hover{
	background: #ce0808;
}
.user_pic_box .change #UserPic{
    width:100px;
    heigth:30px;
    position:absolute;
    left:0;
    top:0;
    cursor: pointer;
}


.user_info li{
	width: 450px;
	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_info #Telephone{
    width:200px;
}
.user_info #TestTel{
    width:75px;
    height:40px;
}
.user_info input:focus{
    border: 1px solid #a1a1a1!important;/* 2016.12.27 湾湾要求由#171717改成#a1a1a1 */
    color: #171717!important;
}
.user_info input.error_border{
    border: 1px solid #ff3d3d!important;
    color: #171717!important;
}

.user_sex label{
	cursor: pointer;
}
.user_info label{
	font-size: 16px;
}
.user_right input[type="text"]{
	width: 280px;
	height: 40px;
	font-size: 15px;
	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;
	height:42px;
	font-size: 15px;
	margin-top: 2px;
	margin-bottom: 3px;
	color:#393939;
	border:1px #ccc solid;
	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;
}

.Verificatbtn {
    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 input:focus{
    border: 1px solid #a1a1a1!important;
    color: #171717!important;
}
.modify_password input.error_border{
    border: 1px solid #ff3d3d!important;
    color: #171717!important;
}
.modify_password .btn input{
	display: inline-block;
}
.modify_password .btn{
	width: 280px;
	text-align: center;
	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;
}
.ListShow>ul>li{
	height: 160px;
	border-bottom: 1px #ddd solid;
	padding: 8px 20px;
}
.ListShow>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 .learning_process .progress_bar{
	width: 430px;
	height: 10px;
}
.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 img{
	width: 110px;
	height: 75px;
}
.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_img .playRecord{
	width: 110px;
	height: 75px;
	background: url(img/play.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
}
.record_video_img .playRecord: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;
	margin-left: 98px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-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;
    border: 1px #ccc solid;
	padding-left: 10px;
	float: left;
}
.feedback .content input:focus{
    border: 1px solid #a1a1a1!important;
}
.feedback .content textarea{
	width: 720px;
	height: 260px;
	border: 1px #ccc solid;
	resize: none;
	padding: 10px;
	float: left;
}
.feedback .content textarea:focus{
    border: 1px solid #a1a1a1!important;
}
.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);
	-webkit-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-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 {
    padding-bottom:80px;
}
.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);
	-webkit-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-ms-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;
}








/* 关于我们 */
.about h2{
	width: 100%;
	height: 56px;
	line-height: 56px;
	font-size: 20px;
	color: #303030;
	border: 1px solid #ccc;
	background: url(img/about_h2.png) no-repeat 33px center;
	padding-left: 68px;
}
.about_content{
	margin: -1px 0 130px 0;
	overflow: hidden;
}
.about_left{
	width: 222px;
	height: 1000px;
	min-height: 180px;
	border: 1px solid #ccc;
	float: left;
}
.about_left li{
	height: 60px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #ccc;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
.about_left li.current{
	color: #fff;
	background: #ff3d3d;
}
.about_right{
	width: 978px;
	position: relative;
	float: left;
}
.about_right>li{
	width: 100%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:0 50px 50px 0;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.about_right>li:first-child{
	height: 1000px;
	display: block;
}
.about_woke{
	margin: 25px 0 10px 40px;
}
.about_woke h5{
	font-size: 18px;
	line-height: 46px;
	color: #393939;
	background: url(img/about_h2.png) no-repeat left center;
	padding-left: 25px;
	font-weight: bold;
}
.about_woke p{
	line-height: 22px;
	color: #393939;
	padding-left: 25px;
	font-weight: normal;
	text-align: justify;
}
.about_right .position{
	padding: 35px 0 10px 40px;
}
.about_right .position h5{
	height: 40px;
	font-size: 18px;
	color: #333;
	line-height: 40px;
	font-weight: bold;
}
.about_right .position span{
	color: #666;
	font-weight: normal;
	margin-right: 35px;
}
.about_right .position .job span{
	color: #333;
	font-size: 22px;
}
.about_right .position p{
	font-size: 14px;
	line-height: 25px;
	color: #666;
}
.about_right .contact_way{
	height: 800px;
	padding: 27px 0 0 40px;
}
.contact_way p{
	font-size: 18px;
	line-height: 46px;
	color: #333;
	font-weight: bold;
	padding-left: 32px;
}
.contact_way span{
	font-size: 16px;
	font-weight: normal;
}
.about_right .address{
	background: url(img/address.png) no-repeat left center;
}
.about_right .woke_tel{
	background: url(img/woke_tel.png) no-repeat left center;
}
.about_right .woke_tel2{
	background: url(img/woke_tel2.png) no-repeat left center;
}
.about_right .woke_email{
	background: url(img/woke_email.png) no-repeat left center;
}




/* 网站申明 */
.statement{
    background:#fff;
    border:1px solid #ccc;
	padding: 10px 80px 100px 80px;
}
.statement h2{
	height: 110px;
	font-size: 26px;
	color: #393939;
	text-align: center;
	line-height: 110px;
}
.statement h3{
	font-size: 18px;
	color: #393939;
	/* font-weight: bold; */
	margin-top: 36px;
	text-indent: 2em;
}
.statement p{
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	text-indent: 2em;
}





/* 隐私政策 */
.policy{
	background:#fff;
    border:1px solid #ccc;
	padding: 10px 80px 100px 80px;
}
.policy h2{
	height: 110px;
	font-size: 26px;
	color: #393939;
	text-align: center;
	line-height: 110px;
}
.policy h3{
	font-size: 18px;
	color: #393939;
	text-indent: 2em;
	margin-top: 22px;
}
.policy p{
	text-indent: 2em;
	text-align: justify;
}

/* 支付中心 paycenter*/
.paycenter{
	padding: 0;
}
.paycenter h5{
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #393939;
	border: 1px solid #e7e7e7;
	border-top: none;
	background: #fff;
	padding-left: 20px;
}
.paycenter .content{
	/* background: #fff; */
	padding: 0;
}
.paycenter .content>div{
	display: none;
	padding-bottom: 130px;
	overflow: hidden;
}
.paycenter .content>div.current{
	display: block;
}
.paycenter .pay_one{
	border: 1px solid #e7e7e7;
	border-top: none;
	background: #fff;
	padding: 0 100px;
}
.paycenter .course{
	border-bottom: 1px solid #e7e7e7;
	padding: 20px 0;
	overflow: hidden;
}
.paycenter .course img{
    width:220px;
    height:150px;
	float: left;
}
.paycenter .course_info{
	padding-left: 30px;
	float: left;
}
.paycenter .course_info h6{
	line-height: 46px;
	font-size: 20px;
	color: #333;
}
.paycenter .course_info p{
	margin-bottom: 18px;
}
.paycenter .course_info p:last-child{
	margin-bottom: 0;
}
.paycenter .course_info .synopsis_in{
	width: 42px;
	text-align: justify;
	text-align-last:justify;
	-moz-text-align-last:justify;
	display: inline-block;
}
.paycenter .course_info .monery{
	font-size: 22px;
	color: #ff3d3d;
	padding-left: 10px;
}
.paycenter .course_info .hour{
	color: #171717;
	padding-left: 10px;
}
.paycenter .course_info .teacher{
	color: #171717;
	border: none;
	padding-left: 10px;
}
.paycenter .course_price{
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	color: #5c5c5c;
	border-bottom: 1px solid #e7e7e7;
}
.paycenter .course_price_in{
	display: block;
	float: left;
}
#paycenter_course_price:checked{
	background: #821134;
}
/* #paycenter_course_price{
	width: 0;
	height: 0;
	margin: 0;
}
.paycenter .radio{
	padding-left: 20px;
	background: url(../img/radio_check.png) no-repeat left center;
}
.paycenter .radio.current{
	background: url(../img/radio_checked.png) no-repeat left center;
} */
.paycenter .course_price_in span{
	color: #ff3d3d;
}
.paycenter .user_wkb{
	display: block;
	margin-left: 70px;
	float: left;
	overflow: hidden;
}
.paycenter .user_wkb span{
	float: left;
}
.paycenter .user_wkb_span{
	color: #ff3d3d;
}
.paycenter .course_price a{
	width: 60px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	border-radius: 9px;
	background: #ff3d3d;
	display: block;
	padding-top: 0;
	margin:19px 0 0 10px;
	float: left;
}
/* input[type='radio'].radio {
	opacity:0; 
	display:inline-block; 
	height:20px; 
}
label.radio {
	background:url(imgs/radio_check.png) no-repeat; 
	height:20px; 
	padding-left:25px;
}
input[type='radio'].radio:checked + .radio {
	background:url(imgs/radio_checked.png) no-repeat;
} */
.paycenter .volume_discount{
	padding-top: 20px;
	margin-bottom:80px;
}
.paycenter .volume_discount select{
	width: 160px;
	height: 32px;
	color: #4a4949;
	font-size: 12px;
	line-height: 32px;
	background: #eee;
	padding-left: 20px;
}
.paycenter .volume_discount_how{
	color: #ff3d3d;
	display: inline;
	background: url(~/content/img/volume_discount_how.png) no-repeat left center;
	padding-left: 23px;
	margin-left: 20px;
}
.paycenter .volume_discount p{
	font-size: 12px;
	color: #4a4a4a;
	padding-left: 30px;
	margin-top: 18px;
}
.paycenter .volume_discount p:last-child{
	font-size: 16px;
	color: #ff3d3d;
}
.paycenter .pay{
	float: right;
}
.paycenter .pay p{
	font-size: 14px;
	color: #171717;
}
.paycenter .pay p span{
	font-size: 30px;
	color: #ff3d3d;
	background: url(~/content/img/monery.png) no-repeat left 3px;
	padding-left: 13px;
	margin-left: 12px;
}
.paycenter .pay .btn{
	width: 135px;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	border-radius: 5px;
	background: #ff3d3d;
	border: none;
	margin: 20px 0 10px 0;
	cursor: pointer;
}
.paycenter .pay .btn:hover{
    background:#ce0808;
}
.paycenter .pay p:last-child{
	font-size: 12px;
	line-height: 12px;
}
.paycenter .pay p input{
	width: 14px;
	height: 14px;
	margin: 0 5px 0 0;
	float: left;
}
.paycenter .pay a{
	font-size: 12px;
	color: #666;
	text-decoration: underline;
	display: inline;
}
.paycenter .content .pay_two{
	padding-bottom: 20px;
}
.paycenter .goto_study{
	border: 1px solid #e7e7e7;
	border-top: none;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.paycenter .goto_study img{
	margin: 95px auto 130px;
}
.paycenter .goto_study a{
	width:90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	background: #ff3d3d; 
	position: absolute;
	left: 640px;
	top: 290px;
}
.paycenter .goto_study a:hover{
    background: #ce0808;
}
.paycenter .like{
	background: #fafafa;
}
.paycenter .rechange_two .goto_study_in{
	width: 430px;
	height: 220px;
	margin: 130px auto;
}
.paycenter .rechange_two img{
	margin: 0 ;
	float: left;
}
.paycenter .goto_study_text{
	width: 220px;
	height: 220px;
	color:#4a4a4a;
	padding: 70px 0 0 30px;
	float: right;
}
.paycenter .goto_study_text p span{
	color: #ff3d3d;
	font-weight: bold;
}
.paycenter .goto_study_text .balance{
	margin: 30px 0;
}
.paycenter .goto_study_text .balance span{
	font-size: 24px;
	margin-left:30px;
}
.paycenter .goto_study_text a{
	position: static;
}
.paycenter .volume_discount_box{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top: 0;
}
.paycenter .volume_discount_in{
	width: 507px;
	height: 418px;
	background: url(~/content/img/volume_discount_in.png) no-repeat left top;
	padding: 26px 88px 20px 40px ;
	margin: 150px auto 0;
	position: relative;
}
.paycenter .volume_discount_in h5{
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	border: none;
	background: none;
	padding: 0;
}
.paycenter .volume_discount_in p{
	color: #fff;
	padding-left: 50px;
	margin-top: 0;
}
.paycenter .volume_discount_in .uesr_name{
	font-size: 16px;
	margin-bottom: 12px;
}
.paycenter .volume_discount_in .discount{
	font-size: 24px;
	color: #dd381a;
	padding-left: 140px;
	margin-top: 25px;
}
.paycenter .volume_discount_in .volume_discount_course{
	font-size: 14px;
	color: #757575;
	padding-left: 140px;
	margin: 10px 0 23px 0;
}
.paycenter .volume_discount_in .expiry_date{
	font-size: 12px;
	color: #999999;
	padding-left: 115px;
}
.paycenter .volume_discount_in .use{
	width: 90px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	color: #775204;
	text-align: center;
	background: url(~/content/img/volume_discount_use.png) no-repeat center center;
	margin: 30px auto 18px;
}
.paycenter .volume_discount_in .go_center{
	font-size: 12px;
	color: #910f09;
	text-align: center;
	padding-left: 0;
}
.paycenter .volume_discount_in .go_center a{
	text-decoration: underline;
	color: #910f09;
	display: inline;
	margin: 0 2px;
}
.paycenter .volume_discount_in .close{
	width: 30px;
	height: 30px;
	position: absolute;
	right: 107px;
	top: 52px;
}







/*充值页面*/

.recharge{
	border: 1px solid #e7e7e7;
	background: #fff;
	margin-top: 30px;
}
.recharge_in{
	padding: 20px 100px 130px;
	position: relative;
	overflow: hidden;
}
.recharge_head{
	height: 66px;
	line-height: 66px;
	font-size: 14px;
	color: #171717;
	border-bottom: 1px solid #e7e7e7;
	background: url(~/content/img/my_wkb_head.jpg) no-repeat left center;
	padding-left: 35px;
}
.recharge_head>span{
	color: #393939;
	margin-left: 40px;
}
.recharge_head span span{
	color: #ff3d3d;
}
.recharge .package p{
	line-height: 52px;
	font-size: 14px;
	color: #171717;
}
.recharge .package ul{
	padding: 2px 0 20px;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
}
.recharge .package li{
	width: 240px;
	height: 91px;
	line-height: 91px;
	text-align: center;
	font-size: 14px;
	color: #171717;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-right: 39px;
	position: relative;
	float: left;
	cursor: pointer;
}
.recharge .package li:hover{
	box-shadow: 3px 3px 7px #eee;
}
.recharge .package li:last-child{
	margin-right: 0;
}
.recharge .package li.current{
	border: 1px solid #ff3d3d;
	background: url(~/content/img/package_li_cur.png) no-repeat right bottom;
	box-shadow: 3px 3px 7px #eee;
}
.recharge .package li span{
	font-size: 36px;
	color: #ff6e6e;
	font-weight: bold;
}
.recharge .package li i{
	font-size: 26px;
}
.recharge .package .package_icon{
	width: 72px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	text-align: right;
	background: url(~/content/img/package_icon.png) no-repeat right top;
	padding-right: 5px;
	position: absolute;
	right: -2px;
	top: -2px;
}
.recharge .pay_way p{
	line-height: 52px;
	font-size: 14px;
	color: #171717;
}
.recharge .pay_way ul{
	height: 35px;
	margin-bottom: 80px;
	position: relative;
	overflow: hidden;
}
.recharge .pay_way li{
	width: 125px;
	height: 35px;
	border: 1px solid #cccccc;
	position: absolute;
	top: 0;
	float: left;
}
.recharge .pay_way li.current{
	border: 1px solid #ff3d3d;
	background: url(~/content/img/pay_way_cur.png) no-repeat right bottom;
}
.recharge .pay_way li:first-child{
	left: 0;
}
.recharge .pay_way li:nth-child(2){
	left: 124px;
}
.recharge .pay_way li img{
	margin: 0 auto;
}
.recharge .pay{
	float: right;
}
.recharge .pay p{
	font-size: 14px;
	color: #171717;
}
.recharge .pay p span{
	font-size: 30px;
	color: #ff3d3d;
	background: url(~/content/img/monery.png) no-repeat left 3px;
	padding-left: 13px;
	margin-left: 12px;
}
.recharge .pay .btn{
	width: 135px;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	border-radius: 5px;
	background: #ff3d3d;
	border: none;
	margin: 20px 0 10px 0;
	cursor: pointer;
}
.recharge .pay p:last-child{
	font-size: 12px;
	line-height: 12px;
}
.recharge .pay p input{
	width: 14px;
	height: 14px;
	margin: 0 5px 0 0;
	float: left;
}
.recharge .pay a{
	font-size: 12px;
	color: #666;
	text-decoration: underline;
	display: inline;
}

/*公司账号开始*/
.about_right .address{
	background: url(img/address.png) no-repeat left center;
}
.about_right .woke_tel{
	background: url(img/woke_tel.png) no-repeat left center;
}
.about_right .woke_tel2{
	background: url(img/woke_tel2.png) no-repeat left center;
}
.about_right .woke_email{
	background: url(img/woke_email.png) no-repeat left center;
}
.about_right .company_account{
	height: 888px;
	padding-right: 0;
}
.about_right .company_account h5{
	height: 58px;
	line-height: 58px;
	font-size: 16px;
	color: #393939;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 50px;
}
.about_right .company_account>div{
	width: 400px;
	height: 180px;
	border: 1px solid #a0a0a0;
	padding: 20px 0 0 32px;
	margin:42px 0 0 50px;
	float: left;
}
.about_right .company_account img{
	margin-bottom: 10px;
}
.about_right .company_account p{
	font-size: 14px;
	color: #393939;
	line-height: 22px;
}


/*公司账号结束*/


/* about_us */
.about_us{
	background: #fafafa;
}
.about_us>div{
	width: 1200px;
	background: #fff;
	margin: 0 auto;
}
.about_us .e_learning{
	height: 450px;
	padding: 80px 115px 0 115px;
	background: url(../Content/img/about_us/e_learning.png) no-repeat #fff; 
}
.about_us h3{
	font-size: 32px;
	color: #fff;
	text-align: center;
	background: url(../Content/img/about_us/h3_bg.png) no-repeat left center,url(../img/about_us/h3_bg.png) no-repeat right center;
	margin: 0 auto;
}

.about_us .e_learning h3{
	width: 405px;
	margin: 0 auto 50px;
}
.about_us .e_learning p{
	line-height: 30px;
	color: #93730f;
	font-size: 17px;
	text-align: justify;
}
.about_us .superiority h3{
	width: 243px;
	color: #545453;
	margin-bottom: 65px;
}
.about_us .superiority ul{
	padding: 0 75px;
	overflow: hidden;
}
.about_us .superiority li{
	width: 150px;
	height: 240px;
	margin: 0 30px;
	float: left;
}
.about_us .superiority h5{
	font-size: 24px;
	line-height: 34px;
	color: #434343;
	padding-left: 45px;
	margin-bottom: 20px;
}
.about_us .superiority li:nth-child(1) h5{
	background: url(../Content/img/about_us/superiority_01.png) no-repeat left center;
}
.about_us .superiority li:nth-child(2) h5{
	background: url(../Content/img/about_us/superiority_02.png) no-repeat left center;
}
.about_us .superiority li:nth-child(3) h5{
	background: url(../Content/img/about_us/superiority_03.png) no-repeat left center;
}
.about_us .superiority li:nth-child(4) h5{
	background: url(../Content/img/about_us/superiority_04.png) no-repeat left center;
}
.about_us .superiority li:nth-child(5) h5{
	background: url(../Content/img/about_us/superiority_05.png) no-repeat left center;
}
.about_us .superiority p{
	font-size: 12px;
	line-height: 22px;
	color: #434343;
}
.about_us .profile{
	padding-bottom: 100px;
}
.about_us .profile>img{
	margin-bottom: 90px;
}
.about_us .profile div{
	width: 970px;
	padding-top: 22px;
	margin: 0 auto 65px;
	overflow: hidden;
}
.about_us .profile div img{
	margin-top: -22px;
	float: left;
}
.about_us .profile div p{
	width: 970px;
	font-size: 14px;
	color: #000;
	text-indent: 2em;
	line-height: 20px;
	text-align: justify;
	padding-left: 235px;

}
.about_us .why{
	width: 1200px;
	height: 987px;
	background: url(../content/img/about_us/why.jpg) no-repeat;
	padding-top: 152px;
}
.about_us .why h4{
	font-size: 46px;
	color: #fff;
	text-align: center;
}
.about_us .why h5{
	font-size: 22px;
	color: #fff;
	text-align: center;
}
.about_us .why ul{
	padding: 88px;
}
.about_us .why li{
	width: 218px;
	height: 212px;
	background: url(../content/img/about_us/why_li.png) no-repeat;
	padding-top: 44px;
	margin: 0 15px 55px;
	float: left;
}
.about_us .why li h6{
	font-size: 26px;
	color: #fff;
	text-align: center;
}
.about_us .why li p{
	width: 120px;
	font-size: 13px;
	color: #fff;
	line-height: 20px;
	margin: 20px auto 0;
}
.about_us .cooperate{
	padding-bottom: 104px;
	overflow: hidden;
}
.about_us .cooperate h3{
	width: 180px;
	color: #646464;
	margin: 85px auto 70px;
}
.about_us .cooperate img{
	margin: 0 auto;
}

/* 
author：付雪
version：1.0.0.3
date：2017.04.08 
*/