share_activity/pages/luckDraw/index.wxss

/* pages/luckDraw/index.wxss */
page {
    background: #f0f0f0;
    padding-bottom: 98rpx;
}

._list {
    width: 702rpx;
    margin: auto;
    padding-top: 32rpx;
}

._item {
    background: #fff;
    margin-bottom: 28rpx;
    border-radius: 10rpx;
    box-sizing: border-box;
}
._figure {
    height: 260rpx;
    width: 100%;
    border-radius: 10rpx 10rpx 0 0;
    overflow: hidden;
}
._figure image {
    height: 260rpx;
    width: 100%;
}

._info {
    display: flex;
    flex-direction: row;
    position: relative;
}
._base_info {
    flex: 1;
}
._status {
    width: 210rpx;
    position: absolute;
    right: 0;
    top: 0;
}

._base_info {
    padding: 28rpx 28rpx 28rpx 40rpx;
}
._title {
    font-weight: 1000;
    font-size: 36rpx;
    color: #000;
    margin-bottom: 16rpx;
    width: 390rpx;
}

._subtitle {
    font-size: 26rpx;
    color: #8c8c8c;
    font-size: 24rpx;
    margin-bottom: 4rpx;
    width: 400rpx;
    height: 32rpx;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
._time {
    font-size: 28rpx;
    color: #8c8c8c;
}
._sub_time {
    font-size: 26rpx;
    color: #aaa;
}

._status_btn {
    width: 174rpx;
    height: 60rpx;
    border-radius: 60rpx;
    line-height: 60rpx;
    text-align: center;
    font-size: 30rpx;
    font-weight: 600;
    margin: 60rpx 0 0 0;
}
._status2 {
    border: 2rpx solid #CF4F58;
    background: #FFE3E5;
    color: #BD1925;
}

._status1, ._status4, ._status5 {
    width: 226rpx;
    height: 78rpx;
    line-height: normal;
    border: 1rpx solid #EE7C00;
    background: #FFE6CB;
    color: #EE7C00;
    font-size: 26rpx;
    position: relative;
    left: -50rpx;
    margin: 35rpx 0 0 0;
}

._status3 {
    border: 1rpx solid #B1B1B1;
    background: #F5F5F5;
    color: #B1B1B1;
}

._no_more {
    font-size: 24rpx;
    color: #B1B1B1;
    text-align: center;
    line-height: 100rpx;
    padding-bottom: 28rpx;
    font-weight: 1000;
}

._no_result {
    font-size: 24rpx;
    color: #B1B1B1;
    text-align: center;
    line-height: 100rpx;
    font-weight: 1000;
}