.comment-fourthly {
    --comment-background-color: #fff;
    --comment-background-to: #fff;
    /* 背景颜色 */
    /* --comment-card-to:"#fff"; */
    --comment-card-color: #fff;
    /* 卡片背景颜色 */
    --comment-score-color: #ff9e0f;
    /* 评分颜色 */
    --comment-score-hide: inline-block;
    /*评分显示or隐藏*/
    --comment-photo-hide: inline-block;
    /* 图片的显示or隐藏 */

    /* 页面上下边距 */
    --comment-padding-top_pc: 25px;
    --comment-padding-top_pad: 28px;
    --comment-padding-top_mobile: 25px;
    --comment-padding-bottom_pc: 25px;
    --comment-padding-bottom_pad: 28px;
    --comment-padding-bottom_mobile: 25px;

    /* 页面左右边距 */
    --comment-back-inner-margin: 260;


    --comment-title-size: 30px;
    /*标题字号*/
    --comment-title-color: #000;
    /*标题字体颜色*/
    --comment-title-font: "Arial";
    /*标题字体*/
    --comment-title-italic: normal;
    /*标题倾斜*/
    --comment-title-bold: 900;
    /*标题加粗*/
    --comment-title-hide: block;
    /*标题显示隐藏*/

    --comment-content-size: 16px;
    /*内容字号*/
    --comment-content-color: #333;
    /*内容字体颜色*/
    --comment-content-font: "Arial";
    /*内容字体*/
    --comment-content-italic: normal;
    /*内容倾斜*/
    --comment-content-bold: normal;
    /*内容加粗*/
    --comment-content-hide: block;
    /*内容显示隐藏*/

    --comment-author-size: 16px;
    /*作者字号*/
    --comment-author-color: #333;
    /*作者字体颜色*/
    --comment-author-font: "Arial";
    /*作者字体*/
    --comment-author-italic: normal;
    /*作者倾斜*/
    --comment-author-bold: normal;
    /*作者加粗*/
    --comment-author-hide: block;
    /*作者显示隐藏*/
}

.star img {
    width: 1.0417vw;
    height: 1.0417vw;
}

.comment-fourthly .score-star-box {
    display: flex;
    color: #f0f0f0;
}

.comment-fourthly .score-star-box .star {
    color: #f0f0f0;
    margin-right: 2px;
}

.comment-fourthly .score-star-box .star.i_good {
    color: var(--comment-score-color);
}

.comment-fourthly {
    word-break: break-word;
    padding: var(--comment-padding-top_pc) calc(100vw / 1920 * var(--comment-back-inner-margin)) var(--comment-padding-bottom_pc);
}

.comment-fourthly .comment-title {
    text-align: center;
    font-size: var(--comment-title-size);
    color: var(--comment-title-color);
    font-family: var(--comment-title-font);
    font-style: var(--comment-title-italic);
    font-weight: var(--comment-title-bold);
    display: var(--comment-title-hide);
    line-height: min(calc(2em - 4px),calc(.8em + 23px));
}

.comment-fourthly .comment-content {
    font-size: var(--comment-content-size);
    color: var(--comment-content-color);
    font-family: var(--comment-content-font);
    font-style: var(--comment-content-italic);
    font-weight: var(--comment-content-bold);
    display: var(--comment-content-hide);
    position: relative;
    z-index: 2;
    margin-bottom: 22px;
    line-height: min(calc(2em - 4px),calc(.8em + 23px));
}

.comment-fourthly .comment-author {
    font-size: var(--comment-author-size);
    color: var(--comment-author-color);
    font-family: var(--comment-author-font);
    font-style: var(--comment-author-italic);
    font-weight: var(--comment-author-bold);
    display: var(--comment-author-hide);
    padding: 8px 0 5px;
    line-height: min(calc(2em - 4px),calc(.8em + 23px));
}

.comment-fourthly {
    background: linear-gradient(to right, var(--comment-background-color), var(--comment-background-to));
}

