pos_xcx/componets/comments/index.scss

.container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 20rpx 20rpx;
    background-color: #fff;
    border-bottom: 1rpx solid #ECECEC;

    /* 头像 */
    .photo {
        flex: 1;

        .head-img {
            width: 100rpx;
            height: 100rpx;
        }
    }

    .comments {
        flex: 5;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 0 20rpx;

        .product {
            width: 95%;
            display: flex;
            justify-content: space-between;
            align-items: center;

        }

        .comment-content {
            display: flex;
            flex-direction: column;
            justify-content: space-around;

            .imgs {
                width: 100%;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-wrap: wrap;
                .comment-img {
                    width: 32%;
                    padding-right: 1.333333%;
                    height: 158rpx;
                    .comm-img {
                        width: 100%;
                        height: 150rpx;

                    }
                }
            }

        }

    }
}

.f13 {
    font-size: 13px;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.color-gray {
    color: #999
}

.padding5 {
    padding: 5rpx 0;
}