.projectBox {
	/* padding:  30rpx; */
}

.header-section {
	padding: 30rpx;
	display: flex;
	background-color: #333;
	color: #fff;
}

.header-section .left {
	flex: 1;
}

.headerImg {
	width: 236rpx;
	height: 236rpx;
	margin-right: 20rpx;
	display: inline-block;
	vertical-align: middle;
}

.header-section .right {
	flex: auto;
	position: relative;
}

.studyTime {
	margin: 16rpx 0;
}

.toStudy {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 68rpx;
	line-height: 68rpx;
}

.toStudy .btn {
	display: inline-block;
	float: right;
	color: #00c7c6;
	border-radius: 34rpx;
	border: 2rpx solid #00c7c6;
	height: 68rpx;
	line-height: 68rpx;
	padding: 0 20rpx;
}

.tabs {
	height: 100rpx;
	line-height: 100rpx;
	background-color: #333;
	color: #969696;
	display: flex;
}

.subtab {
	flex: 1;
	font-size: 28rpx;
	text-align: center;
}

.articleText {
	padding: 30rpx;
}

.maintitle {
	padding: 30rpx 0 16rpx;
}

.pingfen {
	display: flex;
}

.pingfen .left {
	flex: 0.5;
	display: flex;
	padding-top: 10rpx;
}

.pingfen .evaluate_score {
	font-size: 24rpx;
	font-weight: 500;
	color: #484848;
	line-height: 24rpx;
	height: 24rpx;
	position: relative;
	flex: auto;
}

.pingfen .left text {
	flex: auto;
	color: #969696;
}

.pingfen .evaluate_score>view {
	position: absolute;
	left: 0rpx;
	top: 0;
}

.pingfen .evaluate_score .light {
	z-index: 3;
}

.pingfen .evaluate_score .grey {
	z-index: 2;
}

.pingfen .evaluate_score image {

	margin-right: 4rpx;
	width: 24rpx;
	height: 24rpx;
	vertical-align: bottom;
}

.pingfenImg {
	width: 40rpx;
	height: 30rpx;
	margin: 0 8rpx;
	display: inline-block;
	vertical-align: middle;
}

.passage-conditions {
	margin: 30rpx 0 16rpx;
	color: #323232;

}

.passage-conditions text {
	margin: 0 10rpx;
	color: #323232;
}
.passage-conditions>view{
	margin: 0 10rpx;
	color: #323232;
	display: inline-block;
}
	
.passage-conditions>view image{
	vertical-align: middle;
}
.passage-conditions .left {
	border-radius: 4rpx;
	border: 2rpx solid;
	padding: 0 5rpx;
	transform: translateY(-8rpx);
	margin-left: 0;
	color: #000;
}



.teacher {}

.subtitle {
	color: #969696;
	margin: 30rpx 0;
}

.head {
	margin: 30rpx 0;
	height: 80rpx;
}

.head .left {
	float: left;
	color: #646464;
}

.easy-intro {
	padding: 0 30rpx;
}

/* .boutique {
	display: inline-block;
	color: red;
	border-radius: 4rpx;
	border: 2rpx solid red;
	padding: 0 5rpx;
	transform: translateY(-8rpx);
	margin-right: 6rpx;
} */
.headImg {
	width: 80rpx;
	height: 80rpx;
	margin-right: 20rpx;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

.head .right {
	float: left;
	height: 80rpx;
	line-height: 40rpx;
	width: 80%;
}

.head .right .name {
	font-size: 32rpx;
	color: ;
}

.introduce {
	font-size: 24rpx;
	color: #969696;
}

.headTextImg {
	width: 40rpx;
	height: 40rpx;
	margin: 0 8rpx;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

.project-list {
	display: flex;
	margin: 30rpx 0;
	padding-left: 30rpx;
}

.project-list .left {
	flex: auto;
	width: 80%;
}

.project-list .project-title {
	margin-bottom: 16rpx;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;

}

.project-list .right {
	flex: auto;
	line-height: 72rpx;
	text-align: right;
}

.project-list .subtitle {}

.project-list .process {
	color: #00c7c6;
	margin-left: 30rpx;
}

.nothing {
	/* width: 196rpx; */
	/* height: 68rpx; */
	/* line-height: 68rpx; */
	color: #969696;
	/* border: 2rpx solid #969696; */
	/* border-radius: 34rpx; */
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30rpx;
}

.rightIcon {
	width: 30rpx;
	height: 30rpx;
	margin: 0 8rpx;
	/* border-radius: 50%; */
	display: inline-block;
	vertical-align: middle;
}

.goods_name {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.jb-icon {
	width: 25rpx;
	height: 25rpx;
	display: inline-block;
	margin-left: 10rpx;
	margin-bottom: 5rpx;
	vertical-align: bottom;
}