.hc-system-set-box {
    .hc-system-set-title {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dbdbdb;
        .hc-icon-i {
            font-size: 20px;
        }
    }
    .warn-box-items {
        display: flex;
        justify-content: space-between;
        overflow: hidden;
        .warn-item {
            border: 1px solid rgb(187, 187, 187);
            .warn-item-tilte {
                height: 45px;
                line-height: 45px;
                background-color: #015EA7;
                color: white;
                font-size: 18px;
                font-weight: 800;
                text-align: center;
            }
            .warn-item-inner {
                padding: 10px;
                .warn-item-inner-box {
                    padding: 10px 20px;
                    .warn-item-inner-box-detail {
                        margin-top: 10px;
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .el-input-number.is-without-controls.warn-innput {
                             .el-input__wrapper {
                                padding-left: 5px;
                                 padding-right: 5px;
                            }
                        }
                    }
                }
            }
        }
    }
    .arrow {
        color: white;
        position: relative;
        height: 30px; /* 矩形的高度 */
        line-height: 30px;
        background-color: #06B2F6; /* 矩形的背景颜色 */
        text-align: center;
        width: auto;
        min-width: 60px
    }

    .arrow::after {
        content: '';
        position: absolute;
        top: 50%;
        right: -15px; /* 三角形相对于右边缘的偏移量 */
        width: 0;
        height: 0;
        border-top: 15px solid transparent; /* 上三角形的大小 */
        border-bottom: 15px solid transparent; /* 下三角形的大小 */
        border-left: 15px solid #06B2F6; /* 三角形的颜色 */
        transform: translateY(-50%);
    }
    .arrow-oringe {
        background-color: #FF9102;
    }
    .arrow-red {
        background-color: #FF0001;
    }
    .arrow-oringe::after {
        border-left: 15px solid #FF9102; /* 三角形的颜色 */
    }
    .arrow-red::after {
        border-left: 15px solid #FF0001; /* 三角形的颜色 */
    }
    .warn-item-inner-box-detail-right {
        margin-top: 10px;
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .warn-item-inner-box-title {
        display: flex;
        text-align: right;
    }


    .hc-system-set-project {
        position: relative;
        .set-project-row {
            position: relative;
            overflow: hidden;
            .set-project-row-col {
                position: relative;
                border: 1px solid rgb(187, 187, 187);
                .set-project-row-col-title {
                    padding: 6px 14px;
                    background: #f1f1f1;
                    border-bottom: 1px solid rgb(187, 187, 187);
                }
                .set-project-row-col-content {
                    padding: 14px;
                    overflow-y: auto;
                }
            }
        }
    }
}
