mili_mini/pages/classList/projectDetail/projectDetail.wxss

.projectBox .articleText {
	padding: 60rpx 30rpx;
	border: 5rpx solid #00C7C6;
	border-radius: 20rpx;
}

.title .boutique {
	display: inline-block;
	color: red;
	border-radius: 4rpx;
	border: 2rpx solid red;
	padding: 0 5rpx;
	transform: translateY(-8rpx);
	margin-right: 6rpx;
}

.title .maintitle {
	font-size: 52rpx;
}

.head {
	margin-top: 30rpx;
	height: 80rpx;
}

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

.headImg {
	width: 80rpx;
	height: 80rpx;
	margin-right: 20rpx;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

.head .right {
	float: right;
	color: #323232;
	height: 40px;
	line-height: 40px;
}

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

.cont {
	color: #646464;
	font-size: 31rpx;
	padding: 30rpx 0 60rpx;
	line-height: 1.8;
}

.thumbs-up {
	width: 196rpx;
	height: 68rpx;
	line-height: 68rpx;
	color: #323232;
	border: 2rpx solid #323232;
	border-radius: 34rpx;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30rpx;
}

.thumbs-up-sel {
	width: 196rpx;
	height: 68rpx;
	line-height: 68rpx;
	color: #1D89FF;
	border: 2rpx solid #1D89FF;
	border-radius: 34rpx;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30rpx;
}

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

.do-exercise button {
	color: #fff;
	background-color: #c7c7c7;
}

video {
	width: 100%;
	height: 426rpx;
}

.desc_border {
	padding: 60rpx 40rpx;
	position: relative;
}

.desc_borderImg {
	position: absolute;
	height: 100rpx;
	width: 300rpx;
	top: 6rpx;
	left: 50%;
	transform: translate(-50%);
}