/*产品容器*/
.wrap_products {
}

    /*所有信息-切换导航*/
    .wrap_products .AllInfo {
    }

.UserEvaluation .wrap_products .productDetail {
}

.wrap_products .productDetail > dl {
     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
     align-items: center;
     justify-content:center;
      -webkit-box-pack:center;
       -ms-flex-pack:center;
        justify-content:center;
    padding: 1rem 0;
}

    .wrap_products .productDetail > dl > dt {
        width: 8rem;
        height: 8rem;
        text-align: center;
        overflow: hidden;
        position: relative;
    }

        .wrap_products .productDetail > dl > dt > img {
         max-height:100%;
         max-width:100%;
        }

    .wrap_products .productDetail > dl > dd.proDes {
        width: 11rem;
        height:8rem;
         overflow:hidden;
        padding: 0 1rem;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-pack: center;
        -moz-box-align: center;
        display: -o-box;
        -o-box-orient: horizontal;
        -o-box-pack: center;
        -o-box-align: center;
        display: -ms-box;
        -ms-box-orient: horizontal;
        -ms-box-pack: center;
        -ms-box-align: center;
    }

        .wrap_products .productDetail > dl > dd.proDes > h3 {
            width: 100%;
            height: 2rem;
            line-height: 2rem;
            font-size: 0.8rem;
        }

    .wrap_products .productDetail > dl > dd > .context {
        font-size: 0.7rem;
        max-height:6rem;
        overflow-x: hidden;
        overflow-y:scroll;
    }

        .wrap_products .productDetail > dl > dd > .context > dt {
            height: 0.8rem;
        }

        .wrap_products .productDetail > dl > dd > .context > dd {
            text-indent: 0.2rem;
            line-height:0.9rem;
            font-size:0.6rem;
        }

.wrap_products .navBar {
    overflow-y: hidden;
    overflow-x: auto;
}

    .wrap_products .navBar > ul {
        width: 35rem;
        display: flex;
        height: 2.5rem;
        align-items: center;
    }

        .wrap_products .navBar > ul > li {
            font-size: 0.65rem;
            margin:0 0.5rem;
        }

            .wrap_products .navBar > ul > li.active - li {
            }

            .wrap_products .navBar > ul > li > a {
                display: block;
                height: 2rem;
                line-height: 2rem;
                text-align: center;
            }

            .wrap_products .navBar > ul > li.active {
                color: #E07A48;
                border-bottom: 0.1rem #E07A48 solid;
            }
/*用户评价*/
.wrap_products .AllInfo .proWrapper {
}

    .wrap_products .AllInfo .proWrapper .proItem {
        display: none;
        min-height: 8rem;
    }

        .wrap_products .AllInfo .proWrapper .proItem.spage > p {
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            font-size: 0.8rem;
            font-weight: bolder;
        }

        .wrap_products .AllInfo .proWrapper .proItem.spage .description {
            padding: 0.5rem;
            font-size: 0.7rem;
            line-height: 0.9rem;
        }

            .wrap_products .AllInfo .proWrapper .proItem.spage .description img {
                width: 100%;
            }

        .wrap_products .AllInfo .proWrapper .proItem.commentContainer {
            display: block;
            background-color: #fff;
        }

.wrap_products .AllInfo .commentContainer .commentInfo {
    height: 5rem;
    display: flex;
    align-items: center;
    border-bottom: 0.01rem #ddd solid;
}

    .wrap_products .AllInfo .commentContainer .commentInfo .grossScore {
        width: 4.8rem;
        padding: 0.5rem;
    }

        .wrap_products .AllInfo .commentContainer .commentInfo .grossScore p.title {
            height: 1rem;
            line-height: 1rem;
            text-align: center;
            font-size: 0.8rem;
            color: #202772;
        }

        .wrap_products .AllInfo .commentContainer .commentInfo .grossScore p.score {
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            font-size: 1.5rem;
            color: #FFAE00;
        }

        .wrap_products .AllInfo .commentContainer .commentInfo .grossScore p.star {
            text-align: center;
            display: flex;
            justify-content: space-around;
        }

            .wrap_products .AllInfo .commentContainer .commentInfo .grossScore p.star i {
                color: #dbdbdb;
                font-size: 0.7rem;
            }

            .wrap_products .AllInfo .commentContainer .commentInfo .grossScore p.star .fa.half {
                color: #ffb007;
            }

            .wrap_products .AllInfo .commentContainer .commentInfo .grossScore p.star .fa.full {
                color: #ffb007;
            }

