page {
    padding: 30rpx;
    box-sizing: border-box;
}

.item {
    margin-bottom: 30rpx;
    padding-bottom: 30rpx;
    border-bottom: 2rpx solid #f2f2f2;
    display: flex;
}

.top {
    width: 45%;
}

.name {
    margin-bottom: 10rpx;
}

.time {
    font-size: 26rpx;
    color: #9d9d9d;
}

.state {
    width: 30%;
    text-align: center;
    line-height: 92rpx;
    font-size: 30rpx;
    color: #949494;
}

.state.green {
    color: green;
}

.state.red {
    color: red;
}

.number {
    width: 25%;
    line-height: 92rpx;
    text-align: right;
    font-size: 34rpx;
    font-weight: 600;
}

.number.active {
    color: green;
}