/* body{
    background: #000;
} */
body {
  padding-bottom: env(safe-area-inset-bottom);
}

.sn-loading-type {
  height: 2rem;
  line-height: 2rem;
  padding: 0;
  margin-bottom: 2rem;
  /* background: #f5f5f5 */
}

.sn-loading-type .end,
.sn-loading-type .loading {
  display: none;
}

.sn-loading-type[data-status="hide"] {
  display: none;
}

.sn-loading-type[data-status="loading"] .loading {
  display: block;
}

.sn-loading-type[data-status="end"] .end {
  display: block;
}

.sn-loading-type .sn-end-loading {
  position: relative;
  border: 0;
  margin-top: 0;
}

.sn-loading-type .sn-end-loading:before,
.sn-loading-type .sn-end-loading:after {
  content: "";
  width: 4rem;
  border: solid #d2d2d2;
  border-width: 1px 0 0 0;
  position: absolute;
  left: 1.4rem;
  top: 0.9rem;
}

.sn-loading-type .sn-end-loading:after {
  left: initial;
  right: 1.4rem;
}

.sn-loading-type .sn-end-loading span {
  color: #999;
  display: block;
  text-align: center;
  width: 100%;
  position: static;
  margin: 0;
  padding: 0;
  transform: none;
  background: 0;
}

.floor {
  position: relative;
  padding-bottom: 1.96rem;
}

