@charset "utf-8";

.course-cont{
	width: 100%;
}

/* 课程 */
.course-cont{
	padding-bottom: 36px !important;
}
.course-banner{
	width: 100%;
}
.header-win-other{
	z-index: 9999;
}
.course-banner, .course-banner .item{
	height: 320px !important;
	width: 100%;
}
.course-banner .item img{
	min-height: 320px !important;
	min-width: 1920px;
	width: 100%;
}
.course-banner .item{
	min-width: 1200px;
	overflow: hidden;
}
.course-banner .carousel-indicators li{
	height: 2px;
	width: 36px;
	border: 0;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 0;
	margin: 0;
}
.course-banner .carousel-indicators li:nth-of-type(1){
	margin-right: 4px;
}
.course-banner .carousel-indicators li.active{
	background-color: rgba(255, 255, 255, 1);
}


/*筛选*/
.course-list-width{
	background-color: #f7f7f7;
}
.course-list{
	width: 1200px;
	margin: 0 auto;
	padding: 32px 0 24px;
}
.course-list .course-list-title p, .course-list .course-list-view-cont ul li, .course-list .course-list-knowledge-cont ul li label, .course-list .course-list-price-cont ul li label{
	font-size: 16px;
}
.course-list .course-list-view-cont ul, .course-list-view, .course-list-knowledge, .course-list-price, .course-list-knowledge-cont ul, .course-list-price-cont ul{
	display: flex;
}
.course-list .course-list-title{
	margin-right: 48px;
}
.course-list-view{
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.course-list-knowledge{
	padding-top: 20px;
	padding-bottom: 20px;
}
.course-list .course-list-view-cont ul li{
	padding: 4px 36px;
	cursor: pointer;
}
.course-list .course-list-view-cont ul li.active{
	background-color: #ff4747;
	color: #fff !important;
	border-radius: 50px;
}
.course-list .course-list-view .course-list-title{
	position: relative;
	top: 4px;
}
.course-list-knowledge-cont ul li, .course-list-price-cont ul li{
	margin-right: 48px;
}
.course-list-knowledge-cont ul li:nth-last-of-type(1), .course-list-price-cont ul li:nth-last-of-type(1){
	margin-right: 0;
}
.course-list-knowledge-cont ul li input, .course-list-price-cont ul li input{
	position: relative;
	top: 5px;
}


/* 课程详情 */
.course-details-cont{
	width: 1200px;
	margin: 0 auto;
	padding: 24px 0 0;
}
.course-details-cont .course-details-cont-view-img, .course-details-cont .course-details-cont-view-img img{
	width: 230px;
	height: 142px;
}
.course-details-cont .course-details-cont-view-img{
	border-radius: 8px;
	overflow: hidden;
}
.course-details-cont-view ul li h5{
	font-size: 13px;
	font-weight: bold;
	margin: 12px 0 6px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.course-details-cont-view-text{
	overflow: hidden;
}
.course-details-cont-view-text .course-details-cont-view-text-price{
	float: left;
}
.course-details-cont-view-text .course-details-cont-view-text-learn{
	float: right;
}
.course-details-cont-view{
	margin-bottom: 36px;
}
.course-details-cont-view ul{
	overflow: hidden;
}
.course-details-cont-view ul li{
	margin-right: 12px;
	width: 230px;
	float: left;
	margin-bottom: 12px;
}
.course-details-cont-view ul li .course-details-cont-view-img img{
	transition: all 0.4s;
}
.course-details-cont-view ul li:hover .course-details-cont-view-img img{
	transform: scale(1.2);
}
.course-details-cont-view ul li:nth-of-type(5n){
	margin-right: 0;
}
.course-details-cont-view ul li:nth-last-of-type(1){
	margin-right: 0;
}

/*分页*/
.course-nav{
	width: 1200px;
	margin: 0 auto;
}
.course-nav nav{
	float: right;
}
.course-nav ul li a{
	padding: 10px 16px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span{
	border-radius: 0;
}
.course-nav .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #ff4747 !important;
	border-color: #ff4747 !important;
	color: #fff !important;
}



/*岗位*/
.jobs-list ul{
	display: flex;
}
.jobs-list ul li .jobs-list-img{
	width: 56px;
	height: 56px;
	background-color: #fff;
	line-height: 56px;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 8px;
	display: inline-block;
} 
.jobs-list ul li .jobs-list-img i{
	font-size: 22px;
	position: relative;
	top: 4px;
	left: -1px;
}
.jobs-list ul li{
	margin-right: 48px;
}
.jobs-list ul li:nth-last-of-type(1){
	margin-right: 0;
}
.jobs-list ul li p{
	font-size: 12px;
	text-align: center;
}
.jobs-list ul li a{
	display: inline-block;
	text-align: center;
}
.jobs-list ul li.active .jobs-list-img, .jobs-list ul li:hover .jobs-list-img{
	background-color: #ff4747;
}
.jobs-list ul li.active .jobs-list-img i, .jobs-list ul li:hover .jobs-list-img i{
	color: #fff !important;
}
.jobs-list ul li.active p, .jobs-list ul li:hover p{
	color: #FD001A !important;
}
.jobs-list ul li.jobs-list-java i{
	font-size: 24px;
}
.jobs-list ul li.jobs-list-ios i{
	top: 2px;
	left: -1px;
}
.jobs-list ul li.jobs-list-android i, .jobs-list ul li.jobs-list-php i{
	left: 0;
}
.jobs-list ul li.jobs-list-h5 i{
	left: 1px;
}