body {
  font-family: -apple-system, system-ui, "PingFang SC", "Microsoft YaHei",
    "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif !important;
  min-width: 1200px;
  background-color: #f8f8f8;
}
.gray-page{
    filter: grayscale(100%);
}
.index-top-guanggao a {
  display: block;
  position: relative;
  font-size: 0;
}

.index-top-guanggao a .adv-flag {
  position: absolute;
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  right: 0;
  bottom: 0;
  padding: 2px 6px;
}

ul {
  list-style: none;
}

ul.list-paddingleft-2 {
  list-style: disc;
  padding-left: 20px;
}

.index-top-wrap {
  min-width: 1200px;
  height: 141px;
  background: #fff;
  /* border-bottom: 1px solid #f8f8f8; */
  box-sizing: border-box;
  align-items: center;
  position: relative;
  z-index: 2;
}

.index-top-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #f8f8f8;
  /* transform: scaleY(0.5); */
}

.index-top-wrap .toast-msg {
  position: fixed;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  transition: width 2s;
  -moz-transition: width 2s;
  -webkit-transition: width 2s;
  -o-transition: width 2s;
  display: none;
}

.index-top-wrap .new-logo {
  float: left;
  display: block;
  height: calc(50px * 0.95);
  width: calc(120px * 0.95);
  background-image: url("../images/logo-new.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}

.index-top-download {
  width: 120px;
  text-align: center;
}

.index-top-download span {
  font-size: 18px;
  /* display: inline-block; */
  display: none;
  position: relative;
  height: 6px;
  overflow: hidden;
  line-height: 0px;
  margin-left: 5px;
}

.index-top-bar {
  width: 1200px;
  padding-top: 26px;
  margin: 0 auto;
}

.index-top__wrap {
  position: relative;
  width: 100%;
  z-index: 1;
}

.index-top__wrap.up {
  height: 50px;
  z-index: 2;
}

.index-top__wrap.up + .index-top__wrap {
  padding-top: 4px;
}

.index-top-nav-wrap {
  float: left;
  display: flex;
  align-items: center;
  position: relative;
}
.index-top-nav-wrap .link-container {
  margin-left: 32px;
}

.index-top__wrap .back-home {
  display: block;
  position: absolute;
  top: -18px;
  width: 40px;
  height: 16px;
  font-size: 0;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200521152227860.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.index-top-nav-wrap .back-home:hover {
  color: #FE5A58 !important;
  border-color: #FE5A58;
}
.index-top-nav-wrap .header-nav-item {
  float: unset;
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
  cursor: pointer;
  display: flex;
  margin-left: 0;
  align-items: center;
  position: relative;
}
.index-top-nav-wrap .header-nav-item.cur,
.index-top-nav-wrap .header-nav-item:hover,
.index-top-nav-wrap .header-nav-item:hover a .header-nav-item {
  color: #FE5A58;
}

.index-top-nav-wrap .cur-triangle {
  border-top: 7px solid #FE5A58 !important;
}
.index-top-nav-wrap .nav-item-store {
  padding-bottom: 16px;
  margin-top: 16px;
  margin-left: 32px;
}
.index-top-nav-wrap .nav-item-store:hover .index-banner-menu {
  display: block;
}

.index-top-nav-wrap .header-nav-item.cur triangle,
.index-top-nav-wrap .header-nav-item:hover triangle,
.index-top-nav-wrap .cur triangle {
  /* border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; */
  border-top: 7px solid #FE5A58;
}

.index-top-nav-wrap .header-nav-item:hover .nav-link-container {
  display: flex;
}
.index-top-nav-wrap .header-nav-item triangle {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #1f1f1f;
  margin-left: 8px;
}
.index-top-nav-wrap .header-nav-item .nav-link-container {
  display: none;
  width: 100px;
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -50px;
  padding: 4px 0 8px;
  flex-direction: column;
  z-index: 10;
  background-color: #fff;
  border: 1px solid #eee;
  box-shadow: 0 0 32px rgba(60, 60, 60, 0.05);
  border-radius: 5px;
}
.index-top-nav-wrap .header-nav-item .nav-link-container .header-nav-item {
  height: 24px;
}
.index-top-nav-wrap .header-nav-item .nav-link-container a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  color: #1f1f1f;
  width: 100%;
  height: 36px;
}
.index-top-nav-wrap .header-nav-item .nav-link-container a:hover {
  color: #FE5A58 !important;
}
.index-top-nav-wrap .header-nav-item .nav-link-container .link-container {
  margin-bottom: 8px;
}
.index-top-right .phone-download {
  display: none;
  position: absolute;
  z-index: 10;
  top: 35px;
  left: -105px;
  box-shadow: 0 0 10px 5px #f8f8f8;
  cursor: default;
}
.index-top-right .phone-download .ht-android {
  position: absolute;
  width: 100px;
  top: 141px;
  right: 13px;
}
.index-top-right .phone-download .ht-ios {
  position: absolute;
  width: 100px;
  top: 141px;
  left: 13px;
}
.index-top-right .phone-hide:hover .phone-download {
  display: flex;
}
.index-top-right a {
  text-decoration: none;
  float: left;
  color: #1f1f1f;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}

.index-top-right a:hover {
  color: #FE5A58 !important;
}
.index-top-right span:hover {
  color: #FE5A58 !important;
}

.index-top-erweima {
  width: 98px;
  height: 99px;
  border: solid 1px #efefef;
  border-top: none;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 30px;
  display: none;
  z-index: 99999;
}

/* .index-top-download:hover .index-top-erweima{
	display: block;
} */

.index-top-erweima img {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.index-top-nav-wrap a:first-child {
  margin-left: 0px;
}
#top-wechat-login {
  cursor: pointer;
}
.index-top-right {
  float: right;
  margin: 0;
  height: 62px;
  display: flex;
  align-items: center;
  position: relative;
}
.index-top-right .notice-container {
  width: 24px;
  height: 24px;
  position: relative;
  margin-right: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200521103450796.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}
.index-top-right .notice-container:hover {
  background-position: bottom;
}
.index-top-right .notice-container .notice-num {
  position: absolute;
  top: -8px;
  right: -5px;
  background-color: #FE5A58;
  color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
}
.index-top-right .notice-container .notice-num:hover {
  color: #fff !important;
}
.index-top-right .notice-container img {
  width: 100%;
}
.index-top-right .phone-hide {
  /* margin-top: 19px;
  margin-bottom: 16px; */
  margin-right: 16px;
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200521103457876.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.index-top-right .phone-hide:hover {
  background-position: bottom;
}
.index-top-right .phone-hide .phone-hide-img {
  width: 100%;
}

.index-top-right .index-top-about-us {
  margin-right: 32px;
}

.index-top-right .index-top-chrome-extension {
  position: relative;
  float: left;
  display: block;
  margin-right: 20px;
  width: 24px;
  height: 24px;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200521102425670.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  cursor: pointer;
}

.index-top-right .index-top-chrome-extension:hover {
  background-position: bottom;
}

.index-top-right .index-top-chrome-extension:hover::after,
.index-top-right .notice-container:hover::after {
  content: attr(data-title);
  position: absolute;
  top: 32px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  min-width: 48px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  z-index: 1;
}

.index-top-right .index-top-chrome-extension:hover::after {
  width: 60px;
}

.index-top-nav-wrap > a,
.index-top-nav-wrap > span {
  float: left;
  font-size: 12px;
  color: #7f7f7f;
  margin-left: 20px;
  line-height: 30px;
  position: relative;
}
#index-top-login {
  float: left;
  display: inline;
  margin-right: 16px;
  color: #1f1f1f;
  font-size: 14px;
  line-height: 30px;
  position: relative;
  cursor: pointer;
}
.index-top-nav-wrap > a:hover {
  color: #FE5A58 !important;
}

.index-top-nav-wrap > a img {
  vertical-align: middle;
}

.index-top-nav-wrap a.index-top-reg {
  color: #ef7c1e;
  height: 30px;
  line-height: 30px;
  display: block;
}

.index-top-nav-wrap a.index-top-reg img {
  width: 14px;
  height: 14px;
  position: relative;
  top: 8px;
  vertical-align: top;
}

.index-header-wrap {
  background: #fff;
  position: relative;
  margin-bottom: 2px;
  position: relative;
  z-index: 1;
}

.index-header-wrap-new {
  height: 42px;
}

/*广告位*/

.index-ad-left {
  position: absolute;
  left: calc(50% - 620px - 151px);
  z-index: 9;
}

.index-ad-left img {
  width: 151px;
  height: 424px;
  cursor: pointer;
}

.index-ad-right {
  position: absolute;
  left: calc(50% - 620px);
  z-index: 2;
}

.index-ad-right img {
  width: 924px;
  height: 424px;
}

.index-header {
  width: 1200px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.index-logo img {
  height: 82px;
}

.index-logo {
  float: left;
  margin-top: 35px;
  margin-bottom: 35px;
}

.index-header-note {
  float: left;
  width: 113px;
  height: 35px;
  margin-top: 38px;
  margin-left: 15px;
}

/*增加分栏搜索*/

.index-header-search-youhui {
  display: inline-block;
  width: 50px;
  height: 24px;
  text-align: center;
  color: #878787;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
}

.index-header-search-tiezi {
  display: inline-block;
  width: 50px;
  height: 24px;
  text-align: center;
  color: #878787;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
}

.index-header-search-jd,
.index-header-search-taobao {
  display: inline-block;
  width: 80px;
  height: 24px;
  text-align: center;
  color: #878787;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
}

.index-header-search-gwzg {
  display: inline-block;
  width: 76px;
  height: 24px;
  text-align: center;
  color: #878787;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
}

.index-header-search-yjg {
  display: inline-block;
  width: 60px;
  height: 24px;
  text-align: center;
  color: #878787;
  font-size: 14px;
  cursor: pointer;
  line-height: 24px;
}

.index-header-search-yjg a {
  color: #878787;
}

.index-header-search-youhui:hover {
  color: #fff;
  background-color: #ff4200;
}

.index-header-search-tiezi:hover {
  color: #fff;
  background-color: #ff4200;
}

.index-header-search-jd:hover,
.index-header-search-taobao:hover {
  color: #fff;
  background-color: #ff4200;
}

.index-header-search-yjg:hover,
.index-header-search-yjg:hover a,
.index-header-search-yjg a:hover {
  color: #fff !important;
  background-color: #ff4200;
}

.index-header-search-gwzg:hover {
  color: #fff;
  background-color: #ff4200;
}

.index-header-search-youhui.active {
  color: #fff;
  background-color: #ff4200;
}

.index-header-search-tiezi.active {
  color: #fff;
  background-color: #ff4200;
}

.index-header-search-jd.active,
.index-header-search-taobao.active {
  color: #fff;
  background-color: #ff4200;
}

.index-header-search-yjg.active a {
  color: #fff;
  background-color: #ff4200;
}

.index-header-search-gwzg.active {
  color: #fff;
  background-color: #ff4200;
}

.search-tips {
  float: left;
  font-size: 14px;
  cursor: pointer;
  margin-left: 10px;
  line-height: 18px;
}

.search-tips:hover {
  color: #ff4200;
}

.tiezi-content {
  display: block;
}

.youhui-content.none {
  display: block;
}

.tiezi-content.none {
  display: none;
}

.youhui-content.none {
  display: none;
}

/*over*/

.index-header-search-wrap {
  float: left;
  margin-top: 34px;
  /* margin-left: 63px; */
}

.index-header-search input {
  outline: none;
  float: left;
  width: 560px;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
  color: #878787;
  font-family: "Microsoft YaHei", "微软雅黑";
  border-left: 1px solid #cbcbcb;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  border-right: none;
  box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.1);
  padding-left: 15px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  transition: border 0.5s;
}

.index-header-search input {
  border-left: 1px solid #ff4200;
  border-top: 1px solid #ff4200;
  border-bottom: 1px solid #ff4200;
}

.index-header-search button {
  width: 71px;
  height: 37px;
  float: left;
  background: #ff4200;
  font-size: 14px;
  color: #ffffff;
  border: none;
  font-family: "微软雅黑", "microsoft yahei";
  cursor: pointer;
  outline: none;
  border-radius: 0;
}

.index-hot-search {
  color: #9d9d9d;
  font-size: 0;
  text-align: left;
  padding-top: 8px;
  width: 600px;
  overflow: hidden;
  line-height: 20px;
  height: 20px;
}

.index-hot-search a,
.index-hot-search span {
  font-size: 12px;
  display: inline-table;
}

.index-hot-search a {
  color: #9d9d9d;
  margin-left: 4px;
}

.index-app-download {
  float: right;
  margin-top: 30px;
  display: block;
  width: 237px;
  height: 65px;
  position: relative;
  font-size: 0;
  margin-right: 0px;
  border: 1px solid #fff;
  /*cursor: pointer;*/
}

.index-app-download.cur {
  border: 1px solid #f2f2f2;
}

.index-app-download .hidden-download {
  position: absolute;
  padding: 10px;
  /* left: -163px; */
  top: 65px;
  z-index: 22;
  cursor: auto;
  display: none;
}

.index-app-download:hover {
  border: 1px solid #f2f2f2;
}

.index-app-download:hover .hidden-download {
  display: block;
}

.index-app-download .hidden-download .zg-android {
  position: absolute;
  display: block;
  width: 130px;
  height: 26px;
  left: 235px;
  top: 286px;
}

.index-app-download .hidden-download .zg-ios {
  position: absolute;
  display: block;
  width: 130px;
  height: 26px;
  left: 235px;
  top: 250px;
}

.index-app-download .hidden-download .ht-android {
  position: absolute;
  display: block;
  width: 102px;
  height: 30px;
  left: 122px;
  top: 142px;
}

.index-app-download .hidden-download .ht-ios {
  position: absolute;
  display: block;
  width: 102px;
  height: 30px;
  left: 12px;
  top: 142px;
}

.index-app-download .hidden-download img {
  position: absolute;
  display: block;
  left: -1px;
  top: 0;
  border: 1px solid #f2f2f2;
  background: #fff;
  padding-top: 0;
}

.index-app-download .down-pic {
  position: absolute;
  height: 100%;
  left: 0px;
  bottom: 31px;
  top: 0;
}

.index-app-download .text-box {
  width: 170px;
  height: 100%;
  position: absolute;
  line-height: 65px;
  right: 0;
  top: 0;
}

.index-app-download .text-box h3 {
  font-size: 20px;
  color: #5b5b5b;
  font-weight: bold;
  text-align: center;
}

.index-app-download .text-box p {
  font-size: 14px;
  color: #5b5b5b;
  text-align: center;
  margin-bottom: 10px;
  line-height: 14px;
  letter-spacing: 4px;
}

.index-main-nav {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.invite-register {
  float: right;
  padding-top: 1px;
  height: 49px;
  display: flex;
}

.invite-register__wrap {
  float: left;
}

.invite-register h3 {
  font-size: 16px;
  font-weight: 700;
  color: #FE5A58;
  align-items: center;
}

.invite-register p {
  color: #1f1f1f;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  margin-top: 1px;
}

.invite-register img {
  float: left;
  height: 55px;
  margin-right: 12px;
  transform: translateY(-10px);
}

.index-main-nav-eventicon {
  display: block;
  width: 182px;
  height: 35px;
  position: absolute;
  right: 20px;
  bottom: 0;
}

.index-main-nav-eventicon img {
  max-height: 60px;
  max-width: 130px;
  position: absolute;
  top: 12px;
  z-index: 1;
}

.index-main-nav ul li {
  float: left;
  margin-right: 32px;
  position: relative;
}

#if-rakuten-show li {
  margin-right: 2px;
}

.index-main-nav ul li:hover .underline {
  display: block;
}

.index-main-nav ul li .underline {
  height: 3px;
  width: 100%;
  background-color: #FE5A58;
  display: none;
  border-radius: 5px;
}
.index-main-nav ul li.cur .underline {
  display: block;
}

.index-main-nav ul li:hover a {
  color: #1f1f1f !important;
  font-weight: 600;
}

.index-main-nav ul li.cur a {
  font-size: 16px;
  font-weight: 600;
}

.index-main-nav ul li a {
  text-align: center;
  color: #1f1f1f;
  font-size: 14px;
  display: block;
  height: 41px;
  line-height: 41px;
  position: relative;
  cursor: pointer;
}
.index-main-nav .special-container {
  display: flex;
  align-items: center;
}
.index-main-nav ul li a.prime-day:after,
.index-main-nav ul li a.prime-day::after {
  content: "";
  position: absolute;
  top: -6px;
  right: 0;
  height: 15px;
  width: 48px;
  background-image: url("../images/prime-day-small.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.index-main-nav ul li a .icon {
  position: absolute;
  width: 26px;
  height: 11px;
  right: 15px;
  top: -4px;
  background: url(../images/new_ico.png) no-repeat center center;
}

.index-main-nav ul li a .firstfree {
  position: absolute;
  right: -36px;
  bottom: 28px;
  z-index: 9;
}

.index-main-nav ul li a span {
  vertical-align: middle;
}

.index-main-nav ul li a em {
  vertical-align: middle;
  display: inline-block;
  width: 8px;
  height: 5px;
  background: url("../images/ico-main-nav-pointer-1.png") no-repeat;
}

.primeday {
  position: absolute;
  background: #ff4200;
  color: #fff;
  top: -8px;
  right: -7px;
  font-size: 12px;
  -webkit-transform: scale(0.8);
  border-radius: 10px;
  font-weight: 100;
  padding: 1px 5px;
}

.index-main-nav ul li a b.new-icon {
  display: block;
  width: 26px;
  height: 11px;
  position: absolute;
  top: 0;
  right: 8px;
  background: url(../images/new_ico.png) no-repeat;
}

.index-main-nav ul li:hover a b.new-icon {
  display: none;
}

.index-main-nav ul li .slide-menu {
  position: absolute;
  width: 133px;
  border: 1px solid #ff4200;
  background: #ffffff;
  z-index: 1111;
  display: none;
  margin: 0px;
}

.index-main-nav ul li #rakuten-slide-menu {
  width: 150px;
}

.index-main-nav ul li:hover a em {
  background: url("../images/ico-main-nav-pointer.png") no-repeat;
}

.index-main-nav ul li:hover .slide-menu {
  display: block;
}

.index-main-nav ul li .slide-menu a {
  display: block;
  height: 48px;
  color: #ff4200 !important;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
}

.index-main-nav ul li .slide-menu a:hover {
  background: #ffd3c3;
}

.index-main-nav > p {
  position: absolute;
  right: 0;
  font-size: 0;
  bottom: 0px;
}

.index-main-nav > p img {
  width: 218px;
}

.index-main-banner-wrap {
  background: #f8f8f8;
  width: 100%;
  height: 424px;
  overflow: hidden;
}

.index-main-banner {
  width: 100%;
  height: 424px;
  margin: 0 auto;
  position: relative;
}

.index-banner-menu {
  display: none;
  width: 208px;
  background: #ffffff;
  height: 641px;
  position: absolute;
  /* bottom: -549px; */
  top: -7px;
  left: -24px;
  z-index: 20;
  border: 1px solid #eee;
  border-right: none;
  box-shadow: 0 0 32px rgba(60, 60, 60, 0.05);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 8px 0;
  box-sizing: border-box;
}
.index-banner-menu .header-nav-item {
  margin-left: 24px;
  margin-bottom: 16px;
  line-height: 28px;
}
.index-banner-menu .header-nav-item .go-index {
  color: #FE5A58 !important;
}
.index-banner-menu .all-stores {
  margin-left: 24px !important;
  font-size: 14px;
  font-weight: 600;
  height: 48px;
  line-height: 48px;
  color: #1f1f1f;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.index-banner-menu .my-collection {
  border: none;
}
.index-banner-menu .all-stores em {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423164324705.png");
}
.index-banner-menu .all-stores span {
  padding-left: 14px;
}
.index-banner-menu .all-stores:hover em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423165014832.png");
}
.index-banner-menu .all-stores:hover span {
  color: #FE5A58;
}
.index-banner-menu .my-collection em {
  width: 20px;
  height: 20px;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423172639857.png");
}
.index-banner-menu .my-collection:hover em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423172642208.png");
}
.index-banner-menu:hover {
  display: block;
}

.w1000 .index-banner-menu {
  width: 152px;
}

@media screen and (max-width: 1200px) {
  .index-banner-menu {
    width: 152px;
  }
  .index-banner-menu > ul > li {
    padding-left: 24px;  
  }
}
.index-banner-menu > ul {
  display: flex;
  flex-direction: column;
  height: calc(100% - 94px);
}
.index-banner-menu > ul > li {
  overflow: hidden;
  height: 47px;
  padding-left: 58px;
  padding-bottom: 2px;
  line-height: 47px;
  display: flex;
  align-items: center;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 26px center;
}

.index-banner-menu > ul > li em {
  float: left;
}

.index-banner-menu > ul > li > a {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 600;
  float: left;
  margin-left: 20px;
  width: 123px;
}

.w1000 .index-banner-menu > ul > li > a {
  width: 70px;
}

@media screen and (max-width: 1200px) {
  .index-banner-menu > ul > li > a {
    width: 70px;
  }
}

.index-banner-menu > ul > li i {
  color: #ff4200;
  font-size: 14px;
  float: left;
  font-family: "宋体";
  font-weight: bold;
}

.index-banner-menu > ul > li.cur > a {
  color: #FE5A58;
}

.index-banner-menu > ul > li .index-menu-store-rebate i {
  float: none;
}

/* .index-banner-menu > ul > li.index-menu-1 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423164324705.png");
}

.index-banner-menu > ul > li.cur.index-menu-1 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423165515469.png");
} */

/* .index-banner-menu > ul > li.index-menu-2 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170441542.png");
}

.index-banner-menu > ul > li.cur.index-menu-2 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170457148.png");
} */

.index-banner-menu>ul>li.index-menu-1 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/2020042316535869.png");
}

