.goods-comments-page {
    .goods-comments {
        .comment-item {
            border-bottom: 1px solid $borderC;
            padding: 0 pxToRem(28px);
            .user-name {
                font-size: pxToRem(24px);
                line-height: pxToRem(62px);
                color: $mainFontC;
            }
            .goods-spec,
            .comment-time {
                font-size: pxToRem(24px);
                line-height: pxToRem(62px);
            }
            .detail-content {
                font-size: pxToRem(24px);
                line-height: pxToRem(62px);
                color: $mainFontC;
            }
            .goods-spec,
            .comment-time {
                font-size: pxToRem(24px);
                line-height: pxToRem(62px);
            }
            .detail-content {
                font-size: pxToRem(28px);
                line-height: pxToRem(36px);
            }
            .goods-spec,
            .detail-content {
                color: $mainFontC;
            }
            .comment-time {
                color: #c1c1c1;
            }
        }
    }
}

.goods-consults-page {
    background-color: #f0f0f0;
    .goto-consult {
        width: 100%;
        box-sizing:border-box;
        padding: 0 pxToRem(28px);
        height: pxToRem(120px);
        background-color: #ffffff;
        border-bottom: 1px solid $borderC;
        i,
        span,
        a {
            line-height: pxToRem(120px);
            font-size: pxToRem(28px);
            color: $mainFontC;
        }
        .consult-logo {
            padding-right: pxToRem(15px);
        }
        .enter-consult-page {
            float: right;
            color: $subFontC;
        }
    }
    .goods-consults {
        .consult-item {
            margin-top: pxToRem(30px);
            padding: pxToRem(20px) pxToRem(28px);
            background-color: #fff;
            border-bottom: 1px solid $borderC;
            border-top: 1px solid $borderC;
            .question {
                font-size: pxToRem(24px);
                color: $mainFontC;
                span {
                    display: block;
                    float: left;
                    font-size: inherit;
                    padding-right: pxToRem(15px);
                }
                p {
                    overflow: hidden;
                    padding-bottom: pxToRem(15px);
                    border-bottom: 1px solid $borderC;
                }
            }
            .time {
                font-size: pxToRem(22px);
                color: $subFontC;
            }
            .answer {
                font-size: pxToRem(24px);
                line-height: pxToRem(36px);
                color: $subFontC;
                margin-top: pxToRem(14px);
                span {
                    display: block;
                    float: left;
                    font-size: inherit;
                    color: $mainFontC;
                    padding-right: pxToRem(15px);
                }
                p {
                    overflow: hidden;
                }
            }
        }
    }
    // .gap-block {
    //     min-height: 30rem/$pxConvertRem;
    //     background-color: #f0f0f0;
    // }
}

.consult-form-page {
    padding: pxToRem(28px);
    text-align: center;
    textarea {
        box-sizing: border-box;
        width: 100%;
        height: pxToRem(400px);
        font-size: pxToRem(28px);
        padding: pxToRem(10px);
        color: $mainFontC;
    }
    a {
        display: inline-block;
        height: pxToRem(80px);
        width: pxToRem(360px);
        color: #fff;
        background-color: #444;
        font-size: pxToRem(40px);
        line-height: pxToRem(80px);
        text-align: center;
        margin-top: pxToRem(20px);
    }
}

.good-detail-page {
    .feedback-list {
        padding-top: pxToRem(30px);
        margin-bottom: pxToRem(30px);
        background-color: #f0f0f0;
        .nav-tab {
            width: 100%;
        }
        .nav-tab {
            height: pxToRem(60px);
            padding: pxToRem(10px) 0;
            background-color: #fff;
            border-top: 1px solid $borderC;
            border-bottom: 1px solid $borderC;
        }
        .comment-nav,
        .consult-nav {
            box-sizing: border-box;
            float: left;
            width: 50%;
            height: pxToRem(60px);
            line-height: pxToRem(60px);
            font-size: pxToRem(28px);
            text-align: center;
            color: #ccc;
            &.focus {
                color: #000;
            }
        }
        .comment-nav {
            border-right: 1px solid #ccc;
        }
        .content {
            .content-main {
                background-color: #fff;
                border-bottom: 1px solid $borderC;
                &.comment-content-main {
                    .user-name {
                        font-size: pxToRem(24px);
                        line-height: pxToRem(62px);
                        color: $mainFontC;
                        padding-left: pxToRem(28px);
                        padding-right: pxToRem(18px);
                    }
                    .goods-spec,
                    .comment-time {
                        font-size: pxToRem(24px);
                        line-height: pxToRem(62px);
                    }
                    .detail-content {
                        // font-size: pxToRem(28px);
                        // line-height: pxToRem(36px);
                        font-size: pxToRem(24px);
                        line-height: pxToRem(62px);
                        color: $mainFontC;
                        padding-left: pxToRem(28px);
                        padding-right: pxToRem(18px);
                    }
                    .goods-spec,
                    .comment-time {
                        font-size: pxToRem(24px);
                        line-height: pxToRem(62px);
                    }
                    .detail-content {
                        font-size: pxToRem(28px);
                        line-height: pxToRem(36px);
                    }
                    .goods-spec,
                    .detail-content {
                        color: $mainFontC;
                    }
                    .detail-content,
                    .comment-time {
                        padding-left: pxToRem(28px);
                    }
                    .detail-content {
                        padding-right: pxToRem(28px);
                        padding-left: pxToRem(28px);
                    }
                    .detail-content {
                        padding-right: pxToRem(28px);
                    }
                    .comment-time {
                        color: #c1c1c1;
                    }
                }
                &.consult-content-main {
                    padding-right: pxToRem(28px);
                    padding-left: pxToRem(28px);
                    padding-top: pxToRem(20px);
                    padding-bottom: pxToRem(20px);
                    .question {
                        font-size: pxToRem(24px);
                        color: $mainFontC;
                        span {
                            display: block;
                            float: left;
                            font-size: inherit;
                            padding-right: pxToRem(15px);
                        }
                        p {
                            overflow: hidden;
                        }
                    }
                    .time {
                        font-size: pxToRem(22px);
                        color: $subFontC;
                    }
                    .answer {
                        font-size: pxToRem(24px);
                        line-height: pxToRem(36px);
                        color: $subFontC;
                        margin-top: pxToRem(14px);
                        span {
                            display: block;
                            float: left;
                            font-size: inherit;
                            color: $mainFontC;
                            padding-right: pxToRem(15px);
                        }
                        p {
                            overflow: hidden;
                        }
                    }
                }

                &.no-item{
                    height: pxToRem(200px);
                    line-height: pxToRem(200px);
                    color: #e0e0e0;
                    font-size: 16px;
                    text-align: center;
                    span{
                        display: inline-block;
                        font-size: 16px;
                        padding-right: 5px;
                    }
                }
            }
        }
        
        .comment-content-footer,
        .consult-content-footer {
            min-height: pxToRem(88px);
            text-align: center;
            background-color: #fff;
            border-bottom: 1px solid $borderC;
            line-height: pxToRem(88px);
            font-size: pxToRem(28px);
            a {
                color: #e0e0e0;
                .iconfont {
                    font-size: inherit;
                }
            }
        }

        .content.hide {
            display: none;
        }

        .nodata {
            height: pxToRem(88px);
            font-size: pxToRem(28px);
            line-height: pxToRem(88px);
            background-color: #fff;
            padding: 0 pxToRem(28px);
            border-top: 1px solid $borderC;
            border-bottom: 1px solid $borderC;
            .go-consult {
                float: right;
                color: $subFontC;
                span {
                    font-size: pxToRem(28px);
                }
            }
        }


    }
}