/* components/reserve/discount.wxss */
@import "../../../app.wxss";
.discount{
  position: fixed;
  bottom: 0;
  background-color: #fefefe;
  border-radius: 40rpx 40rpx 0rpx 0rpx;
  color: #353535;
  width: 100%;
  padding: 20rpx 40rpx 40rpx;
  animation: discountShow 0.3s;
  box-sizing: border-box;
  min-height: 648rpx;
}
.discount-content{
  max-height: 792rpx;
  overflow-y: auto;
  overflow-x: visible;
  padding-bottom: 10rpx;
}
.discount.discountHide{
  animation: discountHide 0.3s;
}
.discount view{
  background-size: 100% 100%;
}
.discount-name{
  font-size: 32rpx;
  height: 84rpx;
  line-height: 84rpx;
  width: 100%;
  position: relative;
  text-align: center;
}
.discount-name .close{
  background-image: url("http://nosqn.colorcun.com/sellerbaobao/close.png");
  width: 28rpx;
  height: 29rpx;
  position: absolute;
  right:0;
  top:28rpx;
}
.activity{
  margin-top: 40rpx;
}
.activity .txt{
  width:60rpx;
  height:42rpx;
  font-size:30rpx;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(136,136,136,1);
  line-height:42rpx;
}
.activity-item{
  margin-top: 20rpx;

  background: #FFFFFF;
  box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(228, 228, 228, 0.5);
  border-radius: 10rpx;

  box-sizing: border-box;
  padding: 24rpx 40rpx;

  width: calc(100% - 20rpx);
  margin-left: 10rpx;
}
.activity-left{
  height:28rpx;
  border-radius:4rpx;
  border:2rpx solid rgba(248,164,135,1);
  font-size:20rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(240,88,36,1);
  line-height:28rpx;
  padding: 0 6rpx;
  /*min-width: 60rpx;*/
  white-space:nowrap;
  text-align: center;
  position: relative;
}
.activity-right{
  font-size: 28rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight:500;
  color:rgba(53,53,53,1);
  line-height: 40rpx;
  width: calc(100% - 112rpx);
}
.mycards-txt{
  height:42rpx;
  font-size:30rpx;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(136,136,136,1);
  line-height:42rpx;
  margin-top: 50rpx;
}
.mycards{
  margin-top: 20rpx;
  /*max-height: 430rpx;*/
}
.quan-tips{
  height:50rpx;
  background:rgba(245,245,245,1);
  border-radius:0rpx 0rpx 10rpx 10rpx;
  font-size:22rpx;
  font-family:PingFangSC-Regular,PingFang SC;
  font-weight:400;
  color:rgba(136,136,136,1);
  line-height:50rpx;
  padding-left: 36rpx;
  width: 100%;
  box-sizing: border-box;
}
.mycards-item{
  margin-bottom: 20rpx;
}
.button-use{
  width:120rpx;
  height:44rpx;
  background:linear-gradient(180deg,rgba(231,66,88,1) 0%,rgba(243,53,78,1) 100%);
  border-radius:6rpx;
  font-size:24rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(255,227,192,1);
  line-height:44rpx;
  text-align: center;
}
@keyframes discountShow
{
  from {bottom: -876rpx;}
  to {bottom: 0rpx;}
}
@keyframes discountHide
{
  from {bottom: 0;}
  to {bottom: -876rpx;}
}

.toast{
  background:rgba(255,82,76,1);
  border-radius:10rpx;
  box-sizing: border-box;
  z-index: 9999;
  position: fixed;
  top:560rpx;
  left:calc(50% - 150rpx);
}
.toast-view{
  width:300rpx;
  height:220rpx;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  padding-top: 92rpx;
}
.toast-view:before{
  content: "";
  display: block;
  width:340rpx;
  height:160rpx;
  border:6rpx solid rgba(216,18,18,1);
  position: absolute;
  top:-80rpx;
  left: -20rpx;
  box-sizing: border-box;
  border-radius: 50%;
}
.toast-text{
  height:44rpx;
  font-size:32rpx;
  font-family:PingFangSC-Semibold,PingFang SC;
  font-weight:600;
  color:rgba(255,255,255,1);
  line-height:44rpx;
}
.toast-text .yellow{
  color:#FFF48D;
}
.tips{
  position: fixed;
  z-index: 9999;
  background:rgba(84,83,84,0.8);
  font-size:24rpx;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.tips .msg{
  height: 70rpx;
  line-height: 70rpx;
  padding: 0 24rpx;
  position: relative;
}
.jiao{
  width: 26rpx;
  height: 10rpx;
  background-image: url("http://nosqn.colorcun.com/activity/images/jiao2.png");
  background-size: 100% 100%;
  position: absolute;
  bottom: -10rpx;
  left:30rpx;
}
.tips.reserve-detail{
  bottom:122rpx;
  right:30rpx;
}
.tips.reserve-detail .jiao{
  right:80rpx;
  left:auto;
}
.tips.reserve-detail .msg{
  color: #FEDE68;
}
.tips.reserve-detail .msg:before{
  content: "预订买单，立即抵扣";
  color:rgba(255,255,255,1);
}

.detail_owner .jiao{
  display: none;
}
.detail_owner .msg:after{
  content: "红包待用";
  text-indent: -4rpx;
  display: inline-block;
}

.money-tips{
  min-width:184rpx;
  height:34rpx;
  padding: 0 20rpx;
  background:rgba(240,85,34,1);
  border-radius:16rpx 16rpx 16rpx 0rpx;

  font-size:20rpx;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:34rpx;

  position: absolute;
  top:-28rpx;
  right:-16rpx;
}

.checkout-button-money-tips{
  min-width:184rpx;
  padding: 0 20rpx;
  height:34rpx;
  background:rgba(240,85,34,1);
  border-radius:16rpx 16rpx 16rpx 0rpx;

  font-size:20rpx;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:34rpx;

  position: absolute;
  top:-28rpx;
  right:40rpx;
}

.seller-reserve{
  display: none;
}

.activity-right-info{
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 34rpx;
  margin-top: 8rpx;
}