.index-banner-menu>ul>li.cur.index-menu-1 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423165515469.png");
}

.index-banner-menu > ul > li.index-menu-2 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170310825.png");
}

.index-banner-menu > ul > li.cur.index-menu-2 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170326704.png");
}

.index-banner-menu > ul > li.index-menu-3 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170554918.png");
}

.index-banner-menu > ul > li.cur.index-menu-3 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170610802.png");
}

.index-banner-menu > ul > li.index-menu-4 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200702180343722.png");
}

.index-banner-menu > ul > li.cur.index-menu-4 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200702180343962.png");
}

.index-banner-menu>ul>li.index-menu-5 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/2020042317013950.png");
}

.index-banner-menu > ul > li.cur.index-menu-5 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170157996.png");
}

.index-banner-menu > ul > li.index-menu-6 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170710995.png");
}

.index-banner-menu > ul > li.cur.index-menu-6 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423170722768.png");
}

.index-banner-menu > ul > li.cur.index-menu-8 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423171033566.png");
}

.index-banner-menu > ul > li.index-menu-7 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423171136644.png");
}

.index-banner-menu > ul > li.cur.index-menu-7 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423171139804.png");
}

.index-banner-menu > ul > li.index-menu-9 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423171227483.png");
}

.index-banner-menu > ul > li.cur.index-menu-9 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423171230354.png");
}

.index-banner-menu > ul > li.index-menu-10 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200702180343573.png");
}

.index-banner-menu > ul > li.cur.index-menu-10 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200702180343799.png");
}

.index-banner-menu > ul > li.index-menu-11 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423165014832.png");
}

.index-banner-menu > ul > li.cur.index-menu-11 em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423165014832.png");
}

.index-banner-menu > ul > li.index-menu-8 em {
  width: 20px;
  height: 20px;
  display: block;
  background-size: 100%;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200423171030612.png");
}

.index-banner-slider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  float: left;
}

.w1000 .index-banner-slider {
  width: 648px;
}

.index-banner-slider ul {
  padding: 3px;
  background-color: rgba(59, 59, 59, 0.3);
  border-radius: 10px;
}

.index-banner-slider ul.index-banner-slider-pic {
  padding: 0;
}

.index-banner-slider > ul > li {
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
}

.index-banner-slider > ul.index-banner-slider-pic > li:first-child {
  display: list-item;
}

.index-banner-slider > ul > li a {
  position: relative;
  display: block;
  font-size: 0;
}

.index-banner-slider > ul > li a > img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.index-banner-slider > ul > li a .adv-flag {
  position: absolute;
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  right: 0;
  padding: 2px 6px;
}

.index-banner-info {
  width: 296px;
  background: rgba(255, 255, 255, 0.88);
  height: 100%;
  position: absolute;
  top: 0;
  right: calc(50% - 600px);
  bottom: 0;
}

.index-banner-info .limit-time-fan {
  cursor: pointer;
  height: 100%;
  padding: 42px 48px;
  box-sizing: border-box;
}

.index-banner-info .limit-time-fan .title {
  height: 32px;
  color: #1f1f1f;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 32px;
  white-space: nowrap;
}

.index-banner-info .limit-time-fan .amazon {
  margin: 16px auto 12px;
  height: 136px;
  width: 136px;
  border-radius: 4px;
  background-position: center;
}

.index-banner-info .limit-time-fan .sail-describe,
.index-banner-info .limit-time-fan .sail-count,
.index-banner-info .limit-time-fan .tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-banner-info .limit-time-fan .sail-describe {
  margin: 0 auto;
  height: 24px;
  font-size: 14px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: #000;
}
.index-banner-info .limit-time-fan .sail-count {
  margin: 8px auto;
  height: 16px;
  color: #979797;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
}

.index-banner-info .limit-time-fan .tag {
  padding-bottom: 16px;
  height: 32px;
  color: #FE5A58;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 32px;
}

.index-banner-info .limit-time-fan .tag > span {
  font-size: 22px;
  line-height: 22px;
  color: #ff4200;
  text-align: center;
}

.index-banner-info .limit-time-fan .noebate {
  padding-top: 18px;
  font-size: 18px;
  line-height: 18px;
  color: #898989;
  text-align: center;
}

