// 评论详情
.comment-item-detail {
    flex: 1;
    padding: 5px 10px;
    border-radius: 4px;

    &:hover {
        background-color: #F0F1F2;
    }

    .comment-operate {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 12px;
        color: #999;
        user-select: none;

        .time {
            font-size: 12px;
            color: #B3B3B3;
        }

        .comment-operate-item {
            cursor: pointer;

            &:hover {
                color: #1782E6;
            }
        }

        .anticon {
            margin-right: 4px;
        }

        button {
            height: 18px;
            line-height: 1;
        }
    }

    // 主评论
    .comment-item-detail-main {
        .comment-item-detail-head {
            margin-bottom: 4px;

            .name {
                color: #999;
            }
        }

        .comment-item-detail-head-main {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;

            .selection {
                font-size: 12px;
                color: #F5A623;
            }
        }

        .comment-item-detail-content {
            margin-bottom: 6px;
            word-break: break-word;

            img {
                max-width: 100%;
                max-height: 20vh;
            }
        }
    }

    // 子评论
    .comment-item-detail-minor {
        .comment-item-detail-head {
            margin-bottom: 4px;
            word-break: break-word;

            .name {
                margin-right: 4px;
                color: #999;
            }

            .comment-content {
                content: 1;
            }

            img {
                max-width: 100%;
                max-height: 20vh;
            }
        }

        .comment-item-detail-footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 21px;

            .time {
                font-size: 12px;
                color: #B3B3B3;
            }
        }
    }

    .u-comment-input {
        margin-top: 8px;
    }
}