.wrap_products .AllInfo .commentContainer .submitComment {
    width: 2rem;
    height: 4rem;
    line-height: 0.8rem;
    padding: 0.3rem 0.5rem;
    font-size: 0.7rem;
    position: relative;
    border-left: 0.01rem #ddd solid;
}

    .wrap_products .AllInfo .commentContainer .submitComment:after {
        position: absolute;
        content: "";
        width: 0.01rem;
        height: 60%;
        top: 20%;
        right: 0;
        background-color: #ddd;
    }

.wrap_products .AllInfo .commentContainer .commentInfo > ul {
    width: 8.2rem;
    padding: 0 0.2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-height: 5rem;
    overflow-y: auto;
}

    .wrap_products .AllInfo .commentContainer .commentInfo > ul > li {
        width: 3rem;
        height: 1rem;
        line-height: 1rem;
        -moz-box-sizing: initial;
        -webkit-box-sizing: initial;
        box-sizing: initial;
        border: 1px #DC5918 solid;
        font-size: 0.6rem;
        text-align: center;
        margin: 0.2rem;
    }

.wrap_products .AllInfo .commentContainer .commentInfo > .publishComment {
    width: 4rem;
}

    .wrap_products .AllInfo .commentContainer .commentInfo > .publishComment .publishBtn {
        display: block;
        width: 4rem;
        height: 1.8rem;
        margin: 0 auto;
        line-height: 1.8rem;
        text-align: center;
        color: #fff;
        background-color: #D95210;
        font-size: 0.6rem;
    }

    .wrap_products .AllInfo .commentContainer .commentInfo > .publishComment > p {
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        font-size: 0.5rem;
        color: #C33F3F;
    }
/*编辑评论*/
.wrap_products .AllInfo .commentContainer .compileContent {
    display: none;
    padding: 0.5rem 1rem;
    border-bottom: 0.01rem #ddd solid;
}

    .wrap_products .AllInfo .commentContainer .compileContent > h3 {
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 0.8rem;
        color: #80807F;
    }

    .wrap_products .AllInfo .commentContainer .compileContent .importRow {
        padding: 0.3rem 0;
        display: flex;
    }

        .wrap_products .AllInfo .commentContainer .compileContent .importRow > input {
            height: 1.8rem;
            line-height: 1.8rem;
            text-align: center;
            border: none;
            background: none;
            outline: none;
            -webkit-appearance: none;
            box-shadow: 0 0 0.1rem 0.1rem rgba(219,219,219,0.5);
            border-radius: 0.2rem;
            margin-right: 0.2rem;
        }

            .wrap_products .AllInfo .commentContainer .compileContent .importRow > input::-webkit-input-placeholder {
                font-size: 0.7rem;
                color: #CBCAC9;
            }

            .wrap_products .AllInfo .commentContainer .compileContent .importRow > input.userName {
                width: 7.5rem;
            }

            .wrap_products .AllInfo .commentContainer .compileContent .importRow > input.userPhone {
                width: 10rem;
                margin-right: 0rem;
            }

    .wrap_products .AllInfo .commentContainer .compileContent .importColumn {
        padding: 0.5rem 0;
    }

        .wrap_products .AllInfo .commentContainer .compileContent .importColumn .importText {
            position: relative;
        }

            .wrap_products .AllInfo .commentContainer .compileContent .importColumn .importText textarea {
                width: 100%;
                height: 6rem;
                border: none;
                background: none;
                outline: none;
                -webkit-appearance: none;
                box-shadow: 0 0 0.1rem 0.1rem rgba(219,219,219,0.5);
                border-radius: 0.2rem;
                padding: 0.5rem 0.5rem 1rem 0.5rem;
            }

            .wrap_products .AllInfo .commentContainer .compileContent .importColumn .importText p {
                position: absolute;
                right: 1rem;
                bottom: 0.5rem;
                font-size: 0.7rem;
                color: #C2C1C1;
            }

    .wrap_products .AllInfo .commentContainer .compileContent .uploadImgages {
        height: 2.5rem;
        display: flex;
        align-items: center;
    }

        .wrap_products .AllInfo .commentContainer .compileContent .uploadImgages a {
            width: 2.5rem;
            text-align: center;
            border-radius: 0.3rem;
            border: 0.1rem #77a4d2 solid;
            padding: 0.4rem;
            margin: 0 0.1rem;
            color: #C4C3C3;
            font-size: 0.6rem;
            line-height: 0.8rem;
            display: -webkit-box;
            -webkit-box-orient: horizontal;
            -webkit-box-pack: center;
            -webkit-box-align: center;
            display: -moz-box;
            -moz-box-orient: horizontal;
            -moz-box-pack: center;
            -moz-box-align: center;
            display: -o-box;
            -o-box-orient: horizontal;
            -o-box-pack: center;
            -o-box-align: center;
            display: -ms-box;
            -ms-box-orient: horizontal;
            -ms-box-pack: center;
            -ms-box-align: center;
            height: 100%;
        }

    .wrap_products .AllInfo .commentContainer .compileContent > ul {
        padding: 1.2rem 0;
    }

        .wrap_products .AllInfo .commentContainer .compileContent > ul > li {
            display: flex;
            align-items: center;
            font-size: 0.7rem;
            color: #FFB820;
        }

            .wrap_products .AllInfo .commentContainer .compileContent > ul > li > label {
                height: 1.2rem;
                line-height: 1.2rem;
                padding: 0 0.3rem;
            }

            .wrap_products .AllInfo .commentContainer .compileContent > ul > li .star {
                height: 1.2rem;
                line-height: 0.9rem;
                padding: 0.15rem;
            }

                .wrap_products .AllInfo .commentContainer .compileContent > ul > li .star i {
                    color: #dbdbdb;
                }



                    .wrap_products .AllInfo .commentContainer .compileContent > ul > li .star i.full {
                        color: #ffb007;
                    }

            .wrap_products .AllInfo .commentContainer .compileContent > ul > li > em {
                height: 1.2rem;
                line-height: 1.2rem;
                padding: 0 0.3rem;
            }

    .wrap_products .AllInfo .commentContainer .compileContent .importRow > input.verificationCode {
        width: 8rem;
    }

    .wrap_products .AllInfo .commentContainer .compileContent .importRow > .Code {
        width: 4rem;
        height: 1.8rem;
        margin: 0 0.5rem;
        border: 1px #ddd solid;
    }

    .wrap_products .AllInfo .commentContainer .compileContent .importRow > .submitBtn {
        width: 4rem;
        height: 1.8rem;
        line-height: 1.8rem;
        text-align: center;
        color: #fff;
        font-size: 0.8rem;
        background: #DB5310;
        border-radius: 0.2rem;
    }