.index-banner-info .limit-time-fan .sail-detaillink {
  display: block;
  width: 200px;
  height: 38px;
  color: #ffffff;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin: 0 auto;
  background: linear-gradient(130deg, #FF775C, #FF5063);
  border-radius: 5px;
}

.index-banner-info .limit-time-fan .sail-detaillink:hover {
  color: #ffffff !important;
  background: #FF7373;
}

.index-banner-info .limit-time-fan .sail-detaillink span {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 8px solid #ffffff;
  border-bottom: 4px solid transparent;
}

.index-banner-info .limit-time-fan .percent {
  padding-top: 6px;
  font-size: 18px;
  line-height: 45px;
  text-align: center;
  color: #ff4200;
}

.index-banner-info .limit-time-fan .percent span {
  font-weight: bold;
  font-size: 45px;
  line-height: 45px;
  color: #ff4200;
}

.icon-bg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}

.index-banner-rebate-info {
  height: 103px;
  border-bottom: 1px solid #ececec;
  overflow: hidden;
}

.index-banner-discuzz-info {
  height: 91px;
}

.index-banner-rebate-info p {
  color: #5a5a5a;
  font-size: 16px;
  text-align: center;
  margin-top: 14px;
}

.index-banner-rebate-info p:hover {
  color: #d12e25 !important;
}

.index-banner-rebate-info p a {
  color: #5a5a5a !important;
}

.index-banner-rebate-info span {
  display: block;
  color: #8a8a8a;
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}

.index-banner-rebate-info strong {
  display: block;
  color: #ffa052;
  font-size: 24px;
  text-align: center;
  margin-top: 5px;
}

.index-banner-discount-info span {
  width: 156px;
  margin: 15px auto 0px;
}

.index-banner-discuzz-info span {
  width: 156px;
  margin: 10px auto 0px;
}

.btn-banner-link {
  display: block;
  height: 77px;
  background: #ff7e28;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 78px;
  font-weight: 400;
  letter-spacing: 1px;
  width: 218px !important;
}

.btn-banner-link > span {
  font-size: 20px;
  position: relative;
  top: 1px;
  font-weight: 700;
}

.btn-banner-link:hover {
  color: #ffffff !important;
}

.btn-banner-amazon-reg-link {
  position: absolute;
  bottom: 16px;
  display: block;
  width: 218px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
}

