﻿/*
* list: img-size            //图片基本属性
*       setBgColor          //背景高亮
*       text-visual         //文字效果
*       mul-text-ellipsis   //多行文字的省略号显示
*       price               //产品价格
*
*/
html {
  font-family: sans-serif;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
b,
strong {
  font-weight: bold;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* width: 100%; */
  border: 0;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
input[type="submit"] {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*
* subject elements list:  Buttons
*                         Navbar
*                         Icons
*                         Dropdowns
*                         List groups
*                         Alerts
*                         title
*/
.btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.btn-white {
  border: 1px solid #eee;
  font-size: 12px;
  color: #333;
  background: #fff;
}
.btn-white:hover {
  color: #333;
  background-color: #fff;
}
.btn-white[disabled],
.btn-white.disabled {
  color: #333;
  background-color: #fff;
}
.btn-green {
  border: 1px solid #eee;
  font-size: 12px;
  color: #333;
  background: #fff;
}
.btn-green:hover {
  color: #333;
  background-color: #fff;
}
.btn-green[disabled],
.btn-green.disabled {
  color: #333;
  background-color: #fff;
}
.btn-orange {
  border: 1px solid #eee;
  font-size: 12px;
  color: #333;
  background: #fff;
}
.btn-orange:hover {
  color: #333;
  background-color: #fff;
}
.btn-orange[disabled],
.btn-orange.disabled {
  color: #333;
  background-color: #fff;
}
.icon {
  display: inline-block;
}
.navbar > li > a {
  display: block;
  cursor: pointer;
}
.navbar > li > a:hover,
.navbar > li > a.hover {
  background-color: #007857;
}
.navbar > li > a:active,
.navbar > li > a.active {
  background-color: #007857;
}
.list-group-row:before,
.list-group-row:after {
  content: " ";
  display: block;
  clear: both;
}
.list-group-row > li {
  float: left;
  font-size: 12px;
}
.list-group-column > li {
  font-size: 12px;
}
.title {
  font-weight: bold;
}
.indicator {
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.indicator-icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  list-style: none;
  border: 1px solid #007857;
  border-radius: 12px;
  cursor: pointer;
}
.indicator-icon.active {
  width: 24px;
  border: rgba(0, 0, 0, 0);
  background: #007857;
}
.product-container {
  display: block;
  width: 170px;
  height: 100%;
  padding: 15px 0;
  margin: 0;
}
.product-img-container {
  display: block;
  width: 170px;
  height: 170px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.product-img-container img {
  width: 100%;
}
.product-name-container {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 10px 0 0 0;
  color: #333;
  text-align: left;
  /* display: -webkit-box; */
  /* height: 40px; */
  line-height: 20px;
  font-size: 12px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-name-container:hover {
  color: #007857;
}
.product-price-container {
  display: block;
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 15px 0 0 0;
}
.product-price-container .price-sale {
  font-size: 14px;
  font-weight: bold;
  color: #e60012;
  text-decoration: none;
}
.product-price-container .price-sale:before {
  content: '￥';
  font-size: 10px;
}
.product-price-container .price-market {
  font-size: 10px;
  font-weight: normal;
  color: #999;
  text-decoration: line-through;
}
.product-price-container .price-market:before {
  content: '￥';
  font-size: 10px;
}
.selected-img-container {
  display: block;
  width: 180px;
  height: 230px;
  padding: 0;
  margin: 0;
}
.dropdown:hover .sprite-ico_arrow_u,
.mobile-show:hover .sprite-ico_arrow_u,
.my-ehsy-show:hover .sprite-ico_arrow_u {
  float: none;
  display: inline-block;
  margin-top: 4px;
}
.dropdown:hover .sprite-ico_arrow_d,
.mobile-show:hover .sprite-ico_arrow_d,
.my-ehsy-show:hover .sprite-ico_arrow_d {
  float: none;
  display: none;
  margin-top: 4px;
}
/* 新头部样式 */
.header-wrapper {
  position: relative;
  height: 36px;
  width: 100%;
  z-index: 9;
  border-bottom: 1px solid #eee;
  background-color: #f6f6f6;
}
.header-wrapper .header-navigation {
  width: 1200px;
  margin: 0 auto;
  line-height: 36px;
}
.header-wrapper .header-navigation i {
  display: inline-block;
  float: left;
  overflow: hidden;
}
.header-wrapper .header-navigation .sprite-ico_arrow_u {
  float: none;
  display: none;
  margin-top: 4px;
}
.header-wrapper .header-navigation .sprite-ico_arrow_d {
  float: none;
  display: inline-block;
  margin-top: 4px;
}
.header-navigation-l {
  float: left;
}
.header-navigation-l .header-menu #refresh-name {
  margin-left: 0;
}
.header-navigation-l .header-menu i {
  margin-top: 9px;
  margin-right: 3px;
}
.header-navigation-l .header-menu a {
  float: left;
  margin: 0 15px;
  font-size: 12px;
  color: #666;
}
.header-navigation-l .header-menu a:hover {
  color: #007857;
}
/* 右侧导航栏 */
.header-navigation-r {
  float: right;
}
.header-navigation-r .header-menu .sevice {
  margin-right: 0;
}
.header-navigation-r .header-menu i {
  margin-top: 9px;
  margin-right: 3px;
}
.header-navigation-r .header-menu a {
  float: left;
  margin: 0 15px;
  font-size: 12px;
  color: #666;
}
.header-navigation-r .header-menu a:hover {
  color: #007857;
}
.header-navigation-r .header-menu:hover .mobile-ehsy-download,
.header-navigation-r .header-menu:hover .my-ehsy {
  display: block;
}
.header-navigation-r .mobile-show {
  position: relative;
  width: 116px;
  height: 31px;
  margin-top: 5px;
}
.header-navigation-r .mobile-show .sprite-ico_arrow_d,
.header-navigation-r .mobile-show .sprite-ico_arrow_u {
  vertical-align: sub;
}
.header-navigation-r .mobile-show:hover {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: white;
}
.header-navigation-r .mobile-show .mobile-ahref {
  position: relative;
  top: -5px;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .mobile-code {
  position: absolute;
  width: 130px;
  height: 130px;
  top: 20px;
  left: 18px;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .saoyisao {
  position: absolute;
  left: 158px;
  top: 25px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #333333;
  cursor: default;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .shoujigouwu {
  position: absolute;
  left: 158px;
  top: 48px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #007857;
  cursor: default;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .sprite-code-ios {
  position: absolute;
  top: 85px;
  left: 160px;
  cursor: pointer;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .sprite-code-ios:hover {
  opacity: 0.8;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .sprite-code-android {
  position: absolute;
  top: 85px;
  left: 213px;
  cursor: pointer;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .sprite-code-android:hover {
  opacity: 0.8;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .mo-ios-span {
  position: absolute;
  top: 117px;
  left: 159px;
  font-family: "Microsoft YaHei", "黑体";
  font-size: 12px;
  color: #333333;
  cursor: pointer;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .mo-ios-span:hover {
  color: #007857;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .mo-android-span {
  position: absolute;
  top: 117px;
  left: 210px;
  font-family: "Microsoft YaHei", "黑体";
  font-size: 12px;
  color: #333333;
  cursor: pointer;
}
.header-navigation-r .mobile-show .mobile-ehsy-download .mo-android-span:hover {
  color: #007857;
}
.header-navigation-r .my-ehsy-show {
  position: relative;
  width: 127px;
  height: 31px;
  margin-top: 5px;
}
.header-navigation-r .my-ehsy-show .sprite-ico_ehsy {
  margin-right: 5px;
  margin-top: 10px;
}
.header-navigation-r .my-ehsy-show .ehsy-a {
  position: relative;
  top: -5px;
}
.header-navigation-r .my-ehsy-show .sprite-ico_arrow_d,
.header-navigation-r .my-ehsy-show .sprite-ico_arrow_u {
  vertical-align: sub;
}
.header-navigation-r .my-ehsy-show:hover {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: white;
}
.header-navigation-r .my-ehsy-show .ehsy-ahref {
  position: relative;
  top: -5px;
}
.header-navigation-r .my-ehsy-show .my-ehsy {
  display: none;
  position: absolute;
  width: 410px;
  height: 145px;
  top: 31px;
  left: -1px;
  padding: 20px 15px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: white;
}
.header-navigation-r .my-ehsy-show .my-ehsy ul .orders {
  float: left;
  width: 126px;
}
.header-navigation-r .my-ehsy-show .my-ehsy ul .orders i {
  margin-right: 5px;
}
.header-navigation-r .my-ehsy-show .my-ehsy li {
  position: relative;
}
.header-navigation-r .my-ehsy-show .my-ehsy li span {
  display: inline-block;
  width: 28px;
  height: 18px;
  background-color: #ff7200;
  border-radius: 8px;
  margin-left: 5px;
  line-height: 18px;
  text-align: center;
  color: white;
}
.header-navigation-r .header-nav-pipe {
  font-style: normal;
  color: #ccc;
}
.header-navigation-r .sale-show .sale-ahref {
  color: #007857;
}
.header-navigation-r .sale-show i {
  margin: 11px 4px 0 0;
}
.header-navigation-r .header-menu.sale-show {
  position: relative;
  width: 110px;
  height: 31px;
  margin-top: 5px;
}
.header-navigation-r .header-menu.sale-show:hover {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background: white;
}
.header-navigation-r .header-menu.sale-show:hover .sale-info {
  display: inline-block;
}
/* 新头部样式 end */
/*网站搜索栏*/
.index-search-div {
  width: 1200px;
  height: 112px;
  margin: 0 auto;
}
.index-search-div .index-logo {
  float: left;
  margin-right: 55px;
  margin-top: 23px;
}
.index-search-div .index-logo img {
  width: auto;
  max-height: 90px;
  max-width: 298px;
}
.index-search-div .custom-logo {
  float: left;
  margin-right: 50px;
  margin-top: 20px;
}
.index-search-div .custom-logo img {
  float: left;
  width: 113px;
  height: 48px;
}
.index-search-div .custom-logo h1 {
  line-height: 36px;
  float: left;
  display: block;
  margin: 0 0 0 20px;
  padding-top: 5px;
  width: 150px;
  font-size: 16px;
  font-weight: normal;
  font-family: "Microsoft YaHei", "黑体", sans-serif;
  color: #007857;
}
.index-search-div .search-bd {
  float: left;
  margin-right: 50px;
}
.index-search-div .search-bd #s-form {
  margin-top: 30px;
}
.index-search-div .search-bd #s-form .s-span {
  border: 1px solid #007857;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  width: 520px;
  margin-right: 0;
  border-right-width: 0;
  height: 40px;
  position: relative;
}
.index-search-div .search-bd #s-form .s-span .s-input {
  width: 426px;
  height: 20px;
  font-size: 14px;
  margin: 8px 0 0 10px;
  background: transparent;
  outline: 0;
  -webkit-appearance: none;
  display: inline-block;
}
.index-search-div .search-bd #s-form .s-span input {
  outline: 0;
  border: 0;
  padding: 0;
}
.index-search-div .search-bd #s-form .s-btn-span {
  display: inline-block;
  background-position: -120px -48px;
  z-index: 0;
  vertical-align: top;
  position: relative;
  left: -10px;
}
.index-search-div .search-bd #s-form .s-btn-span i {
  display: inline-block;
  position: absolute;
  left: 38px;
  top: 9px;
}
.index-search-div .search-bd #s-form .s-btn-span .s-btn {
  width: 100px;
  height: 40px;
  color: white;
  font-size: 18px;
  font-family: "Microsoft YaHei", "黑体", sans-serif;
  background: #2e9b64;
  border: 0;
  outline: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.index-search-div .search-bd ul {
  margin-top: 5px;
}
.index-search-div .search-bd ul li {
  float: left;
  margin-right: 10px;
}
.index-search-div .search-bd ul .first-link {
  color: #e60012;
}
.index-search-div .search-bd .search-hot-div {
  overflow: hidden;
  margin-top: 10px;
}
.index-search-div .s-carts {
  float: right;
  width: 173px;
  height: 40px;
  margin-top: 30px;
  position: relative;
  cursor: pointer;
  border: 1px solid #eee;
}
.index-search-div .s-carts i {
  display: inline-block;
  margin-left: 6px;
  vertical-align: super;
}
.index-search-div .s-carts span.cart-text-before {
  display: inline-block;
  line-height: 38px;
}
.index-search-div .s-carts .s-carts-text {
  color: #333;
  font: 14px "Hiragino Sans GB", "Microsoft YaHei", "黑体", sans-serif;
}
.index-search-div .s-carts .s-carts-text:hover {
  text-decoration: underline;
}
.index-search-div .s-carts:hover {
  border-bottom: none;
}
.index-search-div .s-carts:hover .carts-content {
  display: block;
}
.index-search-div .s-carts .cart-num {
  background-color: #ff7200;
  font-size: 12px;
  display: inline-block;
  width: 25px;
  border-radius: 8px;
  text-align: center;
}
.index-search-div .s-carts .carts-content {
  position: absolute;
  top: 37px;
  border: 1px solid #eee;
  left: -198px;
  z-index: 100;
  display: none;
  cursor: pointer;
}
.index-search-div .s-carts .carts-content img {
  float: left;
}
.index-search-div .s-carts .carts-content .item-picture {
  margin-right: 10px;
  width: 68px;
}
.index-search-div .s-carts .carts-content .item-info {
  float: left;
  width: 200px;
  margin-right: 20px;
}
.index-search-div .s-carts .carts-content .item-info .purchase-warning {
  font-size: 12px;
  color: #ff7200;
  height: 14px;
  margin-bottom: 5px;
}
.index-search-div .s-carts .carts-content .item-info .good-name {
  font-size: 12px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 5px;
}
.index-search-div .s-carts .carts-content .item-info .good-name:hover {
  color: #007857;
}
.index-search-div .s-carts .carts-content .item-info .carts-delivery {
  margin: 0 0 5px;
  font-size: 12px;
}
.index-search-div .s-carts .carts-content .item-info .disable-sub {
  color: #ccc;
  cursor: not-allowed;
  background-color: #ededed;
}
.index-search-div .s-carts .carts-content .item-info .disable-sub:hover,
.index-search-div .s-carts .carts-content .item-info .disable-sub:link {
  color: #ccc;
}
.index-search-div .s-carts .carts-content .item-info .subable,
.index-search-div .s-carts .carts-content .item-info .a-add {
  background-color: #eee;
}
.index-search-div .s-carts .carts-content .item-info .subable:hover,
.index-search-div .s-carts .carts-content .item-info .a-add:hover {
  color: #007857;
}
.index-search-div .s-carts .carts-content .item-info .a-sub,
.index-search-div .s-carts .carts-content .item-info .a-add {
  font-size: 14px;
  display: inline-block;
  width: 20px;
  line-height: 29px;
  height: 29px;
  border: 1px solid #ddd;
  text-align: center;
  float: left;
}
.index-search-div .s-carts .carts-content .item-info .item-num-input {
  display: inline-block;
  float: left;
  width: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 29px;
  height: 29px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-family: "Microsoft YaHei", "黑体", sans-serif, sans-serif;
}
.index-search-div .s-carts .carts-content .item-info .now_money {
  color: #e60012;
  font-weight: bold;
  font-family: "Century Gothic", sans-serif;
  font-size: 14px;
}
.index-search-div .s-carts .carts-content .item-info .ehsy-yen {
  font-family: "Microsoft YaHei", "黑体", sans-serif, sans-serif;
}
.index-search-div .s-carts .carts-content .item-info .sale-unvalid {
  color: #999;
  font-size: 12px;
}
.index-search-div .s-carts .carts-content ul {
  background-color: #fff;
  overflow-y: auto;
  width: 355px;
  max-height: 325px;
  position: relative;
}
.index-search-div .s-carts .carts-content ul .carts-unvalid {
  color: #999;
  font-size: 12px;
}
.index-search-div .s-carts .carts-content ul li {
  margin: 15px 10px 0 15px;
  float: left;
  border-bottom: 1px solid #eee;
}
.index-search-div .s-carts .carts-content ul li .item-cancel {
  display: inline-block;
  position: absolute;
  right: 10px;
}
.index-search-div .s-carts .carts-content .carts-accounts {
  background-color: #eee;
  height: 44px;
  overflow: hidden;
}
.index-search-div .s-carts .carts-content .carts-accounts input {
  display: inline-block;
  float: left;
  margin: 20px 5px 0 15px;
}
.index-search-div .s-carts .carts-content .carts-accounts .carts-count {
  display: inline-block;
  float: left;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 25px;
}
.index-search-div .s-carts .carts-content .carts-accounts .carts-count .count-money {
  color: #e60012;
  font-weight: bold;
  font-family: "Century Gothic", sans-serif;
  font-size: 18px;
}
.index-search-div .s-carts .carts-content .carts-accounts .carts-count .count-money .yen {
  font-family: "Microsoft YaHei", "黑体", sans-serif, sans-serif;
}
.index-search-div .s-carts .carts-content .carts-accounts .accounts-now {
  height: 44px;
  background-color: #ff7200;
  width: 144px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  float: right;
  font-family: "Microsoft YaHei", "黑体", sans-serif;
}
.index-search-div .s-carts .carts-content .carts-accounts .accounts-now:hover {
  /*background-color: #f50;*/
  color: #fff;
  text-decoration: underline;
}
.index-search-div .s-carts .carts-content .carts_empty {
  width: 355px;
  height: 60px;
  background-color: #ffffff;
  text-align: center;
}
.index-search-div .s-carts .carts-content .carts_empty .mini-cart-icon {
  display: block;
  width: 34px;
  height: 31px;
  margin-left: 50px;
  margin-top: 14px;
  background: url("../../images/public/20170320095656600_M.jpg")/*tpa=http://static-c.ehsy.com/images/public/mini-cart.png*/;
  /*background: url("static/images/public/mini-cart.png");*/
  float: left;
}
.index-search-div .s-carts .carts-content .carts_empty .carts-empty-text {
  margin-left: 10px;
  line-height: 60px;
  float: left;
}
.index-search-div .s-carts #cartDiv .item-num-p {
  overflow: hidden;
  margin: 0 0 5px;
}
.index-search-div .s-carts #cartDiv .item-num-p .now_money {
  float: right;
  line-height: 29px;
}
.index-search-div .s-carts #cartDiv li {
  width: 310px;
  padding-bottom: 10px;
}
.product-list > li {
  display: block;
  width: 170px;
  height: 100%;
  padding: 0;
  margin: 0;
}
.product-list > li + li {
  margin-left: 30px;
}
.list-item {
  display: block;
  width: 100%;
/*  height: 100%;*/
  padding: 15px;
  margin: 0;
}
.list-item > li {
  display: block;
  width: 180px;
  height: 230px;
  padding: 0;
  margin: 0;
}






.list-item > li + li {
  margin-left: 18px;
}
.list-tab > .list-tab-item {
  display: block;
  width: 120px;
  height: 46px;
  padding: 0;
  margin: 0;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  border-bottom: 2px solid rgba(0, 120, 87, 0);
  -webkit-transition: border-bottom 0.25s ease-out;
  -moz-transition: border-bottom 0.25s ease-out;
  -o-transition: border-bottom 0.25s ease-out;
  transition: border-bottom 0.25s ease-out;
}
.list-tab > .list-tab-item:hover {
  border-bottom: 2px solid #007857;
}
.list-tab > .list-tab-item.active {
  border-bottom: 2px solid #007857;
}
.label-container-left-top {
  position: relative;
  display: block;
  font-size: 0px;
  z-index: 2;
  margin-top: 0;
  margin-bottom: -36px;
  text-align: left;
}
.label-container-right-top {
  position: relative;
  display: block;
  font-size: 0px;
  z-index: auto;
  z-index: 2;
  margin-top: 0;
  margin-bottom: -36px;
  text-align: right;
}
.label-container-left-bottom {
  position: relative;
  display: block;
  font-size: 0px;
  z-index: 2;
  margin-top: -36px;
  margin-bottom: 0;
  text-align: left;
}
.label-container-right-bottom {
  position: relative;
  display: block;
  font-size: 0px;
  z-index: 2;
  margin-top: -36px;
  margin-bottom: 0;
  text-align: right;
}
.label {
  text-align: center;
  white-space: normal;
  vertical-align: middle;
  font: 12px "Microsoft YaHei", "tahoma", "arial", "Hiragino Sans GB", "\\5b8b\4f53", "sans-serif";
}
.label-store-info {
  display: inline-block;
  width: 36px;
  height: 36px;
  padding: 5px;
  line-height: 13px;
  font-size: 12px;
  border-radius: 0;
  color: #fff;
  background: #ff7200;
}
.label-new-product {
  display: inline-block;
  width: 36px;
  height: 36px;
  padding: 2px;
  line-height: 36px;
  font-size: 12px;
  border-radius: 0;
  color: #fff;
  background: #a241e0;
}
.layout-2-col:before,
.layout-2-col:after {
  content: " ";
  display: block;
  clear: both;
}
.layout-2-col .left-col {
  float: left;
}
.layout-2-col .right-col {
  float: right;
}
.effect-box-shadow-floor {
  -webkit-box-shadow: 2px 5px 6px #a0a0a0;
  -moz-box-shadow: 2px 5px 6px #a0a0a0;
  box-shadow: 2px 5px 6px #a0a0a0;
}
.effect-box-shaodw-selected {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect-translate-up:hover {
  -webkit-transform: translate(2px, -8px);
  -moz-transform: translate(2px, -8px);
  -ms-transform: translate(2px, -8px);
  -o-transform: translate(2px, -8px);
  transform: translate(2px, -8px);
}
.ehsy-nav-left {
  display: none;
  z-index: 100;
  text-align: center;
  line-height: 18px;
  font: 12px "Microsoft YaHei", "tahoma", "arial", "Hiragino Sans GB", "\\5b8b\4f53", "sans-serif";
}
.ehsy-nav-left li {
  margin-bottom: 1px;
  width: 45px;
  min-height: 40px;
  overflow: hidden;
  padding: 5px;
  cursor: pointer;
  color: #fff;
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  -o-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}
.ehsy-nav-left li i {
  display: block;
  margin: 0 auto;
}
.ehsy-nav-left .nav-left-last {
  margin-top: 15px;
  margin-bottom: 0;
}
.ehsy-nav-left .nav-left-normal {
  background-color: #FFF !important;
  color: #666;
}
.ehsy-nav-left .nav-left-active {
  color: #fff;
}
.ehsy-nav-left .nav-top {
  background-color: #BBBBBB;
  width: 45px;
  height: 24px;
  min-height: 24px;
  margin-top: 15px;
  margin-bottom: 0px;
}
.ehsy-nav-left .nav-top :hover {
  background-color: #ACACAC;
}
.ehsy-nav-left .nav-bottom {
  background-color: #BBBBBB;
  width: 45px;
  height: 24px;
  min-height: 24px;
  margin-top: 0;
}
.ehsy-nav-left .nav-bottom :hover {
  background-color: #ACACAC;
}
/*首页轮播图部分*/

.carousel-size {
  width: 100%;
  height: 100%;
}
.news {
  width: 740px;
  height: 426px;
  float: left;
  margin: 10px;
  overflow: hidden;
}
.news .gallery-top-container {
  position: relative;
}
.news .gallery-top {
  position: relative;
  width: 740px;
  height: 326px;
  overflow: hidden;
}
.news .gallery-top .slicks-item {
  overflow: hidden;
}
.news .gallery-thumbs {
  position: relative;
  width: 740px;
  height: 90px;
  margin-top: 10px;
}
.news .gallery-thumbs .slick-item {
  display: inline-block;
  width: 33%;
  opacity: 0.4;
}
.news .gallery-thumbs .slick-current {
  opacity: 1;
}
.news .gallery-thumbs img {
  width: 246px;
  height: 90px;
}
.news .carousel-indicators li {
  width: 16px !important;
  height: 16px !important;
}
.news .carousel-indicators .active {
  width: 24px !important;
}
.news .button-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5;
  line-height: 304px;
  z-index: 10;
}
.news .button-next {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5;
  line-height: 304px;
  z-index: 10;
}
.news .btn-l {
  position: absolute;
  top: 170px;
  left: 0;
  opacity: 0.2;
  background-color: black;
}
.news .btn-r {
  position: absolute;
  top: 170px;
  right: 0;
  opacity: 0.2;
  background-color: black;
}
.news .banner-img-btn {
  display: none;
}
.news:hover .banner-img-btn {
  display: inline-block;
}
.menu-title-div:hover {
  cursor: none;
}
/*西域欢迎&&新闻&&热销*/
.ehsy-hot {
  float: left;
  width: 220px;
  height: 405px;
  margin: 10px 0 0 0;
  /*西域欢迎*/
  /*西域欢迎&&新闻&&热销*/
}
.ehsy-hot .ehsy-welcome {
  position: relative;
  width: 220px;
  height: 112px;
  border: 1px solid #eee;
  background-image: url("../images/product-AAH834")/*tpa=http://static-c.ehsy.com/www/images/bg_user_zone_new.e205852c.png*/;
}
.ehsy-hot .ehsy-welcome i {
  position: absolute;
  bottom: 0;
}
.ehsy-hot .ehsy-welcome .portrait {
  float: left;
}
.ehsy-hot .ehsy-welcome .portrait img {
  height: 60px;
  width: 60px;
  margin: 10px 0 10px 10px;
}
.ehsy-hot .ehsy-welcome .welcome-div {
  float: left;
  margin: 20px 0 0 10px;
}
.ehsy-hot .ehsy-welcome .welcome-div .welcome {
  height: 60px;
}
.ehsy-hot .ehsy-welcome .welcome-div .welcome p {
  margin-bottom: 5px;
}
.ehsy-hot .ehsy-welcome .link-btn {
  display: inline-block;
  width: 100px;
  padding: 0 5px;
  border: 1px solid #007857;
  margin-right: 7px;
  text-align: center;
  border-radius: 8px;
}
.ehsy-hot .ehsy-news-sales {
  width: 220px;
  height: 304px;
  padding: 5px 10px 10px 10px;
  margin-top: 10px;
  border: 1px solid #eee;
}
.ehsy-hot .ehsy-news-sales .title {
  font-size: 20px;
}
.ehsy-hot .ehsy-news-sales .more {
  float: right;
  margin-top: 8px;
}
.ehsy-hot .ehsy-news-sales .ehsy-news .ehsy-news-title {
  border-bottom: 1px solid #eee;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.ehsy-hot .ehsy-news-sales .ehsy-news ul {
  height: 140px;
  margin: 0 0 10px 0;
}
.ehsy-hot .ehsy-news-sales .ehsy-news ul li {
  height: 27px;
  padding-top: 8px;
  padding-left: 10px;
  background: url("../images/20170323101305630_M.jpg")/*tpa=http://static-c.ehsy.com/www/images/ico_square.cfa5a936.png*/ 0% 65% no-repeat;
  overflow: hidden;
}
.ehsy-hot .ehsy-news-sales .ehsy-news ul li a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.ehsy-hot .ehsy-news-sales .ehsy-sale .ehsy-sale-title {
  border-bottom: 1px solid #eee;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.ehsy-hot .ehsy-news-sales .ehsy-sale ul {
  margin: 0;
}
.ehsy-hot .ehsy-news-sales .ehsy-sale ul li {
  height: 25px;
  padding-top: 5px;
  padding-left: 10px;
  background: url("../images/20170323101305630_M.jpg")/*tpa=http://static-c.ehsy.com/www/images/ico_square.cfa5a936.png*/ 0% 59% no-repeat;
  overflow: hidden;
}
.ehsy-hot .ehsy-news-sales .ehsy-sale ul li a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.promotion-slick-all {
  width: 1202px;
  height: 480px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.promotion-slick-all .promotion-item {
  position: relative;
  width: 1202px;
  height: 480px;
  overflow: hidden;
}
/*限时特惠部分*/
.promotion-section {
  background: #fff;
  display: block;
  width: 1202px;
  height: 100%;
  padding: 30px 0;
  margin: 0 auto;
}
.promotion-section .promotion-section-header {
  height: 50px;
  line-height: 50px;
  background: #eee;
}
.promotion-section .promotion-section-header .header-left .date-seperator {
  display: inline-block;
  padding: 0 10px;
}
.promotion-section .promotion-section-header .header-left .icon {
  margin-left: 15px;
  vertical-align: middle;
}
.promotion-section .promotion-section-header .header-left .begin-time {
  margin-left: 15px;
}
.promotion-section .promotion-section-header .header-left .date {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
.promotion-section .promotion-section-header .header-left .date > li {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.promotion-section .promotion-section-header .header-left .date .word {
  color: #999;
}
.promotion-section .promotion-section-header .header-left .date .number {
  color: #fff;
  background: #000;
  border-radius: 3px;
}
.promotion-section .promotion-section-header .header-right {
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.promotion-section .promotion-section-header .header-right:hover {
  color: #007857;
}
.promotion-section .promotion-section-header .header-right .icon {
  margin-left: 5px;
  margin-right: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.promotion-section .promotion-section-content {
  height: 370px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}
.promotion-section .promotion-section-content .now-promotion-list {
  background: #fff;
  width: 1200px;
}
.promotion-section .promotion-section-content .next-promotion-list {
  background: #fff;
}
.promotion-section .promotion-section-content img {
  width: 100%;
}
.promotion-section .promotion-section-content .loop-body:before,
.promotion-section .promotion-section-content .loop-body:after {
  content: " ";
  display: block;
  clear: both;
}
.promotion-section .promotion-section-content .preference-product-container {
  float: left;
  width: 240px;
  height: 303px;
  padding: 0 15px 0px 15px;
  margin-bottom: 20px;
}
.promotion-section .promotion-section-content .preference-product-container .unstarted {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.promotion-section .promotion-section-content .preference-product-container .preference-img-container {
  display: inline-block;
  width: 210px;
  position: relative;
  overflow: hidden;
}
.promotion-section .promotion-section-content .preference-product-container .preference-img-container .label-right-top {
  height: 36px;
  width: 72px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-bottom: -30px;
  z-index: 1;
  overflow: hidden;
}
.promotion-section .promotion-section-content .preference-product-container .preference-img-container .label-right-top i {
  float: right;
}
.promotion-section .promotion-section-content .preference-product-container .preference-img-container .label-right-top .discount-label {
  float: right;
}
.promotion-section .promotion-section-content .preference-product-container .preference-img-container .label-container-right-top {
  position: absolute;
  display: block;
  font-size: 12px;
  top: 0;
  right: 0;
  margin-bottom: -36px;
  background-color: #ff7200;
  height: 36px;
  width: 36px;
  line-height: 18px;
  text-align: center;
  color: white;
}
.promotion-section .promotion-section-content .preference-product-container .preference-img-container .label-container-right-top:empty {
  display: none;
}
.promotion-section .promotion-section-content .preference-product-container:nth-child(even) {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}
.promotion-section .promotion-section-content .preference-product-container > .sub-container {
  margin-bottom: 10px;
  padding-bottom: 20px;
  height: 160px;
  border-bottom: 1px solid #eee;
}
.promotion-section .promotion-section-content .preference-product-container > .sub-container:last-child {
  border-bottom: none;
}
.promotion-section .promotion-section-content .preference-product-container > .sub-container > .left {
  width: 110px;
}
.promotion-section .promotion-section-content .preference-product-container > .sub-container > .right {
  width: 90px;
}
.promotion-section .promotion-section-content .preference-product-container > .sub-container .product-img-container {
  display: block;
  width: 110px;
  height: 100%;
  padding: 0;
  margin: 0 0 0 10px;
}
.promotion-section .dots-ul {
  margin: 0 auto;
  height: 46px;
  text-align: center;
}
.promotion-section .dots-ul .dots-li {
  display: inline-block;
  width: 12px;
  height: 12px;
  list-style: none;
  border: 1px solid #007857;
  border-radius: 12px;
  cursor: pointer;
}
.promotion-section .dots-ul .dots-li.active {
  width: 24px;
  border: rgba(0, 0, 0, 0);
  background: #007857;
}
/*精品馆展示部分*/
.recommendation-section {
  /* background-color: #f3f3f3; */
  margin-bottom: 30px;
}
.recommendation-section img {
  width: 100%;
}
.recommendation-section .recommendations {
  width: 1200px;
  margin: 0 auto;
  /* padding-top: 30px; */
  overflow: hidden;
}
.recommendation-section .recommendations .list-item {
  background-color: #fff;
}
.recommendation-section .recommend-each:before,
.recommendation-section .recommend-each:after {
  content: " ";
  display: block;
  clear: both;
}
.recommendation-section .recommend-each .recommend-brief {
  position: relative;
  width: 200px;
  height: 566px;
  float: left;
  padding: 20px 10px 0 10px;
}
.recommendation-section .recommend-each .recommend-brief img.background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.recommendation-section .recommend-each .recommend-brief .background-url {
  position: absolute;
  /*display: inline-block;*/
  height: 360px;
  width: 180px;
  z-index: 2;
  bottom: 0;
  background-color: #fff;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  /*li {
          width: 100%;
          height: 100%;
          a {
            display: block;
            width: 100%;
            height: 100%;
          }
        }*/
}
.recommendation-section .recommend-each .recommend-brief .recommend-title {
  position: absolute;
  margin-bottom: 15px;
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
  z-index: 2;
}
.recommendation-section .recommend-each .recommend-brief ul {
  position: absolute;
  z-index: 2;
  top: 70px;
}
.recommendation-section .recommend-each .recommend-brief ul > li {
  margin-bottom: 10px;
}
.recommendation-section .recommend-each .recommend-brief ul > li > a {
  height: 24px;
  padding: 3px 5px;
  margin: 0 10px 10px 0;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 20px;
  line-height: 24px;
  color: white;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.recommendation-section .recommend-each .recommend-brief ul > li > a:hover {
  background-color: white;
  color: #007857;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.recommendation-section .recommend-each .recommend-brief ul > li.background-img {
  display: block;
  height: 360px;
  width: 180px;
}
.recommendation-section .recommend-each .recommend-brief ul > li.background-img a {
  display: inline;
  /*float: left;*/
  line-height: 360px;
  /*width: 180px;*/
  border: none!important;
  color: transparent;
  /*zoom: 11;*/
  font-size: 260px;
}
.recommendation-section .recommend-each .recommend-brief ul > li.background-img a:hover {
  background-color: transparent;
  color: transparent;
  border: none;
}
.recommendation-section .recommend-each .products {
  width: 795px;
  height: 566px;
  float: left;
  padding: 0 20px;
  background-color: white;
}
.recommendation-section .recommend-each .products .list-tab {
  height: 40px;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.recommendation-section .recommend-each .products .list-tab span{
  height: 40px;
  text-align: center;
  /* border-bottom: 1px solid #eee; */
  float: right;
  margin-top: 10px;
  font-family: serif;
}
.recommendation-section .recommend-each .products .list-tab > .list-tab-item {
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  overflow: hidden;
}
.recommendation-section .recommend-each .products .product-list {
  margin: 20px 0;
  background: #fff;
}
.recommendation-section .recommend-each .products .product-list:nth-child(odd) {
  margin-bottom: 0;
  border-bottom: none;
}
.recommendation-section .recommend-each .products .product-list > li {
  width: 190px;
  height: 243px;
  padding-right: 20px;
  margin: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  /*兼容ie8*/
  /*兼容ie8*/
}
.recommendation-section .recommend-each .products .product-list > li:nth-child(4n+4) {
  width: 170px;
  padding-right: 0;
}
.recommendation-section .recommend-each .products .product-list > li:first-child + li + li + li,
.recommendation-section .recommend-each .products .product-list > li:first-child + li + li + li + li + li + li + li {
  width: 170px;
  padding-right: 0;
}
.recommendation-section .recommend-each .products .product-list > li:nth-child(1),
.recommendation-section .recommend-each .products .product-list > li:nth-child(2),
.recommendation-section .recommend-each .products .product-list > li:nth-child(3),
.recommendation-section .recommend-each .products .product-list > li:nth-child(4) {
  border-bottom: 1px dotted #eee;
}
.recommendation-section .recommend-each .products .product-list > li:first-child,
.recommendation-section .recommend-each .products .product-list > li:first-child + li,
.recommendation-section .recommend-each .products .product-list > li:first-child + li + li,
.recommendation-section .recommend-each .products .product-list > li:first-child + li + li + li {
  border-bottom: 1px dotted #eee;
}
.recommendation-section .recommend-each .products .product-list > li:hover {
  color: #007857;
}
.recommendation-section .recommend-each .products .product-list .product-container {
  width: 170px;
  padding: 0;
}
.recommendation-section .recommend-each .products .product-list .product-container .img-container {
  display: block;
  width: 170px;
  height: 170px;
}
.recommendation-section .recommend-each .products .product-list .product-container .img-container .label-right-top {
  height: 36px;
  width: 72px;
  display: inline-block;
  position: relative;
  float: right;
  margin-bottom: -30px;
  z-index: 1;
  overflow: hidden;
}
.recommendation-section .recommend-each .products .product-list .product-container .img-container .label-right-top .label-new-product {
  line-height: normal;
  text-align: center;
}
.recommendation-section .recommend-each .products .product-list .product-container .img-container .label-right-top i {
  float: right;
}
.recommendation-section .recommend-each .products .product-list .product-container .img-container .label-right-top .label-container {
  float: right;
  height: 36px;
}
.recommendation-section .recommend-each .products .product-list .product-container .img-container .label-right-top .label-container .label-container-right-top {
  float: right;
  width: 36px;
  height: 36px;
  background: #ff7200;
  color: white;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
.recommendation-section .recommend-each .products .product-list .product-container .img-container .label-right-top .label-container .label-container-right-top:empty {
  display: none;
}
.recommendation-section .recommend-each .products .product-list .product-container .product-name-container {
  height: 20px;
  margin: 7px 0 0 0;
  text-align: center;
}
.recommendation-section .recommend-each .products .product-list .product-container .product-name-container .product-name {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
  ld; */
  ld; */
}
.recommendation-section .recommend-each .products .product-list .product-container .product-price-container {
  margin: 5px 0 0 0;
}
.recommendation-section .recommend-each .products .prodcuts-img li {
  float: left;
  margin-right: 20px;
}
.recommendation-section .recommend-each .brands {
  width: 200px;
  height: 566px;
  float: left;
  margin-left: 5px;
  background-color: white;
}
.recommendation-section .recommend-each .brands .logo-list {
  display: block;
  width: 180px;
  height: 100%;
  padding: 0;
  margin: 0 10px 10px 10px;
  overflow: hidden;
}
.recommendation-section .recommend-each .brands .logo-list .logo-list-content {
  padding: 10px 24px 10px 0;
  float: left;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  /*兼容IE8*/
}
.recommendation-section .recommend-each .brands .logo-list .logo-list-content:nth-child(even) {
  padding-right: 0;
}
.recommendation-section .recommend-each .brands .logo-list .logo-list-content:first-child + .logo-list-content,
.recommendation-section .recommend-each .brands .logo-list .logo-list-content:first-child + .logo-list-content + .logo-list-content + .logo-list-content,
.recommendation-section .recommend-each .brands .logo-list .logo-list-content:first-child + .logo-list-content + .logo-list-content + .logo-list-content + .logo-list-content + .logo-list-content {
  padding-right: 0;
}
.recommendation-section .recommend-each .brands .logo-list .logo-list-content:nth-child(5),
.recommendation-section .recommend-each .brands .logo-list .logo-list-content:nth-child(6) {
  padding-bottom: 0;
  border-bottom: none;
}
.recommendation-section .recommend-each .brands .logo-list .logo-list-content .logo-link {
  position: relative;
  width: 78px;
  height: 62px;
  display: inline-block;
}
.recommendation-section .recommend-each .brands .logo-list .logo-list-content .logo-link img {
  width: 78px;
  height: 62px;
}
.recommendation-section .recommend-each .brands .logo-list .logo-list-content .logo-link .shadow {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  width: 78px;
  height: 62px;
  top: 0px;
  background: rgba(0, 0, 0, 0.5) !important;
  background: black;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.recommendation-section .recommend-each .brands .logo-list .logo-list-content .logo-link:hover .shadow {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  display: block;
}
.recommendation-section .recommend-each .brands .title {
  height: 42px;
  border-bottom: 1px solid #eee;
  margin: 0 10px;
  font-size: 14px;
  line-height: 42px;
}
.recommendation-section .recommend-each .brands .brand-content {
  position: relative;
  margin: 20px 10px 0 10px;
}
.recommendation-section .recommend-each .brands .brand-content img {
  height: 96px;
  width: 120px;
  margin: 0 30px;
}
.recommendation-section .recommend-each .brands .brand-content .brand-name {
  position: absolute;
  height: 24px;
  width: 180px;
  top: 72px;
  line-height: 24px;
  text-align: center;
  background-color: #eee;
}
.recommendation-section .recommend-each .brands .brand-content .brand-intro {
  height: 87px;
  margin: 15px 0;
  overflow: hidden;
}
.recommendation-section .recommend-each .brands .brand-content .brand-intro:hover {
  cursor: pointer;
}
.recommendation-section .recommend-each .brands .brand-content .logo-btn {
  display: inline-block;
  height: 30px;
  width: 180px;
  padding: 0;
  border: 1px solid #eee;
  text-align: center;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.recommendation-section .recommend-each .brands .brand-content .logo-btn span {
  display: inline-block;
  line-height: 30px;
}
.recommendation-section .recommend-each .brands .brand-content .logo-btn i {
  line-height: 30px;
  vertical-align: text-bottom;
}
.recommendation-section .recommend-each .brands .brand-content .logo-btn:hover {
  background-color: #2e9b64;
  border-color: #2e9b64;
  color: white;
}
.recommendation-section .recommend-each .ranking {
  width: 200px;
  height: 566px;
  float: left;
  margin-left: 5px;
  background-color: white;
}
.recommendation-section .recommend-each .ranking .title {
  height: 42px;
  border-bottom: 1px solid #eee;
  margin: 0 10px;
  font-size: 14px;
  line-height: 42px;
}
.recommendation-section .recommend-each .ranking .ranking-indicator {
  float: right;
}
.recommendation-section .recommend-each .ranking ul .product-container {
  width: 180px;
  padding: 0;
  height: 93px;
  margin: 10px 10px 0 10px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}
.recommendation-section .recommend-each .ranking ul .product-container .icon {
  text-align: center;
  line-height: 24px;
}
.recommendation-section .recommend-each .ranking ul .product-container .name-price {
  float: right;
  width: 90px;
}
.recommendation-section .recommend-each .ranking ul .product-container .product-name-container {
  width: 90px;
  float: right;
  margin-top: 0;
}
.recommendation-section .recommend-each .ranking ul .product-container img {
  float: right;
  width: 60px;
  height: 60px;
}
.recommendation-section .recommend-each .ranking ul .product-container .product-price-container {
  margin-top: 0;
}
.figure {
  width: 1200px;
  margin: 0 auto;
  margin-top: 30px;
}
.figure img {
  width: 1200px;
  height: 100px;
  border: 1px solid #eee;
}
.product-swiper-container {
  width: 590px;
  height: 566px;
}
.rangking-swiper-container {
  width: 200px;
  height: 566px;
}
/*Component 模块适配*/
.menu-title-div {
  cursor: default;
}
.menu-title-div a {
  cursor: default;
}
.footer-a {
  margin-top: 0;
}
.promotion-current,
.promotion-next {
  height: 369px;
  padding-top: 46px;
  overflow: hidden;
}
.promotion-current .slick-dots,
.promotion-next .slick-dots {
  top: 13px;
  bottom: auto;
}
.promotion-current .slick-dots li,
.promotion-next .slick-dots li {
  display: inline-block;
  width: 12px;
  height: 12px;
  list-style: none;
  border: 1px solid #007857;
  border-radius: 12px;
  cursor: pointer;
  background: #fff;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.promotion-current .slick-dots li button,
.promotion-next .slick-dots li button {
  display: none;
}
.promotion-current .slick-dots li:hover,
.promotion-next .slick-dots li:hover {
  border: 1px solid #2e9b64;
}
.promotion-current .slick-dots li.slick-active,
.promotion-next .slick-dots li.slick-active {
  width: 24px;
  border: rgba(0, 0, 0, 0);
  background: #007857;
}
.promotion-current .slick-dots li.slick-active:hover,
.promotion-next .slick-dots li.slick-active:hover {
  background: #2e9b64;
}
.rank-slick .slick-dots {
  top: -28px;
  bottom: auto;
  right: -65px;
}
.rank-slick .slick-dots li {
  display: inline-block;
  width: 12px;
  height: 12px;
  list-style: none;
  border: 1px solid #007857;
  border-radius: 12px;
  cursor: pointer;
  background: #fff;
  -webkit-transition: width 0.25s ease-out;
  -moz-transition: width 0.25s ease-out;
  -o-transition: width 0.25s ease-out;
  transition: width 0.25s ease-out;
}
.rank-slick .slick-dots li button {
  display: none;
}
.rank-slick .slick-dots li:hover {
  border: 1px solid #2e9b64;
}
.rank-slick .slick-dots li.slick-active {
  width: 24px;
  border: rgba(0, 0, 0, 0);
  background: #007857;
}
.rank-slick .slick-dots li.slick-active:hover {
  background: #2e9b64;
}
/*

.thumbnail-container {
  .box-shadow(2px 2px 2px rgba(0,0,0,.2));
  width: 100%;
  height: 60px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  !*.opacity(0);


  &.show {
    .opacity(1);
  }*!
  .thumbnail-content {
    width: 1200px;
    margin: 0 auto;
  }
}
*/
