.add-record {
	display: flex;
	flex-direction: column;
	height: calc(100vh - 46px);

	&-content {
		flex: 1;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
	}

	&-desc {
		font-size: 14px;
		color: #999;
		line-height: 1.5;
		padding: 12px 16px;
		background: #f2f7fe;
		border-radius: 4px;
		margin-bottom: 16px;
	}

	&-input {
		flex: 1;
		background: #fff;
		border-radius: 4px;
		padding: 12px 16px;
		margin-bottom: 8px;

		:global {
			.dtm-textarea {
				background: #fff;
				border: none;
				font-size: 15px;
			}

			.dtm-textarea-count {
				text-align: right;
				color: #999;
				font-size: 12px;
				margin-top: 8px;
			}
		}
	}

	&-file {
		background: #fff;
		border-radius: 4px;
		padding: 12px 16px;
		margin-bottom: 16px;

		&-title {
			font-size: 15px;
			font-weight: 500;
			color: #333;
			display: flex;
			align-items: center;
			margin-bottom: 8px;
		}

		&-icon {
			font-size: 16px;
			margin-right: 8px;
			color: #1a6fb8;
		}

		&-desc {
			font-size: 14px;
			color: #999;
			margin-bottom: 16px;
		}

		&-upload {
			:global {
				.dtm-upload {
					padding: 0;
				}

				.dtm-upload-select {
					width: 80px;
					height: 80px;
					border-radius: 4px;
					border: 1px dashed #d9d9d9;
					background-color: #fafafa;
				}

				.dtm-upload-list-item {
					width: 80px;
					height: 80px;
					margin-right: 8px;
					margin-bottom: 8px;
				}

				.dtm-upload-list-item-image {
					border-radius: 4px;
				}
			}
		}
	}

	&-footer {
		padding: 12px;
		border-top: 1px solid #eee;
		background: #fff;
	}

	&-submit {
		height: 44px;
		line-height: 44px;
		text-align: center;
		background: #1a6fb8;
		color: #fff;
		border-radius: 4px;
		font-size: 16px;
	}

	&-label {
		font-size: 15px;
		margin-bottom: 8px;
		position: relative;
		
		.required-mark {
			color: #ff4d4f;
			position: absolute;
			left: -10px;
			top: 0;
		}
	}
}

.addRecord-file-subtitle {
	color: rgba(23, 26, 29, 0.4);
	font-size: 14px;
}