.search-user{
	height: .5rem;
	position: absolute;
	top:0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 8px 5px 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    background: #fff;
    width: 100%;
    -webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust:none;
	z-index: 2;
	background: #fff;

	.sys-sousuo.icon{
		line-height: .4rem;
		margin:0 0 0 8px;
	}
	input{
		padding-left: 8px;
		min-width: 40px;
		flex: auto;
	}
	.avatar-medium{
		margin: 0 4px;
		vertical-align: middle;
		height: .4rem;
		width: .4rem;
		line-height: 0.4rem;
		border-radius:50%;
	}
	.select-user-list{
		white-space: nowrap;
		overflow: auto;
	}
}
.user-list{
	&.user-filter{
		background-color: #f5f6f7;
	}
}
.user-list:before{
	content:'';
	height: .5rem;
	display: inline-block;
}

.user-item{
	display: flex;
	padding:12px 4px;
	height: 64px;
    box-sizing: border-box;
    &:active{
    	background-color:#f5f6f7;;
    }
    .user-check{
	    margin-left: 8px;
	    color: #acb7bf;
    }
	.user-avatar{
		margin: 0 8px;
		.avatar-medium{
			height : 0.4rem;
			width : 0.4rem;
			line-height: .4rem;
		    border-radius: .2rem;
		}
	}
	.user-main{
		color: #667580;
		margin-left:4px;
	}
	.user-name{
		line-height: .2rem;
		margin-bottom: .04rem;
		font-weight: 500;
		font-size: 16px;
		color: #36434D;
		white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
		.active{
			color: #007ed9;
		}
	}
	.user-email{
		line-height: .16rem;
		font-size: 14px;
		.active{
			color: #007ed9;
		}
	}
}
.clear .nav-left{
	width: 1.28rem;
}