// .cardbox{
//     border-radius: 15rpx;
//     margin: 20rpx;
//     padding: 30rpx;
//     box-shadow: 0rpx 0rpx 10rpx #b8b7b7;
//     .card{
//         width: 100%;
//         display: flex;
//         image{
//             width: 310rpx;
//             height: 177rpx;
//             border-radius: 20rpx;
//         }
//         .infobox{
//             margin-left: 20rpx;
//             width: 405rpx;
//             .title{
//                 width: 100%;
//                 height: 160rpx;
//                 font-size: 28rpx;
//                 overflow: hidden;
//                 text-overflow: ellipsis;
//                 display: -webkit-box;
//                 -webkit-line-clamp: 4;
//                 -webkit-box-orient: vertical;
//             }

//         }

//     }

//     .time{
//         width: 100%;
//         font-size: 26rpx;
//         color: gray;
//         margin-top: 10rpx;
//     }
//     .submit{
//         position: absolute;
//         right: 0;
//         bottom: 0;
//         border-radius: 15rpx;
//         display: flex;
//         justify-content: center;
//         align-items: center;
//         background-color: aqua;
//         font-size: 25rpx;
//         padding: 10rpx 20rpx;
//     }
// }





.cardbox {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 20rpx;
    margin: 20rpx;
    box-shadow: 0rpx 0rpx 10rpx rgb(218, 218, 218);
    border-radius: 10rpx;

    .card {
        width: 260rpx;
        height: 180rpx;

        image {
            width: 100%;
            height: 100%;
        }
    }

    .infobox {
        width: 400rpx;
        height: 200rpx;

        .title {
            font-size: 32rpx;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }
       
        .time {
            font-size: 28rpx;
        }

    }

    .status {
        position: absolute;
        bottom: 0rpx;
        right: 0rpx;
        font-size: 25rpx;
        border-radius: 10rpx;
        background: #4F9AF7;
        padding: 10rpx 20rpx;
        color: white;
    }
}