@charset "UTF-8";
.foot-shop .tab i {
  background: url(../images/shop/footer-icon-shop.png) no-repeat;
  -webkit-background-size: 150px 60px;
  background-size: 150px 60px;
  position: relative;
}

.foot-new1 .tab i .num {
  height: .32rem;
  min-width: .32rem;
  border-radius: .16rem;
  color: #fff;
  font-size: .2rem;
  position: absolute;
  top: 0;
  right: -0.12rem;
  background-color: #c20000;
}

.foot-shop .tab {
  width: 25%;
}

.foot-shop .tab .icon-5 {
  background-position: -120px 0;
}

.foot-shop .tab.active .icon-5,
.foot-shop .tab:hover .icon-5 {
  background-position: -120px -30px;
}

.foot-shop .active,
.foot-shop .tab:hover,
.foot-shop .active i {
  color: #6ccb78;
}

.slide {
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.slide .swiper-slide img {
  width: 100%;
}

.slide .pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

.slide .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slide .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.slide .swiper-pagination-bullet-active {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background: #c20000;
  position: relative;
}

.nshop-classif {
  height: 1rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.nshop-classif li {
  height: 1rem;
}

.nshop-classif li.active {
  color: #c20000;
}

.nshop-classif li.active span {
  color: #c20000;
  position: relative;
}

.nshop-classif li.active span::after {
  content: '';
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 15%;
  right: 0;
  background-color: #c20000;
}

.nshop-classif li span {
  font-size: .3rem;
  height: inherit;
  display: flex;
  align-items: center;
}

.sticky-wrapper {
  height: 1rem;
}

.sticky--in-top {
  position: fixed;
  z-index: 1000;
  border-top: none;
}

.nshop-section-title {
  height: .88rem;
  display: flex;
  align-items: center;
  font-size: .34rem;
  color: #3f3f3f;
  padding: 0 .32rem;
}

.nshop-section-title span {
  color: #7f8699;
  font-size: .24rem;
  margin-left: .18rem;
}

.nshop-price {
  font-size: .4rem;
  position: relative;
  padding-left: .3rem;
  line-height: 24px;
}

.nshop-price::before {
  content: '￥';
  display: block;
  position: absolute;
  left: 0;
  font-size: .2rem;
  bottom: 0;
  line-height: 1.4;
}

.nshop-product-column {
  padding: 0 .16rem;
}

.nshop-product-column li {
  background-color: #fff;
  border-radius: 6px;
  padding: .16rem;
  display: flex;
}

.nshop-product-column li a {
  display: flex;
}

.nshop-product-column li .pic {
  width: 3.3rem;
  height: 3.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nshop-product-column li .pic img {
  max-width: 100%;
  display: block;
  border-radius: .06rem;
}

.nshop-product-column li .info {
  flex: 1;
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: space-around;
}

.nshop-product-column li .info .property .name {
  font-size: .32rem;
}

.nshop-product-column li .info .property .nshop-price {
  margin: .1rem 0;
}

.nshop-product-column li .info .property .sales {
  font-size: .24rem;
  color: #a8a8a8;
}

.nshop-product-column li .info .cart-btn {
  height: .6rem;
  min-width: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .28rem;
  color: #c20000;
  border: #c20000 1px solid;
  border-radius: .3rem;
}

.nshop-product-column li .info .cart-btn img {
  width: .32rem;
  height: .32rem;
  margin-right: .06rem;
}

.nshop-product {
  padding: .4rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.nshop-product li {
  background-color: #fff;
  width: 46%;
  margin-bottom: .24rem;
}

.nshop-product li .pic {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
}

.nshop-product li .pic img {
  max-width: 100%;
  display: block;
  border-radius: .06rem;
}

.nshop-product li .info {
  padding: .16rem 0;
}

.nshop-product li .info .property .name {
  font-size: .28rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

.nshop-product li .info .property .nshop-price {
  margin: .1rem 0;
  font-size: .36rem;
  line-height: 1.2;
}

.nshop-product li .info .property .sales {
  font-size: .24rem;
  color: #a8a8a8;
}

.nshop-product li .info .cart-btn {
  height: .6rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .26rem;
  color: #c20000;
  border: #c20000 1px solid;
  border-radius: .3rem;
  margin-top: .16rem;
}

.nshop-product li .info .cart-btn img {
  width: .26rem;
  height: .26rem;
  margin-right: .06rem;
}

.nshop-product-info {
  padding: .32rem;
  background-color: #fff;
}

.nshop-product-info .name {
  font-size: .32rem;
}

.nshop-product-info .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: .24rem;
}

.nshop-product-info .info .price-box {
  color: #c20000;
  font-size: .32rem;
}

.nshop-product-info .info .price-box span {
  font-size: .4rem;
}

.nshop-product-info .info .price-box small {
  font-size: .26rem;
  color: #3f3f3f;
}

.nshop-product-info .info .sales {
  color: #a8a8a8;
  font-size: .28rem;
}

.nshop-product-detail {
  background-color: #fff;
  padding: .24rem;
  line-height: .26rem;
  font-size: .3rem;
}

.nshop-product-detail img {
  max-width: 100%;
  display: block;
}

.nshop-foot {
  display: flex;
}

.nshop-foot a {
  width: 50%;
  background: #424242;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .32rem;
  color: #fff;
}

.nshop-foot a img {
  width: .36rem;
  height: .36rem;
  margin-right: 6px;
}

.nshop-foot a.buy {
  background-color: #c20000;
}

.classify .mui-col-xs-4 {
  overflow-y: auto;
  height: 100%;
  background: #f8f8f8;
}

.classify .mui-segmented-control .mui-control-item {
  line-height: 1rem;
  width: 100%;
  color: #373737;
}

.classify .mui-col-xs-8 {
  background: #fff;
}

.classify .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item {
  border-bottom: #fff 1px solid;
  font-size: .28rem;
  text-align: center;
  position: relative;
}

.classify .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
  background-color: #fff;
  color: #c20000;
}

.classify .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active::after {
  content: '';
  width: .06rem;
  background-color: #c20000;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
}

.nshop-cart-item {
  padding: 0.3rem 0.3rem 0.3rem 0.96rem;
  height: 2.4rem;
  position: relative;
  z-index: 2;
  background: #fff;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.nshop-cart-item .imgbox {
  width: 1.8rem;
  height: 1.8rem;
  flex-shrink: 0;
  margin-right: 0.3rem;
}

.nshop-cart-item .imgbox img {
  border-radius: 4px;
}

.nshop-cart-item .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nshop-cart-item .content .info .name {
  font-size: .3rem;
  color: #4f4f4f;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  width: 70%;
}

.nshop-cart-item .content .info .free {
  color: #c20000;
  font-size: .24rem;
}

.nshop-cart-item .content .amount {
  position: absolute;
  right: .24rem;
  bottom: .3rem;
  border-radius: 6px;
}

.nshop-cart-item .content .pay .price {
  font-size: .24rem;
}

.nshop-cart-item .content .pay .price .unit {
  font-size: .36rem;
  color: #c20000;
}

.nshop-cart-item .content .pay .num {
  display: none;
}

.nshop-notice .wechat-extension {
  background-color: #00c569;
  margin: 0.24rem 0.24rem 0 0.24rem;
  border-radius: 0.1rem;
  height: 1.5rem;
}

.nshop-notice .wechat-extension a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
}

.nshop-notice .wechat-extension .name {
  font-size: .32rem;
  display: flex;
  align-items: center;
  padding: 0 .4rem;
  color: #fff;
}

.nshop-notice .wechat-extension .name img {
  width: .5rem;
  height: .5rem;
  margin-right: .06rem;
}

.nshop-notice .wechat-extension .navigate {
  font-size: .26rem;
  color: #fff;
  margin-right: .32rem;
  position: relative;
  padding-right: .24rem;
}

.nshop-notice .wechat-extension .navigate::after {
  content: '';
  width: 0.13rem;
  height: 0.19rem;
  background: url(../images/shop/nshop-arrow2.png) no-repeat;
  background-size: 0.13rem 0.19rem;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nshop-notice .new-box {
  border: none;
}

.nshop-notice .new-box .list-view li {
  font-size: .32rem;
}

.nshop-notice .new-box .list-view li .navigate:after {
  width: 0.13rem;
  height: 0.19rem;
  background: url(../images/shop/nshop-arrow1.png) no-repeat;
  background-size: 0.13rem 0.19rem;
}

.nshop-member-levle {
  border-radius: .12rem;
  background-image: -webkit-linear-gradient(60deg, #6c0073, #0e0055);
  margin: 0.24rem 0.24rem 0 0.24rem;
  min-height: 1rem;
  padding: 0 .32rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nshop-member-levle .levle {
  font-size: .28rem;
  color: #f2dec5;
}

.nshop-member-levle .levle .id {
  font-size: .24rem;
  color: rgba(242, 222, 197, 0.5);
  display: block;
}

.nshop-member-levle .status {
  font-size: .34rem;
  color: #f2dec5;
}

.nhsop-member-user {
  margin: 0.24rem 0.24rem 0 0.24rem;
  border-radius: .12rem;
  background-color: #fff;
  border: #e4e4e4 1px solid;
  padding: .32rem;
}

.nhsop-member-user .user-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nhsop-member-user .user-info .name {
  font-size: .36rem;
}

.nhsop-member-user .user-info .name .id {
  font-size: .26rem;
  display: block;
}

.nhsop-member-user .user-info .photo {
  width: .96rem;
  height: .96rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nhsop-member-user .user-info .photo img {
  max-width: 100%;
  display: block;
}

.nhsop-member-user .user-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .6rem;
}

.nhsop-member-user .user-count li {
  font-size: .26rem;
  position: relative;
  width: 33.3%;
  text-align: center;
}

.nhsop-member-user .user-count li span {
  font-size: .36rem;
  font-weight: bold;
  display: block;
}

.nhsop-member-user .user-count li:not(:last-child)::after {
  content: '';
  height: .3rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #c8c8c8;
  display: block;
  width: 2px;
}

.nshop-btn {
  margin: 0.24rem 0.24rem 0 0.24rem;
}

.nshop-btn a {
  border-radius: .06rem;
  background-color: #bf2821;
  height: .88rem;
  font-size: .32rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nshop-btn a.green-btn {
  background-color: #00c569;
  position: sticky;
}

.nshop-order-count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .24rem;
  background-color: #fff;
  padding: .36rem 0;
}

.nshop-order-count li {
  font-size: .28rem;
  position: relative;
  width: 33.3%;
  display: flex;
  align-items: center;
  flex-flow: column;
}

.nshop-order-count li:first-child {
  font-weight: bold;
}

.nshop-order-count li span {
  width: .64rem;
  height: .64rem;
  display: block;
  margin: 0 auto .12rem auto;
}

.nshop-order-count li span img {
  width: 100%;
  display: block;
}

.nshop-member-order ul {
  margin-top: .24rem;
}

.nshop-member-order ul li {
  background-color: #fff;
  height: .88rem;
  position: relative;
  padding: 0 .32rem;
}

.nshop-member-order ul li.mt {
  margin-top: .24rem;
}

.nshop-member-order ul li a {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: .3rem;
}

.nshop-member-order ul li a span {
  width: .4rem;
  height: .4rem;
  margin-right: .08rem;
}

.nshop-member-order ul li a span img {
  width: 100%;
}

.nshop-member-order ul li::after {
  content: '';
  width: 0.13rem;
  height: 0.19rem;
  background: url(../images/shop/nshop-arrow1.png) no-repeat;
  background-size: 0.13rem 0.19rem;
  display: inline-block;
  position: absolute;
  right: .32rem;
  top: 50%;
  transform: translateY(-50%);
}

.nshop-member-order ul li::before {
  content: '';
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ededed;
}
.cartnum{ display: none;}
.new-muen-four li span {
  width: 0.72rem;
  height: 0.72rem;
}

.new-muen-four li span.icon1 {
  background: url(../images/shop/green-new-icon1.png) no-repeat;
  background-size: 0.72rem 0.72rem;
}

.new-muen-four li span.icon2 {
  background: url(../images/shop/green-new-icon2.png) no-repeat;
  background-size: 0.72rem 0.72rem;
}

.new-muen-four li span.icon3 {
  background: url(../images/shop/green-new-icon3.png) no-repeat;
  background-size: 0.72rem 0.72rem;
}

.new-muen-four li span.icon4 {
  background: url(../images/shop/green-new-icon4.png) no-repeat;
  background-size: 0.72rem 0.72rem;
}

.new-muen-four li.active a, .new-muen-four li:hover a {
  color: #c20000;
  font-weight: bold;
}

.new-muen-four li.active span.icon1, .new-muen-four li:hover span.icon1 {
  background: url(../images/shop/green-new-icon1-hover.png) no-repeat;
  background-size: 0.72rem 0.72rem;
}

.new-muen-four li.active span.icon2, .new-muen-four li:hover span.icon2 {
  background: url(../images/shop/green-new-icon2-hover.png) no-repeat;
  background-size: 0.72rem 0.72rem;
}

.new-muen-four li.active span.icon3, .new-muen-four li:hover span.icon3 {
  background: url(../images/shop/green-new-icon3-hover.png) no-repeat;
  background-size: 0.72rem 0.72rem;
}

.new-muen-four li.active span.icon4, .new-muen-four li:hover span.icon4 {
  background: url(../images/shop/green-new-icon4-hover.png) no-repeat;
  background-size: 0.72rem 0.72rem;
}