/* pages/goodsList/goodsList.wxss */
.goodslist {
  background: #f5f5f5;

  /* padding-bottom: 50px; */
}

.pass_price{
  color:#867E7E;
}
.goodslist .a {
  color: #2b2f33;
}
.pl-4{
  padding-left:4px ;
}
.goodslist .main2 .list {
  display: -webkit-box;
  display: -webkit-flex;
  background: #fff;
  border-bottom: solid 2rpx #ebebeb;
  padding-top: 5rpx;
  padding-bottom: 5rpx;
  padding-left: 30rpx;
}

.goodslist .main2 .imgs {
  width: 200rpx;
  height: 200rpx;

  /* padding: 12rpx; */
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 10rpx;
}

.goodslist .main2 .imgss {
  width: 254rpx;
  height: 254rpx;

  /* padding: 12rpx; */
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 10rpx;
  margin-left: 20rpx;
}

.goodslist .main2 .imgss image {
  width: 100%;
}

.goodslist .main2 .imgs image {
  width: 100%;
}

.goodslist .main2 .shop_info {
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  text-align: left;

  /* 	padding: 20rpx 24rpx; */
  padding-left: 15rpx;
}

.goodslist .main2 .shop_info .ul {
  flex: 1;
  display: flex;
  justify-content: space-between;

  /* 	margin-bottom: 20rpx; */
  flex-direction: column;
}

.goodslist .main2 .shop_info .title {
  margin: 10rpx;
  font-size: 24rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* height: 60rpx; */
  /* line-height: 30rpx; */
  color: #333;
}

.goodslist .main2 .shop_info .goods-label-box {
  margin: 10rpx;
  font-size: 22rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* height: 60rpx; */
  color: rgb(136, 136, 136);
}

.goodslist .main2 .shop_info .goods-label-box .goods-label {
  margin-right: 12rpx ;
}

.goodslist .main2 .shop_info .title_two {
  margin: 10rpx;
  font-size: 24rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

  /* height: 60rpx; */
  line-height: 30rpx;
  color: #333;
}

.goodslist .main2 .shop_info .s2 {
  font-size: 20rpx;
  line-height: 28rpx;
  color: #999;
  text-decoration: line-through;
}

.goodslist .main2 .shop_info .member {
  /* 	font-size: 28rpx;
	color: #f15353; */

  /* 	flex: 1.3; */

  /* 	text-align: right;
	margin-left: 20rpx; */
  font-size: 28rpx;
  color: #fb4a4a;
  line-height: 28rpx;
  padding-bottom: 8rpx;
}

.goodslist .main2 .shop_info .member .small {
  font-size: 20rpx;
  line-height: 28rpx;
  color: #fb4a4a;
}

.goodslist .main2 .shop_info .member .a {
  color: #f23030;
  font-weight: bold;
  margin-top: 20rpx;
}

.goodslist .main2 .fit {
  flex: 0 0 32rpx;
}

.goodslist .loadNomore {
  display: flex;
  align-items: center;
  justify-content: center;
}

.goodslist .loadNomore image {
  width: 20%;
}

.goodslist .h3 {
  width: 65%;
  position: relative;
  margin: 0 auto 40rpx;
  height: 40rpx;
  padding: 20rpx 0 0;
}

.goodslist .h3 .title {
  width: 33%;
  text-align: center;
  padding: 0 20rpx;
  background: #f5f5f5;
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 28rpx;
  color: #666;
}

.goodslist .h3 .spas {
  border-bottom: 2rpx solid #d9d9d9;
  position: absolute;
  z-index: 5;
  top: 40rpx;
  width: 100%;
}

.goodslist .mai {
  width: 100%;
  overflow: hidden;
}

.goodslist .main {
  overflow: hidden;

  /* margin-right: -2rpx; */
  margin: 16rpx 24rpx;
  background: #f5f5f5;
}

.goodslist .main .dl:nth-child(2n) {
  margin-right: 0;
}

.goodslist .main .dl {
  border-radius: 16rpx;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  padding-bottom: 16rpx;
  margin-bottom: 16rpx;
  margin-right: 2%;
  background: #fff;
  width: 49%;
}

.goodslist .main .dl .dt {
  width: 100%;

  /* 	padding-bottom: 100%; */
  position: relative;
  overflow: hidden;
  height: 330rpx;
  border-radius: 9rpx 9rpx 0rpx 0rpx;
  border-bottom: solid 1rpx #f2f2f7;
}

.goodslist .main .dl .dt image {
  width: 100%;
  right: 0;
  height: 100%;
  position: absolute;
  border-top-left-radius: 16rpx;
  border-top-right-radius: 16rpx;
}

