.tt-search-filter {
	position: relative;
	// height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #36434D;
	.filter-right-wrap {
		position: absolute;
		z-index: 100;
		background-color:#fff;
		right: 0;
		top: 0;
	}
	.tt-new-filtter-tab {

	}
	.filter-tab-item {
		position: relative;
	}
	.filter-more-tab {
		position: absolute;
		top: 34px;
		right: 0;
		left: auto;
		display: none;
	}
	.tab-more {
		display: inline-block;
		width: 30px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		font-size: 18px;
		color: #66757F;
		@include border-radius(2px);
		&:hover {
			cursor: pointer;
			color: #1687D9;
			@include box-shadow( 0px 1px 2px rgba(0,0,0,.3));
		}
	}
	.filter-tab-item-wrap {
		padding: 0 5px;
		&:hover, &.active {
			cursor: pointer;
			background: #F6F9FB;
			//padding: 0;
		}
		&.disable {
			cursor: default;
			background-color: #fff;	
			color: #ACB7BF;
			.icon {
				color: #E4EBF0;
			}
		}
		.icon {
			color: #ACB8BF;
		}
	}
	.tab-item-active{
		cursor: pointer;
		background: #F6F9FB;
		.tab-more {
			color: #1687D9;
		}
	}
	.filter-tab-item, .filter-tab-item-wrap {
		display: inline-block;
	}
	.filter-seach, .filter-orther-btn {
		float: left;
	}
	.filter-seach {
		&__container{
			width: 150px;
			line-height: normal; 
		}
		
	}
	.filter-orther-btn {
		.chart-btn {
			width: 28px;
			height: 30px;
			margin-left: 20px;
			line-height: 30px;
			text-align: center;
			background: #F2F8FC;
			font-size: 16px;
			color: #70808B;
			border: 0 none;
			padding: 0;
			vertical-align: text-bottom;
			@include border-radius(2px);
		}
		
	}
	.group-line {
		color: #A9B8BF;
	}
}