//管道通用样式
.progress_red {
    .el-progress-bar__inner--striped {
        background-size: 20px 20px;
        background-image: linear-gradient(45deg,
                rgba(200, 200, 200, 1) 25%,
                /* 白色条纹 */
                transparent 25%,
                transparent 50%,
                rgba(200, 200, 200, 1) 50%,
                rgba(200, 200, 200, 1) 75%,
                transparent 75%,
                transparent);
    }

    .el-progress-bar__inner {
        background-color: #ff1900;
    }
}

.progress_green {
    .el-progress-bar__inner--striped {
        background-size: 20px 20px;
        background-image: linear-gradient(45deg,
                rgba(200, 200, 200, 1) 25%,
                /* 白色条纹 */
                transparent 25%,
                transparent 50%,
                rgba(200, 200, 200, 1) 50%,
                rgba(200, 200, 200, 1) 75%,
                transparent 75%,
                transparent);
    }

    .el-progress-bar__inner {
        background-color: #2b9938;
    }
}

.progress_blue {
    .el-progress-bar__inner--striped {
        background-size: 20px 20px;
        background-image: linear-gradient(45deg,
                rgba(200, 200, 200, 1) 25%,
                /* 白色条纹 */
                transparent 25%,
                transparent 50%,
                rgba(200, 200, 200, 1) 50%,
                rgba(200, 200, 200, 1) 75%,
                transparent 75%,
                transparent);
    }

    .el-progress-bar__inner {
        background-color: #0586ef;
    }
}

//压缩空气管道样式
.progress_compressed_air {

    //蓝色进度条
    .el-progress-bar__inner--striped {
        background-size: 20px 20px;
        background-image: linear-gradient(45deg,
                rgba(200, 200, 200, 1) 25%,
                /* 白色 */
                transparent 25%,
                transparent 50%,
                rgba(200, 200, 200, 1) 50%,
                rgba(200, 200, 200, 1) 75%,
                transparent 75%,
                transparent);
    }

    .el-progress-bar__inner {
        background-color: #0586ef;
    }
}


//换热液管道样式
.progress_heat_exchange_fluid {

    //黄色进度条
    .el-progress-bar__inner--striped {
        background-size: 20px 20px;
        background-image: linear-gradient(45deg,
                rgba(200, 200, 200, 1) 25%,
                /* 白色条纹 */
                transparent 25%,
                transparent 50%,
                rgba(200, 200, 200, 1) 50%,
                rgba(200, 200, 200, 1) 75%,
                transparent 75%,
                transparent);
    }

    .el-progress-bar__inner {
        background-color: #c69f03;
    }
}

//臭气管道效果
.progress_stench {

    /* 紫色条纹背景 */
    .el-progress-bar__inner--striped {
        background-size: 20px 20px;
        background-image: linear-gradient(45deg,
                rgba(200, 200, 200, 1) 25%,
                /* 白色条纹 */
                transparent 25%,
                transparent 50%,
                rgba(200, 200, 200, 1) 50%,
                rgba(200, 200, 200, 1) 75%,
                transparent 75%,
                transparent);
    }

    .el-progress-bar__inner {
        background-color: purple;
    }

}

//物料管道效果
.progress_materials {

    /* 灰色条纹背景 */
    .el-progress-bar__inner--striped {
        background-size: 20px 20px;
        background-image: linear-gradient(45deg,
                rgba(200, 200, 200, 1) 25%,
                /* 浅灰 */
                transparent 25%,
                transparent 50%,
                rgba(200, 200, 200, 1) 50%,
                rgba(200, 200, 200, 1) 75%,
                transparent 75%,
                transparent);
    }

    /* 灰色填充背景 */
    .el-progress-bar__inner {
        background-color: #808080;
        /* 深灰 */
    }
}

// 蒸汽管道效果
.progress_steam {

    /* 橙色条纹管道效果：深色增强对比 */
    .el-progress-bar__inner--striped {
        background-size: 20px 20px;
        background-image: linear-gradient(45deg,
                rgba(200, 200, 200, 1) 25%,
                /* 白色条纹 */
                transparent 25%,
                transparent 50%,
                rgba(200, 200, 200, 1) 50%,
                rgba(200, 200, 200, 1) 75%,
                transparent 75%,
                transparent);
    }

    .el-progress-bar__inner {
        background-color: #ff6200;
    }


}

//顺时针旋转90度
.rotate_90 {
    // transform: rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

//逆时针旋转45度
.rotate_315 {
    transform: rotate(-45deg);
}

//旋转180度
.rotate_180 {
    transform: rotate(180deg);
}

//顺时针旋转270度
.rotate_270 {
    transform: translate(-50%, -50%) rotate(270deg);
    // transform: rotate(270deg);
}

//箭头通用样式
.arrow {
    position: absolute;
    transform: translate(-50%, -50%);
}

.arrow .arrow_icon {
    font-size: 100px;
    color: aliceblue;
}

.arrow .arrow_text {
    text-align: center;
    font-size: 20px;
    color: aliceblue;
}

.zIndex5 {
    z-index: 5 !important;
}

.zIndex10 {
    z-index: 10 !important;
}

.zIndex15 {
    z-index: 15 !important;
}

.zIndex100 {
    z-index: 100 !important;
}