@charset "utf-8";
/* 了别公共css */

/*移动端样式*/

/*tab区域*/
html,
body {
  background: #f7f7f7 !important;
}

/*热门区域*/
#mobile .hotArea {
  background: #fff;
  margin-bottom: 6px;
}
.hotArea .title-positions {
  height: 36px;
  color: #333;
  line-height: 36px;
  font-size: 16px;
  padding: 0 10px;
  border-width: 2px;
}
.hotArea .title-positions i.icon-fire {
  width: 18px;
  height: 22px;
  background-size: 18px auto;
  vertical-align: -5px;
  margin: 0 10px 0 0;
  background-position: 0 0;
  display: inline-block;
  background-image: url(../../../../images/mobile/service/icon.png);
  background-repeat: no-repeat;
}

.hotArea .cate-list {
  border-bottom: 1px solid #d4d4d4;
  padding: 8px 8px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.hotArea .cate-list a {
  width: 49.1%;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
  margin-bottom: 1.8%;
}

.hotArea .cate-list a img {
  width: 100%;
  height: auto;
}

/*子分类区域*/
#mobile .kindsArea {
}
.kindsArea .all-kinds {
  width: 100%;
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #dcdcdc;
  background: #fff;
  margin-bottom: 6px;
  display: flex;
  align-items: stretch;
}

.kindsArea .all-kinds .kind {
  font-size: 14px;
  width: 22%;
  display: block;
  text-decoration: none;
  border-right: 1px solid #dcdcdc;
}
.kindsArea .all-kinds .kind span {
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  margin-top: 13px;
}
.kindsArea .all-kinds .kind span::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px;
  border-color: transparent transparent transparent #797979;
  margin: 0 0 0 8px;
}
.kindsArea .all-kinds .kind span::after.none {
  border-color: transparent !important;
}
.kindsArea .all-kinds .kind span.less-blue {
  color: #5aa6bc;
}
.kindsArea .all-kinds .kind span.purple {
  color: #776fe3;
}
.kindsArea .all-kinds .kind span.golden {
  color: #e1b10a;
}
.kindsArea .all-kinds .kind span.grass {
  color: #00bc8d;
}
.kindsArea .all-kinds .kind span.main-red {
  color: #ff6150;
}
.kindsArea .all-kinds .kind span.blue-green {
  color: #59bfc6;
}
.kindsArea .all-kinds .kind span.grey {
  color: #7694e8;
}
.kindsArea .all-kinds .kind span.green {
  color: #0e973d;
}
.kindsArea .all-kinds .kind span.brown {
  color: #ee8e47;
}

.kindsArea .all-kinds .kind span.less-blue::after {
  border-color: transparent transparent transparent #5aa6bc;
}
.kindsArea .all-kinds .kind span.purple::after {
  border-color: transparent transparent transparent #776fe3;
}
.kindsArea .all-kinds .kind span.golden::after {
  border-color: transparent transparent transparent #e1b10a;
}
.kindsArea .all-kinds .kind span.grass::after {
  border-color: transparent transparent transparent #00bc8d;
}
.kindsArea .all-kinds .kind span.main-red::after {
  border-color: transparent transparent transparent #ff6150;
}
.kindsArea .all-kinds .kind span.blue-green::after {
  border-color: transparent transparent transparent #59bfc6;
}
.kindsArea .all-kinds .kind span.grey::after {
  border-color: transparent transparent transparent #7694e8;
}
.kindsArea .all-kinds .kind span.green::after {
  border-color: transparent transparent transparent #0e973d;
}
.kindsArea .all-kinds .kind span.brown::after {
  border-color: transparent transparent transparent #ee8e47;
}

.kindsArea .all-kinds .brand {
  font-size: 14px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.kindsArea .all-kinds .brand > a {
  min-width: 25%;
  line-height: 34px;
  color: #5e5e5e;
  text-decoration: none;
  text-align: center;
  padding: 0px 5px;
}

/*位置*/
#mobile .breadcrumb {
}
#mobile .breadcrumb span.where-arr {
}
#mobile .breadcrumb a {
}
#mobile .breadcrumb a.a-blue {
}