.repair-maintain {
    margin: 0 4px;
    .rm-head {
        padding: 14px 20px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
    }

    .rm-summary {
        display: flex;
        justify-content: start;
        align-items: center;

        &-item {
            margin-right: 76px;
            display: flex;
            justify-content: start;
            align-items: center;

            img {
                width: 46px;
                height: 46px;
                margin-right: 19px;
            }

            &--name {
                color: var(--label-color);
            }
            &--value {
                color: var(--info-color);
                font-size: 12px;
                span {
                    font-size: 22px;
                }
                &-compare {
                    display: inline-block;
                    margin-left: 36px;
                }
            }
        }
    }

    .rm-type {
        padding: 14px 20px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);

        &-chart {
            height: 218px;

            img {
                padding-bottom: 24px;
            }
        }
    }

    .rm-month-trend {
        padding: 14px 20px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);

        &-chart {
            height: 218px;
        }
    }

    .triangle-up {
        width: 12px;
        height: 8px;
        position: relative;
        overflow: hidden;
        display: inline-block;
        margin-left: 4px;
        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #f65861;
            transform-origin: left bottom;
            transform: rotate(45deg);
        }
    }
    .triangle-down {
        width: 12px;
        height: 8px;
        position: relative;
        overflow: hidden;
        display: inline-block;
        margin-left: 4px;
        margin-bottom: -2px;
        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #41ffb4;
            transform-origin: right top;
            transform: rotate(45deg);
        }
    }

    .rm-record {
        padding: 14px 20px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);

        min-height: 200px;
        margin-top: 10px;
    }
}
