.hanzo-evaluate {
    padding   : 5px 5px 15px 5px;
    background: #fff;
    margin-top: 10px;

    &_head {
        display        : flex;
        justify-content: space-between;
        height         : 40px;
        line-height    : 40px;
        border-bottom  : 1px solid rgba(236, 237, 239, 1);

        &--id {
            font-size  : 12px;
            font-weight: 400;
            color      : #555;
        }

        &--time {
            font-size  : 12px;
            font-family: PingFangSC-Regular;
            font-weight: 400;
            color      : rgba(153, 153, 153, 1);
        }
    }

    &_body {
        padding: 10px 0;
        display: flex;

        &--cover {
            width : 100px;
            height: 100px;
        }

        &--detail {
            padding-left: 5px;
            flex        : 1;

            &-title {
                height            : 40px;
                font-size         : 14px;
                font-weight       : 400;
                color             : rgba(34, 34, 34, 1);
                line-height       : 20px;
                margin            : 0;
                overflow          : hidden;
                text-overflow     : ellipsis;
                word-break        : normal;
                white-space       : normal;
                display           : -webkit-box;
                -webkit-line-clamp: 2;
            }

            &-qty {
                margin-top: 4px;

                span {
                    display      : inline-block;
                    min-width    : 38px;
                    height       : 18px;
                    background   : #f3f3f3;
                    border-radius: 9px;
                    font-size    : 12px;
                    font-weight  : 400;
                    color        : #666;
                    line-height  : 18px;
                    text-align   : center;
                    padding      : 0 4px;
                }

                i {
                    font-style : normal;
                    float      : right;
                    font-size  : 15px;
                    font-weight: 400;
                    color      : #333;
                    height     : 21px;
                    line-height: 21px;

                }
            }
        }

        &--others {
            margin-top     : 4px;
            display        : flex;
            justify-content: space-between;

            &-price {

                .big-price {
                    height     : 20px;
                    font-size  : 16px;
                    font-weight: 400;
                    color      : rgba(230, 0, 18, 1);
                    line-height: 28px;
                    display    : inline-block;
                }

                .small-price {
                    height         : 18px;
                    font-size      : 12px;
                    font-weight    : 400;
                    color          : rgba(153, 153, 153, 1);
                    line-height    : 18px;
                    display        : inline-block;
                    margin-left    : 5px;
                    margin-bottom  : 4px;
                    text-decoration: line-through;

                }
            }

            &-btn {
                height       : 28px;
                background   : #fff0f0;
                border-radius: 14px;
                border       : 1px solid #e60012;
                text-align   : center;
                font-size    : 16px;
                font-weight  : 400;
                color        : #e60012;
                line-height  : 28px;
                padding      : 0 15px;
            }
        }
    }

    &_foot {
        margin-top     : 10px;
        display        : flex;
        justify-content: space-between;

        &--eva {
            display: flex;

            &-text {
                font-size   : 14px;
                font-weight : 400;
                color       : #999;
                line-height : 20px;
                margin-right: 5px;
            }
        }

        &--time {
            height     : 18px;
            font-size  : 12px;
            font-weight: 400;
            color      : #999;
            line-height: 18px;
        }

    }
}