.container {
    // background-color: #F7F7F7;
    letter-spacing: 8rpx;

    .shop-stars,
    .product-stars {
        height: 100rpx;
        display: flex;
        justify-content: flex-start;
        margin: 10rpx 0;
        background-color: #fff;

        .title {
            margin: 0 30rpx;
            line-height: 100rpx;
        }

        .info {
            display: flex;
            justify-content: flex-start;
            margin: 20rpx;

            .star {
                margin: 0 5rpx;
            }
        }
    }

    .comment-text {
        width: 100%;
        background-color: #fff;

        .words {
            width: 90%;
            margin: 10rpx auto;
            padding-top: 20rpx;
            background-color: #fcfcfc;

            .commtext {}

            .words-num {
                display: flex;
                justify-content: flex-end;
                margin-bottom: 20rpx;
                color: #707070;

                .red {
                    color: red;
                }
            }

        }
    }

    .comment-img {
        background-color: #fff;
        margin-top: 30rpx;
        padding-top: 10rpx;
        min-height: 400rpx;
        position: relative;
        .weui-uploader {
            .weui-uploader__bd {
                display: flex;
                justify-content:flex-start;
                flex-wrap: wrap;
                padding-top: 30rpx;
                .pic {
                    width: 30%;
                    height: 200rpx;
                    margin-left: 1.111111%;
                    margin-bottom: 1%;
                    position: relative;
                    .weui-uploader__img {
                        width: 100%;
                        height: 100%;
                        position: relative;
                    }
                    .delete-btn{
                        width: 35rpx;
                        height: 35rpx;
                        border-radius: 50%;
                        z-index: 9;
                        position: absolute;
                        right: -10rpx;
                        top: -7rpx;
                        background-color: red;
                        text-align: center;
                        line-height: 35rpx;
                        color: #fff;
                        &::after{
                            content: '';
                            width: 20rpx;
                            height: 2rpx;
                            background-color: #fff;
                            position: absolute;
                            top: 16rpx;
                            left: 8rpx;
                        }
                    }
                    
                }
                .add{
                    width: 200rpx;
                    height: 200rpx;
                    color: #999;
                    margin-left: 10rpx;
                    background-color: rgb(238, 238, 238);
                    position: relative;
                    >.title{
                        width: 100%;
                        text-align: center;
                        position: absolute;
                        top: 60%;
                        left: 105rpx;
                        transform: translateX(-50%);
                    }
                    >.camera{
                        width: 80rpx;
                        height: 80rpx;
                        margin: 0 auto;
                        position: absolute;
                        left: 50%;
                        top: 20%;
                        transform: translateX(-50%);
                    }
                    
                }
               
                
            }
        }
        .upload-img-btn{
           
        }
    }

    .comment-btn{
        width: 80%;
        height: 110rpx;
        background-color: #DF3361;
        color: #fff;
        margin: 30rpx auto;
        text-align: center;
        line-height: 110rpx;
    }

}