$primary: #409eff;
.basic-form {
	padding: 0 4%;
	margin-top: 40px;
	.items {
		display: flex;
		justify-content: space-around;
		.left,
		.right {
			width: 42%;
		}
		.full-item {
			width: 92%;
		}
		.placeholder {
			visibility: hidden;
			user-select: none;
		}
	}
	.input {
		font-size: 12px;
		.selectFile {
			padding: 2px 6px;
			font-size: 13px;
			color: $primary;
			cursor: pointer;
			background-color: transparent;
			border: 1px solid $primary;
			border-radius: 3px;
			outline: none;
		}
		> span {
			margin-left: 5px;
			color: #999999;
		}
	}
	.footer {
		height: 50px;
		margin-bottom: 20px;
	}
	:deep(.el-input-group__append) {
		padding: 0 8px;
		cursor: pointer;
		background-color: $primary;
	}

	@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;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
}