challengeFamily/pages/public/live/list.wxss

.septal-bottom-line{border-bottom: 16rpx solid #f1f1f1;}
.content-pad{padding: 14rpx;}
.list{background: #fff;overflow: hidden;}
.list .listBan{height:552rpx;position:relative;overflow:hidden; border-radius: 12rpx;}
.listBan image{width:100%;height:100%;border-radius: 12rpx;}
.listBan .icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.listBan .icon::before{color: #ccc !important;font-size: 120rpx;}
.title {display: flex;padding: 10rpx 0;}
.title-left {width: 450rpx;display: flex;flex-direction: column;}
.title-left > .name {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.title-right{width: 240rpx;margin-top: 20rpx;}
.title-right button {outline: none;float: right;line-height: 40rpx;background: #fff;padding: 4rpx 20rpx;border:2rpx solid #EE3A43; font-size: 28rpx;color: #EE3A43;}
.title-right button:first-child {background: #EE3A43;color: #fff;margin-left: 10rpx;}
.title-left-time .icon{font-family: 'icomoon'; margin-right: 10rpx;vertical-align: middle;}
.title-left-time {font-size: 24rpx;color:#EE3A43;padding: 10rpx 0;}
.title-left-time text:last-child {margin-left: 10rpx; padding: 0 10rpx; line-height: 28rpx; border: 2rpx solid #EE3A43;}
.title-left-time.green {color: #07c160;}
.title-left-time.green .icon::before{color: #07c160 !important;}
.title-left-time.green text:last-child {margin-left: 10rpx;border: 2rpx solid #07c160;}
.title-left-time.gray {color: #999;}
.title-left-time.gray .icon::before{color: #999 !important;}
.title-left-time.gray text:last-child {margin-left: 10rpx;border: 2rpx solid #999;}
button::after{ border: none; }