.msg-box,
.item {
	width: 100vw;
	background-color: #FFFFFF;
	padding: 20rpx 30rpx;
	box-sizing: border-box;


	.row {
		display: flex;
		line-height: 40rpx;
		margin-bottom: 20rpx;
		font-weight: 400;
		font-size: 28rpx;

		.label {
			color: #666666;
			flex-shrink: 0;
		}

		.value {
			color: #333333;
		}

	}
}

.item {
	box-shadow: inset 0rpx -2rpx 0rpx 2rpx #DDDDDD;

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

	.tag-box {
		display: flex;
		align-items: center;
		width: 100%;
		margin-bottom: 6rpx;

		.datatag,
		.systemtag {
			flex-shrink: 0;
			margin-top: 6rpx;
			background: #3874f6;
			color: #ffffff;
			margin-right: 10rpx;
			display: flex;
			align-items: center;
			height: 40rpx;
			font-size: 20rpx;
			padding: 0 10rpx;
			border-radius: 20rpx;
			font-family: PingFang SC-Regular, PingFang SC;
		}

		.datatag {
			background: #FA8C16;
		}
	}

	.row {
		margin-bottom: 8rpx;
	}
}

.head {
	padding: 24rpx 30rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 30rpx;
	color: #333333;
}

.new-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	width: 100vw;
	padding: 0 30rpx;
	box-sizing: border-box;
	height: 130rpx;
	background: #FFFFFF;
	box-shadow: 0px -4rpx 16rpx 2rpx rgba(150, 157, 165, 0.16);
	bottom: 0;

	.submit {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 !important;
		width: 334rpx;
		height: 90rpx !important;
		background: #3874F6;
		border-radius: 8rpx !important;
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
	}

	.not {
		width: 690rpx;
	}

}