E_lsa/marketing/annunciate/details.scss

/* 主要区域 */
.main {
	width: 100%;
	background-color: #ffffff;
	padding: 30rpx;
	box-sizing: border-box;

	.title {
		font-size: 30rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
		line-height: 44rpx;
	}

	.incidental {
		width: 100%;
		margin-top: 20rpx;
	}
}

.box {
	width: 690rpx;
	margin: 0 auto;
	margin-top: 30rpx;

	.label {
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #333333;
	}

	video {
		width: 690rpx;
		height: 360rpx;
		border-radius: 16rpx;
		overflow: hidden;
		margin-top: 20rpx;
	}
}

/* 通告评价 */
.evaluate {
	width: 690rpx;
	background: #FFFFFF;
	border-radius: 16rpx;
	margin: 0 auto;
	margin-top: 20rpx;
	box-sizing: border-box;
	overflow: hidden;

	.mtitle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 90rpx;
		padding: 0 20rpx 0 30rpx;
		border-bottom: 1px solid #EEEEEE;
		box-sizing: border-box;

		.title-l {
			font-size: 28rpx;
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;
			color: #333333;
		}
	}

	.title-r {
		font-size: 24rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		color: #999999;
	}

	.score {
		display: flex;
		align-items: center;
		height: 48rpx;
		// margin-left: 30rpx;
		margin: 40rpx 0 50rpx 30rpx;

		.rate {
			padding: 0 20rpx;
			margin-top: -12rpx;
		}


	}

}


/* 虚线 */
.cut-off-rule {
	width: 100%;
	height: 1rpx;
	box-sizing: border-box;
	border-bottom: 1rpx dashed #CCCCCC;
	margin-top: 30rpx;
}

/* 文本域 */
textarea {
	width: 630rpx;
	height: 210rpx;
	background: #F5F5F5;
	border-radius: 8rpx;
	margin: 24rpx auto 0;
	padding: 20rpx 30rpx;
	box-sizing: border-box;
	text-align: left;
}

/* 按钮盒子 */
.but-box {
	width: 100%;
	text-align: center;
	margin: 50rpx 0;
}

.tag {
	max-width: 200rpx !important;
	height: 36rpx;
	line-height: 36rpx;
	padding: 0 10rpx;
	margin-right: 10rpx;
	font-size: 20rpx;
	font-family: PingFangSC-Regular-, PingFangSC-Regular;
	font-weight: normal;
}

.evaluation-title {
	font-size: 28rpx;
	font-weight: bold;
	color: #333333;
	margin-left: 30rpx;
}


.incidental {
	display: flex;
	justify-content: space-between;
	height: 36rpx;
	width: 630rpx;
	margin-top: 10rpx;

	&_l {
		display: flex;
		align-items: center;

		.tag {
			max-width: 100rpx;
			height: 36rpx;
			line-height: 36rpx;
			padding: 0 10rpx;
			margin-right: 10rpx;
			font-size: 20rpx;
			font-family: PingFangSC-Regular-, PingFangSC-Regular;
			font-weight: normal;
		}

		.time {
			font-size: 20rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			color: #999999;
			margin-top: 10rpx;
		}
	}

	&_r {
		display: flex;
		align-items: center;
		font-size: 20rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		color: #999999;
		margin-top: 10rpx;

		&_item {
			margin-right: 30rpx;
			height: 28rpx;
			display: flex;
			align-items: center;

			text {
				margin-right: 10rpx;
			}
		}

		&_item:last-child {
			margin-right: 0;
		}
	}
}