@font-face {
  font-family: 'iconfont';
  /* project id 642235 */
  src: url("../font/alibaba/iconfont.eot");
  src: url("../font/alibaba/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/alibaba/iconfont.woff") format("woff"), url("../font/alibaba/iconfont.ttf") format("truetype"), url("../font/alibaba/iconfont.svg#iconfont") format("svg");
}

[class^="icon-"], [class*="icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-exit:before {
  content: '\e624';
}

.icon-down:before {
  content: '\e62d';
}

.icon-add:before {
  content: '\e81a';
}

.black_font {
  color: black;
  margin-right: 40px;
}

.gray_wrap {
  border: 1px solid #cccccc;
  display: inline-block;
  line-height: 22px;
  height: 22px;
  padding: 0 5px;
}

.gray_font {
  color: #999;
}

.red_font {
  color: #f21829;
}

.product_index {
  background: white;
}

.category_lists {
  border: 1px solid #cccccc;
  border-top: none;
  position: relative;
}

.category_lists .category_list {
  line-height: 44px;
  height: 44px;
  border-bottom: 1px solid #cccccc;
}

.category_lists .category_list:after {
  display: block;
  content: '';
  clear: both;
}

.category_lists .category_list:last-child {
  border-bottom: none;
}

.category_lists .category_list .category_list_title {
  float: left;
  width: auto;
  text-align: right;
  padding-left: 15px;
}

.category_lists .category_list .later_title {
  width: 81px;
}

.category_lists .category_list .category_list_content {
  padding: 0 14px;
}

.category_lists .category_list .category_list_content:after {
  display: block;
  content: '';
  clear: both;
}

.category_lists .category_list .category_list_content .category_lc_left {
  float: left;
  margin-left: 10px;
}

.category_lists .category_list .category_list_content .category_lc_left .maybe_like {
  color: black;
  padding: 0 8px;
  border-right: 1px solid #cccccc;
}

.category_lists .category_list .category_list_content .category_lc_left .maybe_like:last-child {
  border: none;
}

.category_lists .category_list .category_list_content .category_lc_right {
  float: right;
}

.category_lists .category_list .category_list_content .category_lc_right .gray_wrap {
  padding: 0 5px;
  text-align: center;
}

.category_lists .left_white {
  position: absolute;
  left: 0;
  width: 10px;
  top: 50px;
  bottom: 60px;
  background: white;
}

.category_lists .right_white {
  position: absolute;
  right: 0;
  width: 10px;
  top: 50px;
  bottom: 60px;
  background: white;
}

.category_lists .black_font, .category_lists .maybe_like {
  cursor: pointer;
}

.category_lists .black_font:hover, .category_lists .maybe_like:hover {
  color: #f21829 !important;
}

.text_pics_content:after {
  display: block;
  content: '';
  clear: both;
}

.text_pics_content figure.pic_text {
  width: 19%;
  margin-right: calc((100% - 19%*5)/4);
  height: 308px;
}

.text_pics_content figure.pic_text:nth-child(5n) {
  margin-right: 0;
}

.text_pics_content figure.pic_text a.pic_text_a {
  display: inline-block;
  width: 100%;
  height: 212px;
  position: relative;
}

.text_pics_content figure.pic_text a.pic_text_a .alldirection {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
}

.text_pics_content figure.pic_text p text {
  font-size: 14px;
  width: 68%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text_pics_content figure.pic_text .category_content_text_desc {
  height: 24px;
}

.text_pics_content figure.pic_text .category_content_text {
  background: white;
  height: 65px;
  padding-top: 8px;
}

.text_pics_content figure.pic_text .category_content_text .icon-mobilephone:hover .namecard_modal {
  display: inline-block;
}