/* BASIC css start */
.hero_section {
 position: relative;
 min-height: 250px;
 height: 23vw;
 background-position: center 0;
 background-repeat: no-repeat;
 background-size: cover;
 margin-bottom: 30px;
}
.hero_section h3 {
 position: absolute;
 top: calc(50% - 17px);
 right: 10%;
 transform: translateY(50%);
 text-align: right;
 font-size: 23px;
 font-weight: 400;
 color: #fff;
}
.page_location li span {
  position: relative;
  color: #898989;
}

.page_location li:last-chilld span {
    color: #000;
}

.SMS_CategoryBest_header {font-size: 14px; margin-bottom: 15px;}

.SMS_CategoryBest_wrap {
padding: 10px 0;
border-bottom: 0px solid #ddd;
}

.SMS_CategoryBest_wrap .swiper-slide {
position: relative;
padding: 3px;
}

.SMS_CategoryBest_wrap .swiper-slide a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}

.SMS_CategoryBest_wrap .swiper-slide div {
position: relative;
display: inline-block;
vertical-align: top;
padding: 7px 3px;
width: 100%;
}

.SMS_CategoryBest_wrap .swiper-slide .thumb {
vertical-align: middle;
margin: 0;
}

.SMS_CategoryBest_wrap .swiper-slide .img .rank {
position: absolute;
display: block;
top: 3px;
right: 3px;
width: 35px;
height: 35px;
text-align: center;
background-image: url("img/categorybest_icon.gif");
background-repeat: no-repeat;
background-size: 35px;
z-index: 100;
}

.SMS_CategoryBest_wrap .swiper-slide .best_text {
font-size: 13px;
color: #fff;
margin: 0px;
background: rgba(0, 0, 0, 0.8);
height: 40px;
line-height: 40px;
padding: 0;
position: absolute;
width: 40px;
text-align: center;
}

.SMS_CategoryBest_wrap .swiper-slide .best_text b {
font-size: 12px;
font-weight: normal;
color: #fff;
margin-left: 3px;
display: none;
}

.SMS_CategoryBest_wrap .swiper-slide .b_num {
font-size: 12px;
color: #fff;
}

.SMS_CategoryBest_wrap .swiper-slide .name {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
color: #888;
font-size: 12px;
padding: 0 10px;
margin: 5px 0 0 0;
text-align: left;
}

.SMS_CategoryBest_wrap .swiper-slide .price {
display: block;
font-size: 11px;
font-weight: bold;
color: #888;
margin: 3px 0 5px;
text-align: left;
padding: 0px 11px;
}

.SMS_CategoryBest_wrap .swiper-slide .priceStrike {
display: block;
font-weight: normal;
color: #888;
text-align: center;
}

.SMS_CategoryBest_wrap .swiper-pagination {
position: relative;
margin: 10px auto 10px;
text-align: center;
}


.SMS_Product_display {
  padding-bottom: 28px;
}
.SMS_Product_display h3 {
  font-family: 'GeosansLight', sans-serif;
  font-size: 14px;
  margin-top: 28px;
  margin-bottom: 10px;
}
.SMS_Product_display .items {
  font-size: 0;
}
.SMS_Product_display .SMS_base_mask {
  text-align: center;
}

.SMS_Product_display {
  margin-right: -5px;
}

.SMS_Product_display li {
  display: inline-block;
  width: 50%;;
  vertical-align: top;
  font-size: 8px;
  margin:0;
  padding-right: 5px;
  padding-bottom: 22px;
}
.SMS_Product_display .SMS_moreBtn {
  text-align: center;
  margin-bottom: 20px;
}
.SMS_Product_display .view_more_btn {
  position: relative;
  background: #fff;
  font-family: 'GeosansLight', sans-serif;
  font-size: 8.5px;
  color: #3a3a3a;
}
.SMS_Product_display .view_more_btn:after {
  content:'';
  position: absolute;
  display: block;
  right: -13px;
  top: 8px;
  width: 7px;
  height: 1px;
  background: #3a3a3a;
}
.SMS_Product_display .view_more_btn:before {
  content:'';
  position: absolute;
  display: block;
  right: -10px;
  top: 5px;
  width: 1px;
  height: 7px;
  background: #3a3a3a;
}

.SMS_Category_list .CateInBody {
overflow: hidden;
}

.SMS_Category_list .CateInBody ul {
overflow: hidden;
border-bottom: 1px solid #ddd;
display: table;
}

.SMS_Category_list .CateInBody ul:last-child {
border-bottom: none;
}

.SMS_Category_list .CateInBody ul li {
position: relative;
display: inline-block;
float: left;
width: auto;
height: 35px;
line-height: 35px;
font-size: 12px;
text-align: center;
/* border-right: 1px solid #ccc; */
padding-right: 12px;
}

.SMS_Category_list .CateInBody ul li a {
display: block;
text-align: center;
color: #6D6D6D;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
font-size: 11px;
}

.SMS_Category_list .CateInBody ul li .sel {
font-weight: bold;
color: #000;
}

.SMS_Category_list .CateInBody ul li:last-child {
border-right: none;
}

.SMS_Category_list .CateInBody ul li:last-child span {
border-right: none;
}

.SMS_Category_list .CateInBody ul li span {
display: inline-block;
position: absolute;
right: 1px;
width: 1px;
font-weight: normal;
color: #ddd;
padding: 0;
display: none;
}
.view_more_btn {
  position: relative;
  background: #fff;
  font-family: 'GeosansLight', sans-serif;
  font-size: 8.5px;
  color: #3a3a3a;
}
.view_more_btn:after {
  content:'';
  position: absolute;
  display: block;
  right: -13px;
  top: 8px;
  width: 7px;
  height: 1px;
  background: #3a3a3a;
}
.view_more_btn:before {
  content:'';
  position: absolute;
  display: block;
  right: -10px;
  top: 5px;
  width: 1px;
  height: 7px;
  background: #3a3a3a;
}
.SMS_moreBtn {
  text-align: center;
  margin-bottom: 20px;
}

/* BASIC css end */