// 边距样式
.p-4 {
    padding: 1.4rem;
}

.ml-4 {
    margin-left: 0.4rem;
}

.ml-6 {
    margin-left: 0.6rem;
}

.ml-10 {
    margin-left: 1rem;
}

.mr-10 {
    margin-right: 1rem;
}

.pt-12 {
    padding-top: 12px;
}

.py-2 {
    padding: 1.2rem 0;
}

.px-6 {
    padding: 0 6px;
}

.my-2 {
    margin: 0.2rem 0;
}

.pl-20 {
    margin-left: 20px;
}

.font-size-mx {
    font-size: 16px;
}

.text-right {
    text-align: right;
}

// 边框样式
.border-1 {
    border: 1px solid gainsboro;
}

// flex样式
.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.flex-1 {
    flex: 1;
}

.justify-lr {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}
.align-end {
    align-items: flex-end;
}

.justify-end {
    justify-content: flex-end;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

// 高度
.h-xl {
    height: 120px;
}

// ===》样式《===
.text-red {
    color: red;
}

.reset-btn {
    color: #ff7670;
}

.primary-color {
    color: #409EFF;
}

.define-error {
    background-color: #fff;
    top: 38px !important;
}

.width-100 {
    display: block;
    width: 100%;
}

// 背景颜色
.bg-white {
    background-color: #fff !important;
}

// 局部的滚动条样式
#preId {
    background-color: #1c1c1c;
    color: #f8f8f8;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
    overflow-x: auto;
}

#preId code {
    color: #f8f8f8;
}

#preId::-webkit-scrollbar {
    width: 6px;
    /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
    height: 8px;
    background: #eee;
}

/*定义滚动条轨道（凹槽）样式*/
#preId::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /* 较少使用 */
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.1);
}

/*定义滑块 样式*/
#preId::-webkit-scrollbar-thumb {
    border-radius: 3px;
    height: 100px;
    /* 滚动条滑块长度 */
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

// 公用样式
.item-search {
    width: 196px;
    margin-right: 12px !important;
}
.define-formItem-pd {
    padding-top: 12px;
}

// 滚动条样式
::-webkit-scrollbar {
    width: 6px;
    /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
    height: 8px;
    background: #eee;
}

/*定义滚动条轨道（凹槽）样式*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /* 较少使用 */
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.1);
}

/*定义滑块 样式*/
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    height: 100px;
    /* 滚动条滑块长度 */
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

// 去除输入框默认加减号
input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

// 单行文本省略
.single-line {
    white-space: nowrap;
    /* 禁止换行 */
    overflow: hidden;
    /* 超出部分隐藏 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.cursor {
    cursor: pointer;
}

.screening {
    .el-checkbox {
        display: block;
    }
}

// 表格下拉列表操作
.type-actions {
    width: 110px;
    margin-right: 10px;

    .el-select-dropdown__wrap {
        .el-select-dropdown__item {
            padding: 0;
        }
    }

    .block {
        width: 100%;
        color: #fff;
    }
}

.define-custom {
    width: 34px;
}
// 修改el-selectv2的虚拟下拉列表样式
.el-select-v2__wrapper {
    border: none;
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;

    .el-select-v2__input-wrapper {
        input {
            --el-input-inner-height: calc(var(--el-component-size, 32px) - 6px);
        }
    }
}
// 提示窗口
.info-customername-warp {
    max-width: 820px;
}

@mixin el-select-width($width) {
    width: $width;

    .el-select-dropdown__list {
        width: $width !important;

        .el-select-dropdown__option-item {
            font-size: 14px;
        }
    }
}

.countryId-w {
    @include el-select-width(274px);
}

.booking-agentId-w {
    @include el-select-width(391px);
}

.productId-w {
    @include el-select-width(297px);
}

.customerId-w {
    @include el-select-width(456px);
}

.salesmanId-w {
    @include el-select-width(274px);
}

.providerId-w {
    @include el-select-width(391px);
}

// 客户账单表格样式
.customer-bill {
    td[colspan="7"] {
        padding: 0 !important;
        > .vxe-cell {
            padding: 0 !important;
        }
    }
}
// 检查分组提示框
.define-checkcustomer {
    position: relative;
    max-width: 580px !important;
}

// 全局搜索框样式
.global-search {
    .query-search {
        width: 184px;
        margin-right: 11px;
    }
}
// 起始时间表单宽度
.starting-time-item {
    width: 206px !important;
}

// 客户费用结算价表格行颜色
.row-settlement-color {
    color: #409EFF;
}
// 
.vxe-table--tooltip-wrapper.theme--dark {
    font-size: 14px;
    line-height: 1.5;
}
.define-select {
    .el-select-dropdown__wrap {
        max-height: 284px;
    }
    .el-scrollbar {
        > .el-scrollbar__bar.is-vertical  {
          display: block !important;
        }
    }
}
// 费用比较样式
.class-oldFeeAmount,.class-oldFeeAmount .class-feeAmount {
    color: #409EFF;
    font-weight: bold;
}
.class-countFeeWeight {
    color: #67C23A;
    font-weight: bold;
}
.class-weightPrice {
    color: #275DE6;
    font-weight: bold;
}
.class-operatePrice {
    color: #F9B500;
    font-weight: bold;
}
// 
.class-profit {
    color: red;
}