.goodslist .main .dl .s3 {
  display: block;
  text-align: left;
  margin: 0 20rpx;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

.goodslist .main .dl .dd {
  margin: 0;
}

.goodslist .main .dl .dd .s1 {
  margin: 0;
}

.goodslist .main .dl .dd .s1 .span {
  line-height: 28rpx;
  height: 28rpx;
  overflow: hidden;
  font-size: 20rpx;
  color: #fb4a4a;
  padding-left: 9rpx;
}

.goodslist .main .dl .dd .s1 .em1 {
  font-size: 28rpx;
  background: #f15353;
  color: white;
  padding: 6.4rpx 16rpx;
  border-top-left-radius: 16rpx;
  border-bottom-right-radius: 16rpx;
}

.goodslist .main .dl .dd .s1 .em2 {
  font-size: 32rpx;
}

.goodslist .main .dl .dd .s2 {
  text-decoration: line-through;
  vertical-align: middle;
  height: 28rpx;
  font-size: 24rpx;
  line-height: 28rpx;
  color: #999;
  padding-left: 9rpx;
}

.goodslist .main .dl .m-text {
  /* height: 60rpx; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  text-align: left;
  font-size: 24rpx;
  line-height: 30rpx;
  color: #333;
  margin: 20rpx 10rpx;
  /* padding-left: 5rpx;
  padding-right: 20rpx;
  padding-top: 9rpx; */
}

.goodslist .main .dl .m-label {
  margin: 10rpx;
  /* max-height: 74rpx; */
  text-align: left;
  font-size: 24rpx;
  color: rgb(136, 136, 136);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;

}
.goodslist .main .dl .m-label .goods-label {
  margin-right: 12px;
}

.heightAuto {
  -webkit-line-clamp: 3 !important;
}

.share_box {
  display: flex;
  justify-content: center;
  margin: 20rpx 0;
}

.btn_left {
  width: 140rpx;
  height: 48rpx;
  border-radius: 24rpx;
  border: solid 1px #ff2c29;
  text-align: center;
  line-height: 48rpx;
  margin-left: 22rpx;
}

.btn_right {
  width: 140rpx;
  height: 48rpx;
  background-color: #ff2c29;
  border-radius: 24rpx;
  text-align: center;
  line-height: 48rpx;
  color: #fff;
  margin-right: 22rpx;
}

.shareC {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 16rpx;
}

.shareC_left,
.shareC_right {
  /* width: 117rpx; */
  height: 27rpx;
  background-color: #ffeee9;
  font-size: 20rpx;
  color: #ff6333;
  margin-left: 13rpx;
  text-align: center;
  line-height: 27rpx;
  padding: 0 10rpx;
}

.shareimg {
  width: 100%;
  height: 103rpx;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: solid 2rpx #ebebeb;
  margin-top: 10rpx;
  margin-left: 25rpx;
  margin-right: 25rpx;
}

.aImgBtn {
  width: 159rpx;
  height: 55rpx;
  background-color: #ff2c29;
  border-radius: 28rpx;
  font-size: 28rpx;
  color: #fff;
  text-align: center;
  line-height: 55rpx;
}

.copybtn {
  width: 159rpx;
  height: 55rpx;
  color: #ff2c29;
  border: 1px solid #ff2c29;
  border-radius: 28rpx;
  font-size: 28rpx;
  text-align: center;
  line-height: 55rpx;
  margin-right: 16rpx;
}

/* 海报 */
.code_box {
  width: 500rpx;

  /* 	height: 970rpx; */

  /* position: absolute;
  left: 50%; */
  display: block;
  margin: 0 auto 60rpx;
  border-radius: 12rpx;
}

.code_box image {
  width: 100%;
  border-radius: 12rpx;
}

.posterPopup_style .icon_btn {
  width: 100%;
  position: relative;

  /* height: 120rpx; */
  background: #fff;
  text-align: center;
  display: flex;
  justify-content: space-around;
}

.posterPopup_style .icon_btn .box {
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 20rpx 0;
  position: relative;
}

.posterPopup_style .icon_btn image {
  width: 80rpx;
  height: 80rpx;
  margin-bottom: 8rpx;
}

.posterPopup_style .icon_close {
  width: 100%;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  background: #efefef;
  color: #333;
  font-size: 32rpx;
}

.point-good {
  color: #ff9500;
}

.point-good .point-good-price {
  display: inline-block;
  font-size: 32rpx;
  word-break: break-all;
}

.point-good .point-text {
  font-size: 22rpx;
  display: inline-block;
  background: #ff9500;
  color: #fff;
  padding: 2rpx 6rpx;
  border-radius: 5px;
  vertical-align: text-bottom;
}

.daydayPrice-text {
  color: #ff9500;
}

.give_integral_wrapper {
  position: relative;
  display: flex;
  text-align: left;
}

.give_integral_wrapper .give_integral_text {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35rpx !important;
  height: 35rpx !important;
  font-size: 22rpx;
  color: #fff;
  background-color: #ec544a;
  border-radius: 50%;
}

.give_integral_wrapper .give_integral_num {
  display: inline-flex;
  align-items: center;
  height: 35rpx !important;
  padding: 6rpx 16rpx 6rpx 42rpx;
  box-sizing: border-box;
  font-size: 22rpx;
  color: #ec544a;
  background-color: #fff5f4;
  border-radius: 15%;
}
