.brands {
	margin: 12px 0 0;
	overflow: hidden;
}

.brands__wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}

.brands .brand-item {
	flex: 0 0 auto;
	margin: 0 0 12px;
	padding: 0 12px;
	width: 11%;
}

.brands .brand-item__wrap {
	display: flex;
	flex-wrap: nowrap;
}

.brands .brand-item__logo {
	align-self: flex-start;
	flex: 0 1 auto;
	height: 22px;
	margin: 0 6px 0 0;
	position: relative;
	width: 22px;
}

.brands .brand-item__logo img {
	border-radius: 2px;
}

.brands .brand-item__logo-mask {
	background: rgba(0,48,120,.039);
	border-radius: 2px;
	bottom: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}

.brands .brand-item__name {
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brand-item.--favor_flag .brand-item__name a {
	color: #008000;
}