@import url("/css/isNav.css");

.main {
  margin: 0 auto;
  min-width: 1200px;
  /* background-color: #fff; */
}

/* 导航区域 */
.component-breadcrumb {
  width: 1200px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
}

.component-breadcrumb>.breadcrumb-item {
  font-size: 14px;
  color: var(--info-color);
}

/* 导航区域结束 */

/* 品牌专区内容 */
.barand-list-page__container {
  margin: 0 auto;
  width: 1200px;
  position: relative;
}

/* 字母选择区域 */
.subscript-container {
  padding-bottom: 39px;
  background-color: #fff;
  border-bottom: 1px solid #dedede;
}

/* 标题选择 */
.subscript-container>.subscript-title {
  padding: 0 60px;
  height: 110px;
  line-height: 110px;
  font-size: 18px;
  color: var(--main-color);
}

/* 字母列表 */
.subscript-container>.subscript-code {
  padding: 0 0 0 60px;
  font-size: 0;
}

/* 每个字母 */
.subscript-container>.subscript-code>.code-item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 43px;
  font-size: 18px;
  color: #666;
  cursor: pointer;
}

/* 无数据禁用状态 */
.subscript-container>.subscript-code>.code-item.disabled {
  cursor: not-allowed;
  color: #ccc;
}

/* 品牌数据区域 */
.brand__container {
  padding: 0 0 80px;
  background-color: #fff;
  position: relative;
}

/* 数据列表 */
.brand__container>.brand-lists {
  overflow: hidden;
  padding: 0 60px;
  width: 1080px;
  position: relative;
}

.brand-lists>.brand-item,
.brand-lists>.category-item {
  margin-top: 30px;
}

.brand-lists>.brand-item>.brand-code,
.category-item>.category-code {
  float: left;
  width: 40px;
}

/* 品牌字母 和分类字母 */
.brand-item>.brand-code>.code-icon,
.category-item>.category-code>.code-icon {
  width: 40px;
  height: 40px;
  background-color: var(--main-color);
  border-radius: 50%;
  font-size: 22px;
  text-align: center;
  line-height: 40px;
  color: #fff;
}

/* 品牌图片数据 */
/* 分类大标题 */
.brand-item>.brand-son,
.category-item>.category-son {
  float: right;
  width: 1020px;
}

/* 大类标题 */
.category-son-item>.category-catpion {
  height: 37px;
  font-size: 16px;
  line-height: 37px;
  color: #333;
}

/* 标题总数量 */
.category-son-item>.category-catpion>.total-number {
  padding-left: 5px;
  color: #333;
}

/* 每组小类 */
.category-item-list>.category-item {
  float: left;
  width: 145px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 小类链接 */
.category-item-list>.category-item a {
  color: #666;
}

/* 小类数量 */
.category-item-list>.category-item .sku-count {
  padding-left: 5px;
  color: #ccc;
}

/* 品牌图列表每项 */
.brand-list-box>.brand-list>.brand-type-item {
  overflow: hidden;
  float: left;
  width: 204px;
  margin-bottom: 10px;
}

.brand-list-box>.brand-list>.brand-type-item .brand-cover {
  margin: 0 auto;
  width: 160px;
  height: 60px;
}

/* 品牌图片 */
.brand-list-box>.brand-list>.brand-type-item .brand-cover img {
  display: block;
  width: 160px;
  height: 60px;
}

/* 品牌名称 */
.brand-list-box>.brand-list>.brand-type-item .brand-name {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}