yuminge-app/yun-min-program-plugin-master/packageE/team_sell/getCouponCentre/getCouponCentre.wxss

/* packageD/team_sell/getCouponCentre/getCouponCentre.wxss */
.couponTop {
  width: 100%;
  display: flex;
}

image {
  width: 100%;
}

.couponList {
  background: #fe5e46;
  width: 100%;
  overflow: hidden;
  min-height: 100vh;
}

.couponBox {
  margin: 0 35rpx;
  width: 680rpx;
  height: 375rpx;
  border-radius: 30rpx;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.couponBox .couponBox_top {
  font-size: 32rpx;
  color: #070707;
  margin-top: 15rpx;
}

.couponBox .couponBox_bottom {
  padding: 20rpx 180rpx;
  background-image:
    linear-gradient(
      171deg,
      #fb7c14 0%,
      #ff4f00 100%
    ),
    linear-gradient(
      #ff2c29,
      #ff2c29
    );
  background-blend-mode:
    normal,
    normal;
  border-radius: 36rpx;
  font-size: 32rpx;
  color: #fff;
  margin-bottom: 20rpx;
}

.couponBox .couponBox_centre {
  width: 640rpx;
  height: 170rpx;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/coupons_listbg@2x.png');
  background-size: cover;
  display: flex;
  align-items: center;
}

.couponBox .couponBox_centre image {
  width: 100%;
}

.couponBox_right {
  display: flex;
  flex-direction: column;
  margin-left: 20rpx;
}

.couponBox_left {
  display: flex;
  flex-direction: column;
  padding: 0 22rpx 0 40rpx;
  align-items: center;
}

.couponBox_centre .line {
  width: 1rpx;
  height: 156rpx;
  border-right: 2rpx dashed #fff;
}

.shopList {
  width: 680rpx;
  height: 271rpx;
  background-color: #fff;
  border-radius: 30rpx;
  margin: 0 auto;
  margin-top: 30rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.shop_left {
  width: 234rpx;
  height: 234rpx;
  background-color: #f08c8c;
  margin-left: 18rpx;
}

.shop_left image {
  /* width: 100%; */
  height: 100%;
}

.shop_right {
  margin-right: 25rpx;
  flex: 1;
  margin-left: 23rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 234rpx;
}

.shopname {
  font-size: 24rpx;
  color: #000;
  line-height: 30rpx;

  /* text-overflow: -o-ellipsis-lastline; */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.shop_bottom {
  display: flex;
  position: relative;
}

.shopbtn {
  /* flex: 1; */
  position: absolute;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 24rpx;
  color: #fff;
  line-height: 55rpx;
  padding: 5rpx 20rpx;
  border-radius: 30rpx;
  background: #ff2c29;
  text-align: center;
}

.shop_money .one {
  font-size: 24rpx;
  color: #000;
  line-height: 30rpx;
  max-width: 250rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shop_money .ones {
  font-size: 24rpx;
  color: #ff2c29;
  line-height: 30rpx;
  max-width: 250rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ruleBox {
  margin: 26rpx 30rpx 25rpx 48rpx;
}

.ruleTitle {
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 32rpx;
  line-height: 55rpx;
}

.ruleTxt {
  text-align: left;
  color: #fff;
  font-size: 24rpx;
  line-height: 55rpx;
}