pika_shangjia/activity/seckill/seckill.css

/* product/seckill/seckill.wxss */

.seckill {
  width: 100%;
  height: 100%;
  font-size: 24rpx;
}

.top {
  height: 352rpx;
  width: 100%;

}
.background {
  width: 100%;
  height: 352rpx;
  position:absolute; 
  background-size:100% 100%;
  /*  #ifndef  H5  */
  z-index: -1;
   /*  #endif   */
}
.tab {
  padding:35rpx 0;
  /* height: 100rpx; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tab .logo {
  width: 100rpx;
  height: 100rpx;
  float: left;
}

/* .tab .li {
  color: #999;
  text-align: center;
  color: #FCBDC9;
  height:100rpx;
  line-height: 53rpx;
  float: left;
} */

/* .tab .li text{
  width: 152rpx;
  font-weight: bold;
  font-size: 26rpx;
} */

.times .li.active {
  color: #FFFFFF;
  font-size: 32rpx;
}
.weight{
  font-weight: bold;
}
.times .bg {
  background-color: #FFFFFF;
  color: #FE0419 !important;
}

.times .state {
  width: 100rpx;
  height: 36rpx;
  border-radius: 25rpx;
  color: #FCBDC9;
  text-align: center;
  font-size: 24rpx;
  line-height: 36rpx;
  margin: auto;
  margin-top: 3rpx;
}

.conunt {
  width: 710rpx;
  margin: 0 auto;
  position: absolute;
  top: 14%;
  left: 20rpx;
}

.conunt .li {
  height: 240rpx;
  padding: 20rpx;
  border-radius: 25rpx;
  background-color: #FFFFFF;
  margin-bottom: 16rpx;
  overflow: hidden;
  display: flex;
  justify-content: space-between;}
.conunt .li .flex {overflow: hidden;margin-left: 20rpx;}
.proimg {width: 220rpx;height: 220rpx;border-radius: 12rpx;margin-top: 10rpx;}
.proname {font-size: 28rpx;color: #333;line-height: 36rpx;height: 72rpx;/* text-overflow: ellipsis;white-space: nowrap; */overflow: hidden;}
.endtime {display: inline-block;height: 32rpx;line-height: 32rpx;border-radius: 6rpx;font-size: 24rpx;margin: 16rpx 0 0 0;letter-spacing:2rpx}
.black{font-size: 24rpx;color: #333333;}
.tp{margin: 16rpx 0 70rpx;}
.red{color: #FE0419;}
.operate {justify-content: space-between;align-items: center;}
.price {font-size: 24rpx; color: red;}
.price .pce {font-size: 38rpx;color: red;font-weight: bold;}
.price .del {font-weight: normal;font-size: 24rpx;color: #999999;margin-left: 12rpx;text-decoration: line-through;}
.add-cart {width: 150rpx;height: 50rpx;border-radius: 25rpx;background-image: linear-gradient(to right, #FF5D5D, #FE0419);text-align: center;line-height: 50rpx;color: #FFFFFF;font-size: 24rpx;}
.add-cart1{width: 150rpx;height: 50rpx;border-radius: 25rpx;border: 2rpx solid #FE0419;text-align: center;line-height: 50rpx;color: #FE0419;font-size: 24rpx;}
.car{margin-top: -24rpx;}
.progress-box {justify-content: left;display: flex;color: #999999;font-size: 24rpx;margin-top: 13rpx;}
.progress-box text{color: #999999;font-size: 24rpx;margin-left: 10rpx;}
.progress {width: 230rpx;}
.add-cart image{width: 24rpx;height: 24rpx;margin-left: 35rpx;margin-top: 13rpx;float: left;}
.add-cart .order{float:left;margin-left: 8rpx;}
.add-cart .or{margin-left: 28rpx;color: #FE0419;}
.date{font-size: 24rpx;color: #333;}
.hour{font-size: 24rpx;color: #FE0419;}
.yuyue{margin: 54rpx 0 0 0;}
.noyuyue{margin: 30rpx 0 0 0;}

.times{ flex: 1;}
.times .li{width: 20%;text-align: center;font-size: 20rpx;color: #999;position: relative;}
.times .li::before{content: '';display: block;width: 2rpx;height: 61rpx;background: #D2D2D2;position: absolute;left: 0;bottom: 5rpx;}
.times .li:first-child::before{display: none;}
.times .li text{display: block;font-size: 29rpx;color: #333;margin-bottom: 5rpx;}
/* .times .li.active,.times .li.active text{color: #FE0419;} */