sct/view/components/coupon-list-window/index.wxss

@import '/app.wxss';
.coupon-list-window{position:fixed;bottom:0;left:0;width:100%;background-color:#f5f5f5;border-radius:16rpx 16rpx 0 0;transform:translate3d(0,100%,0);transition:all .3s cubic-bezier(.25,.5,.5,.9);z-index: 1000}
.coupon-list-window.on{transform:translate3d(0,0,0);}
.coupon-list-window .title{height:124rpx;width:100%;text-align:center;line-height:124rpx;font-size:32rpx;font-weight:bold;position:relative;}
.coupon-list-window .title .iconfont{position:absolute;right:30rpx;top:50%;transform:translateY(-50%);font-size:35rpx;color:#8a8a8a;font-weight:normal;width: 100rpx;display: block;text-align: right;}
.coupon-list-window .coupon-list{margin:0 0 50rpx 0;height:550rpx;overflow:auto;}
.coupon-list-window .pictrue{width:414rpx;height:336rpx;margin:0 auto 50rpx auto;}
.coupon-list-window .pictrue image{width:100%;height:100%;}
.pic-num{color: #fff;font-size: 24rpx;}
.line-title{
  width:90rpx;
  padding: 0 10rpx;
  box-sizing: border-box;
  background:rgba(255,247,247,1);
  border:1px solid rgba(232,51,35,1);
  opacity:1;
  border-radius:20rpx;
  font-size:20rpx;
  color: #E83323;
  margin-right: 12rpx;
}
.line-title.gray{
  border-color:#BBB;
  color:#bbb;
  background-color:#F5F5F5;
}