@charset "UTF-8";
.text-center.data-v-c568feec {
  text-align: center;
}
.font-weight.data-v-c568feec {
  font-weight: bold;
}
.page-width.data-v-c568feec {
  width: 100%;
}
.goods-hover-class.data-v-c568feec {
  opacity: .9;
  background-color: #f7f7f7;
}
.background-image.data-v-c568feec {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page.data-v-c568feec {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width.data-v-c568feec {
  width: 100%;
}
.u-hover-class.data-v-c568feec {
  opacity: .9;
  background-color: #f7f7f7;
}
.safe-area-inset-bottom.data-v-c568feec {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.lottery-attr.data-v-c568feec {
  background: #ffffff;
  width: 702rpx;
  margin: 0 24rpx 24rpx 24rpx;
  border-radius: 0 0 15rpx 15rpx;
}
.lottery-attr .box.data-v-c568feec {
  border-top: 1px solid #e2e2e2;
  padding: 28rpx 20rpx;
}
.lottery-attr .border.data-v-c568feec {
  border: 1px solid #666666;
  border-radius: 20rpx;
  font-size: 24rpx;
  line-height: 1;
  padding: 8rpx 16rpx;
  color: #666666;
}
.lottery-attr .text.data-v-c568feec {
  margin-left: 24rpx;
  color: #353535;
  font-size: 26rpx;
  max-width: 520rpx;
}
.lottery-attr .text text.data-v-c568feec:after {
  content: '，';
}
.lottery-attr .text text.data-v-c568feec:last-child:after {
  content: '';
}
.lottery-share.data-v-c568feec {
  margin: 20rpx 0;
}
.lottery-share image.data-v-c568feec {
  height: 140rpx;
  margin: 0 auto;
  width: 702rpx;
  display: block;
}
.t1.data-v-c568feec {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.goods-head-box.data-v-c568feec {
  position: relative;
}
.time.data-v-c568feec {
  position: absolute;
  bottom: 120rpx;
  width: 100%;
}
.time .time-info.data-v-c568feec {
  height: 56rpx;
  background: #ff4544;
  opacity: 0.6;
  padding: 0 24rpx;
  border-radius: 28rpx;
  font-size: 28rpx;
  color: #FFFFFF;
}
.time .time-info .icon.data-v-c568feec {
  height: 24rpx;
  width: 24rpx;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAAwfzOWcNCe+DQerdk/fQ5uKGgHqai8pYRTQjIcC6sW5RLyoWyIoqSH0AAADUSURBVCjPdZLbsoIwDEWTtkJpuYvoQc7Ny/7/TxQnYkY7rifoaidtdkhgVzUettkFQ8qyfMVKE5hWzB/QjiGjzPUd0Gck5CPs1qw/g8dODG8Q/0n56iDbzvAHWlAT4e4HflHJwgaFfBT4zomOaPM3YUqciIbHARVMPbZMP3VIhLN7ptZmiWBfM9WWnqK6zPN8XEpGmBchTCJaeyHhEMs79kS5r6X4G1Jcr6v0GFkfqJgS06MlirYkbWKIcB/bngZlJCiNtivcEu00SLQ6DPtkGD6Ozw29NhP0Y9/SSAAAAABJRU5ErkJggg==);
}
.time .time-info view.data-v-c568feec {
  margin-left: 24rpx;
}
.time .time-error.data-v-c568feec {
  background: #000000;
}
.goods.data-v-c568feec {
  background: #FFFFFF;
  padding: 20rpx 20rpx 20rpx 20rpx;
  width: 702rpx;
  margin: 24rpx 24rpx 0 24rpx;
  border-radius: 15rpx 15rpx 0 0;
}
.goods .name.data-v-c568feec {
  color: #353535;
  font-size: 32rpx;
  line-height: 42rpx;
}
.goods .goods-subtitle.data-v-c568feec {
  margin-top: 25rpx;
  font-size: 24rpx;
  line-height: 34rpx;
  color: #999999;
}
.goods .detail.data-v-c568feec {
  margin-top: 24rpx;
}
.goods .detail .bold.data-v-c568feec {
  font-weight: bold;
  font-size: 36rpx;
  color: #ff4544;
}
.goods .detail .num.data-v-c568feec {
  margin-right: 16rpx;
  margin-left: 12rpx;
}
.goods .detail .price.data-v-c568feec {
  color: #ff4544;
  padding-top: 32rpx;
}
.goods .detail .del.data-v-c568feec {
  color: #999999;
  margin-left: 12rpx;
  text-decoration: line-through;
}
.goods .share.data-v-c568feec {
  height: 48rpx;
  border-radius: 40rpx 0 0 40rpx;
  padding: 0 14rpx;
  width: 103rpx;
  margin-right: -20rpx;
  margin-top: 44rpx;
}
.goods .share .share-icon.data-v-c568feec {
  width: 22rpx;
  height: 22rpx;
}
.goods .share .share-text.data-v-c568feec {
  font-size: 22rpx;
  color: #ffffff;
  margin-left: 10rpx;
}
.step.data-v-c568feec {
  width: 702rpx;
  margin: 24rpx 24rpx 0 24rpx;
  padding: 20rpx 20rpx 0 20rpx;
  background: #FFFFFF;
  border-radius: 15rpx 15rpx 0 0;
}
.step view.data-v-c568feec {
  font-size: 32rpx;
  color: #353535;
}
.step .icon-right.data-v-c568feec {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 22rpx;
  width: 12rpx;
  margin-left: 16rpx;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAMAAADD5o0oAAAARVBMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkBVNYgAAAAFnRSTlMAgtiokR0V5s+9dmdhUklA8LW0nZx9Nlin2AAAAE9JREFUGNNlz0cOwDAIRFHXOInTy9z/qF7yJVjxJARMuGKwyqKKChT1Qasy1PVAmxZo1zyZDiXoVKqmquaAMS7gan+06+ajiPC6cC52+60f0acDStr+zywAAAAASUVORK5CYII=);
}
.step-info.data-v-c568feec {
  padding: 40rpx 0;
  background: #FFFFFF;
  width: 702rpx;
  margin: 0 24rpx 24rpx 24rpx;
  border-radius: 0 0 15rpx 15rpx;
}
.step-info .label.data-v-c568feec {
  font-size: 52rpx;
  font-weight: bold;
  color: #dddddd;
  margin-right: 20rpx;
}
.step-info .value.data-v-c568feec {
  color: #666666;
}
.code.data-v-c568feec {
  margin-top: 20rpx;
}
.lucky-all.data-v-c568feec {
  width: 702rpx;
  overflow-y: hidden;
  padding: 20rpx;
  background: #ffffff;
  color: #353535;
  margin: 24rpx 24rpx 0 24rpx;
  border-radius: 15rpx;
}
.lucky-all .friend.data-v-c568feec {
  margin-top: 16rpx;
  font-size: 24rpx;
  margin-bottom: 24rpx;
  color: #999999;
}
.lucky-all .swiper.data-v-c568feec {
  height: 184rpx;
}
.lucky-all .swiper .lucky-code.data-v-c568feec {
  height: 88rpx;
  background: #fff5f5;
  padding: 0 24rpx;
  margin-bottom: 8rpx;
}
.lucky-all .swiper .lucky-code image.data-v-c568feec {
  margin-right: 32rpx;
  height: 64rpx;
  width: 64rpx;
  border-radius: 50%;
}
.lucky-all .swiper .lucky-code .nickname.data-v-c568feec {
  color: #353535;
}
.lucky-all .swiper .lucky-code .font-normal.data-v-c568feec {
  color: #666666;
}
.lucky-all .swiper-one.data-v-c568feec {
  height: 92rpx;
}
.goods-rule.data-v-c568feec {
  border-bottom: 1px solid #e2e2e2;
  color: #353535;
  background: #FFFFFF;
  font-size: 32rpx;
  line-height: 80rpx;
  padding-left: 24rpx;
  width: 702rpx;
  margin: 24rpx 24rpx 0 24rpx;
  border-radius: 15rpx 15rpx 0 0;
}
.rule-info.data-v-c568feec {
  width: 702rpx;
  margin: 0 24rpx 24rpx 24rpx;
  border-radius: 0 0 15rpx 15rpx;
  background: #FFFFFF;
  padding: 20rpx;
}
.bd-bottom.data-v-c568feec {
  width: 750rpx;
  height: 110rpx;
  padding: 20rpx 24rpx;
}
.bd-btn.data-v-c568feec {
  border-radius: 35rpx;
  text-align: center;
  line-height: 70rpx;
  font-size: 28rpx;
  width: 50%;
}
.bd-bottom-first.data-v-c568feec {
  margin-right: 20rpx;
}
.bd-color.data-v-c568feec {
  color: #ffffff;
}
.bd-btn-end.data-v-c568feec {
  background: #cdcdcd;
}
.animation-model.data-v-c568feec {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1999;
}
.animation-model .boxbg.data-v-c568feec {
  height: 840rpx;
  width: 100%;
  z-index: 1001;
}
.animation-model .detaill.data-v-c568feec {
  width: 100%;
  position: absolute;
  top: 50% - 157rpx;
  z-index: 1002;
}
.animation-model .detaill .ani_box.data-v-c568feec {
  height: 0;
  width: 0;
}
.animation-model .detaill .ani_box image.data-v-c568feec {
  opacity: 1;
  height: 100%;
  width: 100%;
  z-index: 20;
}
.animation-model .image.data-v-c568feec {
  width: 100%;
  height: 840rpx;
  position: absolute;
  top: 140rpx;
  left: 0;
}
.u-bottom-height.data-v-c568feec {
  height: 100rpx;
}
.u-bottom-fixed.data-v-c568feec {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1602;
  background-color: #ffffff;
}

