.dataSearch {
	&-spanRight {
		margin-right: 8px;
	}

	&-inputWeight {
		width: 220px;
	}

	&-card {
		margin: 16px 16px 0;
		display: flex;
		align-items: stretch;
		flex-wrap: wrap;

		&-item {
			background-color: #ffffff;
			border-radius: 2px;
			padding: 16px 20px;
			flex: 1;
			margin-right: 16px;
			display: flex;
			flex-direction: column;
		}

		&-item:last-child {
			margin-right: 0;
		}

		&-itemHeader {
			color: rgba(0, 0, 0, 0.45);
			margin-bottom: 8px;
		}

		&-itemMain {
			flex: 1;

			&-title {
				font-size: 30px;
				font-weight: 600;
			}

			&-subTitle {
				display: flex;
				flex-wrap: wrap;
				margin-top: 12px;

				&-flex {
					display: flex;
					align-items: center;

					div:first-child {
						height: 8px;
						width: 8px;
						border-radius: 50%;
						margin-right: 4px;
					}
				}

				&-flex:first-child {
					margin-right: 16px;
				}

				&-bottom {
					margin-bottom: 12px;
				}

				&-bottom:last-child {
					margin-bottom: 0;
				}
			}
		}

		&-vertical {
			margin: 0 8px;
			width: 1px;
			background-color: #f0f0f0;
			height: 21px;
		}

		&-itemFooter {
			padding-top: 12px;
			border-top: 1px solid #f0f0f0;
			margin-top: 12px;
		}
	}

	&-main {
		flex: 1;
		margin: 16px;
		background-color: #ffffff;

		&-header {
			display: flex;
			align-items: center;
			padding: 16px;
			border-bottom: 1px solid #f0f0f0;
		}

		&-content {
			display: flex;

			&-left {
				flex: 1;
			}

			&-right {
				width: 320px;
				margin-left: 24px;
			}

			&-rightTitle {
				font-size: 16px;
				padding: 12px 0;
				font-weight: 600;
			}

			&-rightLine {
				margin-bottom: 16px;
				display: flex;
				align-items: center;
				padding-right: 16px;

				div:first-child {
					width: 22px;
					height: 22px;
					line-height: 22px;
					text-align: center;
					border-radius: 50%;
					background-color: #f0f0f0;
					margin-right: 8px;
					font-weight: 600;
				}

				&-flex {
					flex: 1;
				}
			}
		}
	}
}