twong329/view/xcx/pages/activity/goods_seckill/index.wxss

page {
  background-color: #F5F5F5 !important;
}

.flash-sale .header {
  width: 710rpx;
  height: 300rpx;
  margin: -215rpx auto 0 auto;
  border-radius: 20rpx;
}

.flash-sale .header image {
  width: 100%;
  height: 100%;
  border-radius: 20rpx;
}

.flash-sale .seckillList {
  padding: 0 20rpx;
}

.flash-sale .seckillList .priceTag {
  width: 75rpx;
  height: 70rpx;
}

.flash-sale .seckillList .priceTag image {
  width: 100%;
  height: 100%;
}

.flash-sale .timeLsit {
  width: 610rpx;
  white-space: nowrap;
  margin: 10rpx 0;
}

.flash-sale .timeLsit .item {
  display: inline-block;
  font-size: 20rpx;
  color: #666;
  text-align: center;
  padding: 11rpx 0;
  box-sizing: border-box;
  height: 96rpx;
  margin-right: 35rpx;
}

.flash-sale .timeLsit .item .time {
  font-size: 36rpx;
  font-weight: 600;
  color: #333;
}

.flash-sale .timeLsit .item.on .time {
  color: #E93323;
}

.flash-sale .timeLsit .item.on .state {
  width: 90rpx;
  height: 30rpx;
  border-radius: 15rpx;
  background: linear-gradient(90deg, rgba(252, 25, 75, 1) 0%, rgba(252, 60, 32, 1) 100%);
  color: #fff;
}

.flash-sale .countDown {
  height: 92rpx;
  border-bottom: 1rpx solid #f0f0f0;
  margin-top: -14rpx;
  font-size: 28rpx;
  color: #282828;
}

.flash-sale .countDown .num {
  font-size: 28rpx;
  font-weight: bold;
  background-color: #ffcfcb;
  padding: 4rpx 7rpx;
  border-radius: 3rpx;
}

.flash-sale .countDown .text {
  font-size: 28rpx;
  color: #282828;
  margin-right: 13rpx;
}

.flash-sale .list .item {
  height: 230rpx;
  position: relative;
  width: 710rpx;
  margin: 0 auto 20rpx auto;
  background-color: #fff;
  border-radius: 20rpx;
  padding: 0 25rpx;
}

.flash-sale .list .item .pictrue {
  width: 180rpx;
  height: 180rpx;
  border-radius: 10rpx;
}

.flash-sale .list .item .pictrue image {
  width: 100%;
  height: 100%;
  border-radius: 10rpx;
}

.flash-sale .list .item .text {
  width: 460rpx;
  font-size: 30rpx;
  color: #333;
  height: 166rpx;
}

.flash-sale .list .item .text .name {
  width: 100%;
}

.flash-sale .list .item .text .money {
  font-size: 30rpx;
  color: #E93323;
}

.flash-sale .list .item .text .money .num {
  font-size: 40rpx;
  font-weight: 500;
  font-family: 'Guildford Pro';
}

.flash-sale .list .item .text .money .y_money {
  font-size: 24rpx;
  color: #999;
  text-decoration-line: line-through;
  margin-left: 15rpx;
}

.flash-sale .list .item .text .limit {
  font-size: 22rpx;
  color: #999;
  margin-bottom: 5rpx;
}

.flash-sale .list .item .text .limit .limitPrice {
  margin-left: 10rpx;
}

.flash-sale .list .item .text .progress {
  overflow: hidden;
  background-color: #FFEFEF;
  width: 260rpx;
  border-radius: 18rpx;
  height: 18rpx;
  position: relative;
}

.flash-sale .list .item .text .progress .bg-reds {
  width: 0;
  height: 100%;
  transition: width 0.6s ease;
  background: linear-gradient(90deg, rgba(233, 51, 35, 1) 0%, rgba(255, 137, 51, 1) 100%);
}

.flash-sale .list .item .text .progress .piece {
  position: absolute;
  left: 8%;
  transform: translate(0%, -50%);
  top: 49%;
  font-size: 16rpx;
  color: #FFB9B9;
}

.flash-sale .list .item .grab {
  font-size: 28rpx;
  color: #fff;
  width: 150rpx;
  height: 54rpx;
  border-radius: 27rpx;
  text-align: center;
  line-height: 54rpx;
  position: absolute;
  right: 30rpx;
  bottom: 30rpx;
}

.flash-sale .saleBox {
  width: 100%;
  height: 230rpx;
  background: rgba(233, 51, 35, 1);
  border-radius: 0 0 50rpx 50rpx;
}