yicangzongtai_app_240321/pages/task/components/submint.scss

.task-form-item {
		padding-top: 30rpx;

		.form-lable {
			font-size: 28rpx;
			font-weight: Light;
			color: #1A1A1A;
			line-height: 40rpx;
			padding-bottom: 10rpx;

			.form-must {
				color: #ff0000;
			}
		}

		.form-textarea {
			width: 690rpx;
			background-color: #F5F5F5;
			border: 1rpx solid #e6e6e6;
			border-radius: 20rpx;
			padding: 18rpx 30rpx;

			.textarea-box {
				width: 100%;
				min-height: 240rpx;
				font-size: 24rpx;
				font-weight: Light;
				color: #666666;
			}

			.textarea-num {
				width: 100%;
				text-align: right;

				font-size: 24rpx;
				font-weight: Light;
				color: #b3b3b3;
				line-height: 50rpx;
			}
		}

	}

	.form-item-media {
		width: 100%;

		.form-lable {
			display: flex;
			flex-direction: row;
			// justify-content: flex-start;
			justify-content: space-between;
			align-items: center;

			.form-lable-content {
				flex: 1;
				padding: 0 20rpx;

				.lable-content-btn {
					width: 256rpx;
					height: 70rpx;
					background: #d4f5fd;
					border-radius: 35rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					line-height: 1;
					font-size: 28rpx;
					// font-family: .PingFang SC, .PingFang SC-Light;
					font-weight: Light;
					color: #3db8d2;

					.iconfont_yige {
						font-size: 40rpx;
						margin-right: 10rpx;
					}
				}
			}
			.lable-content-right{
				.lable-content-btn{
					float: right;
				}
			}
			.form-media-num {
				width: 85rpx;
				font-size: 28rpx;
				line-height: 40rpx;
				font-weight: Light;
				text-align: right;
				color: #808080;
			}
		}

		.form-value {
			font-size: 28rpx;
			// font-family: .PingFang SC, .PingFang SC-Light;
			font-weight: Light;
			color: #808080;
			line-height: 40rpx;
		}

		.form-img-video {
			width: 100%;
			padding: 0 30rpx;
			display: flex;
			flex-direction: row;
			align-items: stretch;

			.updata-btn {
				border: 1rpx dashed #cbcbcb;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;

				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC-Regular;
				font-weight: Regular;
				color: #666666;
				line-height: 1;

				.iconfont_yige {
					font-size: 60rpx;
					color: #999999;
					margin-bottom: 15rpx;
				}
			}

			.img-video-box {
				position: relative;

				.del-img-video {
					position: absolute;
					right: -23rpx;
					top: -23rpx;
					z-index: 3;
				}

				.img-video {
					width: 100%;
					height: 100%;
				}
			}

			.img-video-item {
				flex-shrink: 0;
				margin: 23rpx 40rpx 0 0;
				width: 160rpx;
				height: 160rpx;
				border-radius: 14rpx;
				background: #fcfcfc;
				video,image{
					border-radius: 14rpx;
				}
			}
		}

		// .form-img-video {
		// 	width: calc(100% - 130rpx - 85rpx);
		// 	background-color: hotpink;
		// 	display: flex;
		// 	flex-direction: row;
		// 	align-items: stretch;

		// 	.img-video-item {
		// 		width: 160rpx;
		// 		height: 160rpx;
		// 		background-color: skyblue;
		// 	}
		// }


	}
	.del-img-video {
		width: 46rpx;
		height: 46rpx;
		background-color: #E5404F;
		border-radius: 50%;
		text-align: center;
		line-height: 46rpx;
		color: #fff;
		font-size: 24rpx;
	}