$primary: #409eff;

.basic-form {
	margin-top: 40px;

	.items {
		display: flex;
		justify-content: space-around;

		.left,
		.right {
			width: 42%;
		}

		.full-item {
			width: 92%;
		}

		.placeholder {
			user-select: none;
			visibility: hidden;
		}
	}

	.input {
		font-size: 12px;
		.selectFile {
			outline: none;
			border: 1px solid $primary;
			color: $primary;
			padding: 2px 6px;
			font-size: 13px;
			border-radius: 3px;
			background-color: transparent;
			cursor: pointer;
		}

		> span {
			margin-left: 5px;
			color: #999;
		}
	}

	.footer {
		height: 50px;
		margin-bottom: 20px;
	}

	:deep(.el-input-group__append) {
		padding: 0 8px;
		background-color: $primary;
		cursor: pointer;
	}

	@media screen and (max-width: 780px) {
		.items {
			display: block;

			.left,
			.right {
				width: inherit;
			}

			.full-item {
				width: inherit;
			}

			.placeholder {
				display: none;
			}
		}

		:deep(.el-form-item__label) {
			width: 120px !important;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
		}
	}
}