119 lines
1.9 KiB
Plaintext
119 lines
1.9 KiB
Plaintext
.fui-tab .item.active {
|
|
color: #ff5555;
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
|
|
.fui-tab .item.active:before {
|
|
content: "";
|
|
height: 4rpx;
|
|
width: 100%;
|
|
background: #fe5455;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.coupon-list-group {
|
|
padding: 100rpx 24rpx;
|
|
}
|
|
|
|
.coupon-list {
|
|
width: 100%;
|
|
height: 180rpx;
|
|
border-radius: 8rpx;
|
|
padding: 28rpx 24rpx;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 20rpx;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.coupon-left {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.coupon-title {
|
|
font-size: 34rpx;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
height: 72rpx;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin: 0 0 20rpx 0;
|
|
}
|
|
|
|
.coupon-list-media {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
margin-right: 20rpx;
|
|
float: left;
|
|
}
|
|
|
|
.coupon-list-media image {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 50%;
|
|
border: 4rpx solid #fff;
|
|
}
|
|
|
|
.coupon-inner {
|
|
-webkit-box-flex: 1;
|
|
flex: 1;
|
|
height: auto;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
align-items: center;
|
|
vertical-align: middle;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
.coupon-inner view {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 1;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.coupon-time {
|
|
font-size: 24rpx;
|
|
color: #fff;
|
|
}
|
|
|
|
.coupon-right {
|
|
width: 154rpx;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
|
|
.coupon-right .text {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.coupon-right .num {
|
|
font-size: 64rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.coupon-list.gray {
|
|
background: #ccc;
|
|
}
|
|
|
|
.coupon-list.green {
|
|
background: #77cd44;
|
|
}
|
|
|
|
.coupon-list.blue {
|
|
background: #68bfe7;
|
|
} |