[v-cloak]{
    display: none;
}
/*[v-cloak]::after {
    content: '页面正在拼命加载中……';
    font-size: 100px;
    display: flex;
    width: 100%;
    height: 100%;
}*/

.el-col-xs-24-1 {
    max-width: calc(100% / 1);
}
.el-col-xs-24-2 {
    max-width: calc(100% / 2);
}
.el-col-xs-24-3 {
    max-width: calc(100% / 3);
}
.el-col-xs-24-4 {
    max-width: calc(100% / 4);
}
.el-col-xs-24-5 {
    max-width: calc(100% / 5);
}
.el-col-xs-24-6 {
    max-width: calc(100% / 6);
}
.el-col-xs-24-7 {
    max-width: calc(100% / 7);
}
.el-col-xs-24-8 {
    max-width: calc(100% / 8);
}
.el-col-xs-24-9 {
    max-width: calc(100% / 9);
}
.el-col-xs-24-10 {
    max-width: calc(100% / 10);
}
.el-col-xs-24-11 {
    max-width: calc(100% / 11);
}
.el-col-xs-24-12 {
    max-width: calc(100% / 12);
}
@media (min-width: 768px) {
    .el-col-sm-24-1 {
        max-width: calc(100% / 1);
    }

    .el-col-sm-24-2 {
        max-width: calc(100% / 2);
    }

    .el-col-sm-24-3 {
        max-width: calc(100% / 3);
    }

    .el-col-sm-24-4 {
        max-width: calc(100% / 4);
    }

    .el-col-sm-24-5 {
        max-width: calc(100% / 5);
    }

    .el-col-sm-24-6 {
        max-width: calc(100% / 6);
    }

    .el-col-sm-24-7 {
        max-width: calc(100% / 7);
    }

    .el-col-sm-24-8 {
        max-width: calc(100% / 8);
    }

    .el-col-sm-24-9 {
        max-width: calc(100% / 9);
    }

    .el-col-sm-24-10 {
        max-width: calc(100% / 10);
    }

    .el-col-sm-24-11 {
        max-width: calc(100% / 11);
    }

    .el-col-sm-24-12 {
        max-width: calc(100% / 12);
    }
}
@media (min-width: 992px) {
    .el-col-md-24-1 {
        max-width: calc(100% / 1);
    }

    .el-col-md-24-2 {
        max-width: calc(100% / 2);
    }

    .el-col-md-24-3 {
        max-width: calc(100% / 3);
    }

    .el-col-md-24-4 {
        max-width: calc(100% / 4);
    }

    .el-col-md-24-5 {
        max-width: calc(100% / 5);
    }

    .el-col-md-24-6 {
        max-width: calc(100% / 6);
    }

    .el-col-md-24-7 {
        max-width: calc(100% / 7);
    }

    .el-col-md-24-8 {
        max-width: calc(100% / 8);
    }

    .el-col-md-24-9 {
        max-width: calc(100% / 9);
    }

    .el-col-md-24-10 {
        max-width: calc(100% / 10);
    }

    .el-col-md-24-11 {
        max-width: calc(100% / 11);
    }

    .el-col-md-24-12 {
        max-width: calc(100% / 12);
    }
}
@media (min-width: 1200px) {
    .el-col-lg-24-1 {
        max-width: calc(100% / 1);
    }

    .el-col-lg-24-2 {
        max-width: calc(100% / 2);
    }

    .el-col-lg-24-3 {
        max-width: calc(100% / 3);
    }

    .el-col-lg-24-4 {
        max-width: calc(100% / 4);
    }

    .el-col-lg-24-5 {
        max-width: calc(100% / 5);
    }

    .el-col-lg-24-6 {
        max-width: calc(100% / 6);
    }

    .el-col-lg-24-7 {
        max-width: calc(100% / 7);
    }

    .el-col-lg-24-8 {
        max-width: calc(100% / 8);
    }

    .el-col-lg-24-9 {
        max-width: calc(100% / 9);
    }

    .el-col-lg-24-10 {
        max-width: calc(100% / 10);
    }

    .el-col-lg-24-11 {
        max-width: calc(100% / 11);
    }

    .el-col-lg-24-12 {
        max-width: calc(100% / 12);
    }
}
@media (min-width: 1920px) {
    .el-col-xl-24-1 {
        max-width: calc(100% / 1);
    }

    .el-col-xl-24-2 {
        max-width: calc(100% / 2);
    }

    .el-col-xl-24-3 {
        max-width: calc(100% / 3);
    }

    .el-col-xl-24-4 {
        max-width: calc(100% / 4);
    }

    .el-col-xl-24-5 {
        max-width: calc(100% / 5);
    }

    .el-col-xl-24-6 {
        max-width: calc(100% / 6);
    }

    .el-col-xl-24-7 {
        max-width: calc(100% / 7);
    }

    .el-col-xl-24-8 {
        max-width: calc(100% / 8);
    }

    .el-col-xl-24-9 {
        max-width: calc(100% / 9);
    }

    .el-col-xl-24-10 {
        max-width: calc(100% / 10);
    }

    .el-col-xl-24-11 {
        max-width: calc(100% / 11);
    }

    .el-col-xl-24-12 {
        max-width: calc(100% / 12);
    }
}

