useCoupons.wxss 3.53 KB
.coupon_container {
  /* display: flex; */
}

.coupon_header {
  position: fixed;    
  width: 100%;
  height: 88rpx; 
  top: 0; 
  background-color: #FFFFFF;
  display: flex;
  flex-direction:row;
  justify-content: space-around;
  align-items: center;
  z-index: 999;
  border-bottom: 1rpx solid #F0F0F0;
  box-shadow: 0 4px 5px -3px #E0E0E0;
}

.coupon_header .filterNormal {
  font-family: PingFang-SC-Regular;
  font-size: 28rpx;
  color: #B0B0B0;
  letter-spacing: -0.6px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.coupon_header .dividingLine {
  width: 2rpx;
  height: 60rpx;
  background: #E0E0E0;
}

.coupon_header .filterSelect {
  font-family: PingFang-SC-Semibold;
  font-size: 28rpx;
  color: #444444;
  letter-spacing: -0.6px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;  
}

.scrollView {
  background: #F0F0F0;
}

.space {
  width: 100%;
  height: 20rpx;
  background: #F0F0F0;
}


.sepTips {
  width: 100%;
  height: 95rpx;
  background: #F0F0F0;
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
}

.sepTips .sepTipsLine {
  width: 160rpx;
  height: 2rpx;
  background: #E0E0E0;
}

.sepTips .sepTipsText {
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #B0B0B0;
  letter-spacing: -0.51px;
  padding-left: 24rpx;
  padding-right: 24rpx;
}



.bottom {
  position: fixed;    
  width: 100%;
  height: 100rpx; 
  bottom: 0; 
  background-color: white;
  display: flex;
  flex-direction:row;
  align-items: center;
  z-index: 1000;
  border-top: 1rpx solid #F0F0F0;
}

.bottom .bottomView {
  width: 470rpx;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.bottom .bottomView .top1{
  width: 470rpx;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
}


.bottom .bottomView .bottom1{
  width: 470rpx;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  margin-top: 10rpx;
}

.bottomText {
  font-family: PingFang-SC-Regular;
  font-size: 24rpx;
  letter-spacing: 0;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height: 26rpx;
  margin-left: 10rpx;
}

.bottomRedText {
  font-family: PingFang-SC-Medium;
  font-size: 24rpx;
  line-height: 26rpx;
  color: #D0021B;
  margin-left: 10rpx;
  font-weight: bold; 
}

.bottom .bottomButton {
  width: 260rpx;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20rpx;
}

.bottom .bottomButton .text{
  font-family: PingFang-SC-Regular;
  font-size: 34rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.adVew {
  width: 100%;
  height: 88rpx;
  background: #FF8083;
  flex-direction: row;
  align-items: center;
  position: fixed;
  z-index: 998;
  margin-top: -1rpx;
  display: flex;
}

.adVew .adVewText {
  width: 612rpx;
  font-family: PingFang-SC-Regular;
  font-size: 22rpx;
  color: #FFFFFF;
  letter-spacing: -0.47px;
  line-height: 30rpx;
  margin-left: 30rpx;
  word-break:break-all;
  display:-webkit-box;
  -webkit-box-pack: center;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.adVew .adVewExit {
  width: 88rpx;
  height: 88rpx;
  margin-left: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.adVew .adVewExit .adVewExitIcon {
  width: 30rpx;
  height: 30rpx;
}