yuminge-app/yun-min-program-plugin-master/packageA/mycomponent/goodsComponent/timeLimit/timeLimit.wxss

/* packageA/mycomponent/goodsComponent/timeLimit/timeLimit.wxss */

/* 旧的 */
.rob-time {
  display: flex;
  height: 88rpx;
  background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/goods/time_buy_bg@2x.png") no-repeat center;
  background-size: 100%;
}

.rob-time .img {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rob-time .img image {
  width: 60%;
}

.rob-time .price {
  display: flex;
  text-align: left;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 30%;
}

.rob-time .price .text {
  font-size: 40rpx;
  font-weight: bold;
}

.rob-time .time {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  text-align: left;
  line-height: 98rpx;
  padding-right: 1.25rem;
  font-size: 28rpx;
}

.rob-time .time .left {
  color: #fff;
}

.rob-time .time .right .date {
  background-color: #fff;
  line-height: 34rpx;
  padding: 6rpx;
  margin: 0 4rpx;
  border-radius: 6rpx;
}

.rob-time .time .right .mes {
  color: #fff;
}

.rob-time .time .right .content {
  display: flex;
  align-items: center;
}

/* 新的 */
.time-buy {
  padding: 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com//hot-bg.png");
  background-size: 100% 100%;
}

.time-buy .buy-left {
  font-size: 20px;
  color: #fff;
  word-break: break-all;
  width: 50%;
  text-align: left;
}

.time-buy .buy-right .right-end {
  font-size: 12px;
  color: #f32e02;
  text-align: center;
  margin-bottom: 0.3rem;
}

.buy-right .span {
  font-size: 12px;
  line-height: 1.2rem;
}

.buy-right .span:not(:first-child) {
  margin: 0 0.3rem;
  display: block;
  padding: 1px 4px;
  background-color: #fc4a04;
  color: #fff;
}

.time-buy .bottom_time {
  display: flex;
  color: #f32e02;
}

/* 拼团倒计时 */

.price_time {
  width: 100%;
  height: 100rpx;
  background: #f15353;

  /* position: absolute; */
  top: 210rpx;
  display: flex;
  align-items: center;
}

.price_time .img {
  width: 10%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.price_time .img image {
  width: 60%;
  height: 70%;
}

.price_time .text {
  width: 76rpx;
  color: #fff;
  font-size: 28rpx;
}

.price_time .price {
  width: 40%;
  font-size: 14px;
  color: #fff;
  padding-left: 28rpx;
  text-align: left;
}

.price_time .price .font {
  font-size: 22px;
}

.price_time .time {
  width: 50%;
}

.price_time .time .span {
  color: #fff;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 8rpx;
}

.price_time .time .em {
  background-color: #fff;
  color: #333;
}

/* end */

/* 抢团 */
.grabGroup .rob-time {
  display: flex;
  justify-content: space-between;
  height: 88rpx;
  background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/goods/time_buy_bg@2x.png") no-repeat center;
  background-size: 100%;
}

.grabGroup .rob-time .img {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grabGroup .rob-time .img image {
  width: 60%;
}

.grabGroup .rob-time .price {
  display: flex;
  text-align: left;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 30%;
}

.grabGroup .rob-time .price .text {
  font-size: 28rpx;
}

.grabGroup .rob-time .time {
  line-height: 98rpx;
  padding-right: 40rpx;
  font-size: 28rpx;
}

.grabGroup .rob-time .time .right .date {
  background-color: #fff;
  height: 34rpx;
  line-height: 34rpx;
  padding: 6rpx;
  margin: 0 4rpx;
  border-radius: 6rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.grabGroup .rob-time .time .right .mes {
  color: #fff;
}

.grabGroup .rob-time .time .right .content {
  display: flex;
  align-items: center;
}

/* 抢团 end */