fieldset {
    border-color: #fff;
}
    fieldset legend {
        color: var(--el-text-color-regular);
        font-size: 15px;
    }
/* 按钮组默认居中显示 */
.btn-container {
    text-align: center;
    padding: 10px 0;
}
/* 修改分割线的marrgin */
.el-divider {
    margin: 5px 0 !important;
}

/* 卡片头部文字修改 */
.el-card__header {
    font-size: 16px;
    font-weight: bold;
    color: #606266
}

/* 修改el-form-item元素 */
.el-form-item[class^="el-form-item"] {
    margin-bottom: 10px;
}

.el-form-item .el-input__wrapper input::placeholder {
    font-size: 13px;
}

.el-form-item[class^="el-form-item"] .el-form-item__label {
    line-height: 14px;
}
.el-form-item.el-form-item .el-form-item__label {
    padding: 10px 8px;
}
.el-form-item.el-form-item--large .el-form-item__label {
    padding: 13px 14px;
}
.el-form-item.el-form-item--large .el-form-item__content {
    color: var(--el-text-color-regular);
}

/* 穿梭框面单宽度修改 */
.el-transfer-panel{
    width: 40%;
    min-width: 150px;
}
.el-transfer__buttons{
    width: 20%;
    text-align: center;
    padding: 0
}
    .el-transfer__buttons .el-transfer__button {
        margin: 0;
        display: block;
        width: 70%;
        margin: 10px auto;
    }

/* 修改card头部 */
.el-card .el-card__header, .el-card .el-card__body {
    padding: 12px 20px;
}

/*修改提示弹层*/
.el-message-box__message{
    width: 100%
}

/* 修改body message提示的偏移量 
   如果是设置参数offset会导致下一个也距离上一个同样的距离*/
body .el-notification.common-notfiy {
    left: 40% !important;
    width: fit-content;
}

    body .el-notification.common-notfiy .el-notification__closeBtn {
        right: 10px;
    }

/* 富文本框添加红色错误外框 */
.el-form-item.is-error .tox-tinymce {
    box-shadow: 0 0 0 1px var(--el-color-danger);
    transition: var(--el-transition-box-shadow);
}

/*当屏幕尺寸小于600px时，应用下面的CSS样式*/
@media screen and (max-width: 700px) {
    .el-form-item {
        display: block !important;
        margin-bottom: 0 !important;
    }

        .el-form-item .el-form-item__label {
            justify-content: flex-start;
        }
}


/* 通用表单 详情样式 */
.common-form__warpper .el-form-item[class^="el-form-item"] {
    margin-bottom: 10px;
}
/* 通用数据详情 详情样式 */
.common-info__warpper .el-form-item[class^="el-form-item"] {
    margin-bottom: 0;
}

.table-col-check .cell.el-tooltip {
    min-width: auto;
}

/* 超出隐藏省略号 */
.ellips {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


/* 订单复核打包 完成/作业 Table行样式 */
/* 当前作业中的订单 */
.packing {
    background-color: var(--el-color-warning) !important;
    color: #ffffff;
}
    .packing:hover {
        --el-table-row-hover-bg-color: var(--el-color-warning-light-3) !important;
    }
/* 完成 */
.packed {
    background-color: var(--el-color-success) !important;
    color: #ffffff;
}
    .packed:hover {
        --el-table-row-hover-bg-color:  var(--el-color-success-light-3) !important;
    }
/* 作废的订单 */
.pack-so-void {
    background-color: var(--el-color-info-light-3) !important;
    color: #ffffff;
}
    .pack-so-void:hover {
        --el-table-row-hover-bg-color: var(--el-color-info-light-3) !important;
    }