.dataBlockTitle > span {
	display: inline-block;
}

.dataBlockTitle {
	position: relative;
	min-height: .16rem;
	line-height: .2rem;
	zoom: 1;
	padding-right: .28rem;
	padding-left: .08rem;
}

.dataBlockTitle .title {
	font-weight: 600;
	font-size: .14rem;
	line-height: .2rem;
    color: #3a4247;
    text-align: initial;
}

.dataBlockTitle .icon.icon-ex {
	position: absolute;
    top: -6px;
    right: -4px;
    font-size: .16rem;
    line-height: .16rem;
    color: #acb7bf;
    padding: 6px;
}

.dataBlockList {
	width: 100%;
	display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    flex-flow: row;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-top: 2px;
}

.dataBlockItem {
	position: relative;
	border-radius: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #36434d;
	background-color: #e6eaed;
	height: 32px;
	line-height: 32px;
	text-align: center;
	margin-top: 8px;
	margin-left: 8px;
	font-size: .12rem;
	overflow: hidden;
}
.dataBlockItem .icon.blockClose {
	height: 32px;
	opacity: 0;
	font-size: .20rem;

}

.dataBlockItem .icon.blockClose:before {
	position: absolute;
	bottom: 0;
	right: 0;
}

.search-form .input-form-item.dataBlock{
    padding: 16px 12px 0 12px;
}

.input-form-item.dataBlock {
	padding-top: 12px;
}
.dataBlockItem.active .icon.blockClose {
	opacity: 1;
}

.dataBlockItem.superlong {
	width: 100%;
	overflow: hidden;
}

.dataBlockItem.long {
	width: 47%;
}

.dataBlockItem.short {
	width: 22%;
}

.dataBlockList div:last-child {
	margin-right: 0;
}

.dataBlockItem.active {
	color: #007ed9;
	background-color: rgba(0, 126, 216, 0.15);
}

.input-form-item {
	padding-top: 20px;
}

@media (max-width: 320px) {
	.dataBlockItem.long {
		width: 46%;
	}
	
	.dataBlockItem.short {
		width: 21%;
	}
}