challengeFamily/components/activity/index.wxss

@import "/static/font.wxss";

.septal-bottom-line{margin-bottom: 20rpx;}
.list{background: #fff;}
.list .listBan{height:370rpx;position:relative;overflow:hidden; border-top-left-radius: 30rpx;border-top-right-radius: 30rpx;}
.listBan image{width:100%;height:100%;}
.listBan .cornermark{width: 3.5rem; height: 3.5rem; position: absolute; top: 0; left: 0;}
.cornermark{width: 100%; height: 100%;}
.listBan .label{position:absolute;top:20rpx;right:20rpx; overflow: hidden;}
.listBan .labelText{display:block;color:#fff;text-align:center;height: 50rpx; line-height: 50rpx; padding:0 20rpx; border-radius:10rpx; white-space: nowrap; font-size:24rpx;}
.listBan .labelText .icon{font-size: 30rpx;font-family: 'icomoon';vertical-align: middle;}
.discountG{background:#EE3943;}
.discountL{background: rgba(34,172,56,.8);}
.discountLG{background: rgba(0,160,233,.8);}
.statusAll{background:#07BB98}
.statusSoon{background:#4DAFEA}
.statusDisabled{background:#07BB98;}
.gray{background: #aaa;}
.listBan .listPos{position:absolute;bottom:0;z-index:9; width: 100%; font-size:24rpx;color:#fff;line-height:40rpx; display: flex; justify-content: space-between; align-items: center;background:rgba(0,0,0,.2);padding: 10rpx 0;}
.listPos .left{padding-left: 20rpx;display: flex;align-items: center;font-size: 20rpx;}
.listPos .icon-guarder{font-size: 26rpx; font-family: 'icomoon'; vertical-align: middle; margin-right: 10rpx;}
.listPos .icon-me{font-size: 26rpx; font-family: 'icomoon'; vertical-align: middle; margin-right: 10rpx;color: #3E3A39;}
.listPos .icon1{font-size: 30rpx; font-family: 'icomoon'; vertical-align: middle; margin-right: 10rpx;}
.listPos .icon1::before{color: #fff !important;}
.saleCount{border:2rpx solid rgba(255,255,255,1); display: inline-block; height: 35rpx; line-height: 35rpx; border-right: 0 none; border-radius: 20rpx 0 0 20rpx; padding:0 20rpx; margin-left: 20rpx; vertical-align: middle;background:rgba(255,255,255,.2)}
.listTitle{padding:20rpx;padding-right: 0;display: flex; align-items: center; justify-content: space-between;}
.actualPrice{background: var(--subtitleColor);color: #000;padding: 0 10rpx;border-radius: 10rpx;font-weight: 700;}
.noOriginPrice{font-weight: 700;color: var(--subtitleColor);}
.listInfo .font12{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;margin-top: 10rpx;}
.listPrice{font-size: 34rpx; flex-shrink: 0;text-align: right;display: flex;flex-direction: column;align-items: center;}
.titleT{font-size:28rpx;
  font-weight: bolder;
  color:#3E3A39;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.card-bottom{
  display: flex;
  flex-direction: row;
  padding: 10rpx 20rpx;
  align-items: center;
}
.card-bottom-info{flex: 1;overflow: hidden;}
.gray6{color: #c9caca;}
.theme{
  color:#3E3A39!important;
  display: flex;align-items: center;
  background-color: var(--themeColor);
  border-radius: 10rpx;
  padding: 0rpx 10rpx;
 }
 
.red{color: #EE3A43;}
.gray{color: #898989;}
.font12{font-size: 24rpx;}
.list .col-pri{width:100%;height:90rpx;background-color:#F6F5F5;display:flex;align-items:center;justify-content:space-between;}
.listTitle ~ .col-pri{border-top:1px solid #9FA0A0;}
.priLeft{width:40%;font-size:26rpx;color:#727171;padding-left:20rpx; border-left:6rpx solid #EE3A43;position:relative;}
.proRight{font-size:30rpx;display:inline-flex;align-items:center;color:#EE3A43;}
.oldprice{color: #c9caca;text-decoration: line-through;white-space:nowrap;margin-right:20rpx;font-size:26rpx;}
.price{color:#EE3A43;margin-right:40rpx;font-size:30rpx;}
.pay{width:120rpx;height:46rpx;text-align:center;line-height:46rpx;border:1px solid #EE3A43;border-radius:25rpx;margin-right:30rpx;}
.s{text-decoration: line-through; color: #9FA0A0;font-size: 30rpx;}
.borderRadiu{
  border-radius: 30rpx;
}
.act-sign{
  margin-top: 10rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.act-sign text{
  background: var(--themeColor);
  color: #3E3A39;
  padding: 0 10rpx;
  line-height: 1.5;
  margin-right: 10rpx;
  border-radius: 8rpx;
}