[class^="icon-"] {
    font-family: "iconfont" !important;
    /* 以下内容参照第三方图标库本身的规则 */
    font-size: 18px !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-menu-item [class^=icon-] {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
}

.el-submenu [class^=icon-] {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
}

.iconf {
    width: 32px;
    height: 32px;
    display: inline-block;
}

.iconf.icon-device-icon {
    background-image: url(../img/svg/device-icon.svg);
    background-size: 100%;
}

.iconf.icon-prod_order-icon {
    background-image: url(../img/svg/prod_order-icon.svg);
    background-size: 100%;
}

.iconf.icon-prod_report-icon {
    background-image: url(../img/svg/prod_report-icon.svg);
    background-size: 100%;
}

.iconf.icon-quality_report-icon {
    background-image: url(../img/svg/quality_report-icon.svg);
    background-size: 100%;
}

.iconf.icon-repair_report-icon {
    background-image: url(../img/svg/repair_report-icon.svg);
    background-size: 100%;
}

.iconf.icon-order_schedule-icon {
    background-image: url(../img/svg/order_schedule-icon.svg);
    background-size: 100%;
}

.iconf.icon-purchase_schedule-icon {
    background-image: url(../img/svg/purchase_schedule-icon.svg);
    background-size: 100%;
}

.iconf.icon-receipt_goods-icon {
    background-image: url(../img/svg/receipt_goods-icon.svg);
    background-size: 100%;
}