.comment-fourthly .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.comment-fourthly .comment-user {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.comment-fourthly .comment-photo {
    width: 5vw;
    height: 5vw;
    display: var(--comment-photo-hide);
    position: relative;
    z-index: 2;
    /* margin-top: 0.625vw; */
    object-fit: cover;
}

.comment-fourthly .comment-man {
    margin: 0 0 0 .7813vw;
    position: relative;
    z-index: 2;
    width: calc(100% - 7vw);
}

.comment-fourthly .comment-man .comment-author {
    margin-bottom: 0;
}

.comment-fourthly .content {
    width: 45vw;
    height: 40vh;
    margin: 1vw 0;
    padding: 1vw;
    border-radius: 10px;
    border: 1px solid #E0E0E0;
    /* display: var(--comment-card-hide); */
    /* background: var(--comment-card-color); */
    position: relative;
    display: flex;
    flex-direction: column;
}
.comment-fourthly .content::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: var(--comment-card-hide);
    background: var(--comment-card-color);
    z-index: 0;
    border-radius:10px;
}

.comment-fourthly .content i {
    color: var(--comment-score-color);
    display: var(--comment-score-hide);
    vertical-align: middle;
}

.comment-fourthly .content>img {
    /* width: 10vw;
    height: 38vh; */
    border-radius: 10px;
    vertical-align: middle;
}

.comment-fourthly .top {
    width: 100%;
    height: 2vw;
}

.comment-fourthly .hr {
    width: 96%;
    height: 1px;
    background: #E0E0E0;
    margin: 1vw auto;
}

.comment-fourthly .comment {
    max-width: 34vw;
    height: 38vh;
    /* background-color: #FFBF31; */
    /* display: inline-block; */
}

.comment-fourthly .content {
    width: 28%;
    height: auto;
}

.comment-fourthly .content p {
    margin-bottom: 1vw;
}

/* .comment-fourthly .content div {
    display: inline-block;
    vertical-align: middle;
} */

@media only screen and (max-width: 1024px) {
    .comment-fourthly .comment-photo {
        width: 8vw;
        height: 8vw;
    }
}

@media only screen and (max-width: 750px) {
    .comment-fourthly{padding: 0}
    .comment-fourthly .comment-title {
        /* width: 29.0667vw;
        height: 4.8vw; */
        font-size: calc(var(--comment-title-size) * .5 + 8px);
        /*font-family: Arial;*/
        /*font-weight: 900;*/
        /*color: #000000;*/
        /*line-height: 52px;*/
        /* margin: 0 auto;*/
    }
    .comment-fourthly .score-star-box .star {
        margin-right: 8px;
    }

    .comment-fourthly .content {
        width: 91.4667vw;
        /* background: #FFFFFF; */
        /* border: 1px solid #E0E0E0; */
        border-radius: 5px;
        padding: 4vw 4.2667vw;

    }
    .comment-fourthly .content::after{
        border-radius: 5px;
    }

    .comment-fourthly .content p {
        margin: 0vw;
    }

    .comment-fourthly .comment-content {
        width: 83.2vw;
        margin-bottom: 0;
        font-size: calc(var(--comment-content-size) * .5 + 8px);
    }

    .comment-fourthly .comment-photo {
        width: 14.3333vw;
        height: 14.3333vw;
        /* margin: 4vw 0 0; */
        position: relative;
        z-index: 2;
    }

    .comment-fourthly .content i {
        width: 3.4667vw;
        color: #FFBF31;
    }

    .comment-fourthly .comment-author {
        /*font-size: 16px;*/
        /*font-family: Arial;*/
        /*font-weight: 400;*/
        /*color: #333333;*/
        /*line-height: 26px;*/
        font-size: calc(var(--comment-author-size) * .5 + 8px);
        padding: 4px 0;
    }

    .comment-fourthly .comment-man {
        margin: 0 0 0 2.6667vw;
        width: calc(100% - 17.3vw);
    }

    .star {
        margin-top: 6px;
    }

    .star img {
        width: 2.6667vw;
        height: 2.6667vw;
    }

    .comment-fourthly .content {
        padding: 4vw 4vw 4vw 4vw;
    }
    .comment-fourthly {
        padding: 25px 16px;
    }
}