page {
    background: #f6f6f6;
}

.box {
    margin: 20rpx;
    background: #ffffff;
    display: flex;
    border-radius: 20rpx;
    padding: 20rpx;

    .image {
        width: 150rpx;
        height: 150rpx;
        margin-right: 20rpx;
        border-radius: 20rpx;
    }

    .right {
        width: 75%;
        position: relative;
        .title {
            overflow: hidden; //一定要写
            text-overflow: ellipsis; //超出省略号
            display: -webkit-box; //一定要写
            -webkit-line-clamp: 1; //控制行数
            -webkit-box-orient: vertical; //一定要写
        
        }
        .price {
            color: red;
            margin-top: 20rpx;
        }

        .time {
            color: #c1bcbc;
            margin-top: 10rpx;
        }

        .lecturer {
            font-size: 28rpx;
            margin-top: 20rpx;
        }
        .collection {
            position: absolute;
            right: 20rpx;
            top: 40rpx;
            padding: 10rpx 20rpx;
            background: #309b9e;
            color: #ffffff;
            border-radius: 20rpx;
        }
    }

}