edu-mini/components/community-card/community-card.wxss

.card {
    background: #FFFFFF;
}

.user-avater {
    width: 70rpx;
    height: 70rpx;
}

.user-info {
    display: flex;
    align-items: center;
}

.user-des {
    margin-left: 25rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.user-name {
    font-size: 28rpx;
    color: #4E4E4E;
}

.user-class {
    font-size: 22rpx;
    color: #999999;
}

.space {
    flex: 1
}

.info-tag {
    padding: 0 5rpx;
    background: #F7FFE6;
    border: 1rpx solid #8FC31F;
    border-radius: 5rpx;
    font-size: 19rpx;

    text-align: center;
    color: #8FC31F;
}

.message {
    margin-top: 10rpx;
    font-size: 28rpx;

    color: #414141;
    line-height: 42rpx;
    word-break: break-all;
}

.res {
    margin-top: 21rpx;
}

/*.video-img {*/
/*    position: relative;*/
/*    width: 160rpx;*/
/*    height: 250rpx;*/
/*}*/

/*.play-btn {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    width: 72rpx;*/
/*    height: 72rpx;*/
/*    background: rgba(0, 0, 0, 0.3);*/
/*    border-radius: 50%;*/
/*}*/

.time {
    margin-top: 20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.time-text {
    font-size: 24rpx;

    color: #7E7E7E;
}

.time-icon {
    height: 40rpx;
}