/*评论列表*/
.wrap_products .AllInfo .commentContainer > ul.commentList {
    padding: 0.5rem 1rem;
}

    .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment {
        border-bottom: 0.01rem #ddd solid;
        padding-top: 0.3rem;
    }

        .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context {
        }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context .userInfo {
                display: flex;
            }

                .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context .userInfo > p {
                    padding-right: 0.8em;
                    font-size: 0.7rem;
                }

                    .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context .userInfo > p > label {
                        /*color: #AEAEAE;*/
                    }

                    .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context .userInfo > p > span {
                        font-size: 0.7rem;
                    }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context>p {
                font-size: 0.7rem;
            }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context .description {
                padding: 0.7rem 0;
                line-height: 0.8rem;
                font-size: 0.6rem;
                color: #5E6C76;
            }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context .pic {
                position: relative;
                overflow: hidden;
                padding: 0.3rem 0;
                display: flex;
            }

                .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context .pic a {
                    display: block;
                    float: left;
                    border: 2px solid #f2f2f2;
                    padding: 0.25rem;
                    margin-right: 0.5rem;
                    position: relative;
                    transition: border-color .2s ease-out;
                }

                .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_context .pic  img {
                    /*position: absolute;
                    transform: translate(-50%,-50%);
                    top: 50%;
                    left: 50%;*/
                    display: block;
                    width: 2.5rem;
                    height: 2.5rem;
                }

        .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent {
            display: flex;
            align-items: center;
        }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .grade {
                padding: 0.5rem 0;
                width: 70%;
            }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .grade {
            }

                .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .grade > li {
                    height: 1.5rem;
                    display: flex;
                    align-items: center;
                    font-size: 0.7rem;
                    color: #FFAE00;
                }

                    .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .grade > li > label {
                        padding: 0 0.5rem;
                    }

                    .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .grade > li .star {
                        height: 1.2rem;
                        line-height: 0.9rem;
                        padding: 0.15rem;
                    }

                        .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .grade > li .star i {
                            color: #dbdbdb;
                            font-size: 0.8rem;
                        }

                        .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .grade > li .star .fa.half {
                            color: #ffb007;
                        }

                        .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .grade > li .star .fa.full {
                            color: #ffb007;
                        }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .amount {
                width: 30%;
                color: #DD5D21;
                cursor: pointer;
            }

                .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .amount > h1 {
                    text-align: center;
                    line-height: 1.5rem;
                    font-size: 1rem;
                }

                .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .Comment_exponent .amount > .num {
                    border: 0.1rem #DC5B1F solid;
                    color: #DC5B1F;
                    display: block;
                    width: 2.5rem;
                    height: 3rem;
                    line-height: 3rem;
                    text-align: center;
                    margin: 0 auto;
                }

        .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .separator {
            height: 1.2rem;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            font-size: 0.8rem;
            padding-right: 1rem;
            line-height: 1.2rem;
        }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .separator > span {
                font-size: 0.75em;
                padding-right: 0.5rem;
            }



            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .separator > .fa {
                -moz-transition-timing-function: linear;
                -o-transition-timing-function: linear;
                -webkit-transition-timing-function: linear;
                transition-timing-function: linear;
                -moz-transition-duration: 400ms;
                -o-transition-duration: 400ms;
                -webkit-transition-duration: 400ms;
                transition-duration: 400ms;
            }

            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .separator.opened > .fa {
                transform: rotate(180deg);
            }

        .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .replyMessages {
            display: none;
        }


            .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .replyMessages .replay {
                border-bottom: 0.01rem #ddd solid;
                padding: 0.5rem 0;
            }

                .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .replyMessages .replay > h6 {
                    font-size: 0.7rem;
                    color: #0B264C;
                    padding-bottom: 0.3rem;
                }

                .wrap_products .AllInfo .commentContainer > ul.commentList > li.userComment .replyMessages .replay > p {
                    font-size: 0.6rem;
                    color: #747475;
                }
    /*留言回复*/
    .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply {
    }

        .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply > a {
            display: block;
            width: 100%;
            height: 1.5rem;
            line-height: 1.5rem;
            text-align: center;
            font-size: 0.8rem;
            color: #0E3487;
        }

            .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply > a > span.hidden {
                display: none;
            }

        .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent {
            border-bottom: 0.01rem #ddd solid;
            display: none;
        }

            .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent > h3 {
                height: 1.5rem;
                line-height: 1.5rem;
                font-size: 0.8rem;
                color: #80807F;
            }

            .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importRow {
                padding: 0.3rem 0;
                display: flex;
            }

                .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importRow > input {
                    height: 1.8rem;
                    line-height: 1.8rem;
                    text-align: center;
                    border: none;
                    background: none;
                    outline: none;
                    -webkit-appearance: none;
                    box-shadow: 0 0 0.1rem 0.1rem rgba(219,219,219,0.5);
                    border-radius: 0.2rem;
                    margin-right: 0.5rem;
                }

                    .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importRow > input.userName {
                        width: 7.5rem;
                    }

                    .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importRow > input.userPhone {
                        width: 10rem;
                        margin-right: 0rem;
                    }

                    .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importRow > input.verificationCode {
                        width: 8rem;
                    }

                .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importRow > .Code {
                    display: block;
                    width: 4rem;
                    height: 1.8rem;
                    /*background: url('http://gonkg.oss-cn-shanghai.aliyuncs.com/BoLang/Mobile/code.jpg') no-repeat center;
                            background-size: 100% 100%;*/
                    margin: 0 0.5rem;
                    border: 1px #ddd solid;
                }

                .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importRow > .submitBtn {
                    width: 4rem;
                    height: 1.8rem;
                    line-height: 1.8rem;
                    text-align: center;
                    color: #fff;
                    font-size: 0.8rem;
                    background: #DB5310;
                    border-radius: 0.2rem;
                }

            .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importColumn {
                padding: 0.5rem 0;
            }

                .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importColumn > .importText {
                    position: relative;
                }

                    .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importColumn > .importText > textarea {
                        width: 100%;
                        height: 6rem;
                        border: none;
                        background: none;
                        outline: none;
                        -webkit-appearance: none;
                        box-shadow: 0 0 0.1rem 0.1rem rgba(219,219,219,0.5);
                        border-radius: 0.2rem;
                        padding: 0.5rem 0.5rem 1rem 0.5rem;
                    }

                    .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .importColumn > .importText > p {
                        position: absolute;
                        right: 1rem;
                        bottom: 0.5rem;
                        font-size: 0.7rem;
                        color: #C2C1C1;
                    }

            .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .uploadImgages {
                height: 2.5rem;
                display: flex;
                align-items: center;
            }

                .wrap_products .AllInfo .commentContainer > ul.commentList .userComment .productEvaluateReply .messageContent .uploadImgages > a {
                    width: 2.5rem;
                    text-align: center;
                    border-radius: 0.3rem;
                    border: 0.01rem #eee solid;
                    padding: 0.4rem;
                    margin: 0 0.1rem;
                    color: #C4C3C3;
                    font-size: 0.6rem;
                    line-height: 0.8rem;
                    display: -webkit-box;
                    -webkit-box-orient: horizontal;
                    -webkit-box-pack: center;
                    -webkit-box-align: center;
                    display: -moz-box;
                    -moz-box-orient: horizontal;
                    -moz-box-pack: center;
                    -moz-box-align: center;
                    display: -o-box;
                    -o-box-orient: horizontal;
                    -o-box-pack: center;
                    -o-box-align: center;
                    display: -ms-box;
                    -ms-box-orient: horizontal;
                    -ms-box-pack: center;
                    -ms-box-align: center;
                    height: 100%;
                }