product-detail-header.wxss 1.4 KB


.product_image {
  width: 750rpx;
  height: 470rpx;
}

.product_name {
  display: inline-block;
  margin-top: 30rpx;
  width: 570rpx;
  font-size: 36rpx;
  font-weight: bold;
  word-break:break-all;
  color: #444444;
}

.product_price {
  color: #D0021B;
  font-size: 36rpx;
  font-weight: bold;
  margin-top: 26rpx;
}

.product_time {
  color: #B0B0B0;
  font-size: 24rpx;
  margin-top: 16rpx;
}

.product_time:before {
  display: inline-block;
  content: '';
  width: 6rpx;
  height: 6rpx;
  background-color: #D8D8D8;
  margin-right: 20rpx;
  vertical-align: 6rpx
}

.product_time:after {
  display: inline-block;
  content: '';
  width: 6rpx;
  height: 6rpx;
  background-color: #D8D8D8;
  margin-left: 20rpx;
  vertical-align: 6rpx
}

.product_margin {
    margin-bottom: 40rpx;
}

.product_countdown {
  display: inline-block;
  height: 92rpx;
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}

.countdown_label {
  width: 60rpx;
  font-family: PingFang-SC-Regular;
  font-size: 20rpx;
  color: #222222;
  letter-spacing: -0.36rpx;
  text-align: center;
  display: inline-block;
  margin-right: 16rpx;
  vertical-align: text-top;
  position: relative;
  top: -2rpx;
}

.countdown_labeltext {
  display: block;
}

.avatars {
  display: inline-block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: calc(50% - 180rpx);
  top: 36rpx;
  position: absolute;
}

.avatarcontainer {
  position: relative;
}