.fs-search {
  width: 15rem;
  height: 1.76rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

.fs-search_back {
  background: url(./images/back.png) no-repeat;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 0.48rem;
  top: 0.28rem;
  background-size: 100% 100%;
}
.fs-search_input {
  width: 8.08rem /* 404/50 */;
  height: 1.2rem /* 60/50 */;
  /* width: 9.12rem;
    height: 1.2rem; */
  line-height: 1.2rem;
  background: #fff;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  border-radius: 4rem;
  font-size: 0;
  left: 2.04rem;
  top: 0.28rem;
  background: #ffffff;
  border-radius: 0.96rem;
  position: absolute;
}

.fs-search_input .r-icon {
  float: left;
  display: inline-block;
  margin: 0.2rem 0.24rem 0 0.48rem;
  width: 0.8rem;
  height: 0.8rem;
  background: url("./images/search.png") no-repeat;
  background-size: 100% 100%;
}

.fs-search_input .r-txt {
  float: left;
  width: 6rem;
  display: -webkit-box;
  font-size: 0.56rem;
  color: #999;
  font-size: 0.52rem;
  color: #999;
}

.head-cart {
  background: url(./images/cart.png) no-repeat;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: 2.28rem;
  top: 0.28rem;
  background-size: 100% 100%;
}
.fix-car-wrap .count {
  position: absolute !important;
  right: -0.15rem !important;
  top: 0 !important;
  margin: none !important;
}
.fix-car-wrap .count {
  position: static;
  display: inline-block;
  min-width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  background: #e21d1d;
  text-align: center;
  line-height: 1.2em;
  color: #fff;
  z-index: 102;
  padding: 0.02rem 0.08rem;
  margin: -0.16rem 0 0 1.2rem;
}
.fs-search_share {
  background: url(./images/share.png) no-repeat;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: 0.48rem;
  top: 0.28rem;
  background-size: 100% 100%;
}

.fs-search:not([class~="transparent"]) .fs-search_back {
  background: url(./images/back-black.png) no-repeat;
  background-size: 100% 100%;
}

.fs-search:not([class~="transparent"]) .fs-search_input {
  background: #f2f2f2;
}

.fs-search:not([class~="transparent"]) .head-cart {
  background: url(./images/cart-black.png) no-repeat;
  background-size: 100% 100%;
}

.fs-search:not([class~="transparent"]) .fs-search_share {
  background: url(./images/share-black.png) no-repeat;
  background-size: 100% 100%;
}

.fs-search:not([class~="transparent"]) {
  background: #fff;
  position: fixed;
}

.lazyimg {
  margin: 0 auto;
  position: relative;
}

/*轮播*/
.banner {
  width: 15rem;
  height: 18.2rem;
  overflow: hidden;
  position: relative;
  background: #ffffff;
}
.banner .swipe {
  position: relative;
  overflow: hidden;
  width: 15rem;
  height: 18.2rem;
}

.banner .swipe img {
  width: 100%;
}

.banner .swipe .swipe-ul {
  margin: 0;
  overflow: hidden;
  height: 18.2rem;
}
.banner .swipe .swipe-ul li {
  height: 20.2rem;
}
.banner .swipe li img.real {
  /* width: 12.2rem;
    height: 13.64rem; */
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 1.6rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 1;
}
/* .banner .swipe li .real-bgc-cover {
     width: 15rem;
     height:100%;
     position: absolute;
     left: 0;
     top: 0;
     background:url(./images/bgc-cover.png) no-repeat;
     background-size: 100% 100%;
} */
/* .banner .swipe li img.bgc{ */
/* width: 15rem;
    height:100%; */
/* // height: 19rem; */
/* display:block;
    -webkit-filter: blur(20px);
    filter: blur(20px) */
/* } */
.banner .swipe-ul li {
  position: relative;
  float: left;
  overflow: hidden;
  height: 18.2rem;
}

.banner .swipe li a {
  width: 15rem;
  height: 18.2rem;
  display: block;
  font-size: 0;
}
.banner .swipe li a:active {
  opacity: 1;
}
.banner .swipe .trigger {
  position: absolute;
  bottom: 0.78rem;
  text-align: right;
  font-size: 0;
  right: 1.4rem;
  height: 0.28rem;
}
.banner .swipe .trigger li {
  opacity: 0.5;
  display: inline-block;
  margin-left: 0.4rem;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.16rem;
  -webkit-border-radius: 0.16rem;
  background: #fff;
}
.banner .swipe .trigger li.cur {
  opacity: 1;
  width: 0.24rem !important;
  background: #fff;
}
/* 海报 */
.fs_hb {
  width: 15rem;
  height: 18.84rem;
  margin-top: 0.48rem;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.fs_hb img {
  position: absolute;
  left: 0.72rem;
  top: 0.72rem;
  width: 13.56rem;
  height: 17.4rem;
  margin: auto;
}

.fs_hb .hb_click {
  width: 100%;
  height: 100%;
  position: relative;
}
.fs_hb .hb_click a {
  width: 6.4rem;
  height: 3.6rem;
  display: block;
  position: absolute;
}
.fs_hb .hb_click a:nth-child(1) {
  left: 0.72rem;
  top: 9.12rem;
}

.fs_hb .hb_click a:nth-child(2) {
  right: 0.72rem;
  top: 4.32rem;
}

.fs_hb .hb_click a:nth-child(3) {
  right: 0.72rem;
  top: 10.72rem;
}

/*中通广告*/
.ztad {
  height: 7.44rem;
  padding: 0.72rem;
  margin-top: 0.48rem;
  background-color: #fff;
  display: block;
}
.ztad img {
  height: 100%;
  width: 100%;
}

.qiang {
  width: 15rem;
  height: 11.92rem;
  position: relative;
  overflow: hidden;
  margin-top: 0.48rem;
  background: #fff;
}

.qiang .title {
  width: 15rem;
  height: 2.4rem;
}

.qiang .title .title-img {
  width: 15rem;
  height: 2.4rem;
}

.qiang .title .title-img img {
  width: 15rem;
  height: 2.4rem;
}

.qiang .count-down {
  position: absolute;
  left: 3.4rem;
  top: 0.42rem;
  height: 0.9rem;
  line-height: 0.9rem;
}

.qiang .info {
  margin-right: 0.1rem;
  font-size: 0.48rem;
  color: #444;
}

.qiang .node {
  -webkit-border-radius: 0.16rem;
  padding: 0.1rem;
  background: #000;
  font-size: 0.48rem;
  color: #fff;
}

.qiang .txt {
  margin: 0 0.1rem;
  font-size: 0.48rem;
  color: #444;
}

.qiang .btn {
  right: 0.4rem;
  -webkit-border-radius: 0.4rem;
  width: 1.8rem;
  height: 0.8rem;
  background: #f40;
}

.qiang .btn span {
  display: block;
  width: 100%;
  font-size: 0.44rem;
  color: #fff;
  text-align: center;
}

.qiang .seemore {
  display: inline-block;
  z-index: 1;
  width: 0.52rem 15rem /* 750/50 */;
  height: 2.4rem /* 120/50 */;
  /* height: .52rem; */
  /* position: absolute; */
  /* right: 0; */
  font-family: "PingFangSC-Medium";
  font-size: 0.52rem;
  color: #666;
  letter-spacing: 0;
  line-height: 0.63rem;
}

.qiang .content {
  width: 15rem;
  height: 9.5rem;
  overflow: hidden;
  position: relative;
  padding: 0 0.72rem;
}

.qiang .content a {
  position: relative;
}
.qiang .content a img {
  width: 3.16rem;
  height: 3.16rem;
  margin-left: 0.52rem;
}
.qiang .content a .img {
  width: 4.2rem;
  height: 4.2rem;
}
.qiang .content a:nth-child(1) {
  float: left;
  width: 8.64rem;
  height: 8.8rem;
}
.qiang .qiang-qg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.8rem;
  height: 1.8rem;
  background: url(./images/qg.png) 0 0 no-repeat;
  background-size: 1.8rem 1.8rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.qiang .qiang-cover {
  opacity: 0.03;
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.qiang .qiang-cart {
  width: 0.96rem;
  height: 0.96rem;
  position: absolute;
  top: 2.88rem;
  left: 2.88rem;
  z-index: 10;
  background: url(./images/go-cart.png?v=2018111009) 0 0 no-repeat;
  background-size: 0.96rem 0.96rem;
}
.qiang .content a:nth-child(1) .qiang-cart {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 7.28rem;
  left: 7.08rem;
  z-index: 10;
  background: url(./images/go-cart.png?v=2018111009) 0 0 no-repeat;
  background-size: 1.2rem 1.2rem;
}
.qiang .content a:nth-child(1) .img {
  width: 100%;
  height: 100%;
  position: relative;
}
.qiang .content a:nth-child(1) .img img {
  width: 7.92rem;
  height: 7.92rem;
  margin-left: 0.36rem;
}
/* 优惠券样式新增 */

.quan-title-container {
  width: 15rem /* 750/50 */;
  height: 1.7rem /* 85/50 */;
  margin-top: 0.48rem;
}
.quan-title-container img {
  width: 100%;
  height: 100%;
}
.quan-img-container {
  height: 3.36rem;
  background: #fff;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  text-align: justify;
}
.quan-img-container::-webkit-scrollbar {
  display: none;
}

.quan-img-link {
  display: inline-block;
}
.quan-img-link img {
  display: inline-block;
  width: 6.84rem;
  height: 2.64rem;
  background-color: blue;
  margin-right: 0.36rem /* 18/50 */;
}
.quan-img-link:last-of-type img {
  margin: 0;
}
.mkTitle {
  margin-top: 0.48rem;
}
.lqTitle {
  margin-top: 0.48rem;
}
/* 新增 */

.qiang .content .product-title {
  position: absolute;
  left: 0.2rem /* 10/50 */;
  top: 7px;
  font-size: 0.25rem /* 12.5/50 */;
  font-weight: bold;
  width: 3.84rem;
  height: 0.72rem;
  overflow: hidden;
}
.qiang .content > .pr:nth-of-type(1) .product-title {
  position: absolute;
  left: 0.44rem /* 22/50 */;
  font-size: 0.5rem /* 25/50 */;
  font-weight: bold;
  width: 6rem;
  height: 0.72rem;
}
.qiang .content a .sale-price {
  display: inline-block;
  position: absolute;
  height: 0.48rem /* 24/50 */;
  line-height: 0.48rem /* 24/50 */;
  width: auto;
  text-align: center;
  font-size: 0.46rem /* 23/50 */;
  color: #222222;
  bottom: 0.38rem;
  left: 0.38rem;
}
.sale-price .int {
  color: #222222;
}
.qiang .content a:nth-of-type(1) .sale-price {
  display: inline-block;
  position: absolute;
  height: 0.48rem;
  line-height: 0.48rem;
  width: auto;
  text-align: center;
  font-size: 0.52rem;
  color: #222222;
  bottom: 0.38rem;
  left: 0.38rem;
  font-family: Avenir-Heavy;
}

.qiang .content a:nth-of-type(1) .sale-price .symbol {
  display: inline-block;
  height: 0.48rem /* 24/50 */;
  line-height: 0.48rem /* 70/50 */;
  font-size: 0.4rem;
}
.qiang .content a:nth-of-type(1) .sale-price .int {
  display: inline-block;
  height: 0.48rem /* 24/50 */;
  line-height: 0.48rem /* 70/50 */;
  font-size: 0.5rem /* 30/50 */;
}

.qiang .content a:nth-child(2) {
  float: right;
  /* width:4.2rem; */
  width: auto;
  height: 4.2rem;
}

.qiang .content a:nth-child(3) {
  float: right;
  width: auto;
  /* width:4.2rem; */
  height: 4.2rem;
  margin-top: 0.4rem;
}

.qiang .content a .tag-price {
  position: absolute;
  left: 2rem;
  bottom: 0;
  display: none;
}
.qiang .content a:nth-child(1) .tag-price {
  /* display: block; */
  left: 2rem;
  bottom: 0.38rem;
  font-family: Avenir-Medium;
  font-size: 0.32rem;
  color: #999999;
}

/* 热门品类 */
.rmpl-title {
  height: 1.7rem;
  width: 15rem;
  margin-top: 0.48rem;
}
.rmpl-title img {
  height: 100%;
  width: 100%;
}
.rmpl-items {
  padding: 0 0.54rem 0.36rem 0.54rem;
  background-color: #fff;
}

.rmpl-items .item-warp {
  width: 100%;
  overflow: hidden;
  /* height:3.12rem;
    white-space:nowrap;
    overflow-x:scroll;
    overflow-y:hidden; 
    text-align:justify;
     */
}
/* .rmpl-items .item-warp::-webkit-scrollbar{display:none;} */

.rmpl-items .item-warp a {
  display: block;
  float: left;
  /* display: inline-block; */
  height: 3.12rem;
  width: 3.12rem;
  margin: 0 0.18rem 0.36rem 0.18rem;
  background-color: #fff;
}
.item-warp a img {
  height: 80%;
  width: 100%;
  background: 0;
}
.item-warp a p {
  font-size: 0.4rem;
  text-align: center;
}
.rmpp {
  background-color: #fff;
  margin-top: 0.48rem;
  padding-bottom: 0.72rem;
}
.rmpp-title {
  height: 2.4rem;
}
.rmpp-title img {
  height: 100%;
  width: 100%;
}

.sale-point {
  width: 3.6rem;
  overflow: hidden;
  /* height:1.44rem; */
  height: 1.35rem;
  font-family: PingFangSC-Regular;
  font-size: 0.48rem /* 24/50 */;
  color: #999999;
  line-height: 0.68rem /* 34/50 */;
}
.item-warp-one {
  height: 5.6rem;
}
.item-warp-one a img {
  display: block;
  height: 5.6rem;
  width: 13.56rem;
  margin: 0 auto;
}
.item-warp-two {
  height: 6.14rem;
  /* overflow: hidden; */
  margin-left: 0.72rem;
  margin-top: 0.36rem;
}
.item-warp-two .imgWrap {
  height: 3.6rem;
  width: 3.6rem;
  background-color: rgb(247, 247, 247);
  margin-bottom: 0.36rem;
}
.item-warp-two a {
  margin-right: 0.36rem;
}
.item-warp-two a:nth-last-child(1) {
  margin-right: 0.72rem;
}

.item-warp-three {

  margin-left: 0.72rem;
  padding-top: 0.72rem;
}
.imgWrap img {
  height: 100%;
  width: 100%;
}
.item-warp-three .imgWrap {
  height: 3.6rem;
  width: 5.6rem;
  background-color: rgb(247, 247, 247);
  margin-bottom: 0.36rem;
}
.item-warp-three a {
  margin-right: 0.36rem;
}
.item-warp-three a:nth-last-child(1) {
  margin-right: 0.72rem;
}

.app-scroller span.symbol {
  /* font-size: 0.4rem; */
  font-size: 0.48rem /* 24/50 */;
  color: #222;
}
.app-scroller span.int {
  /* font-size: 0.52rem;
    color: #222;
    margin-left: .08rem;
    font-family: Avenir-Heavy; */
  font-family: PingFangSC-Medium;
  font-size: 0.64rem /* 32/50 */;
  color: #101010;
  line-height: 0.64rem /* 32/50 */;
  margin-left: 0.08rem;
}
.app-scroller span.decimal {
  /* font-size: 0.32rem; */
  font-size: 0.48rem /* 24/50 */;
  color: #222;
}

span.symbol {
  font-size: 0.4rem;
  color: #222222;
  display: inline-block;
  height: 0.64rem;
  /* line-height:.64rem; */
}
span.int {
  font-size: 0.52rem;
  color: #222222;
  margin-left: 0.08rem;
  font-family: Avenir-Heavy;
  display: inline-block;
  height: 0.64rem;
  /* line-height:.64rem; */
}
.qiang span.symbol {
  color: #222;
}
.qiangspan.int {
  color: #222;
}
span.decimal {
  font-size: 0.32rem;
  color: #222;
}
.cnxh .decimal {
  color: #222222;
}
.qiang .content .sale-price .pr:nth-of-type(2) .decimal {
  display: none;
}
.qiang .content .sale-price .pr:nth-of-type(3) .decimal {
  display: none;
}

/* 种草 */
.zc {
  width: 15rem;
  overflow: hidden;
  margin-top: 0.48rem;
  position: relative;
  background: #fff;
}

.zc .zc-title {
  width: 15rem;
  height: 1.7rem;
  display: block;
}

.zc .zc-title img {
  width: 15rem;
  height: 1.7rem;
}

.more {
  width: 2rem;
  height: 0.48rem;
  display: block;
  position: absolute;
  right: 0.76rem;
  top: 0.48rem;
  background: url(data:image/png;base64,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)
    no-repeat;
  background-size: 100% 100%;
}

.zc .content {
  width: 15rem;
  position: relative;
  overflow: hidden;
}

.zc .content .top-zt {
  width: 15rem;
  padding: 0 0.72rem 0.84rem;
  overflow: hidden;
  position: relative;
}

.zc .content .hh-zt {
  height: 7.6rem;
  overflow: hidden;
  position: relative;
}
.zc .content .top-zt img {
  width: 13.56rem;
  height: 5.6rem;
}

.zc .content .top-zt .desc {
  font-weight: bold;
  font-size: 0.56rem;
  color: #222;
  margin-top: 0.36rem;
  padding-bottom: 0.24rem;
  height: auto;
  max-height: 1.8rem;
  overflow: hidden;
}

.zc .content .top-zt .nickName {
  font-size: 0.48rem;
  color: #222;
  width: 8rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -0.72rem;
}

.zc .content .top-zt .likeCnt {
  font-size: 0.48rem;
  color: #999;
  width: 6rem;
  overflow: hidden;
  text-align: right;
  float: right;
}

.zc .content .top-zt .likeCnt:before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAAXNSR0IArs4c6QAAAtBJREFUSA29lrtrU1Ecx3tvGjAIKW7a1WZpHPLCwUc7aB2q9dHBScV/oIqDoEOxUJAuIuo/oNFJEDFahxaHmjVvqoJ2VTMa42Kefn6Xe8LJyb2xEvDA4ff4fn+/33nfa43tshUKhelOpzNvWdYJQqbo+93QKnKn2+2+s237bSKR+Oj6hwprKApYLBbPUfAGiWf/xhWcgW0xgPvxePzVML5v4VKpFG+32w8oeHxYAj+MAWQDgcD1WCxW9OIMFKaQzbLeRq4QMO4VhK9GYlleiT9In/DhteDdYfnXkB2d01c4l8tJguf0UzpJ6QR/RV8i0Wv0lvgpPs5Az6I+Qp8Un0fbwHcxlUrVFNYrTPAkgZv0aQUacp2lu8Te/TD8jlmpVPY1Go1nGPNeOL4P9DmKfxfcKcxMDzCDLYpGxGk2mSkH5pAUhWMxyKvIOfy/wuHwUiQS+S0xUrzZbG6D+c38cygUmo1Go1WrXC7vhZwlLm4WVDYFFpPJ5Eu3aAZ5RjD8C/jfKJ7IfD6/CP5C9+k6MXnwGZuiywC+RcFqsqcS7M7UKSo2s30vUm9wM9g/dZ+uUzSJvWwzgss6YOrgX+jOQQLrO3T1er3PlliXu2Pm0W04V/yui87z1XlY0iztYRJVmckelv2uL9kAbAKeGr4+EzxCVwOUa6G3ENhNBnAPKVfNuV6IKZ1k6nDTdjAYXAXwfF3cgAn2dkF09u8xs+s7TOLHl2G2adHhyp0Oi+7V4Obxr450nSQxiTYY0BNk95+ukxoVI/2vD4itCjPqb6z9EexN5TPkafZym8N0AZ7ac2dP5e7KwwHf79WSs3FUvVqSt/dkiiGNpAFmfwu5gtkrIJjWnI+E2PDkII32kdASj8lnsdVqPcR3TPfvVmfPszyz13hmS14xAzM2Sbzj50kiPwIzJuZlwx3tR8BMyvKrX5+TYPINHvj1oeg61+qTGetl/wEn7XBC6H4STwAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.2rem;
}
.img-list {
  position: relative;
  width: 13.56rem;
  height: 8rem;
  z-index: 1;
}
.img-list a:nth-child(1) {
  position: absolute;
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  top: 0;
  left: 0.48rem;
  z-index: 2;
}
.img-list a:nth-child(2) {
  position: absolute;
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  top: 0;
  left: 5.32rem;
  z-index: 2;
}
.img-list a:nth-child(3) {
  position: absolute;
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  right: 0;
  bottom: 0.8rem;
  z-index: 2;
}

.zc .content .bottom-hd {
  width: 15rem;
  /* height:5.92rem; */
  padding: 0 0.72rem;
  position: relative;
}

.zc .content .bottom-hd .swipe {
  width: 15rem;
  height: 5.92rem;
  position: relative;
  overflow: hidden;
}

.zc .content .bottom-hd .swipe-ul li {
  position: relative;
  float: left;
  overflow: hidden;
}

.zc .content .bottom-hd .swipe-ul li a {
  width: 13.56rem;
  height: 5.92rem;
  display: block;
  overflow: hidden;
}

.zc .content .bottom-hd .swipe-ul li a img {
  width: 3.6rem;
  height: 3.6rem;
  float: left;
  margin-top: 0.72rem;
}
.zc .content .bottom-hd .swipe-ul li a .img-cover {
  width: 3.6rem;
  height: 3.6rem;
  opacity: 0.03;
  background: #000000;
  position: absolute;
  left: 0;
  top: 0.72rem;
}
.zc .content .bottom-hd .swipe-ul li a .info {
  width: 9.6rem;
  height: 3.6rem;
  float: left;
  margin-top: 0.72rem;
  margin-left: 0.36rem;
  position: relative;
}

.zc .content .bottom-hd .swipe-ul li a .info .desc {
  font-weight: bold;
  font-size: 0.56rem;
  color: #222222;
}

.zc .content .bottom-hd .swipe-ul li a .info .nickName {
  font-size: 0.48rem;
  color: #222222;
  width: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0.16rem;
}

.zc .content .bottom-hd .swipe-ul li a .info .likeCnt {
  font-size: 0.48rem;
  color: #999;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0.16rem;
}

.zc .content .bottom-hd .swipe-ul li a .info .likeCnt:before {
  content: "";
  display: inline-block;
  width: 0.6rem;
  height: 0.4rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAAXNSR0IArs4c6QAAAtBJREFUSA29lrtrU1Ecx3tvGjAIKW7a1WZpHPLCwUc7aB2q9dHBScV/oIqDoEOxUJAuIuo/oNFJEDFahxaHmjVvqoJ2VTMa42Kefn6Xe8LJyb2xEvDA4ff4fn+/33nfa43tshUKhelOpzNvWdYJQqbo+93QKnKn2+2+s237bSKR+Oj6hwprKApYLBbPUfAGiWf/xhWcgW0xgPvxePzVML5v4VKpFG+32w8oeHxYAj+MAWQDgcD1WCxW9OIMFKaQzbLeRq4QMO4VhK9GYlleiT9In/DhteDdYfnXkB2d01c4l8tJguf0UzpJ6QR/RV8i0Wv0lvgpPs5Az6I+Qp8Un0fbwHcxlUrVFNYrTPAkgZv0aQUacp2lu8Te/TD8jlmpVPY1Go1nGPNeOL4P9DmKfxfcKcxMDzCDLYpGxGk2mSkH5pAUhWMxyKvIOfy/wuHwUiQS+S0xUrzZbG6D+c38cygUmo1Go1WrXC7vhZwlLm4WVDYFFpPJ5Eu3aAZ5RjD8C/jfKJ7IfD6/CP5C9+k6MXnwGZuiywC+RcFqsqcS7M7UKSo2s30vUm9wM9g/dZ+uUzSJvWwzgss6YOrgX+jOQQLrO3T1er3PlliXu2Pm0W04V/yui87z1XlY0iztYRJVmckelv2uL9kAbAKeGr4+EzxCVwOUa6G3ENhNBnAPKVfNuV6IKZ1k6nDTdjAYXAXwfF3cgAn2dkF09u8xs+s7TOLHl2G2adHhyp0Oi+7V4Obxr450nSQxiTYY0BNk95+ukxoVI/2vD4itCjPqb6z9EexN5TPkafZym8N0AZ7ac2dP5e7KwwHf79WSs3FUvVqSt/dkiiGNpAFmfwu5gtkrIJjWnI+E2PDkII32kdASj8lnsdVqPcR3TPfvVmfPszyz13hmS14xAzM2Sbzj50kiPwIzJuZlwx3tR8BMyvKrX5+TYPINHvj1oeg61+qTGetl/wEn7XBC6H4STwAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.2rem;
}

.zc .swipe .trigger {
  position: absolute;
  left: 50%;
  bottom: 0.48rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);

  text-align: center;
  font-size: 0;
  width: 100%;
}

.zc .swipe .trigger li {
  opacity: 0.1;
  display: inline-block;
  margin-right: 0.4rem;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.28rem;
  background: #000;
}

.zc .swipe .trigger li.cur {
  width: 0.28rem !important;
  background: #000;
  opacity: 1;
}

/*潮流趋势  纯图样式*/
.fs-clqsct {
  width: 15rem;
  height: 18.96rem;
  background: #ffffff;
  margin-top: 0.48rem;
  position: relative;
}
.fs-clqsct img {
  width: 100%;
  height: 100%;
}
.l-t {
  width: 8.64rem;
  height: 17.52rem;
  position: absolute;
  left: 0.72rem;
  top: 0.72rem;
}
.r-t1 {
  width: 4.2rem;
  height: 5.6rem;
  position: absolute;
  right: 0.72rem;
  top: 0.72rem;
}
.r-t2 {
  width: 4.2rem;
  height: 5.6rem;
  position: absolute;
  right: 0.72rem;
  top: 6.68rem;
}
.r-t3 {
  width: 4.2rem;
  height: 5.6rem;
  position: absolute;
  right: 0.72rem;
  bottom: 0.72rem;
}

/* 潮流趋势 --- 图加商品*/

.fs_clqstsp {
  width: 15rem;
  height: 18.96rem;
  position: relative;
  overflow: hidden;
  margin-top: 0.48rem;
}

.fs_clqstsp .bg {
  width: 15rem;
  height: 18.96rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.fs_clqstsp .sps {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.fs_clqstsp .sps .sp1 {
  width: 4.4rem;
  height: 4.4rem;
  position: absolute;
  left: 0.72rem;
  top: 1.5rem;
}

.fs_clqstsp .sps .sp2 {
  width: 4.4rem;
  height: 4.4rem;
  position: absolute;
  left: 0.72rem;
  top: 6.04rem;
}

.fs_clqstsp .sps .sp3 {
  width: 3.6rem;
  height: 7.2rem;
  position: absolute;
  left: 5.28rem;
  bottom: 1.6rem;
}

.fs_clqstsp .sps img {
  width: 100%;
  height: 100%;
}
/* 猜你喜欢标题tab标签 */

/* .cnxh-tab-name{
    background-color:#fff;
    height: 1.8rem ;   
    line-height: 1.8rem ;   */

/* white-space:nowrap;
       overflow-x:scroll;
       overflow-y:hidden;  
       text-align:justify;   */

/* } */

/* .cnxh-tab-name::-webkit-scrollbar{display:none;} */

/* 搭配标题*/
.dp-title {
  width: 15rem;
  height: 1.7rem;
  margin-top: 0.48rem;
}

.dp-title img {
  width: 15rem;
  height: 1.7rem;
}

/*搭配样式，可自行修改*/
.dp-content {
  background: #fff;
}
.dp-content .tab-img {
  width: 13.56rem;
  height: 8rem;
  margin: 0 auto;
}

.dp-content .tab-img img {
  width: 13.56rem;
  height: 8rem;
}
.dp-content .classsify-wp {
  margin-left: 0.72rem;
  height: 3.6rem;
}

.tag-list {
  height: 2.52rem;
  width: 100%;
  margin-top: 0.48rem;
  overflow: hidden;
}

.tag-list .tag-nav-scroller {
  position: absolute;
  left: 0;
  top: 0;
}

.tag-list .tag-nav-scroller ul {
  padding: 0;
  margin: 0;
  display: table;
  table-layout: fixed;
  white-space: nowrap;
  width: auto;
  font-size: 0;
}

.tag-list li {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: inline-block;
  height: 2.52rem;
  text-align: center;
  width: 5.6rem;
  margin-right: 0.24rem;
  -webkit-box-sizing: border-box;
  position: relative;
  overflow: hidden;
  font-size: 0;
}

.tag-list li .select-bg-black {
  background: none;
}

.tag-list li.cur .select-bg-black {
  position: absolute;
  left: 0;
  top: 0;
  width: 5.6rem;
  height: 2.54rem;
  background: url(./images/selected.png) no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}
.tag-list li.cur a {
  color: #fff;
}

.tag-list li a img {
  display: block;
  width: 5.6rem;
  height: 2.52rem;
  margin-top: 0;
  opacity: 0.3 !important;
}
.tag-list li.cur a img {
  opacity: 1 !important;
}

/* 视频 */
.newfs_sp {
  width: 15rem;
  margin-top: 0.48rem;
  overflow: hidden;
  position: relative;
}

.newfs_sp .sp-title {
  width: 15rem;
  height: 1.7rem;
}

.newfs_sp .sp-title img {
  width: 15rem;
  height: 1.7rem;
}

.newfs_sp .sp-content {
  width: 15rem;
  height: 8.28rem;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.newfs_sp .sp-content .sp-content-warp {
  width: 15rem;
  height: 8.28rem;
  position: relative;
  overflow: hidden;
  padding-left: 0.72rem;
}
.newfs_sp .sp-content .sp-content-warp a {
  width: 5.6rem;
  height: 8.28rem;
  margin-right: 0.36rem;
}

.newfs_sp .sp-content .sp-content-warp a .samllImage {
  width: 5.6rem;
  height: 6.4rem;
}

.newfs_sp .sp-content .sp-content-warp a p {
  width: 5.6rem;
  height: 1.88rem;
  margin-top: 0.32rem;
}

.newfs_sp .sp-content .sp-content-warp a p img {
  width: 0.84rem;
  height: 0.84rem;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.newfs_sp .sp-content .sp-content-warp a p span {
  font-size: 0.48rem;
  color: #222222;
  float: left;
  width: 4.4rem;
  margin-left: 0.12rem;
}

/* 猜你喜欢 */
.cnxh {
  width: 15rem;
  overflow: hidden;
  background: #fff;
}

.cnxh .cnxh-title {
  width: 15rem;
  height: 2.4rem;
}

.cnxh .cnxh-title img {
  width: 15rem;
  height: 2.4rem;
}

.cnxh .content {
  width: 13.56rem;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.cnxh .content .left {
  width: 6.6rem;
  float: left;
  /* margin:0  0.18rem 0 0.72rem; */
}

.cnxh .content .gg {
  width: 100%;
  height: 6.6rem;
  margin-bottom: 0.72rem;
}

.cnxh .content .gg img {
  width: 100%;
  height: 6.6rem;
  display: block;
  margin-bottom: 0.72rem;
}

.cnxh .content .sp {
  float: left;
  width: 6.6rem;
  height: 10rem;
  margin-bottom: 0.72rem;
  background: #fff;
}

.cnxh .content .sp .img {
  width: 6.6rem;
  height: 8.4rem;
  position: relative;
  background: rgba(0, 0, 0, 0.03);
}

.cnxh .content .sp .img img {
  width: 100%;
  height: 6.6rem;
  margin-top: 0.9rem;
}
.cnxh .content .sp .img .sp-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.6rem;
  height: 8.4rem;
  background: rgba(0, 0, 0, 0.03);
  z-index: 2;
}
.cnxh .content .sp .name {
  font-size: 0.44rem;
  height: 0.6rem;
  line-height: 0.62rem;
  color: #999999;
  overflow: hidden;
  margin-top: 0.36rem;
  text-align: center;
}

.cnxh .content .sp .sale-price {
  font-size: 0.52rem;
  color: #222222;
  text-align: center;
  margin-top: 0.36rem;
  margin-bottom: 0.72rem;
}

/* 猜你喜欢新增 */

.cnxh .swipe {
  width: 15rem;
  position: relative;
  overflow: hidden;
  border-top: 2px solid #f4f4f4 !important;
  /* margin-top:2px; */
  padding-top: 0.6rem /* 10/50 */;
}
.cnxh .swipe-ul {
  width: 90rem;
  margin: 0;
  overflow: hidden;
  margin-top: 2px;
}
.cnxh .swipe-ul > li {
  width: 15rem;
  overflow: hidden;
  float: left;
  min-height: 1px;
}
.cnxh .swipe-ul .lazybox .left {
  margin-left: 0.72rem;
  float: left;
  width: 6.6rem;
}
.cnxh .swipe-ul .lazybox:nth-of-type(1) {
  display: block;
}
.cnxh .swipe-ul .lazybox .right {
  margin-right: 0.72rem;
  float: right;
  width: 6.6rem;
}
.products-flat {
  width: 13.56rem;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
}

.cnxh .content .products-flat .sp {
  width: 6.6rem;
  height: 10rem;
  margin-bottom: 0.72rem;
  background: #fff;
}

.cnxh .content .products-flat .sp:nth-of-type(even) {
  margin-left: 0.36rem;
}
.cnxh .content .products-flat .sp .img {
  width: 6.6rem;
  height: 8.4rem;
  position: relative;
  background: rgba(0, 0, 0, 0.03);
}

.cnxh .content .products-flat .sp .img img {
  width: 100%;
  height: 6.6rem;
  margin-top: 0.9rem;
}
.cnxh .content .products-flat .sp .img .sp-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.6rem;
  height: 8.4rem;
  background: rgba(0, 0, 0, 0.03);
  z-index: 2;
}
.cnxh .content .products-flat .sp .name {
  font-size: 0.44rem;
  height: 0.6rem;
  line-height: 0.62rem;
  color: #999999;
  overflow: hidden;
  margin-top: 0.36rem;
  text-align: center;
}

.cnxh .content .products-flat .sp .sale-price {
  font-size: 0.52rem;
  color: #222222;
  text-align: center;
  margin-top: 0.36rem;
  margin-bottom: 0.72rem;
}

.cnxh .fixed-top {
  position: fixed !important;
  width: 100%;
  left: 0;
  top: 1.76rem /* 88/50 */;
  z-index: 98;
}

.cnxhtuijian .fixed-top {
  position: fixed !important;
  width: 100%;
  left: 0;
  top: 1.76rem /* 88/50 */;
  z-index: 98;
}

.gray {
  color: #fff;
}
.cnxh .content .right {
  width: 6.6rem;
  float: left;
}

/* 底部心智图 */
.dbxz {
  width: 15rem;
  height: 6rem;
  position: relative;
  overflow: hidden;
  display: block;
  margin-top: 0.48rem;
}

.dbxz img {
  width: 15rem;
  height: 6rem;
}
@supports (bottom: env(safe-area-inset-bottom)) {
  ul.bottom {
    padding-bottom: env(safe-area-inset-bottom);
  }
}
/*底部导航*/
ul.bottom {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 15rem;
  height: 2rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 300;
  background: #fff;
  /* box-shadow: 0 -2px 6px 0 #d8d8d8; */
  justify-content: center;
  align-items: center;
}
ul.bottom li a {
  width: 100%;
  display: block;
  text-align: center;
}

ul.bottom li {
  /* width: 3rem; */
  flex: 1;
  height: 2rem;
}

ul.bottom li img {
  margin: 0.1rem 0.9rem;
  width: 1.2rem;
  height: 1.2rem;
}

ul.bottom li img {
  margin: 0.24rem auto 0.04rem;
  width: 0.96rem;
  height: 0.96rem;
}

ul.bottom li p {
  text-align: center;
  color: #999;
  font-size: 0.4rem;
  font-family: PingFangSC-Regular;
}

ul.bottom li p.cur {
  color: #222222;
  font-family: PingFangSC-Medium;
}

/* 品牌上新*/
.bannerad {
  width: 15rem;
  height: 13.12rem;
  margin-top: 0.48rem;
  overflow: hidden;
}

.bannerad .sx-title {
  width: 15rem;
  height: 2.4rem;
  display: block;
  position: relative;
}

.bannerad .sx-title img {
  width: 100%;
  height: 100%;
}

.bannerad .mNew64 {
  width: 15rem;
  height: 10.72rem;
  overflow: hidden;
  position: relative;
}

.mNew-cover {
  width: 15rem;
  height: 10.72rem;
  position: absolute;
  opacity: 0.5;
  background: #000000;
  left: 0;
  top: 0;
}
.bannerad .mNew64 .swipe {
  position: relative;
  margin: 0 auto;
  width: 6.6rem;
  height: 8.4rem;
  margin: 0.72rem auto 0;
}

.bannerad .mNew64 .swipe .items li {
  float: left;
  position: relative;
  width: 6.6rem;
  height: 8.4rem;
}

.bannerad .mNew64 .swipe .items li .imgBox {
  width: 6.6rem;
  height: 8.4rem;
}

.bannerad .mNew64 .swipe .items li .imgBox .real-img {
  width: 6.6rem;
  height: 8.4rem;
  background-color: #fff;
}

.bannerad .mNew64 .bg-img {
  width: 15rem;
  height: 10.72rem;
  position: absolute;
  left: 0;
  top: 0;
  /* filter: blur(3rem) opacity(.8) sepia(50%); */
  filter: blur(1rem);
}

.bannerad .mNew64 .swipe .trigger {
  position: absolute;
  left: 50%;
  bottom: -0.84rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);

  text-align: center;
  font-size: 0;
  width: 100%;
}

.bannerad .mNew64 .swipe .trigger li {
  opacity: 0.5;
  display: inline-block;
  margin-right: 0.4rem;
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.28rem;
  opacity: 0.1;
  background: #ffffff;
}

.bannerad .mNew64 .swipe .trigger li.cur {
  opacity: 1;
  width: 0.28rem !important;
  height: 0.28rem;
  background: #fff;
}

.line-clamp-2 {
  word-break: break-word;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.line-clamp-1-hidden {
  overflow: hidden;
  -webkit-line-clamp: 1;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.lazybox,
.lazyimg img {
  background: none !important;
}
.hide {
  display: none !important;
}
/* 弹窗楼层 */
.gzyl {
  display: none;
}
.tclc,
.gzyl {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 101;
}
.tclc .popimgwrapmask,
.gzyl .popimgwrapmask {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
}
.tclc .popimgwrap,
.gzyl .popimgwrap {
  position: fixed;
  width: 10.8rem /* 540/50 */;
  height: 13.68rem /* 684/50 */;
  z-index: 102;
  top: 6.5rem /* 325/50 */;
  left: 50%;
  margin-left: -5.4rem;
}
.tclc .popclose,
.gzyl .popclose {
  display: inline-block;
  position: fixed;
  /* width: .8rem /* 31/50 */
  /* height: .8rem 31/50;  */
  width: 1.76rem /* 88/50 */;
  height: 1.76rem /* 88/50 */;
  /* background: url(./images/close.png) no-repeat center;
    background-size: 100% 100%; */
  /* background:red; */
  z-index: 102;
  top: 4.5rem /* 264.5/50 */;
  left: 11.7rem /* 608.5/50 */;

  /* position:relative;  */
}
.tclc .popclose-img,
.gzyl .popclose-img {
  width: 0.84rem /* 42/50 */;
  height: 0.84rem /* 42/50 */;
  background: url(./images/close.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 102;
}
.gzyl .popimgmain {
  width: 100%;
  /* height:100%; */
}
.tclc .popimgmain {
  width: 100%;
  height: 100%;
}
.tclc .popmainlink {
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  /*增加头部适配层*/
  .banner,
  .banner .swipe,
  .banner .swipe-ul,
  .banner .swipe-ul li {
    height: 19.96rem !important;
  }
  .sn-app .fs-search {
    height: 3.52rem !important ;
  }
  .sn-app .fs-search .fs-search_back,
  .sn-app .fs-search_input,
  .sn-app .fs-search_share {
    top: 2.04rem !important;
  }
  .sn-app ul.bottom {
    height: 3rem;
  }
  .ios ul.bottom {
    height: 3rem;
  }
  .banner .swipe li a {
    height: 19.96rem !important;
  }
  .banner .swipe li img.real {
    bottom: 0;
  }
  .sn-app .pdpj-follow-btn {
    top: 2.04rem !important;
    margin-top: 0.12rem !important;
  }
  .sn-app .icon-lc {
    top: 3.52rem !important;
  }

  .sn-app .cnxh .fixed-top {
    top: 3.52rem !important;
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  /*增加头部适配层*/
  .banner,
  .banner .swipe,
  .banner .swipe-ul,
  .banner .swipe-ul li {
    height: 19.96rem !important;
  }
  .sn-app .fs-search {
    height: 3.52rem !important;
  }
  .sn-app .fs-search .fs-search_back,
    .sn-app .fs-search_input,
    /* .sn-app .head-cart, */
    .sn-app .fs-search_share {
    top: 2.04rem !important;
  }
  .sn-app ul.bottom {
    height: 3rem;
  }
  .ios ul.bottom {
    height: 3rem;
  }
  .banner .swipe li a {
    height: 19.96rem !important;
  }
  .banner .swipe li img.real {
    bottom: 0;
  }
  .sn-app .pdpj-follow-btn {
    top: 2.04rem !important;
    margin-top: 0.12rem !important;
  }
  .sn-app .icon-lc {
    top: 3.52rem !important;
  }
  .sn-app .cnxh .fixed-top {
    top: 3.52rem !important;
  }
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) {
  /*增加头部适配层*/
  .banner,
  .banner .swipe,
  .banner .swipe-ul,
  .banner .swipe-ul li {
    height: 19.96rem !important;
  }
  .sn-app .fs-search {
    height: 3.52rem !important;
  }
  .sn-app .fs-search .fs-search_back,
    .sn-app .fs-search_input,
    /* .sn-app .head-cart, */
    .sn-app .fs-search_share {
    top: 2.04rem !important;
  }
  .sn-app ul.bottom {
    height: 3rem;
  }
  .ios ul.bottom {
    height: 3rem;
  }
  .banner .swipe li a {
    height: 19.96rem !important;
  }
  .banner .swipe li img.real {
    bottom: 0;
  }
  .sn-app .pdpj-follow-btn {
    top: 2.04rem !important;
    margin-top: 0.12rem !important;
  }
  .sn-app .icon-lc {
    top: 3.52rem !important;
  }
  .sn-app .cnxh .fixed-top {
    top: 3.52rem !important;
  }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  /*增加头部适配层*/
  .banner,
  .banner .swipe,
  .banner .swipe-ul,
  .banner .swipe-ul li {
    height: 19.96rem !important;
  }
  .sn-app .fs-search {
    height: 3.52rem !important;
  }
  .sn-app .fs-search .fs-search_back,
    .sn-app .fs-search_input,
    /* .sn-app .head-cart, */
    .sn-app .fs-search_share {
    top: 2.04rem !important;
  }
  .sn-app ul.bottom {
    height: 3rem;
  }
  .ios ul.bottom {
    height: 3rem;
  }
  .banner .swipe li a {
    height: 19.96rem !important;
  }
  .banner .swipe li img.real {
    bottom: 0;
  }
  .sn-app .pdpj-follow-btn {
    top: 2.04rem !important;
    margin-top: 0.12rem !important;
  }
  .sn-app .icon-lc {
    top: 3.52rem !important;
  }
  .sn-app .cnxh .fixed-top {
    top: 3.52rem !important;
  }
}

/*搭配样式，可自行修改*/
.cnxh-tab {
  margin-top: 0.48rem;
}
.cnxh .cnxh-tab-out .tag-list {
  height: 1.2rem;
  width: 100%;
  overflow: hidden;
  margin: 0;
}

.cnxh .cnxh-tab-out .tag-list li {
  margin: 0;
}

.cnxh .cnxh-tab-out .tag-list .tag-nav-scroller {
  position: absolute;
  left: 0;
  top: 0;
}

.cnxh .cnxh-tab-out .tag-list .tag-nav-scroller ul {
  padding: 0;
  margin: 0;
  display: table;
  table-layout: fixed;
  white-space: nowrap;
  width: auto;
}

.cnxh .cnxh-tab-out .tag-list li {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: inline-block;
  height: 1.2rem;
  text-align: center;
  width: 3rem;
  -webkit-box-sizing: border-box;
  /* background: blue; */
}
/* .cnxh .cnxh-tab-out .tag-list li:nth-of-type(1){
    border-bottom:3px solid #000;
} */
.cnxh .cnxh-tab-out .tag-list li.cur {
  border-bottom: 3px solid #000;
}

.cnxh .cnxh-tab-out .tag-list li span {
  display: inline-block;
  height: 1.2rem;
  text-align: center;
  width: 3rem;
  line-height: 1.2rem;
  color: #000;
  z-index: 9999;
  font-size: 0.52rem /* 26/50 */;
}

.cnxh .classsify-wp {
  height: 1.2rem;
  width: 100%;
  background: #fff;
  /* z-index: 10; */
  position: relative;
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 99;
}

.visHidden {
  visibility: hidden;
  height: 1px;
  overflow: hidden;
}

#Top {
  position: fixed !important;
  bottom: 3rem;
  right: 0.6rem;
  border-radius: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  /* background:url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAmBAMAAAAhNzZRAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAA////////////////////////////AAAA////1NnxJAAAAAl0Uk5TAN3zXsMyFZ8Alc3kwAAAAKlJREFUKM9jmIkKGND5xAFW4wAUfuTMqchcNsnyiQlI/JTpDJViSHxPN4aUKQguO1Axm2QBnF+pCiSCpsOlZ4IsY9WEKYicDKYsoVayKkEk2CdB3JQI0wixks3TAcpnmZIAtQzqSk+Qxko1uL1J0xGmMECttFRGcrflZIZKAyQ+83QGS1CoTQCyOUGMyQzMnkj8KRDFnBNgBMOw4LOAk4oDIpxAfp4CDjcAxtdL76lU1wEAAAAASUVORK5CYII=) center no-repeat #5B6167;
       background-size: .6rem .76rem;  */
  background: url(./images/return-top.png);
  background-size: 100%;
  z-index: 1000;
}

.rmpl .icon-fixed-top {
  position: fixed;
  width: 100%;
  left: 0;
  top: 1.76rem /* 88/50 */;
  z-index: 999;
}
.sticky-top {
  position: fixed !important;
}

/* 关注按钮 */
.fs-search .clear {
  display: inline-block;
  width: 0.4rem /* 24/50 */;
  height: 0.4rem /* 24/50 */;
  background: url(./images/gclose.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 0.48rem;
  top: 0.4rem;
}
.fs-search .tri {
  display: inline-block;
  width: 0.9rem /* 36/50 */;
  height: 0.9rem /* 18/50 */;
  background: url(./images/tri.png) no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
}
.fs-search .tri-box {
  display: inline-block;
  width: 0.9rem /* 36/50 */;
  height: 0.5rem;
  /* background:red; */
  position: absolute;
  right: 2.3rem /* 10/50 */;
  top: -0.5rem;
  text-align: center;
  overflow: hidden;
}

.pdpj-follow-btn {
  width: 2.24rem;
  height: 0.96rem;
  display: inline-block;
  background-image: url(data:image/png;base64,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);
  background-size: 2.24rem 0.96rem;
  background-position: top center;
  background-repeat: no-repeat;
  margin-top: 0.4rem;
  cursor: pointer;
  position: absolute;
  left: 10rem;
}
.pdpj-followed {
  background-image: url(data:image/png;base64,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) !important;
}
.pdpj-followed + div {
  display: none;
}
.appTipContent {
  /* display: none; */
  position: absolute;
  bottom: -1.3rem;
  right: 0.48rem /* 24/50 */;
  height: 1.2rem;
  line-height: 1.2rem;
  width: 10.08rem;
  font-size: 0.56rem;
  color: #fff;
  background-color: #000;
  opacity: 0.8;
  opacity: 0.8;
  padding-right: 1.04rem;
  padding-left: 0.48rem /* 24/50 */;
  z-index: 99;
  border-radius: 0.6rem;
}

/* icon楼层 */
.icon-lc {
  width: 15rem;
  height: 2.26rem /* 113/50 */;
  /* margin: 0 auto; */
  padding: 0 0.48rem /* 24/50 */;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 0.02rem 0 0 #f2f2f2;
  top: 1.76rem;
  z-index: 98;
  border-bottom: 1px solid #ccc;
}
.icon-lc .icon-content {
  width: 15rem;
  height: 2.26rem;
  /* overflow: hidden; */
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  text-align: justify;
}
.icon-lc .icon-content::-webkit-scrollbar {
  display: none;
}

.icon-lc .icon-content .icon-item {
  display: inline-block;
  margin-right: 0.48rem /* 24/50 */;
  width: 1.92rem /* 96/50 */;
  height: 2.26rem;
  text-align: center;
  /* position: relative; */
  /* border: 1px solid red; */
}
.icon-lc .icon-content .icon-item img {
  display: inline-block;
  width: 1.44rem /* 72/50 */;
  height: 1.44rem /* 72/50 */;
  margin: 0.12rem /* 6/50 */ 0.24rem /* 12/50 */ 0;
}
.icon-lc .icon-content .icon-item p {
  width: 1.92rem /* 96/50 */;
  height: 0.48rem /* 24/50 */;
  line-height: 0.48rem /* 24/50 */;
  font-family: PingFangSC-Regular;
  font-size: 0.48rem;
  color: #222222;
  margin-top: 0.12rem;
}

.icon—hide {
  display: none;
}

/* 猜你喜欢推荐样式 */
/* .cnxhtuijian {

} */
.cnxhtuijian {
  background: #ffff;
  color: #000 !important;
}
.cnxhtuijian .cnxh-tab-out {
  background: #fff;
}
.cnxhtuijian .tag-list {
  height: 1.2rem;
  width: 100%;
  overflow: hidden;
  /* background: #fff */
  margin: 0px;
}

.cnxhtuijian .tag-list .tag-nav-scroller {
  position: absolute;
  left: 0;
  top: 0;
}

.cnxhtuijian .tag-list .tag-nav-scroller ul {
  padding: 0;
  margin: 0;
  display: table;
  table-layout: fixed;
  white-space: nowrap;
  width: auto;
}

.cnxhtuijian .tag-list ul li {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: inline-block;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  width: 3rem;
  /* padding: .3rem .8rem; */
  -webkit-box-sizing: border-box;
  /* background: #fff */
  margin: 0;
  /* border-bottom:3px solid #000; */
}

.cnxhtuijian .tag-list ul li.cur {
  border-bottom: 3px solid #000;
}

.cnxhtuijian .tag-list ul .item a {
  display: inline-block;
  height: 1.2rem;
  width: 3rem;
  color: #000;
  font-size: 0.52rem /* 26/50 */;
}

.cnxhtuijian .classsify-wp {
  height: 1.2rem;
  width: 100%;
  /* background: #fff; */
  z-index: 10;
  position: relative;
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 99;
}

.cnxhlists {
  width: 15rem;
  height: auto;
  /* background:red; */
  padding-top: 0.6rem /* 10/50 */;
  padding-left: 0.72rem;
  padding-right: 0.72rem;
  background: #fff;
}
.cnxhlists .products-flat1 {
  width: 13.56rem;
  height: auto;
  margin-bottom: 0.72rem;
  background: #fff;
  overflow: hidden;
}

.cnxhlists .products-flat1 a:nth-of-type(odd) {
  margin-right: 0.18rem;
}
.cnxhlists .products-flat1 a:nth-of-type(even) {
  margin-left: 0.18rem;
}
.cnxhlists .products-flat1 .sp {
  display: inline-block;
  width: 6.6rem;
  height: auto;
  float: left;
  background: #f2f2f2;
}

.cnxhlists .products-flat1 .sp .img {
  width: 6.6rem;
  height: 6.6rem;
  background: #fff;
  margin-top: 0.9rem;
  margin-bottom: 0.9rem;
  position: relative;
}

.cnxhlists .products-flat1 .sp .img img {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.cnxhlists .products-flat1 .sp .name {
  font-size: 0.44rem;
  height: 0.96rem;
  line-height: 0.62rem;
  color: #999999;
  overflow: hidden;
  padding-top: 0.36rem;
  text-align: center;
  background: #fff;
}
.cnxhlists .products-flat1 .sp .sale-price {
  font-size: 0.52rem;
  color: #222222;
  text-align: center;
  padding-top: 0.36rem;
  padding-bottom: 0.72rem;
  background: #fff;
}
.cnxhlists .products-flat1 .sp .sp-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.6rem;
  height: 6.6rem;
  background: rgba(0, 0, 0, 0.05);
  z-index: 2;
}
.kong-wrapper {
  width: 15rem /* 750/50 */;
  padding: 2.6rem /* 130/50 */ 3.84rem /* 192/50 */;
}

.kong-wrapper .img {
  display: block;
  width: 7.32rem /* 366/50 */;
  height: 7.32rem /* 366/50 */;
  background-image: url(./images/little1.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.kong-wrapper .title {
  margin: 0.52rem /* 26/50 */ auto;
  font-size: 0.72rem /* 36/50 */;
  color: #d7bb88;
  letter-spacing: 0;
  text-align: center;
  line-height: 1rem /* 50/50 */;
}
.recommendbrand {
  width: 100%;
  padding: 0 0.46rem 0 0.46rem;
  margin-top: 0.22rem;
}
.recommendbrand-title{
  margin-top: 0.48rem;
}
.recommendbrand-title-container {
  font-size: 0.64rem;
  color: #444444;
  padding-top: 0.46rem;
  padding-bottom: 0.22rem;
  font-weight: bold;
  padding: 0 0.46rem 0 0.46rem;
}
.recommendbrand-three {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.18rem;
}
.recommendbrand-three-container-a {
  display: flex;
  width: 4.34rem;
}
.recommendbrand-three-container {
    display: flex;
    width: 4.34rem;
    height: 5.32rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #ffffff;
    border-radius: 0.46rem;
    position: relative;
  }
  .recommendbrand-three-containerA {
    height: 5.32rem;
  }
  .recommendbrand .swiper-wrapperA{
    width: 4.34rem;
    display:flex;
    background: #ffffff;
    flex-direction:column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0.46rem;
  }
.recommendbrand .three-con-name {
  font-size: 0.42rem;
  /* color: #4d76f7; */
  margin-top: 0.22rem;
}
.recommendbrand .three-con-image {
  width: 2.88rem;
  height: 2.88rem;
  display: block;
}
.recommendbrand .three-con-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1.74rem;
  /* background-image: linear-gradient(90deg, #4b74f6 65%, #698dff 100%); */
  text-align: center;
  width: 100%;
  border-radius: 0 0 0.46rem 0.46rem;  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.recommendbrand .three-con-desca {
  font-size: 0.52rem;
  color: #ffffff;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.recommendbrand .three-con-descb {
  font-size: 0.42rem;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.recommendbrand .recommendbrand-two{
  width: 100%;
  border-radius: 0.46rem;
  background: #ffffff;
}

.recommendbrand .swiper-wrapperA{
  height: 5.32rem;
}
.recommendbrand .swip-li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.recommendbrand .two-con {
  width: 100%;
  display: flex;
  align-items: center;
}
.recommendbrand .two-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.36rem;
}
.recommendbrand .two-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.recommendbrand .title-left {
  font-size: 0.52rem;
  color: #222222;
  font-weight: bold;
  max-width: 4.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommendbrand .title-right {
  width: 1.74rem;
  height: .56rem;
  background: #F9F5EE;
  border-radius: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.42rem;
  color: #ab813a;
  background: #f9f5ee;
  border-radius: 0.5rem;
  margin-left: .24rem;
}
.recommendbrand .two-msg {
  font-size: 0.46rem;
  color: #c78548;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recommendbrand .two-img-wrap {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.recommendbrand .two-img {
  width: 2.8rem;
  height: 2.8rem;
}
.recommendbrand .icona {
  border-left: 1px solid #f2f2f2;
  height: 4.72rem;
}
.recommendbrand .iconb {
  border-top: 1px solid #f2f2f2;
  width: 100%;
}
.recommendbrand .borderBottomNone{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.recommendbrand .borderTopNone{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}