.page-brand {

	margin: 0 auto;

	color: #222

}



.page-brand .nav {

	height: 60px;

	line-height: 60px;

	-webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.08);

	box-shadow: 0 1px 0 0 rgba(0,0,0,.08)

}



.page-brand .nav ul {

	width: 1190px;

	margin: 0 auto;

	overflow: hidden

}



.page-brand .nav ul li {

	float: left;

	width: 110px;

	text-align: center;

	font-size: 18px;

	margin: 0 31.5px;

	height: 55px;

	cursor: pointer

}



.page-brand .nav ul li.active {

	border-bottom: 5px solid #ce2031;

	color: #ce2031

}



.page-brand .box-1190 {

	width: 1190px;

	margin: 0 auto

}



.page-brand .box-1190 .categories {

	color: #888;

	padding: 15px 0 25px;

	margin-left: -10px;

	margin-right: -10px;

	font-size: 18px

}



.page-brand .box-1190 .categories ul {

	overflow: hidden

}



.page-brand .box-1190 .categories ul li {

	height: 40px;

	line-height: 40px;

	padding: 0 17px;

	float: left;

	margin: 5px 10px;

	cursor: pointer

}



.page-brand .box-1190 .categories ul li.active {

	color: #fff;

	background-color: #ce2031;

	border-radius: 30px

}



.page-brand .box-1190 .cat-brand .alphabets {

	background: #f4f4f4;

	border: 1px solid rgba(0,0,0,.08);

	height: 35px;

	line-height: 35px;

	margin-bottom: 15px;

	padding-left: 9px

}



.page-brand .box-1190 .cat-brand .alphabets ul.alpha-block {

	font-size: 14px;

	float: left

}



.page-brand .box-1190 .cat-brand .alphabets ul.alpha-block li {

	float: left;

	cursor: pointer;

	text-align: center;

	width: 30px

}



.page-brand .box-1190 .cat-brand .alphabets ul.alpha-block li a {

	display: block

}



.page-brand .box-1190 .cat-brand .alphabets ul.alpha-block li.active {

	color: #f03a58

}



.page-brand .box-1190 .cat-brand .alphabets ul.alpha-block li:nth-of-type(7n+1) {

	margin-right: 30px

}



.page-brand .box-1190 .cat-brand .brands-container .no-data {

	text-align: center

}



.page-brand .box-1190 .cat-brand .brands-container .no-data img {

	width: 240px;

	height: 240px;

	display: block;

	margin: 75px auto 20px

}



.page-brand .box-1190 .cat-brand .brands-container .no-data .nodata-text {

	font-size: 20px;

	color: #888;

	line-height: 1em;

	margin-bottom: 170px;

	display: block

}



.page-brand .box-1190 .cat-brand .brands .brand-line {

	border-bottom: 1px solid rgba(0,0,0,.08);

	padding: 9px 20px

}



.page-brand .box-1190 .cat-brand .brands .brand-line:last-of-type {

	border-bottom: none

}



.page-brand .box-1190 .cat-brand .brands .brand-line .alphabet {

	width: 50px;

	height: 50px;

	line-height: 50px;

	float: left;

	text-align: center;

	margin-top: 35px;

	font-size: 24px;

	color: #888

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list {

	overflow: hidden;

	padding-left: 20px

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list li {

	float: left;

	padding: 15px 27px;

	cursor: pointer;

	position: relative

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list li .img-box {

	width: 125px;

	height: 50px;

	overflow: hidden;

	margin: 0 auto

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list li .img-box img {

	width: 100%;

	display: block

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list li .brand-name {

	font-size: 14px;

	text-align: center;

	margin-top: 11px;

	line-height: 1em

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list li .hover-panel {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0;

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);

	-webkit-transition: .3s;

	transition: .3s;

	background-color: #f03a58

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list li .hover-panel .go-btn {

	width: 100px;

	height: 30px;

	line-height: 30px;

	border-radius: 10px;

	background-color: #fff;

	margin: 25px auto 21px;

	font-size: 18px;

	color: #222;

	text-align: center;

	-webkit-transition: .2s;

	transition: .2s

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list li .hover-panel .hover-brand-name {

	font-size: 14px;

	color: #fff;

	text-align: center

}



.page-brand .box-1190 .cat-brand .brands .brand-line ul.brand-list li:hover .hover-panel {

	opacity: 1;

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100)

}



.page-brand .box-1190 .cat-product {

	overflow: hidden;

	margin-bottom: 30px

}



.page-brand .box-1190 .cat-product .subcategories-container {

	margin-top: 15px

}



.page-brand .box-1190 .cat-product .product-list {

	margin-bottom: 60px

}



.page-brand .box-1190 .cat-product .product-list .product-list-title {

	font-size: 0;

	line-height: 20px;

	font-weight: 700;

	border-left: 4px solid #222;

	padding-left: 10px;

	margin-bottom: 20px;

	cursor: pointer

}



.page-brand .box-1190 .cat-product .product-list .product-list-title a {

	display: block

}



.page-brand .box-1190 .cat-product .product-list .product-list-title * {

	vertical-align: middle

}



.page-brand .box-1190 .cat-product .product-list .product-list-title span {

	font-size: 20px;

	margin-right: 10px

}



.page-brand .box-1190 .cat-product .product-list .product-list-title i.icon-more {

	background: url(/static/image/btn_arrow_normal@2x.png) no-repeat 0 0;

	background-size: 20px 20px;

	width: 20px;

	height: 20px;

	display: inline-block

}



.page-brand .box-1190 .cat-product .product-list .product-list-title:hover {

	border-color: #f03a58;

	color: #f03a58

}



.page-brand .box-1190 .cat-product .product-list .product-list-title:hover i.icon-more {

	background-image: url(/static/image/btn_arrow_selected@2x.png)

}



.page-brand .box-1190 .cat-product .product-list ul {

	overflow: hidden;

	margin: -5px

}



.page-brand .box-1190 .cat-product .product-list ul li {

	width: 110px;

	padding: 0 10px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 12px;

	margin: 5px;

	float: left;

	cursor: pointer;

	background-color: #f4f4f5

}



.page-brand .box-1190 .cat-product .product-list ul li a {

	display: block;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis

}



.page-brand .box-1190 .cat-product .product-list ul li:hover {

	color: #fff;

	background-color: #f03a58

}



.page-brand .box-1190 .cat-product .product-list ul li:hover a {

	color: #fff

}