.btn-banner-amazon-reg-link:hover {
  color: #ffffff !important;
}
.my-collections {
  width: 585px;
  height: 639px;
  position: absolute;
  top: -1px;
  left: 207px;
  background: #ffffff;
  z-index: 9;
  display: none;
  overflow: hidden;
  border: 1px solid #eee;
  box-shadow: 0 0 32px rgba(60, 60, 60, 0.05);
  cursor: default;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.my-collections .empty-collection-box {
  height: calc(100% - 86px);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.my-collections .empty-collection-box img {
  width: 180px;
}
.my-collections .empty-collection-box span {
  font-size: 14px;
  line-height: 60px;
  color: #1f1f1f;
}
.my-collections .empty-collection-box span:hover {
  color: #1f1f1f !important;
}
.index-banner-menu .my-col-show {
  display: block !important;
}
.index-menu-more {
  width: 585px;
  height: 639px;
  position: absolute;
  top: -1px;
  left: 207px;
  background: #ffffff;
  z-index: 9;
  display: none;
  overflow: hidden;
  border: 1px solid #eee;
  box-shadow: 0 0 32px rgba(60, 60, 60, 0.05);
  cursor: default;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.my-collections .index-menu-top a:hover {
  color: #FE5A58;
}

.my-collections .index-menu-top,
.index-menu-more .index-menu-top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 70px;
  margin-left: 24px;
  margin-top: 10px;
  overflow: hidden;
}
.my-collections .index-menu-top a,
.index-menu-more .index-menu-top a {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  color: #1f1f1f;
}
.index-menu-more .index-menu-top a:hover {
  color: #FE5A58;
}
.my-collections .index-menu-top span,
.index-menu-more .index-menu-top span {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #979797;
}
.index-menu-sub {
  border-left: 1px solid #ffdbc3;
  border-right: 1px solid #ffdbc3;
  width: 185px;
  height: 100%;
  float: left;
}

.index-menu-sub-type {
  width: 138px;
  overflow: hidden;
  margin-left: 24px;
  margin-top: 30px;
}

.index-menu-sub-type h3 {
  color: #ff4200;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 14px;
}

.index-menu-sub-type ul {
  width: 150px;
}

.index-menu-sub-type ul li {
  min-width: 27px;
  padding-right: 11px;
  border-right: 1px solid #c0c0c0;
  float: left;
  height: 13px;
  line-height: 13px;
  margin-right: 11px;
  margin-bottom: 8px;
}

.index-menu-sub-type ul li a {
  font-size: 12px;
  color: #bbbbbb;
}

.index-menu-store ul li {
  float: left;
}
.index-menu-store .index-menu-pic {
  height: 86px;
  width: 250px;
  display: flex;
  flex-direction: row;
}
.index-menu-store .index-menu-pic:hover .index-store-name {
  color: #FE5A58;
}
.index-menu-store .index-menu-pic .menu-info-container {
  margin-left: 20px;
  width: calc(100% - 104px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.menu-info-container .index-store-name {
  line-height: 20px;
  margin: 0;
}
.menu-info-container .index-menu-store-rebate {
  text-align: left;
}
.menu-info-container .index-store-count {
  margin-top: 0;
  line-height: 20px;
}
.index-menu-store .menulazy-container {
  height: 84px;
  width: 84px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-menu-store .menulazy-container img {
  max-width: 60px;
  max-height: 60px;
}

.index-menu-store-pic {
  display: block;
  height: 40px;
  text-align: center;
  line-height: 40px;
}

.index-menu-store-pic img {
  vertical-align: middle;
  max-width: 115px;
  max-height: 35px;
}

.index-menu-store-rebate {
  color: #30a2dd;
  font-size: 12px;
  text-align: center;
  height: 26px;
  line-height: 26px;
}

.index-menu-store ul li h3 {
  color: #ff4200;
  font-size: 12px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  display: none;
}

.index-menu-store-btn {
  height: 29px;
  line-height: 29px;
  background: #ff4200;
  text-align: center;
  display: none;
  width: 174px;
  position: relative;
  left: -1px;
}

.index-menu-store-btn a {
  color: #ffffff;
  font-size: 12px;
  display: inline-block;
  padding: 0 12px;
  height: 13px;
  line-height: 13px;
}

.index-menu-store-btn a:first-child {
  border-right: 1px solid #ffffff;
}

.index-menu-store-btn a:hover {
  color: #ffffff !important;
}

.index-menu-store ul li:hover h3 {
  display: block;
}

.index-menu-store ul li:hover .index-menu-store-btn {
  display: block;
}

.index-menu-store ul li:hover {
  position: relative;
  z-index: 11;
}

.index-menu-store {
  float: left;
}

.index-menu-store ul li {
  width: 50%;
  margin-bottom: 24px;
}
.index-menu-store ul li:nth-child(3n) {
  margin-right: 0;
}

.index-menu-store ul {
  margin: 12px 24px;
  overflow: hidden;
}

.index-menu-store ul li.index-menu-store-more {
  width: 126px;
  height: 71px;
  background: url("../images/bg-index-menu-store-more.png") no-repeat 40px 0;
  margin-left: 20px;
  /*margin-top: 14px;*/
}

.index-menu-store ul li.index-menu-store-more:hover {
  border: 1px solid #ffffff;
}

.index-menu-store ul li.index-menu-store-more a {
  display: block;
  padding-top: 40px;
  color: #ff4200;
  font-size: 12px;
  text-align: center;
}

.index-menu-goods-wrap {
  width: 263px;
  float: left;
}

.index-menu-goods {
  width: 199px;
  margin: -1px auto 0px;
  border-top: 1px solid #e2e2e2;
}

.index-menu-goods-pic {
  display: block;
  text-align: center;
  height: 130px;
  line-height: 130px;
}

.index-menu-goods-pic img {
  vertical-align: middle;
  max-width: 199px;
  max-height: 120px;
}

.index-menu-goods-name {
  width: 180px;
  margin: 0 auto 13px;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
}

.index-menu-goods-name a {
  color: #797979;
  font-size: 12px;
}

.index-main-wrap {
  background: #f6f6f6;
  overflow: hidden;
}

.index-store-wrap {
  width: 1200px;
  margin: 18px auto 0px;
}

.index-store-nav {
  margin-bottom: 18px;
  height: 40px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.index-store-nav .rebate-store-title {
  font-size: 20px;
  font-weight: 600;
  color: #1f1f1f;
  line-height: 32px;
}

.index-store-nav > ul {
  margin-left: 48px;
  position: relative;
}
.index-store-nav .load-all-trans {
  margin-left: 24px;
  color: #1f1f1f;
  font-size: 16px;
  line-height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.index-store-nav .load-all-trans img {
  width: 16px;
  margin-left: 10px;
}
.index-store-nav .load-all-trans:hover {
  color: #FE5A58;
  font-weight: 600;
}

.index-store-nav .load-all-trans::after {
  content: "";
  display: block;
  margin-left: 8px;
  height: 16px;
  width: 16px;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200521152712544.png");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.index-store-nav .load-all-trans:hover::after {
  background-position: bottom;
}
.index-store-nav > ul > li {
  float: left;
  cursor: pointer;
  color: #1f1f1f;
  font-size: 16px;
  margin-left: 24px;
  line-height: 32px;
  height: 32px;
  display: flex;
  align-items: center;
}
.index-store-nav > ul > li > a {
  color: #1f1f1f;
}

.index-store-nav .load-all {
  display: flex;
  margin-left: 24px;
  color: #1f1f1f;
  align-items: center;
  line-height: 32px;
}

.index-store-nav .load-all:hover {
  color: #FE5A58;
  cursor: pointer;
  font-weight: 600;
}

.index-store-nav .load-all::after {
  content: "";
  display: block;
  margin-left: 8px;
  height: 16px;
  width: 16px;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200521152712544.png");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
}

.index-store-nav .load-all:hover::after {
  background-position: bottom;
}

.index-store-nav > ul > li:first-child {
  margin-left: 0px;
}

.index-store-nav > ul > li.cur {
  font-weight: 600;
}
.index-store-nav > ul > li.cur > a {
  font-weight: 600;
  color: #1f1f1f !important;
}

.cur-show {
  width: 64px;
  height: 4px;
  background-color: #FE5A58;
  position: absolute;
  top: 32px;
  left: 0;
  border-radius: 2px;
  overflow: visible !important;
}

.cur-show > em {
  position: absolute;
  width: 10px;
  height: 3px;
  background: url("../images/ico-store-nav-pointer.png") no-repeat;
  bottom: -4px;
  left: 50%;
  margin-left: -5px;
}

.btn-all-store {
  float: right;
  color: #727272;
  font-size: 14px;
  margin-top: 3px;
  margin-left: 20px;
}

.btn-all-store:hover {
  color: #ff4200 !important;
}

.index-store-search {
  display: none;
  width: 596px;
  height: 40px;
  background: #ffffff;
  align-items: center;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -301px;
  z-index: 1;
  border-radius: 25px;
}

.index-store-search__wrap {
  border: 1px solid #FE5A58;
  border-radius: 25px;
  overflow: hidden;
}

.index-store-search.header-top {
  display: block;
}

.index-top-nav-wrap .header-top {
  transform: translateX(calc(100% + 30px));
  background-color: #f7f7f7;
  width: 356px;
}
.index-top-nav-wrap .header-top input {
  width: 100%;
}
.index-top-nav-wrap .header-top:hover {
  background-color: #f3f3f3;
  box-shadow: none;
}
.header-top-active {
  box-shadow: none;
  background-color: #f3f3f3 !important;
}
.index-top__wrap .header-top .store-search-result {
  display: none;
  flex-direction: column;
  width: 100%;
  position: absolute;
  left: 0;
  top: 43px;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.13);
  border-radius: 3px;
  padding: 0 0 4px;
  box-sizing: border-box;
  z-index: 1;
}
.header-top .store-search-result .link-trans {
  font-size: 14px;
  color: #1f1f1f;
  font-weight: 600;
  padding-bottom: 20px;
  border-bottom: 1px solid #f8f8f8;
  box-sizing: border-box;
  cursor: pointer;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200426182701331.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 25px;
}
.header-top .store-search-result .link-trans:hover {
  color: #FE5A58;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200426182706334.png");
}
a[data-key-index].active{
  background: #fef6f4;
}
.store-result-trans__wrap {
  display: flex;
  justify-content: space-between;
  padding-left: 24px;
}
.header-top .store-search-result .link-trans-rebate {
  padding-left: 24px;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  margin-bottom: 20px;
}
.header-top .link-trans__content {
  flex: auto;
}
.header-top .store-search-result .link-trans-bg {
  height: 100px;
  width: 100px;
  margin: 0;
  margin-right: 24px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-top .store-search-result .link-trans-bg img {
  max-height: 80px;
  max-width: 80px;
}
.header-top .store-search-result .link-trans-name {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  line-height: 24px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-top .store-search-result .link-trans-cashback {
  display: block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #FE5A58;
}
.header-top .store-search-result .link-trans-button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-top: 8px;
}
.header-top .store-search-result .link-trans-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 120px;
  color: #fff;
  background-color: #FE5A58;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
}
.header-top .store-search-result .link-trans-button a:hover {
  background-color: #FF7373;
  color: #fff !important;
}
.header-top .store-search-result .link-trans-button a + a {
  margin-left: 16px;
}
.header-top .store-search-result .link-trans-title {
  padding: 16px 0;
}
.header-top .store-search-result .link-trans-title,
.link-trans-content {
  font-size: 14px;
  color: #979797;
  line-height: 25px;
}
.header-top .store-search-result .link-trans-void {
  font-size: 14px;
  color: #1f1f1f;
  font-weight: 600;
  text-align: center;
  line-height: 25px;
}
.header-top .store-search-result .link-trans-void:last-child {
  margin-bottom: 20px;
}
.header-top .store-search-result .link-trans-void-img {
  width: 200px;
  height: 155px;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 20px 0;
}
.header-top .input-content-area {
  position: relative;
  padding: 20px 16px;
  width: 100%;
  margin-left: auto !important;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 600;
  box-sizing: border-box;
  word-break: break-all;
  cursor: pointer;
}
.header-top .input-content-area::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 16px;
  left: 16px;
  height: 1px;
  background-color: #f8f8f8;
  transform: scaleY(0.5);
}
.header-top .input-content-area:hover {
  background-color: #fef6f4;
  color: #1f1f1f !important;
}
.header-top .result-head {
  display: none;
  font-size: 12px;
  color: #979797;
  padding: 20px 0 0;
}
.header-top .store-result-rebate {
  display: none;
  flex-direction: column;
  position: relative;
  padding: 20px 16px;
}
.header-top .store-result-trans {
  display: none;
  flex-direction: column;
  padding: 20px 16px;
}
.header-top .store-result-container .result-row {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 12px 16px;
  cursor: pointer;
}
.header-top .store-result-container .result-row::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 16px;
  left: 16px;
  height: 1px;
  background-color: #f8f8f8;
  transform: scaleY(0.5);
}
.header-top .store-result-container .result-row:hover {
  background-color: #fef6f4;
}
.header-top .store-result-container .result-row:last-child::after {
  content: initial;
}
.header-top .store-result-container .result-row span {
  font-size: 14px;
  font-weight: 600;
  color: #1f1f1f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 230px;
}
.header-top .store-result-container .result-row span:last-child {
  font-weight: 600;
  color: #FE5A58;
}
.index_search_close {
  float: left;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200506173655667.png");
  height: 36px;
  width: 24px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  display: none;
  margin-left: 14px;
}
.index-top__wrap .header-top .store-search-history {
  padding: 16px;
  box-sizing: border-box;
  position: absolute;
  top: 43px;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.13);
  border-radius: 3px;
  display: none;
  z-index: 1;
}
#link-guide {
  display: none;
}
.store-search-history .store-search-hot-title {
  font-size: 16px;
  font-weight: 600;
  color: #1f1f1f;
  display: block;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.store-search-history .store-search-hot-title img {
  width: 20px;
  cursor: pointer;
}
.store-search-history .store-search-hot:first-child .store-search-hot-title {
  margin-top: 0;
}
.index-top__wrap .header-top .store-search-hot-content {
  display: flex;
  flex-wrap: wrap;
}
.index-top__wrap .header-top .store-search-hot-gray {
  color: #979797;
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
  display: block;
}
.index-top__wrap .header-top .link-example {
  color: #1f1f1f;
  background-color: #f8f8f8;
  border-radius: 3px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.header-top .store-search-hot-content .imp {
  font-size: 12px;
  font-weight: 600;
  color: #1f1f1f;
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 5px;
  margin-right: 20px;
  margin-top: 20px;
  cursor: pointer;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.header-top .store-search-hot-content.hot .imp::before {
  content: '';
  background-image: url('https://cdn.55haitao.com/bbs/data/attachment/deal/20200601150635457.png');
  width: 10px;
  height: 14px;
  display: inline-block;
  background-size: cover;
  background-position: left center;
  margin-right: 8px;
}
.index-store-search input {
  float: left;
  padding-left: 26px;
  width: 468px;
  height: 36px;
  border: none;
  background: none;
  color: #1d1d1f;
  font-size: 14px;
  line-height: 36px;
  outline: none;
}

.index-store-search input::placeholder {
  color: #979797;
}

.index-store-search button {
  border-radius: 25px;
  position: absolute;
  right: 0;
  padding: 0;
  width: 66px;
  height: 36px;
  border: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 36px;
  cursor: pointer;
  background: linear-gradient(130deg, #FF775C, #FF5063);
}

.index-store-search button::after {
  content: '';
  background-image: url('https://cdn.55haitao.com/bbs/data/attachment/deal/202107220931_OUEqXC71zH.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position-y: 9px;
  padding: 12px;
}

.index-store-search button:hover {
  background-color: #FF7373;
}

.index-store-search button:focus {
  box-shadow: none;
  outline: none;
}

.index-store-list-wrap {
  width: 1200px;
  position: relative;
}

.index-store-list > li {
  float: left;
  width: 186px;
  position: relative;
  background-color: #fff;
  margin-bottom: 16px;
  margin-right: 16px;
  border-radius: 4px;
  border: 1px solid #ececec;
  box-sizing: border-box;
  overflow: hidden;
}

.trans-list {
  padding-bottom: 16px;
}

.trans-list > li {
  height: 90px;
}
.trans-list .index-store-list-inner {
  padding: 0;
}
.trans-list .index-store-pic {
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-store-list > li:hover {
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.04);
}
.index-store-list>li:nth-child(6n) {
  margin-right: 0;
}
/* .index-store-list > li:last-child {
  margin-right: auto;
} */

.index-store-list > li .flag {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

.index-store-list-inner {
  position: relative;
  height: 100%;
  padding: 20px 16px 24px;
  box-sizing: border-box;
}

.index-store-list > li:hover .index-store-list-hover-wrap {
  display: block;
}

.index-store-list-hover-wrap {
  display: none;
  position: absolute;
  right: 1px;
  left: 1px;
  bottom: 1px;
  top: 154px;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

.index-store-list-hover-wrap .index-store-count {
  margin-top: 0;
  padding: 0 8px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#store1 .index-store-list-hover-wrap .show-store-btn {
  bottom: 18px;
}

.index-store-list-hover-wrap .show-store-btn {
  position: absolute;
  bottom: 12px;
  left: 16px;
  width: 72px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 30px;
  background: #FE5A58;
  border-radius: 4px;
}

.index-store-list-hover-wrap .show-store-btn:last-child {
  left: auto;
  right: 16px;
}

.index-store-list-hover-wrap .show-store-btn:hover {
  color: #fff !important;
  background-color: #FF7373;
}

.index-store-list-inner .storelazy-container {
  height: 96px;
  width: 96px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.index-store-pic {
  display: block;
  text-align: center;
  height: 100%;
  overflow: hidden;
}

.index-store-pic img {
  vertical-align: middle;
  max-width: 80%;
  max-width: calc(100% - 16px);
  max-height: 80px;
  max-height: calc(100% - 16px);
}
.index-store-tag {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: #fff;
  background-color: #FE5A58;
  padding: 2px 6px;
  border-bottom-right-radius: 10px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: none;
}
.index-store-name {
  height: 24px;
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin: 6px auto 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-store-rebate {
  height: 24px;
  color: #FE5A58;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
}
.index-store-count {
  margin-top: 4px;
  height: 16px;
  color: #979797;
  font-size: 12px;
  line-height: 16px;
}

.index-store-count.old-back {
  margin-top: 0;
  text-decoration: line-through;
}

.index-store-rebate span {
  color: #c4c4c4;
  text-decoration: line-through;
}

.index-store-rebate strong {
  font-size: 14px;
  color: #FE5A58;
  font-weight: 600;
}

.index-menu-store-rebate strong {
  display: block;
  color: #ff4200;
}

.index-menu-store-rebate .fanlishu {
  display: inline-block;
  color: #ff4200;
  text-decoration: none;
}

.index-store-rebate .fanlishu {
  color: #ff4200;
  text-decoration: none;
}

.index-store-rebate .fanlishu i {
  margin: 0px;
  float: none;
  font-size: 18px;
}

.index-store-time {
  position: absolute;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  top: 0px;
  left: 0px;
  color: #ff4200;
  font-size: 12px;
  background: #ffd0c0;
  display: none;
}

.index-store-btn {
  position: absolute;
  width: 100%;
  height: 27px;
  line-height: 27px;
  background: #ff4200;
  text-align: center;
  bottom: 0px;
  left: 0px;
  display: none;
}

.index-store-btn a {
  color: #ffffff;
  font-size: 12px;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  padding-left: 20px;
}

.index-store-btn a:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

.index-store-btn a:first-child {
  padding-right: 20px;
  padding-left: 0px;
  border-right: 1px solid #ffffff;
}

.index-store-des {
  color: #616161;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  display: none;
}

.index-store-list > li:hover .index-store-des {
  display: block;
}

.index-store-list > li:hover .index-store-time {
  display: block;
}

.index-store-list > li:hover .index-store-btn {
  display: block;
}

.index-store-list-slider > li {
  width: 1200px;
  float: left;
  /*height: 352px;*/
}
.index-store-list-slider > li .index-store-list {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

.index-guanggao-wrap {
  width: 1200px;
  margin: 20px auto 30px;
}

.index-guanggao-wrap p a {
  float: right;
}

.index-guanggao-wrap p a:first-child {
  float: left;
}

.index-guanggao-wrap p a img {
  border: 1px solid #c2c2c2;
  max-width: 590px;
  overflow: hidden;
}

.index-amazon-wrap {
  width: 1200px;
  margin: 30px auto 0px;
}

.index-amazon-wrap h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #ff4200;
  overflow: hidden;
  line-height: 100%;
}

.index-amazon-wrap h3 > span > a {
  float: left;
  color: #ff4200;
  font-size: 18px;
  line-height: 100%;
  margin-top: 0px;
}

.index-amazon-wrap h3 > p {
  float: left;
  font-size: 14px;
  color: #a74c2d;
  height: 20px;
  line-height: 20px;
  background: #ffc5b1;
  padding: 0 9px;
  border-radius: 10px;
  margin-left: 16px;
}

.index-amazon-wrap h3 > p b {
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../images/timer.png") no-repeat;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -3px;
}

.index-amazon-wrap h3 a {
  float: right;
  color: #727272;
  font-size: 14px;
  margin-top: 5px;
}

.index-amazon-main {
  position: relative;
  width: 1200px;
  height: 314px;
  overflow: hidden;
  margin-top: 10px;
}

.index-amazon-main > ul {
  position: absolute;
  width: 10000px;
  left: 0px;
  top: 0px;
}

.index-amazon-main > ul > li {
  float: left;
  width: 1200px;
  height: 314px;
}

.index-amazon-goods {
  float: left;
  width: 236px;
  margin-right: 2px;
  height: 312px;
  border: #fff solid 1px;
  background: #ffffff;
}

.index-amazon-goods:hover {
  border: #ff4200 solid 1px;
}

.index-amazon-pic {
  display: block;
  height: 218px;
  line-height: 218px;
  text-align: center;
}

.index-amazon-pic img {
  vertical-align: middle;
  max-width: 175px;
  max-height: 175px;
}

.index-amazon-name {
  width: 180px;
  margin: 5px auto 0px;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  font-size: 12px;
}

.index-amazon-name a {
  color: #555;
}

.index-amazon-price {
  text-align: left;
  width: 180px;
  margin: 12px auto 0px;
}

.index-amazon-price strong {
  color: #ff4200;
  font-size: 18px;
}

.index-amazon-price span {
  color: #878787;
  font-size: 12px;
  text-decoration: line-through;
  margin-left: 10px;
}

.index-more-info-wrap {
  background: #ffffff;
  border-top: 1px solid #eee;
}

.index-more-info {
  width: 1200px;
  margin: 0 auto;
}

.index-deal-wrap {
  width: 870px;
  /*width: 859px;*/
  float: left;
  margin-top: 16px;
}

.index-deal-header {
  margin-bottom: 24px;
}

.index-deal-header.opt {
  margin-bottom: 20px;
}

.index-deal-header > ul {
  float: left;
  position: relative;
}

.index-deal-header > ul .cur-show {
  top: 28px;
}

.index-deal-header > ul li {
  float: left;
  margin-left: 8px;
  position: relative;
}

.index-deal-header > ul li:first-child {
  margin-left: 0px;
}

.index-deal-header > ul li a {
  display: block;
  color: #1f1f1f;
  font-size: 16px;
  line-height: 24px;
}

.index-deal-header > ul li a strong {
  font-size: 16px;
  color: #1f1f1f;
  margin-left: 5px;
}

.index-deal-header > ul li.cur {
  font-weight: 600;
}

.index-deal-header > ul li.cur a {
  color: #1f1f1f;
}

.index-deal-header > ul li.cur a:hover {
  color: #1f1f1f;
}

.index-deal-header > ul li i {
  position: absolute;
  width: 26px;
  height: 11px;
  left: 65px;
  top: -13px;
  background: url("../images/new_ico.png") no-repeat center center;
}

.index-deal-header > ul li.cur em {
  display: none;
}

.index-deal-header > ul li em {
  background: url("../images/ico-store-nav-pointer.png") no-repeat scroll;
  bottom: -4px;
  display: none;
  height: 3px;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  width: 10px;
  display: none;
}

.index-deal-header .deal_filter {
  margin-left: 12px;
}

.index-collection-list {
  display: none;
  overflow: hidden;
}

.index-collection-list > li {
  float: left;
  position: relative;
  margin-bottom: 24px;
  width: 426px;
  height: 238px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 6px;
}

.index-collection-list > li:hover {
  border: 1px solid #ff4200;
}

.index-collection-list > li:nth-child(2n) {
  float: right;
}

.index-collection-list > li::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 85px;
  background-image: url("../images/collection-item-mask.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* .index-collection-list > li::after {
	content: attr(data-text);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 16px;
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
} */

.index-collection-list-textbox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 426px;
  height: 85px;
}

.index-collection-list-text {
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 16px;
  width: 394px;
  height: 52px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.index-collection-list-text:hover {
  color: #ff4200;
}

.index-collection-list a {
  display: block;
  width: 100%;
  height: 100%;
}

/*.index-deal-header>ul li span {
	position: absolute;
	color: #ffffff;
	font-size: 12px;
	background: #ff4200;
	right: -30px;
	top: -12px;
	height: 16px;
	line-height: 16px;
	padding: 0 8px;
	border-radius: 8px;
}*/

.index-deal-header > p {
  float: right;
}

.index-deal-header > p a {
  color: #1f1f1f;
  font-size: 12px;
  float: left;
  height: 19px;
  line-height: 16px;
  padding: 0 4px;
  padding-top: 3px;
}

.index-deal-header > p a:hover {
  color: #FE5A58 !important;
}

.index-deal-header > p a.cur {
  font-weight: 600;
}

.index-deal-header > p a.cur:hover {
  color: #1f1f1f !important;
}

.index-deal-main .deal-bar {
  background-color: rgb(255, 66, 0);
  width: auto;
  height: 36px;
  margin-bottom: 20px;
}

.index-deal-main .deal-bar p {
  font-size: 18px;
  line-height: 36px;
  color: white;
  margin-left: 18px;
  float: left;
}

.index-deal-main .deal-bar .pointer-box {
  background-color: white;
  border-radius: 4px;
  width: 22px;
  height: 20px;
  margin-top: 8px;
  margin-left: 8px;
  float: left;
}

.index-deal-main .deal-bar .pointer-box .pointer {
  border-bottom: 5px solid rgb(255, 66, 0);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  width: 0;
  height: 0;
  margin: 7px auto 0;
}

.index-deal-activity {
  height: 61px;
  background: #e7e7e7;
  width: 858px;
  margin: 0 auto 50px;
}

.index-deal-activity h3 {
  float: left;
  width: 112px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #959595;
  font-size: 18px;
  margin-top: 6px;
  border-right: 1px solid #c2c2c2;
}

.index-deal-activity ul {
  float: left;
  margin-left: 30px;
  width: 666px;
  margin-top: 5px;
}

.index-deal-activity ul li {
  float: left;
  width: 166px;
  height: 27px;
}

.index-deal-activity ul li a {
  color: #959595;
  font-size: 14px;
}

.index-deal-activity ul li.imp a {
  border-bottom: 1px solid #ff4200;
}

.index-activity-new {
  display: inline-block;
  width: 24px;
  height: 10px;
  background: url("../images/ico-index-new.png") no-repeat;
}

.no-result {
  width: 852px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto 30px;
  background-color: #ffefe9;
  color: #4b4b4b;
  font-size: 20px;
  padding-left: 7px;
  border-radius: 10px;
}

.index-guide-wrap {
  width: 1200px;
  margin: 16px auto;
}
.index-guide-wrap .index-guide-title {
  display: flex;
  align-items: center;
  position: relative;
}
.index-guide-title .close-guide {
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #1f1f1f !important;
}
.index-guide-title .close-guide:hover {
  color: #FE5A58 !important;
}
.index-guide-title .close-guide::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200521153423710.png");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}
.index-guide-title .close-guide:hover::after {
  background-position: bottom;
}
.index-trans-title {
  font-size: 20px;
  font-weight: 600;
  color: #1f1f1f;
}
.index-guide-wrap .index-guide-title span {
  font-size: 20px;
  font-weight: 600;
  color: #1f1f1f;
}
.index-guide-wrap .index-guide-title a {
  font-size: 14px;
  color: #979797;
  cursor: pointer;
  margin-left: 32px;
  display: flex;
  align-items: center;
}
.index-guide-wrap .index-guide-title a:hover {
  color: #FE5A58 !important;
}
.index-guide-wrap .index-guide-title .arrow-img {
  width: 8px;
  height: 12px;
  margin-left: 10px;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200424111429592.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.index-guide-wrap .index-guide-title a:hover .arrow-img {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/2020042411234627.png");
}
.index-guide-wrap .index-guide-step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0 40px;
}
.index-guide-wrap .index-guide-bg {
  width: 288px;
  height: 101px;
  border-radius: 4px;
  background-size: contain;
  background-repeat: no-repeat;
}
.index-guide-wrap .node {
  height: 5px;
  width: 25px;
}
.index-guide-wrap .first-img {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/forum/202012/16/image_UTAgR_202012161859");
}
.index-guide-wrap .second-img {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/forum/202012/16/image_qGlku_202012161859");
}
.index-guide-wrap .third-img {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/forum/202012/16/image_HVeyF_202012161859");
}
.index-guide-wrap .fourth-img {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/forum/202012/16/image_LPPX6_202012161859");
}
.index-advert-wrap {
  width: 1200px;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 142px;
  overflow: hidden;
  position: relative;
}

.index-advert-wrap .swiper-button-prev,
.index-advert-wrap .swiper-button-next {
  position: absolute;
  top: 50%;
  margin-top: -21px;
  height: 42px;
  width: 42px;
  opacity: 1;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  outline: none;
  opacity: 0.5;
}

.index-advert-wrap .swiper-button-prev {
  left: -6px;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200527134429422.png");
}

.index-advert-wrap .swiper-button-next {
  right: -6px;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200527134004221.png");
}

.index-advert-wrap .swiper-slide {
  position: relative;
  float: left;
  height: 142px !important;
  overflow: hidden;
  border-radius: 4px;
  /* width: 1200px; */
}

.index-advert-wrap .adv-flag {
  position: absolute;
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  right: 0;
  bottom: 0;
  padding: 2px 6px;
}

.index-advert-wrap a {
  display: block;
  height: 142px;
  /* float: left; */
  /* margin-right: 20px; */
  /* margin-right: 7.5px; */
  /* margin-left: 7.5px; */
}

.index-advert-wrap a:nth-child(4n) {
  margin: 0px;
}

.index-advert-wrap img {
  width: 285px;
  height: 142px;
  border-radius: 4px;
}

.ht-deal-hot-collect-item li {
  border: 1px solid #f5f5f5;
}

.ht-deal-hot-collect-item li:hover {
  border: 1px solid #ff4200;
}

.index-deal-app {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 252px;
  width: 100%;
  background-image: url('https://cdn.55haitao.com/bbs/data/attachment/deal/202107091331_4rMU6UkBPX.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.index-deal-app-img {
  margin-left: 48px;
  background-size: 118px;
  background-image: url('https://cdn.55haitao.com/bbs/data/attachment/store/202107092043_vVC5A5BXKc.png');
  width: 138px;
  height: 158px;
  background-position: center 10px;
  background-repeat: no-repeat;
  background-color: #FF7F6E;
  border-radius: 8px;
  position: relative;
}
.index-deal-app-img::after {
  content: '扫码打开APP';
  position: absolute;
  font-size: 14px;
  color: #fff;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.index-deal-app-info {
  width: 612px;
  padding-right: 24px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: 165px;
  justify-content: flex-start;
}
.index-deal-app-badge {
  display: block;
  border-radius: 25px;
  width: 91px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  background-color: #FF7F6E;
  color: #fff;
  margin-bottom: 10px;
}
.index-deal-app-enter {
  position: absolute;
  right: 24px;
  bottom: 18px;
  font-size: 14px;
  color: #9d5f5d;
  cursor: pointer;
}
.index-deal-app-collect {
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  margin-top: auto;
}
.index-deal-app-collect i {
  margin-right: 6px;
}
.index-deal-app-collect.active i,
.index-deal-app-collect:hover i {
  color: #FE5A58;
}
.index-deal-app-badge::after {
  content: 'APP专享';
  font-size: 15px;
}
.index-deal-app-title {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  padding-bottom: 32px;
  max-width: 600px;
}
.index-deal-app-title b {
  position: absolute;
  bottom: -3px;
  left: 0;
  white-space: nowrap;
  font-size: 18px;
}
.index-deal-list > li {
  position: relative;
  /* overflow: hidden; */
  margin-top: 24px;
}

.index-deal-list > li::after {
  content: "";
  display: block;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: scaleY(0.5);
  background-color: #eee;
}

.index-coupon-fmtc > li {
  overflow: hidden;
  border-bottom: 1px solid #dedede;
  margin-top: 23px;
  padding-bottom: 24px;
}
.index-deal-list > li:first-child {
  margin-top: 0px;
}

.index-deal-pic {
  float: left;
  /* width: 185px; */
  width: 180px;
  height: 180px;
  background: #ffffff;
  margin-bottom: 24px;
  margin-right: 16px;
  position: relative;
}

.index-deal-pic::before {
  /* content: ""; */
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 42px;
  width: 66px;
  background-image: url("../images/2018-subscript-blackfriday.png");
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.amazon-tag {
  z-index: 1;
  height: 20px;
  width: 58px;
  top: 0 !important;
  left: 0 !important;
  bottom: unset !important;
  right: unset !important;
}
.index-deal-pic-tag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
  white-space: nowrap;
  /* background-image: linear-gradient(90deg, #FF4900 0%, #FFA85C 92%); */
  background: linear-gradient(to right, #ff8266, #ff4e7b);
  border-radius: 4px 0 10px 0;
  z-index: 1;
}

.index-deal-pic img {
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

.index-deal-detail {
  margin-top: 24px;
}

.index-deal-detail ul {
  font-size: 14px;
  color: #3c3c3c;
  line-height: 24px;
  padding-left: 16px;
}

.index-deal-detail ul strong {
  color: #3c3c3c;
  font-weight: bold;
}

.index-deal-squireds-title {
  margin-top: 24px;
  font-size: 20px;
  font-weight: 600;
  color: #1f1f1f;
  display: block;
}

.index-deal-info {
  float: right;
  padding-bottom: 24px;
  position: relative;
  width: 674px;
}

.index-deal-title {
  overflow: hidden;
  margin-bottom: 12px;
  vertical-align: middle;
  /* width: 859px; */
}

.index-deal-title::after {
  display: block;
  content: "";
  clear: both;
}

.index-deal-title span {
  font-size: 0;
  margin-right: 8px;
}

.index-deal-title span p,
.index-deal-title span strong {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  border-radius: 2px;
}

.index-deal-title span p {
  position: relative;
  top: -2px;
  padding: 0 8px;
  background: linear-gradient(to right, #FF488C, #FE8458);
}

.index-deal-title > a {
  color: #1f1f1f;
  font-family: -apple-system, Arial, system-ui, "PingFang SC", "Microsoft YaHei",
    "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
  word-break: break-word;
}

.index-deal-title > a:hover {
  color: #FE5A58 !important;
}

.index-deal-title > a b,
.index-deal-title > a strong {
  color: #FE5A58;
  font-weight: 600;
}

.index-deal-squireds-wrap {
  display: flex;
  justify-content: flex-start;
  padding-right: 88px;
  margin-top: 16px;
  padding-bottom: 16px;
  position: relative;
}

.index-deal-squireds-wrap::after {
  content: '';
  position: absolute;
  bottom: 6px;
  width: 100%;
  padding: 1px 0;
  transform: scaleY(.25);
  background-color: #eaeaea;
}

.index-deal-des-wrap .index-deal-squireds-wrap::after {
  content: unset;
}


.index-deal-des-wrap .index-deal-squireds-wrap:last-child::after {
  content: '';
  position: absolute;
  bottom: 6px;
  width: 100%;
  padding: 1px 0;
  transform: scaleY(.25);
  background-color: #eaeaea;
}

.index-deal-squireds {
  width: calc((100% - 24px) / 3);
  margin-right: 12px;
  box-sizing: border-box;
  padding: 12px;
  cursor: pointer;
  border-radius: 6px;
}

.index-deal-squireds:hover {
  box-shadow: 0 0 10px 4px #EAEAEA;
}

.index-deal-squireds:hover h2 {
  color: #FE5A58;
}

.index-deal-squireds h2 {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: unset;
  margin: 12px 0 3px;
  max-height: 40px;
  overflow: hidden;
}

.index-deal-squireds:last-child {
  margin-right: 0;
}

.index-deal-squireds-desc {
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  max-height: 20px;
  display: block;
}

.index-deal-squireds-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 6px;
}

.index-deal-squireds-price-com {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-deal-squireds-price-com.cur {
  font-size: 14px;
  color: #FE5A58;
  margin-right: 6px;
}

.index-deal-squireds-price-com.origin {
  font-size: 12px;
  color: #999;
  transform: translateY(1px);
  text-decoration: line-through;
}

.index-deal-squireds-img {
  padding-top: 100%;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.index-deal-tag {
  display: none;
  color: #b4b4b4;
  font-size: 12px;
  float: left;
  width: 375px;
  overflow: hidden;
}

#newColorTag {
  display: block;
  height: 18px;
  overflow: visible;
  width: 480px;
  font-size: 0px;
}

#newColorTag span {
  display: inline-block;
  margin-right: 8px;
  /*width: 52px;*/
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  color: #979797;
  font-size: 10px;
  font-weight: 600;
  border-radius: 2px;
  background-color: #f8f8f8;
}

#newColorTag span i {
  font-weight: 500;
}

.index-deal-tag a {
  color: #71a3bd;
  margin-right: 15px;
}

.index-deal-discount-code {
  display: inline;
  margin-top: 12px;
  height: 24px;
  line-height: 24px;
  color: #979797;
  font-size: 12px;
}

.index-deal-discount-code span {
}

span.mycoupon {
  display: inline-block;
  margin-left: 8px;
  padding: 0 7px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #FE5A58;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  color: #FE5A58;
  font-size: 12px;
  font-weight: bold;
  min-width: 50px;
  white-space: nowrap;
  word-wrap: normal;
}

span.mycoupon.hover {
  color: #ffffff !important;
  background: #FE5A58;
}

.mycoupon-tag {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  padding: 0 7px;
  padding-right: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border: 1px solid #FE5A58;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  color: #FE5A58;
  font-size: 12px;
  font-weight: bold;
  min-width: 50px;
  white-space: nowrap;
  word-wrap: normal;
}

.mycoupon-tag::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  right: 7px;
  top: 9px;
  border-top: 6px solid #FE5A58;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.mycoupon-tag:hover {
  color: #ffffff !important;
  background: #FE5A58;
}

.mycoupon-tag:hover::after {
  border-top: 6px solid #fff;
}

.mycoupon-wrap {
  position: relative;
  display: inline;
}

.mycoupon-modal {
  display: none;
  position: absolute;
  z-index: 1;
  top: -6px;
  left: 8px;
  width: 360px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 0 16px 0 rgba(60, 60, 60, 0.05);
  border-radius: 4px;
}

.mycoupon-wrap:hover .mycoupon-modal {
  display: block;
}

.mycoupon-modal__li {
  position: relative;
  padding: 12px 16px;
  cursor: pointer;
}

.mycoupon-modal__li::after {
  content: "";
  position: absolute;
  display: block;
  left: 16px;
  right: 16px;
  bottom: 0;
  height: 1px;
  background-color: #f5f5f5;
  transform: scaleY(0.5);
}

.mycoupon-modal__li:last-child:after {
  content: initial;
}

.mycoupon-modal__li:hover {
  background-color: rgba(255, 122, 0, 0.03);
}

.mycoupon-modal__title {
  color: #1f1f1f;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}

.mycoupon-modal__exclusive {
  margin-left: 4px;
  padding: 0 4px;
  color: #007aff;
  font-size: 12px;
  line-height: 20px;
  background-color: rgba(39, 161, 255, 0.1);
  border-radius: 3px;
}

.mycoupon-modal__date,
.mycoupon-modal__desc {
  margin-top: 4px;
  color: #979797;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mycoupon-modal__copy {
  float: right;
  display: block;
  padding: 0 8px;
  background: #f8f8f8;
  color: #979797;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  border-radius: 2px;
  cursor: pointer;
}

.index-deal-discount-code span.copytip {
  color: #ffffff;
  background: #ff4200;
}

.index-deal-des > p,
.index-deal-des > div {
  color: #787878;
  line-height: 22px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden; 
  display: -webkit-box;
  text-overflow:ellipsis; 
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.index-deal-des .twoLine {
  -webkit-line-clamp: 2;
}

.index-deal-des > p strong,
.index-deal-des > div strong {
  color: #ff7e00;
}

.index-deal-des {
  float: left;
  margin-top: 12px;
  width: 100%;
}
.index-deal-collapse {
  position: absolute;
  right: 154px;
  top: 50%;
  transform: translateY(-50%);
}
.index-deal-collapse,
.index-deal-expend {
  font-size: 12px;
  color: #FE5A58;
  cursor: pointer;
}

.index-deal-collapse,
.index-deal-expend:hover {
  color: #FF4920;
}

.index-deal-des-more a {
  position: relative;
  float: left;
  height: 25px;
  line-height: 25px;
  color: #9b9b9b;
  font-size: 0px;
  width: 71px;
}

.index-deal-des-more a span {
  font-size: 12px;
}

.index-deal-des-more a b {
  display: inline-block;
  width: 35px;
  font-weight: normal;
  float: right;
  text-align: center;
  font-size: 12px;
}

.index-deal-flag {
  float: right;
  display: inline-block;
  height: 32px;
  width: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.index-deal-comment,
.index-deal-praise {
  margin-right: 16px;
  font-size: 0;
}

.index-deal-comment b,
.index-deal-praise b {
  color: #8d8c8c;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 32px;
}

.index-deal-comment:hover b,
.index-deal-praise:hover b {
  color: #FE5A58;
}

.index-deal-comment em,
.index-deal-praise em {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  font-size: 0;
  line-height: 32px;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

.index-deal-praise em {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/202005211929362.png");
}

.index-deal-comment em {
  top: 3px;
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200521192946154.png");
}

.index-deal-comment:hover em,
.index-deal-praise:hover em {
  background-position: bottom;
}

.index-deal-des-more a:hover {
  color: #ffffff !important;
}

.index-deal-praise-cur a.index .index-deal-des-more {
  margin-top: 19px;
  width: 146px;
}

.index-deal-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 146px;
  float: none !important;
  margin-top: 0 !important;
}

.index-deal-time {
  float: right;
  margin-right: 24px;
  color: #979797;
  font-size: 12px;
  line-height: 32px;
}

.index-deal-discount-code + .index-deal-countdown {
  margin-left: 16px;
}

.index-deal-countdown {
  display: inline;
  color: #FE5A58;
  font-size: 12px;
  height: 27px;
  line-height: 27px;
}

.index-deal-tag-wrap .index-deal-countdown {
  height: 17px;
  line-height: 17px;
  position: relative;
  top: 0px;
  float: right;
  color: #b4b4b4;
  font-size: 12px;
  right: 161px;
}

.index-deal-btn-wrap a {
  display: block;
  height: 37px;
  text-align: center;
  line-height: 37px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
}

.index-deal-btn-buy:hover {
  color: #ffffff !important;
}

.index-deal-btn-55buy {
  background: #ffe4d0;
  border: 1px solid #f0cab6;
  height: 35px !important;
  line-height: 35px !important;
  margin-top: 6px;
  color: #e5511d !important;
}

.index-deal-btn-55buy:hover {
  color: #e5511d !important;
}

.index-deal-btn-buy {
  float: right;
  display: inline-block;
  margin-left: 16px;
  width: 130px;
  background: #FE5A58;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  line-height: 32px;
  border-radius: 25px;
}

.index-deal-btn-buy:hover {
  background: #FF7373;
}

.index-deal-store {
  float: right;
  display: inline-block;
  color: #979797;
  font-size: 12px;
  height: 16px;
  line-height: 32px;
}

.index-deal-des-wrap + .index-deal-more {
  margin-top: 12px;
}

.index-deal-footer {
  position: absolute !important;
  bottom: 24px;
  width: 100%;
  left: 0;
}

.index-deal-footer.fixed {
  position: fixed !important;
  z-index: 1;
  left: calc((100% - 1200px) / 2);
  bottom: 0;
  width: 900px;
  padding: 10px 30px 10px 196px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 -3px 8px 0 #ececec;
}

.index-deal-footer.abs {
  position: absolute !important;
  bottom: unset;
  top: 200px;
  left: -196px;
}

.index-deal-footer.fixed .index-deal-collapse {
  right: 184px;
}

.index-deal-more {
  margin-top: 8px;
  position: relative;
}

.index-deal-more:empty {
  display: none;
}

.index-deal-store a {
  color: #787878;
  margin-left: 8px;
}

.index-deal-store a:hover {
  color: #FE5A58 !important;
}

.index-deal-load-more {
  color: #b1afaf;
  font-size: 14px;
  text-align: center;
  margin-top: 26px;
  margin-bottom: 74px;
}

.page-wrap-outer {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.page-wrap {
  display: inline-block;
}

.page-wrap > a:hover {
  border: 1px solid #fd703f;
  padding: 0px;
}

.page-wrap .prev-page {
  float: left;
  font-size: 14px;
  color: #616161;
}

.page-wrap .page-main {
  float: left;
}

.page-wrap .page-main a {
  float: left;
  color: #616161;
  font-size: 14px;
  min-width: 28px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 3px;
  margin: 0 4px;
  padding: 1px;
}

.page-wrap .page-main a:hover {
  border: 1px solid #FE5A58;
  padding: 0px;
  color: #FE5A58 !important;
  cursor: pointer;
}

.page-wrap .page-main a.cur {
  background: #FE5A58;
  color: #ffffff;
}

.page-wrap .page-main a.cur:hover {
  color: #ffffff !important;
  background-color: #FF7373;
}

.page-wrap .next-page,
.page-wrap .prev-page {
  float: left;
  font-size: 14px;
  color: #616161;
  width: 60px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-radius: 3px;
  margin-left: 3px;
  padding: 1px;
}

.index-page-wrap {
  text-align: center;
  margin-top: 20px;
}

.index-more {
  width: 300px;
  /*width: 308px;*/
  float: right;
  background: #f6f6f6;
  padding-bottom: 0px;
}

.index-brand-container {
  margin-top: 10px;
}

.index-brand-container + .index-brand-container {
  margin-top: 16px;
  font-size: 0;
}

.index-brand-container img {
  width: 308px;
}

.index-brand-container p {
  font-size: 0;
}

.index-more-title {
  margin-left: 30px;
}

.index-more-title > span {
  color: #616161;
  font-size: 18px;
  vertical-align: middle;
}

.index-more-title .title-name {
  color: #616161;
  font-size: 18px;
  vertical-align: middle;
  display: inline-block;
  float: left;
}

.index-more-title > a {
  /*vertical-align: middle;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	background: #b3b3b3;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	padding: 0 3px;
	margin-left: 2px;
	position: relative;
	top: 1px;*/
  vertical-align: middle;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  background: #b3b3b3;
  border-radius: 3px;
  color: #ffffff;
  font-size: 12px;
  padding: 0 3px 0px 5px;
  position: relative;
  float: right;
  top: 1px;
  margin-right: 34px;
  margin-top: 4px;
}

.index-more-title > a:hover {
  color: #ffffff !important;
  background: #ff4200;
}

.index-footer-wrap {
  background: #f6f6f6;
  border-top: 1px solid #e8e8e8;
  overflow: hidden;
  /* padding-bottom: 28px; */
  padding-bottom: 14px;
  border-bottom: 1px solid #e8e8e8;
}

.index-footer {
  width: 1200px;
  margin: 0 auto;
  padding-top: 47px;
}

.index-footer-nav dl {
  float: left;
  margin-left: 113px;
}

.index-footer-nav dl:first-child {
  margin-left: 0px;
}

.index-footer-nav dl dt {
  color: #acacac;
  font-size: 18px;
  height: 43px;
}

.index-footer-nav dl dd {
  height: 30px;
  text-align: center;
}

.index-footer-nav dl dd a {
  color: #878787;
  font-size: 14px;
}

.index-footer-wei {
  float: left;
  width: 104px;
  margin-left: 80px;
  text-align: center;
}

.index-footer-wei h3 {
  font-size: 18px;
  color: #acacac;
  text-align: center;
  margin-bottom: 6px;
}

.index-footer-weibo {
  float: left;
  width: 104px;
  margin-left: 110px;
  text-align: center;
}

.index-footer-weibo h3 {
  color: #acacac;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  margin-bottom: 6px;
}

.index-footer-weibo img {
  height: 100px;
  width: 100px;
}

.index-footer-app .app-down:first-child {
  margin-right: 57px;
  margin-left: 57px;
}

.index-footer-wei img {
  width: 100px;
}

.index-footer-wei a {
  color: #878787;
  font-size: 14px;
}

.index-footer-app {
  position: relative;
  float: left;
  /*width: 113px;*/
  margin-left: 62px;
}

.index-footer-app .app-down {
  margin-top: 10px;
  text-align: center;
}

.index-footer-app .app-down a {
  display: block;
  font-size: 14px;
  color: #878787;
  line-height: 24px;
}

.index-footer-app .app-down a img {
  display: block;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 20px rgba(167, 167, 167, 0.4);
  -moz-box-shadow: 0 0 20px rgba(167, 167, 167, 0.4);
  box-shadow: 0 0 20px rgba(167, 167, 167, 0.4);
}

.index-footer-app h3 {
  font-size: 18px;
  color: #acacac;
  text-align: center;
}

.index-footer-app p {
  position: absolute;
  width: 235px;
  height: 184px;
  border: 1px solid #e5e5e5;
  top: 0;
  right: 148px;
  /* padding: 15px; */
  background-color: #fff;
  display: none;
  cursor: default;
}

.index-footer-app:hover p {
  display: block;
}

.index-footer-app p .code {
  display: block;
  width: 128px;
  height: 128px;
  line-height: 128px;
  text-align: center;
}

.index-footer-app p .code img {
  vertical-align: middle;
  max-height: 128px;
  max-width: 128px;
}

.index-footer-app p .code.down img {
  max-width: 400px;
  max-height: 333px;
}

.index-footer-app p .code.down .zg-android {
  position: absolute;
  display: block;
  width: 130px;
  height: 26px;
  left: 235px;
  top: 286px;
}

.index-footer-app p .code.down .zg-ios {
  position: absolute;
  display: block;
  width: 130px;
  height: 26px;
  left: 235px;
  top: 250px;
}

.index-footer-app p .code.down .ht-android {
  position: absolute;
  display: block;
  width: 102px;
  height: 30px;
  left: 122px;
  top: 142px;
}

.index-footer-app p .code.down .ht-ios {
  position: absolute;
  display: block;
  width: 102px;
  height: 30px;
  left: 12px;
  top: 142px;
}

.index-footer-app p .text {
  color: #000;
  font-size: 14px;
  display: block;
  margin-top: 15px;
}

.btn-android {
  margin-top: 24px;
}

.btn-android em {
  position: absolute;
  width: 22px;
  height: 26px;
  background: url("../images/ico-app.png") no-repeat;
  left: 14px;
  top: 7px;
}

.btn-ios {
  margin-top: 19px;
}

.btn-ios em {
  position: absolute;
  width: 24px;
  height: 28px;
  background: url("../images/ico-app.png") no-repeat 0px -26px;
  left: 14px;
  top: 7px;
}

.index-footer-copyright {
  width: 200px;
  float: left;
  margin-left: 66px;
}

.index-footer-copyright a {
  display: block;
  text-align: center;
}

.index-footer-copyright a img {
  width: 140px;
  transform: translateY(10px);
}

.index-footer-copyright p {
  color: #a4a4a4;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  margin-top: 20px;
}

.index-footer-copyright #foot_icp_link {
  color: #a4a4a4;
}

.index-footer-copyright #foot_icp_link:hover {
  color: #0099ff;
}

.index-footer-copyright .foot_beian_link {
  color: #a4a4a4;
}

.index-footer-copyright .foot_beian_link img {
  width: 12px;
}

.index-footer-copyright .foot_beian_link:hover {
  color: #0099ff;
}

.index-footer-link-wrap {
  background: #f6f6f6;
  padding-top: 14px;
  padding-bottom: 15px;
}

.index-footer-link {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.index-footer-link a {
  color: #878787;
  font-size: 12px;
  margin-left: 38px;
}

.index-footer-link a:first-child {
  margin-left: 0px;
}

.index-main-banner .btn-slider-prev,
.index-main-banner .btn-slider-next {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  height: 42px;
  width: 42px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  outline: none;
  cursor: pointer;
  z-index: 10000;
}

.index-main-banner .btn-slider-prev {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200527134429422.png");
  left: calc((100% - 1200px) / 2 - 42px - 24px)
}

.index-banner-slider .btn-slider-next {
  background-image: url("https://cdn.55haitao.com/bbs/data/attachment/deal/20200527134004221.png");
  /* right: 50%;
  right: calc(50% - 600px); */
  right: calc(50% - 600px + 296px);
}

.index-slider-pointer {
  position: relative;
  text-align: center;
  top: 400px;
  transform: translateX(-148px);
}

.index-slider-pointer ul {
  display: inline-block;
  padding: 0px 3px;
  background-color: unset;
  border-radius: 0;
  line-height: 20px;
  font-size: 0;
}

.index-slider-pointer ul li {
  width: 6px;
  height: 6px;
  margin-right: 4px;
  margin-left: 4px;
  display: inline-block;
  background: #fff;
  vertical-align: middle;
  border-radius: 3px;
  cursor: pointer;
}

.index-slider-pointer ul li.cur {
  background: #f28a3b;
  box-shadow: 0 0 0 3px #ffd8ba;
}

.index-footer__anti-fraud {
  color: #a4a4a4;
  text-align: center;
  font-size: 0;
}

.index-footer__anti-fraud span {
  display: inline-block;
  padding-left: 64px;
  font-size: 12px;
  line-height: 28px;
  background-image: url("../images/962110.png");
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}

.slide_minus,
.slide_plus {
  background: url("../images/slider_bn_bg.png") no-repeat scroll;
  cursor: pointer;
  height: 75px;
  position: absolute;
  text-align: center;
  top: 50%;
  margin-top: -37.5px;
  width: 30px;
  z-index: 111;
  display: none;
}

.slide_minus {
  background-position: 0 0;
  left: 0;
}

.slide_plus {
  background-position: 0 -75px;
  right: 2px;
}

.slide_minus:hover {
  background-position: -30px 0;
}

.slide_plus:hover {
  background-position: -30px -75px;
}

.header-login-name-wrap {
  float: right;
  padding: 0 0 0 10px;
  position: relative;
  text-align: right;
  display: flex;
  align-items: center;
}

.header-login-name-wrap p {
  margin: 0;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.header-login-avatar {
  height: 20px;
  width: 20px;
  background-size: 100%;
  border-radius: 50%;
  margin-right: 8px;
}
.header-login-name {
  color: #7b7b7b;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  width: auto;
  overflow: hidden;
  text-align: right;
  /* max-width: 60px; */
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-login-name a {
  color: #1f1f1f;
}
.header-login-name i {
  color: #1f1f1f;
}

.header-login-name a:hover {
  color: #FE5A58 !important;
}

.header-login-name-wrap > em {
  color: #fff;
  font-size: 12px;
  height: 11px;
  line-height: 11px;
  padding: 0 6px;
  background: #ff4200;
  border-radius: 5px;
  margin-top: 10px;
  margin-left: 3px;
  font-style: normal;
}

.header-login-name-wrap > i {
  margin-left: 7px;
  width: 11px;
  height: 6px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -6px;
  display: inline-block;
  vertical-align: middle;
}

.header-login-sign {
  float: right;
  width: 115px;
  height: 30px;
  text-align: center;
  display: none;
  background: url("../images/icon-qiandao.jpg") no-repeat;
}

.header-login-sign a {
  display: block;
  width: 100%;
  height: 100%;
}

.header-login-sub-menu {
  position: absolute;
  width: 159px;
  background: #ffffff;
  /* left: -116px; */
  right: 0;
  top: 32px;
  display: none;
  z-index: 113;
  border: solid 1px #efefef;
  border-top: none;
  padding: 20px 8px 8px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.13);
}

.header-login-sub-menu ul {
  padding: 0px;
  margin: 0px;
}

.header-login-sub-menu .menu-list li {
  float: left;
  width: 53px;
  text-align: center;
  margin-bottom: 24px;
}

.header-login-sub-menu .menu-list li a {
  display: inline-block;
  width: 100%;
}

.header-login-sub-menu .menu-list li a p {
  width: 100%;
  color: #7b7b7b;
  font-size: 12px;
  text-align: center;
}

.header-login-sub-menu .menu-list li a span {
  display: block;
  height: 20px;
  text-align: center;
  position: relative;
}

.header-login-sub-menu .menu-list li a span i {
  position: absolute;
  color: #ffffff;
  font-size: 12px;
  height: 14px;
  line-height: 13px;
  padding: 0 5px;
  text-align: center;
  background: #ff4200;
  border-radius: 5.5px;
  right: -8px;
  top: -8px;
}

.header-login-sub-menu .menu-list li a.m-msg span i {
  right: -21px;
  top: -8px;
}

.header-login-sub-menu .menu-list li a span em {
  display: inline-block;
}

.header-login-sub-menu .menu-list li a.m-self em {
  width: 19px;
  height: 19px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -199px;
}

.header-login-sub-menu .menu-list li a:hover p {
  color: #ff4200;
}

.header-login-sub-menu .menu-list li a.m-self:hover em {
  background: url("../images/sprint-logined-header.png") no-repeat 0 -256px;
}

.header-login-sub-menu .menu-list li a.m-rebate em {
  width: 21px;
  height: 19px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -161px;
}

.header-login-sub-menu .menu-list li a.m-rebate:hover em {
  background: url("../images/sprint-logined-header.png") no-repeat 0 -237px;
}

.header-login-sub-menu .menu-list li a.m-transport em {
  width: 20px;
  height: 18px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -143px;
}

.header-login-sub-menu .menu-list li a.m-transport:hover em {
  background: url("../images/sprint-logined-header.png") no-repeat 0 -107px;
}

.header-login-sub-menu .menu-list li a.m-tie em {
  width: 19px;
  height: 18px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -125px;
}

.header-login-sub-menu .menu-list li a.m-tie:hover em {
  background: url("../images/sprint-logined-header.png") no-repeat 0 -89px;
}

.header-login-sub-menu .menu-list li a.m-msg em {
  width: 21px;
  height: 19px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -218px;
}

.header-login-sub-menu .menu-list li a.m-tips em {
  width: 21px;
  height: 19px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -275px;
}

.header-login-sub-menu .menu-list li a.m-tips:hover em {
  width: 21px;
  height: 19px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -294px;
}

.header-login-sub-menu .menu-list li a.m-msg:hover em {
  background: url("../images/sprint-logined-header.png") no-repeat 0 -180px;
}

.header-login-sub-menu .menu-list li a.m-set em {
  width: 19px;
  height: 17px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -72px;
}

.header-login-sub-menu .menu-list li a.m-set:hover em {
  background: url("../images/sprint-logined-header.png") no-repeat 0 -55px;
}

.header-login-name-wrap:hover {
  background: #ffffff;
}

.header-login-name-wrap:hover > i {
  background: url("../images/sprint-logined-header.png") no-repeat 0 0px;
}

.header-login-name-wrap:hover .header-login-sub-menu {
  display: block;
}

.header-login-log-off {
  height: 72px;
}

.header-invite-friends {
  display: block;
}
.header-invite-friends img {
  width: 100%;
}
.header-login-log-off a {
  float: right;
  margin-top: 16px;
}

.header-login-log-off a em {
  display: inline-block;
  width: 16px;
  height: 14px;
  background: url("../images/sprint-logined-header.png") no-repeat 0 -26px;
  vertical-align: middle;
}

.header-login-log-off a span {
  vertical-align: middle;
  color: #7b7b7b;
  font-size: 12px;
}

.header-login-log-off a:hover em {
  background: url("../images/sprint-logined-header.png") no-repeat 0 -12px;
}

.header-login-log-off a:hover {
  color: #ff4200;
  text-decoration: none;
}

.fl_g dl {
  margin-left: 58px !important;
}

.frame-1-2-r {
  width: 71% !important;
}

.frame-1-2-l {
  width: 29% !important;
}

.boardnav .bm.fl .bm_c {
  border: solid 1px #ffc6bd;
  margin-top: 40px;
  background-color: #fff;
}

.boardnav .fl .bm_h {
  display: none;
}

.bm_h.cl .xs2 {
  font-size: 30px !important;
}

#nv_home #append_parent .fwinmask {
  z-index: 301 !important;
}

.index-guanggao-wrap p {
  float: right;
}

.index-guanggao-wrap p:first-child {
  float: left;
}

.index-guanggao-wrap p a {
  position: relative;
  display: block;
  font-size: 0;
}

.index-guanggao-wrap p a .adv-flag {
  position: absolute;
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
  right: 0;
  padding: 2px 6px;
}

.index-more > p > img {
  width: 100%;
}

.global-top-guanggao {
  height: 80px;
  min-width: 1200px;
  position: relative;
  overflow: hidden;
  margin: 0;
}

.global-top-guanggao a {
  display: block;
  width: 1200px;
  height: 80px;
  position: absolute;
  left: 50%;
  margin-left: -600px;
}

.global-top-guanggao img {
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}

.ac_results strong {
  font-weight: bold;
}

.cb {
  clear: both;
}

.hot-list {
  width: 263px;
  margin-bottom: -1px;
  overflow: hidden;
}

.good-container {
  width: 100%;
  height: 180px;
  position: relative;
  margin-bottom: 3px;
}

.hot-logo {
  width: 37px;
  height: 35px;
  position: absolute;
  z-index: 999;
  top: 20px;
}

.logo1 {
  background: url(../images/tuijian.png) no-repeat center;
}

.logo2 {
  background: url(../images/hot.png) no-repeat center;
}

.hot-btn {
  width: 100%;
  text-align: left;
  height: 25px;
  line-height: 25px;
}

.hot-btn a {
  display: block;
}

.hot-btn a img {
  width: 78px;
  height: 25px;
}

.hot-good {
  width: 210px;
  height: 183px;
  line-height: 183px;
  border-bottom: 1px solid #e2e2e2;
  position: absolute;
  left: 30px;
  /* font-size: 0; */
}

.good-img {
  height: 183px;
  line-height: 183px;
  overflow: hidden;
  text-align: center;
  float: left;
  width: 80px;
  /*height: 120px;*/
}

.good-img a {
  /*display: block;*/
}

.good-img img {
  max-width: 80px;
  max-height: 120px;
  display: inline-block;
  vertical-align: middle;
}

.hot-good-info {
  width: 100px;
  overflow: hidden;
  margin-left: 29px;
  display: inline-block;
  vertical-align: middle;
}

.hot-good-title {
  width: 100%;
  max-height: 66px;
  line-height: 1px;
  overflow: hidden;
}

.hot-good-title a {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  color: #797979;
  vertical-align: middle;
}

.hot-good-price {
  font-size: 14px;
  color: #f32a2a;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
}

.index-footer-link-wrap > p {
  text-align: center;
  min-width: 1200px;
}

.index-more-daren {
  width: 100%;
  /*width: 308px;*/
  background: #ececec;
  padding-bottom: 0px;
}

.index-daren-order {
  margin-top: 30px;
  margin-bottom: 20px;
}

.index-more-title {
  font-weight: normal;
  font-size: 0;
  margin-left: 30px;
}

.index-more-title > span {
  color: #616161;
  font-size: 18px;
  vertical-align: middle;
}

.index-more-title > a {
  vertical-align: middle;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  background: #b3b3b3;
  border-radius: 3px;
  color: #ffffff;
  font-size: 12px;
  padding: 0 3px 0px 5px;
  position: relative;
  float: right;
  top: 1px;
  margin-right: 34px;
  margin-top: 4px;
}

.index-more-title > a:hover {
  color: #ffffff !important;
  background: #ff4200;
}

@media screen and (max-width: 1200px) {
  body {
    min-width: 1200px;
  }
  .index-menu-store {
    width: 604px;
  }
  .index-menu-more {
    width: 700px;
    left: 150px;
  }
  .index-menu-store-btn {
    width: 145px;
  }
  .index-menu-store-btn a {
    padding: 0px 10px;
  }
  /* .index-menu-store ul li {
    width: 143px;
  } */
  .index-menu-store-pic img {
    max-width: 143px;
  }
  .index-menu-store-more {
    margin-top: 14px;
  }
  /* .index-main-banner {
    width: 1000px;
  } */
  /* .index-banner-info {
    width: 200px;
  } */
  .index-store-wrap {
    width: 1000px;
  }
  .index-guanggao-wrap {
    width: 1000px;
  }
  .index-amazon-wrap {
    width: 1000px;
  }
  .index-more-info {
    width: 1000px;
  }
  .index-deal-wrap {
    width: 800px;
  }
  .index-more {
    width: 200px;
  }
  .index-store-list-wrap {
    width: 1000px;
  }
  .index-store-list-slider > li {
    width: 1000px;
  }
  .index-amazon-main {
    width: 1000px;
  }
  .index-amazon-main > ul > li {
    width: 1000px;
    overflow: hidden;
  }
  .index-amazon-goods {
    width: 196px;
  }
  .index-menu-goods-wrap {
    width: 242px;
  }
  .index-deal-header > ul li {
    margin-left: 10px;
  }
  .index-deal-header > p {
    margin-right: 0;
  }
  .index-deal-header > p a {
    padding: 0 6px;
  }
  .index-deal-info {
    position: relative;
    width: 580px; /* +36px */
  }
  .index-more-title {
    margin-left: 10px;
  }
  .index-tie-wrap {
    margin-left: 10px;
  }
  .index-deal-btn {
    margin-right: 10px;
  }
  .index-footer-link-wrap > p {
    min-width: 1000px;
  }
  .index-guanggao-wrap img {
    width: 500px;
  }
  .index-more-title > a {
    margin: 4px 15px 8px 0px;
  }
  .index-more-daren {
    width: 200px;
    height: 480px;
  }
  .index-more-title > a {
    margin: 4px 15px 8px 0px;
  }
}

/*ie8适用*/

/*ie8 增加hover样式*/

/* showorder 模块*/

body.w1000 {
  min-width: 1000px;
}

.w1000 .index-guanggao-wrap img {
  width: 500px;
}

.w1000 .index-menu-store {
  width: 604px;
}

.w1000 .index-menu-more {
  width: 848px;
  left: 152px;
}

.w1000 .index-menu-store-btn {
  width: 145px;
}

.w1000 .index-menu-store-btn a {
  padding: 0px 10px;
}

.w1000 .index-menu-store ul li {
  width: 143px;
}

.w1000 .index-menu-store-pic img {
  max-width: 143px;
}

.w1000 .index-menu-store-more {
  margin-top: 14px;
}

.w1000 .index-main-banner {
  width: 1000px;
}

.w1000 .index-banner-info {
  width: 200px;
}

.w1000 .index-store-wrap {
  width: 1000px;
}

.w1000 .index-guanggao-wrap {
  width: 1000px;
}

.w1000 .index-amazon-wrap {
  width: 1000px;
}

.w1000 .index-more-info {
  width: 1000px;
}

.w1000 .index-deal-wrap {
  width: 800px;
}

.w1000 .index-more {
  width: 200px;
}

.w1000 .index-store-list-wrap {
  width: 1000px;
}

.w1000 .index-store-list-slider > li {
  width: 1000px;
}

.w1000 .index-amazon-main {
  width: 1000px;
}

.w1000 .index-amazon-main > ul > li {
  width: 1000px;
  overflow: hidden;
}

.w1000 .index-amazon-goods {
  width: 196px;
}

.w1000 .index-menu-goods-wrap {
  width: 242px;
}

.w1000 .index-deal-header > ul li {
  margin-left: 10px;
}

.w1000 .index-deal-header > p {
  margin-right: 0;
}

.w1000 .index-deal-header > p a {
  padding: 0 6px;
}

.w1000 .index-deal-info {
  width: 580px;
}

.w1000 .index-deal-des {
  width: 400px;
}

.w1000 .index-more-title {
  margin-left: 10px;
}

.w1000 .index-deal-btn {
  margin-right: 10px;
}

.w1000 .index-footer-link-wrap > p {
  min-width: 1000px;
}

@media screen and (max-width: 1200px) {
  .index-top-bar {
    width: 1080px;
  }
  .index-header {
    width: 1000px;
  }
  .index-footer {
    width: 1000px;
  }
  .index-header-search input {
    width: 504px;
  }
  .index-header-search-wrap {
    margin-left: 16px;
  }
  .index-main-nav {
    width: 1000px;
  }
  .index-main-nav ul li {
    margin-right: 8px;
  }
  .index-header-note {
    margin-left: 10px;
  }
  .index-footer-nav dl {
    margin-left: 63px;
  }
  .index-footer-wei {
    margin-left: 50px;
  }
  .index-footer-weibo {
    margin-left: 50px;
  }
  .index-footer-app {
    margin-left: 0px;
  }
  .index-footer-copyright {
    margin-left: 32px;
  }
  .index-footer-link {
    width: 1000px;
  }
}

.w1000 .index-top-bar {
  width: 1000px;
}

.w1000 .index-header {
  width: 1000px;
}

.w1000 .index-footer {
  width: 1000px;
}

.w1000 .index-header-search input {
  width: 415px;
}

.w1000 .index-header-search-wrap {
  margin-left: 16px;
}

.w1000 .index-main-nav {
  width: 1000px;
}

.w1000 .index-main-nav ul li {
  margin-right: 8px;
}

.w1000 .index-header-note {
  margin-left: 10px;
}

.w1000 .index-footer-nav dl {
  margin-left: 63px;
}

.w1000 .index-footer-wei {
  margin-left: 50px;
}

.w1000 .index-footer-app {
  margin-left: 50px;
}

.w1000 .index-footer-copyright {
  margin-left: 32px;
}

.w1000 .index-footer-link {
  width: 1000px;
}

.w1000 .index-more-title > a {
  margin: 4px 15px 8px 0px;
}

.sliderDown {
  display: none;
  position: relative;
  margin-right: 16px;
  padding: 6px 16px 0 24px;
  float: left;
  height: 30px;
  width: 180px;
  color: #1f1f1f;
  font-size: 12px;
  line-height: 24px;
  border-top: none;
  border-bottom: none;
}

.sliderDown b {
  font-weight: normal;
}

.sliderDown:hover {
  background-color: #fff;
}

.sliderDown .sliderDown-title {
  overflow: hidden;
  float: left;
}

.sliderDown i {
  width: 0;
  height: 0;
  border-top: 7px solid #979797;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  margin-bottom: 2px;
}

.sliderDown:hover i {
  background: url("../images/sprint-logined-header.png") no-repeat 0 0px;
}

.sliderDown .sliderDown-content {
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  padding-bottom: 8px;
  width: 190px;
  padding-left: 24px;
  color: #1f1f1f;
  font-size: 12px;
  line-height: 28px;
  background-color: #fff;
  border-radius: 4px;
  border-top: none;
  z-index: 100;
}

.sliderDown .sliderDown-content::after {
  content: "";
  display: block;
  position: absolute;
  top: -32px;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #eee;
  border-radius: 4px;
  box-shadow: 0 0 32px rgba(60, 60, 60, 0.05);
  z-index: -1;
}

.sliderDown .sliderDown-content li {
  color: #1f1f1f;
}

.sliderDown .sliderDown-content li:hover {
  cursor: pointer;
  color: #FE5A58;
}

.sliderDown .sliderDown-content b {
  font-weight: normal;
}
.lazy {
  background-size: 10%;
}
.amazonlazy.animate,
.menulazy.animate,
.shantaolazy.animate,
.storelazy.animate {
  opacity: 1;
  -webkit-animation: showlazy 0.5s ease-in-out;
  animation: showlazy 0.5s ease-in-out;
}
.menulazy.animate {
  opacity: 0;
}

@-webkit-keyframes showlazy {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes showlazy {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*官网直购轮播图样式*/

.index-amazon-main.shopbuy {
  height: 390px;
}

.index-amazon-main li a.item {
  height: 380px !important;
  width: 226px !important;
  background-color: #fff !important;
  padding-top: 0;
  border: 1px solid #fff;
}

.index-amazon-main li a.item:hover {
  border: 1px solid #ff4200;
}

.index-amazon-main li a.item {
  position: relative;
  width: 228px;
  height: 430px;
  background: #fff;
  margin-left: 15px;
  float: left;
}

.index-amazon-main li a.item .free-bg {
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 30;
}

.index-amazon-main li a.item:first-child {
  margin-left: 0;
}

.index-amazon-main li .item .pic-box {
  position: relative;
  width: 199px;
  height: 248px;
  text-align: center;
  line-height: 248px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

.index-amazon-main li .item .pic-box img {
  display: inline !important;
  max-width: 199px;
  max-height: 248px;
  vertical-align: middle;
}

.text-elip {
  word-wrap: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.index-amazon-main li .brand {
  padding: 0 30px;
  text-align: center;
  color: #333;
  font: 400 13px/18px "Microsoft YaHei", tahoma, arial;
  margin-top: 5px;
}

.index-amazon-main li .shopname {
  padding: 0 30px;
  text-align: center;
  color: #333;
  font: 600 13px/18px "Microsoft YaHei", tahoma, arial;
  margin-top: 15px;
}

.index-amazon-main li .market,
.index-amazon-main li .seller {
  text-align: center;
  font: 400 12px/16px "Microsoft YaHei", tahoma, arial;
  margin-top: 8px;
  color: #b5b5b5;
}

.index-amazon-main li .seller {
  margin-top: 4px;
}

.index-amazon-main li .market,
.index-amazon-main li .seller {
  text-align: center;
  font: 400 12px/16px "Microsoft YaHei", tahoma, arial;
  margin-top: 8px;
  color: #b5b5b5;
}

.index-amazon-main li .market span {
  text-decoration: line-through;
  color: #b5b5b5;
  font: 400 12px/16px "Microsoft YaHei", tahoma, arial;
}

.index-amazon-main li .market em {
  margin-left: 3px;
  width: 40px;
  height: 17px;
  font: 100 12px/16px "Microsoft YaHei", tahoma, arial;
  background-color: #f46464;
  color: #fff;
  display: inline-block;
  font-style: normal;
}

.index-amazon-main li .market {
  color: #f46464;
  font-size: 14px;
}

/* 1200px 宽度样式优化 */
@media screen and (max-width: 1200px) {
  .index-advert-wrap {
    transform-origin: center;
    transform: scale(0.83);
  }
  /* 首页返利商家列表 */
  .index-store-list > li {
    margin-right: 14px;
  }
  .index-store-list>li:nth-child(6n) {
    margin-right: 14px;
  }
  .index-store-list>li:nth-child(5n) {
    margin-right: 0;
  }
  /* 首页banner */
  .index-banner-slider > ul > li a > img {
    transform: translateX(-50%);
  }
  .index-banner-slider .btn-slider-prev {
    left: 2%;
  }
  .index-banner-slider .btn-slider-next {
    right: 26%;
  }
  .index-banner-info {
    right: 0px;
    background: rgba(255, 255, 255, 0.9);
  }
  /* 首页deal列表 */
  .index-more-info {
    width: 1000px ;
  }
  /* 如何获得返利 */
  .index-guide-wrap {
    width: 1000px;
  }
  .index-guide-wrap .index-guide-bg {
    width: 240px;
  }
  .index-collection-list > li {
    width: 376px;
    height: 210px;
  }
  .index-collection-list-text {
    height: 24px;
    line-height: 24px;
  }
  .index-top-nav-wrap .link-container {
    margin-left: 20px;
  }
  .index-top-nav-wrap .nav-item-store {
    margin-left: 20px;
  }
  .index-top-right .notice-container {
    margin-right: 18px;
  }
  .my-collections {
    width: 700px;
    left: 150px;
  }
}

@media screen and (max-width: 1322px) {
  .index-banner-slider .btn-slider-prev {
    left: calc((100% - 1080px) / 2 - 42px - 24px);
  }
  .index-banner-slider > ul > li a > img {
    left: calc(50% + 60px);
  }
  .store-cash-view {
    left:calc((100% - 1200px) / 2 + 60px) !important;
  }
}