.jglist-column,.jglist-select-box {
	margin-top: 0px;
}
.jglist-column {
 padding-top:5px;
}

	.concentration {
		width: calc(100% - 24px);
		height: 232px;
		margin: 12px auto 16px;
		border-radius: 12px;
		background: linear-gradient(135deg, #FF5369 0%, #FF2938 100%);
	}

.conc-con {
	width: 100%;
	height: 100%;
	background: url(/union/dzwww/mobile/img/bg1@2x.png) center center no-repeat;
	background-size: 100% 100%;
	border-radius: 12px;
	padding: 16px 0px 12px 12px;
}

	.conc-con .tit {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.conc-con .tit-l span {
		display: block;
		font-size: 12px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 16px;
	}

	.conc-con .tit-l em {
		display: block;
		margin-top: 4px;
		font-size: 20px;
		font-weight: 600;
		color: #FFFFFF;
		line-height: 28px;
	}

	.conc-con .tit-r {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin-right: 12px;
	}

		.conc-con .tit-r span {
			font-size: 12px;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 16px;
		}

		.conc-con .tit-r img {
			display: block;
			width: 12px;
			height: 12px;
		}

	.conc-con .swiper-container {
		overflow: hidden;
		margin-top: 12px;
	}

		.conc-con .swiper-container .swiper-slide {
			width: 290px !important;
			height: 144px;
			background-color: #fff;
			border-radius: 8px;
			position: relative;
		}
			.conc-con .swiper-container .swiper-slide:last-child {
				margin-right: 12px;
			}


	.conc-con .swiper-slide .bg-img {
		display: block;
		width: 114px;
		height: 114px;
		position: absolute;
		right: 0px;
		top: 0px;
	}

	.conc-con .detailed-tit {
		display: block;
		font-size: 15px;
		font-weight: 600;
		color: #333333;
		line-height: 20px;
		position: absolute;
		left: 16px;
		top: 24px;
	}

	.conc-con .grade {
		display: block;
		font-size: 12px;
		font-weight: 600;
		color: #FF4357;
		line-height: 20px;
		position: absolute;
		right: 16px;
		top: 24px;
	}

	.conc-con .det-label {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		position: absolute;
		left: 16px;
		top: 50px;
	}

		.conc-con .det-label span {
			display: block;
			height: 20px;
			padding: 0 4px;
			margin-right: 4px;
			background: #FFF0F1;
			border-radius: 2px;
			font-size: 12px;
			color: #FF465A;
			line-height: 20px;
		}


	.conc-con .detailed-btn {
		display: block;
		width: 76px;
		height: 28px;
		background: #FF4357;
		border-radius: 14px;
		font-size: 13px;
		font-weight: 600;
		color: #FFFFFF;
		text-align: center;
		line-height: 28px;
		position: absolute;
		left: 16px;
		top: 96px;
	}

	.conc-con .detailed-seek {
		display: block;
		font-size: 12px;
		color: #FE871F;
		line-height: 16px;
		position: absolute;
		right: 16px;
		top: 102px;
	}


.jglist-cont {
	background: none;
}

	.jglist-cont dd {
		margin: 0 0 8px;
		padding: 16px 12px;
		background: #fff;
		border-bottom: 0;
	}

 

	.jglist-item-left img {
		max-height: 81px;
	}

.jglist-item-right {
	width: calc(100% - 90px);
}

.jglist-item-right-t {
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 1px dashed #EEEEEE;
}

.jg-name {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	line-height: 24px;
}

.grade-appraise-kc {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 4px;
}

	.grade-appraise-kc .grade {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-right: 12px;
	}

		.grade-appraise-kc .grade img {
			display: block;
			width: 12px;
			height: 12px;
		}

		.grade-appraise-kc .grade span {
			display: block;
			margin-left: 2px;
			font-size: 16px;
			font-weight: 600;
			color: #FF4357;
			line-height: 22px;
		}

	.grade-appraise-kc > span {
		display: block;
		margin-right: 4px;
		font-size: 12px;
		color: #999999;
		line-height: 16px;
	}

.campus1 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 4px;
	display:none;
	height:16px;
}

	.campus1 span, .campus1 em {
		font-size: 12px;
		color: #999999;
		line-height: 16px;
		display:inline-block;
	}
	.campus1 span
	{
	float:left;
	}
	.campus1 em 
	{
	float:right;
	}

		.campus2 {
			width: 100%;
			margin-top: 4px;
			font-size: 12px;
			color: #999999;
			line-height: 16px;
			display: inline-block;
		}

.jg-label {
	width: 100%;
	height: 20px;
	overflow: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 8px;
}

	.jg-label span {
		display: block;
		height: 20px;
		background: #FFF0F1;
		border-radius: 2px;
		padding: 0 4px;
		margin-right: 4px;
		font-size: 12px;
		color: #FF465A;
		line-height: 20px;
	}

.recommend-kc {
	margin-top: 5px;
	overflow: hidden;
}

	.recommend-kc > li {
		margin-top: 6px;
	}

		.recommend-kc > li > a {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

			.recommend-kc > li > a > div {
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}

				.recommend-kc > li > a > div > img {
					display: block;
					width: 16px;
					height: 16px;
					margin-right: 4px;
				}

				.recommend-kc > li > a > div > span {
					display: block;
					font-size: 13px;
					color: #333333;
					line-height: 20px;
					max-width: 185px;
					height: 20px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

			.recommend-kc > li > a > span {
				font-size: 13px;
				font-weight: 600;
				color: #FF4357;
				line-height: 20px;
				max-width: 65px;
				height: 20px;
				overflow:hidden;
			}

.recommend {
	width: 100%;
	background: #fff;
	margin-bottom: 8px;
	padding: 16px 12px;
}

	.recommend .tit {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.recommend .tit > span {
			display: block;
			font-size: 16px;
			font-weight: 600;
			color: #333333;
			line-height: 24px;
		}

		.recommend .tit > a {
			display: block;
			font-size: 12px;
			color: #999999;
			line-height: 16px;
		}

	.recommend .swiper-container {
		overflow: hidden;
		margin-top: 12px;
	}

		.recommend .swiper-container .swiper-slide {
			width: 148px !important;
			height: 166px;
			background: #F8F8F8;
			border-radius: 4px;
			padding: 8px;
			position: relative;
		}

	.recommend .kc-img {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 80px;
	}

		.recommend .kc-img img {
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 2px;
		}

	.recommend .kc-info {
		width: 100%;
		padding-top: 8px;
	}

		.recommend .kc-info a {
			display: block;
			margin-bottom: 4px;
			font-size: 13px;
			font-weight: 600;
			color: #333333;
			line-height: 18px;
			height:18px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

	.recommend .price {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 4px;
	}

		.recommend .price span {
			font-size: 13px;
			font-weight: 600;
			color: #FF4357;
			line-height: 20px;
		}

		.recommend .price em {
			font-size: 11px;
			color: #666666;
			max-width: calc(100% - 50px);
			height: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 20px;
		}

	.recommend .jg-names {
		display: block;
		margin-top: 6px;
		font-size: 11px;
		color: #999999;
		line-height: 16px;
	}


.courselist-cont {
	background: none;
}

	.courselist-cont dd {
		margin: 0 0 8px;
		padding: 16px 12px;
		background: #fff;
		border-bottom: 0;
	}

.courlist-item-left {
	width: 132px;
}

.courlist-item-right {
	width: calc(100% - 140px);
}

.course-name {
	font-size: 16px !important;
}

	.course-name span {
		display: inline-block;
		height: 16px;
		background: #FFF0F1;
		border-radius: 2px;
		padding: 0 4px;
		margin-right: 4px;
		font-size: 11px;
		color: #FF4B51;
		line-height: 16px;
	}

.schname-campus {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6px;
}
	.schname-campus span:first-child {
	 max-width:50%;
	}
	.schname-campus span {
		font-size: 12px;
		color: #999999;
		line-height: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

.price-seek {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 14px;
}

	.price-seek .price {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

		.price-seek .price .item {
			display: block;
			margin-right: 9px;
			font-size: 11px;
			color: #999999;
			line-height: 16px;
			position: relative;
		}

			.price-seek .price .item:last-child {
				margin-right: 0;
			}

.price .item:after {
	content: "";
	display: block;
	position: absolute;
	right: -5px;
	top: 0px;
	width: 1px;
	height: 16px;
	background: #EEEEEE;
}

.price .item:last-child:after {
	content: "";
	width: 0;
}

.courlist-item-btn {
	display: block;
	padding: 0;
	width: 48px;
	height: 20px;
	background: linear-gradient(135deg, #FF5257 0%, #FF2936 100%);
	border-radius: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
}



.recommend-pro {
	width: 100%;
	background: #fff;
	margin-bottom: 8px;
	padding: 16px 12px;
}

	.recommend-pro .tit {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.recommend-pro .tit > span {
			display: block;
			font-size: 16px;
			font-weight: 600;
			color: #333333;
			line-height: 24px;
		}

		.recommend-pro .tit > a {
			display: block;
			font-size: 12px;
			color: #999999;
			line-height: 16px;
		}

	.recommend-pro .swiper-container {
		overflow: hidden;
		margin-top: 12px;
	}

		.recommend-pro .swiper-container .swiper-slide {
			width: 144px !important;
			height: 124px;
			background: #FFFFFF;
			border-radius: 4px;
			border: 1px solid #F8F8F8;
			position: relative;
		}

	.recommend-pro .swiper-slide .grade {
		width: 35px;
		height: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: linear-gradient(135deg, #FF737A 0%, #FF353F 100%);
		border-radius: 4px 0px 4px 0px;
		position: absolute;
		left: 0px;
		top: 0px;
	}

.grade img {
	display: block;
	width: 8px;
	height: 8px;
	margin-right: 2px;
}

.grade span {
	font-size: 11px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 16px;
}

.recommend-pro .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 72px;
}

	.recommend-pro .logo img {
		display: block;
		width: 58px;
		height: 58px;
	}

.recommend-pro .jg-info {
	width: 100%;
	height: 52px;
	background: #F8F8F8;
	border-radius: 0px 0px 4px 4px;
	padding: 8px 0;
}

	.recommend-pro .jg-info a {
		display: block;
		margin-bottom: 4px;
		font-size: 12px;
		font-weight: 600;
		color: #333333;
		text-align: center;
		height: 16px;
		line-height: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.recommend-pro .jg-info span {
		display: block;
		font-size: 12px;
		color: #999999;
		text-align: center;
		line-height: 16px;
	}
.courlist-item-left img {
max-height:80px;
}

.price-seek .price .item:first-child{
	font-size: 14px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #FF4C52;
}

.pagename{
	font-size: 16px;
	color:#e40f0f;
	font-weight: bold;
	padding-left: 6px;
	display: inline-block;
 }

 .pagename span{
	max-width: 135px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: bottom;
 }

.qu-left-new {
	width: 100%;
	background: #fff;
}
.qu-left-new dl {
	overflow:hidden;
   }

	.qu-left-new dd {
		border: #FF4357 solid 1px;
		border-radius: 4px;
		color: #FF4357;
		padding: 0 10px;
		line-height: 26px;
		height: 28px;
		float: left;
		margin: 9px 13px;
		min-width: 70px;
		text-align: center;
		box-sizing: border-box;
	}

		.qu-left-new dd.online {
			background: #FF4357;
		}

		.qu-left-new dd a {
			font-size: 12px;
			color: #FF4357;
		}

		.qu-left-new dd.online a {
			color: #FFF;
		}


			.top-city-list{
				padding: 10px 12px 0;
				display: flex;
				flex-wrap: wrap;
			}
			.top-city-list li{
				width: calc((100% - 32px) / 5);
				height: 28px;
				background: #FFFFFF;
				border-radius: 6px;
				border: 1px solid #FC5575;
				margin-right: 8px;
			}
			.top-city-list li:nth-child(5n){
				margin-right: 0;
			}
			.top-city-list li:nth-child(n+6){
				margin-top: 8px;
			}
			.top-city-list li a{
				display: block;
				font-size: 12px;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #FC5575;
				text-align: center;
				line-height: 26px;
			}