/* components/reserve/discount.wxss */
@import "../../../app.wxss";
.discount{
  position: fixed;
  bottom: 0;
  background-color: #ffffff;
  border-radius: 40rpx 40rpx 0rpx 0rpx;
  color: #353535;
  width: 100%;
  padding: 40rpx 40rpx;
  animation: discountShow 0.3s;
  box-sizing: border-box;
}
.discount.discountHide{
  animation: discountHide 0.3s;
}
.discount view{
  background-size: 100% 100%;
}
.discount-name{
  font-size: 32rpx;
  height: 44rpx;
  line-height: 44rpx;
  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:6rpx;
}
.activity{
  margin-top: 60rpx;
}
.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;
}
.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;
  text-align: center;
}
.activity-right{
  font-size:26rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(53,53,53,1);
  line-height:36rpx;
  margin-left: 40rpx;
}
.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: -870rpx;}
  to {bottom: 0rpx;}
}
@keyframes discountHide
{
  from {height: auto;}
  to {height: 0rpx;}
}

.toast{
  min-height:80rpx;
  width:380rpx;
  background:rgba(53,53,53,0.8);
  border-radius:20rpx;

  font-size:32rpx;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:44rpx;
  position: fixed;
  top:60%;
  left:calc(50% - 190rpx);
  padding: 10rpx 20rpx;
  box-sizing: border-box;
}
.toast text{
  color:#FEDE68;
}

.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;
}