/* pages/userCenter.wxss */
@import './../../base/base.wxss';
scroll-view{
  height: 100%;
}
.page-coupons{
  position: relative;
}
.tabs-wrap{
  height: 86rpx;
}
.tab-nav{
  width:375rpx;
  float: left;
  text-align: center;
  height: 86rpx;
  line-height: 86rpx;
  background-color: #ffffff;
  color: #666666;
}
.nav-active{
  color: #05c35b;
  border-bottom: 3rpx solid #05c35b;
}
.empty-wrap{
  width: 300rpx;
  margin: 190rpx auto 0;
  text-align: center;
}
.empty-img{
  width: 197rpx;
  height: 176rpx;
  margin-bottom: 48rpx;
}
.empty-text{
  color: #cccccc;
  font-size: 28rpx;
}

/* 卡劵列表 */
.coupon-wrap{
  padding: 20rpx;
}
.coupon-list{
  width: 712rpx;
  height: 209rpx;
  position: relative;
  margin-bottom: 20rpx;
}
.coupon-bg{
  width: 712rpx;
  height: 209rpx;
  position: absolute;
  top: 0;
  left: 0;
  /* z-index: -1; */
}
.coupon-img image{
  width: 172rpx;
  height: 172rpx;
  position: absolute;
  top: 18rpx;
  left: 16rpx;
}
.coupon-info{
  position: absolute;
  top: 30rpx;
  left: 236rpx;
}
.coupon-name{
  color:#05c35b;
}
.coupon-time{
  color:#999999;
  margin-top: 10rpx;
}
.coupon-desc{
  color:#666666;
  margin-top: 6rpx;
  width: 360rpx;
}
.coupon-code{
  color: #ffffff;
  position: absolute;
  right: 20rpx;
  top: 34rpx;
  width: 24rpx;
  word-wrap: break-word; 
  font-weight: bold;
}
.invalid-coupon{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index:3;
  border-radius: 7rpx;
}
.invalid-img{
  position: absolute;
  width: 147rpx;
  height: 147rpx;
  right: 81rpx;
  top: 31rpx;
  z-index: 4;
}
.swiper-tab{
  width: 100%;
  height: 86rpx;
  line-height: 86rpx;
  display: flex;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  z-index:1;
}
.swiper-tab-item{
  flex: 1;
  text-align: center;
}
.active{
  color: #05c35b;
  border-bottom: 4rpx solid #05c35b;
}
swiper {
  width: 100%;
  flex: 1;
  height:100vh;
  padding-bottom:20rpx;
  position: absolute;
  overflow: scroll;
  top: 100rpx;
}
