/*!
 * Copyright (c) 2013-Now http://jeesite.com All rights reserved.
 * 项目自定义的公共CSS，可覆盖jeesite.css里的样式
 */

/*
公共部分模块 最新部分(白色配色) 22-06-29修改
*/

/*material-info组件*/
.material-info-box {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
}

.material-info-box .content {
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    background: #fff;
    width: 50%;
    min-height: 300px;
}


/*新的标题部分*/
.new-section-title {
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 10px;
    margin-top: 20px;
}

.new-section-title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 74%;
    background: #57B159;
}

/*新的文字按钮*/
.text-btn {
    font-size: 14px;
    font-family: Source Han Sans CN-Normal, Source Han Sans CN;
    font-weight: 400;
}

.text-btn.text-btn-blue {
    color: #0081F6;
}

.text-btn.text-btn-red {
    color: #FF4A3B!important;
}

/*新按钮样式*/
.new-btn {
    display: inline-block;
    border: 1px solid transparent;
    font-size: 14px;
    padding: 4px 15px;
    text-align: center;
    border-radius: 4px;
    background: #fff;
}

.new-btn.new-btn-default {
    color: #666666;
    background: #fff;
    border: 1px solid #E4EAEE;
}

.new-btn-normal {
    color: #0081F6!important;
    font-size: 14px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
}

.new-btn-danger {
    color: #FF4A3B!important;
    font-size: 14px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
}

/*新的功能table模块*/
.common-table .el-table thead tr th {
    background: #F5F8FA!important;
    color: #546D7E;
    font-weight: 500;
    font-size: 14px;
}

.common-table .el-table .el-table__header {
    position: relative;
    border: 1px solid #E4EAEE;
}

.common-table .el-table .el-table__header::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 1px;
    background: #E4EAEE;
}

.common-table .el-table .el-table__body {
    position: relative;
    border-left: 1px solid #E4EAEE;
}

.common-table .el-table .el-table__body::after {
    content: "";
    position: absolute;
    right: 1px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #E4EAEE;
}

/*新的公共头部*/
.new-common-title {
    height: 40px;
    line-height: 40px;
    border: 1px solid #E4EAEE;
    color: #546D7E;
    background: #F5F8FA;
}

/*搜索模块*/
.search-block-parent {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.search-block {
    /*解决margin塌陷问题*/
    overflow: hidden;
    padding-top: 20px;
}

.search-block .search-row {
    display: flex;
    height: 45px;
    line-height: 45px;
    margin-top: 0px;
}

.search-block .search-row > span {
    display: flex;
    margin-right: 20px;
}

.search-block .search-row .label {
    line-height: 45px;
    margin-top: 0;
    padding-top: 0;
    color: #666;
    font-size: 14px;
    width: 120px;
    font-weight: normal;
    text-align: right;
}

.search-block .search-row .actions {
    margin-left: 35px;
}

.search-block .search-row .common-input .el-input input {
    width: 270px;
    transition: border .2s;
}

.search-block .search-row .common-input .el-input input:focus {
    border-color: #58B257;
}

.search-block .search-row .operations {
    margin-left: 40px;
    margin-top: 6px;
}

.search-block .search-row .operations *{
    height: 32px;
    padding: 0 12px!important;
}

.search-block .search-row .operations > *:not(:first-child) {
    margin-left: 14px;
}

.search-block .search-row .operations .btn.btn-default {
    border: 1px solid #E1E1E1!important;
    background: #fff;
}

/*input表单 基于elementui的input*/
.common-input .el-input input {
    border: 1px solid #E1E1E1;
    color: #333;
    width: auto;
    background: #fff;
    min-width: 220px;
}

.el-input__icon {
    line-height: 30px;
}

.common-input .el-input input::placeholder {
    color: #ccc;
    font-size: 13px;
}

/*公共下拉框*/
.common-select .el-select .el-input input {
    border-color: #E1E1E1;
    background: #fff;
    width: 270px;
    color: #333;
}

.common-select .el-select .el-input input::placeholder {
    color: #CCCCCC;
}

.common-select .el-select .el-input.is-focus .el-input__inner {
    border-color: #58B257;
}

/*公共下拉框部分*/
.el-select-dropdown__item span {
    color: #666!important;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background: #F5F8FA!important;
}

.el-select-dropdown__list {
    box-shadow: 0px 3px 10px 1px rgba(90, 90, 90, 0.16);
}

.el-select-dropdown {
    background: #fff !important;
    border-color: transparent !important;
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #E4E7ED!important;
}

.popper__arrow::after {
    background: transparent!important;
    border-bottom-color: #fff!important;

}

/*公共tab栏样式修改*/
.common-tab .common-tab-title{
    height: 54px;
    line-height: 54px;
    background: #F5F8FA;
    border-radius: 10px 10px 0px 0px;
    display: flex;
}

.common-tab .common-tab-title > * {
    padding: 0 28px;
    font-size: 16px;
    color: #999999;
    cursor: pointer;
    position: relative;
    transition: background-color .2s;
}

.common-tab .common-tab-title > *::after {
    position: absolute;
    background: #2D9862;
    width: 0;
    height: 2px;
    top: 0;
    left: 0;
    content: "";
    transition: width .2s;
}

.common-tab .common-tab-title > *.active {
    color: #2D9862;
    position: relative;
    background: #fff;
}

.common-tab .common-tab-title > *.active::after {
    width: 100%;
}
.wrapper {
    background: #F8F8F8;
}

/*

.wrapper::-webkit-scrollbar {
    width: 10px;
}

.wrapper::-webkit-scrollbar-track {
    background-color: #15424D;
}

.wrapper::-webkit-scrollbar-thumb {
    background-color: #2A5A62;
}*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

label {
    margin: 0;
    padding: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

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

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

.flex {
    display: flex !important;
}

.flex1 {
    flex: 1;
}

.float-l {
    float: left
}

body {
    height: 100%;
    background: transparent;
}

.bg-primary {
    color: #71beb5;
    background-color: rgba(181, 228, 237, .03);
}

.tabpanel_content .html_content,
.tabpanel_content,
.tabpanel {
    /*height: 100% !important;*/
    background: transparent;
}

.layout {
    position: relative;
    height: 100%;
    background: #F8F8F8;
    /*background:url("/static/images/sys-bg.jpg")no-repeat left top/100% 100%;*/
}

.c-primary {
    color: #e0faf4 !important;
}

/*a{
    color: #e0faf4 !important;
}*/
.c-assist {
    color: #ffea00 !important;
}

.c-w {
    color: #fff;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabpanel_tab_content {
    display: none;
}

.top-bar {
    height: 80px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mr-10 {
    margin-right: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.top-bar .sys-title {
    font-size: 34px;
    color: #e0faf4;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    margin: 0;
}

.top-bar .sys-time .icon-shijian {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 25px;
    line-height: 40px;
    border-radius: 50%;
    background-color: rgba(224, 250, 240, .29);
    color: rgb(224, 250, 240);
}

.top-bar .sys-time .datetime {
    font-size: 25px;
    font-weight: bold;
    margin-left: 10px;
}

.top-bar .sys-time .time {
    display: inline-block;
    color: #598a93;
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
    transform: skew(-10deg);
}

.user-bar .user-name {
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 1px;
    margin-right: 40px;
}

.user-bar li {
    float: left;
    line-height: 40px;
    margin-right: 20px;
}

.user-bar > li:last-child {
    margin: 0;
}

.user-bar > li > a {
    display: inline-block;
    color: #b5e4ed;
    font-size: 21px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(224, 250, 240, .29);
    vertical-align: bottom;
}

.user-bar li .icon-tuichu {
    font-size: 26px;
}

.c-pointer {
    cursor: pointer;
}

.form-input-date {
    background-image: url("/static/images/icon-date.png");
    background-repeat: no-repeat;
    background-position: 95% center;
}

.order-number {
    background: rgba(51, 188, 125, 0.32);
    padding: 3px 30px;
    justify-content: space-between;
    align-items: center;
    line-height: 30px;
}

.product-item {
    float: left;
    width: 50%;
    display: flex;
    padding: 10px 30px;
    align-items: center;
    border-bottom: 1px solid rgba(34, 109, 93, 32);
    color: #b5e4ed;
}

.product-list .product-item:nth-child(odd) {
    border-right: 1px solid rgba(34, 109, 93, 32);
}

.product-list .product-item:last-child {
    border-bottom: none;
}

.product-item .product-name {
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-item .product-name img {
    width: 50px;
    height: 50px;
    margin-right: 30px;
}

/*sidebar*/
.menu-wrapper {
    padding: 20px;
    overflow-x: auto;
}

.menu-wrapper .menu-tree {
    display: flex;
}

.menu-wrapper > .menu-tree > li {
    margin-right: 32px;
    display: flex;
    align-items: center;
}

.menu-wrapper > .menu-tree > li > a {
    display: flex;
    min-width: 150px;
    height: 60px;
    border-radius: 60px;
    background-color: rgba(181, 228, 237, .07);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
    transition: all .5s;
    color: #a9dbe5 !important;
    letter-spacing: 2px;
    padding: 0 15px;
}


.menu-wrapper > .menu-tree > li a.open {
    color: #fff !important;
    background-color: rgba(181, 228, 237, .33);
}

.menu-tree > li > .menu-tree > li {
    display: flex;
    align-items: center;
}

.menu-tree > li > .menu-tree > li > a {
    min-width: 120px;
    height: 40px;
    display: flex;
    border-radius: 40px;
    background-color: rgba(181, 228, 237, .07);
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #b5e4ed;
}

.menu-tree > li a:hover,
.menu-tree > li a.active {
    color: #fefefe !important;
    border: 1px solid #7cd220;
    background: linear-gradient(#c2df4f, #55911f);
}

.menu-tree > li > .menu-tree > li:before {
    content: '';
    display: inline-block;
    border-bottom: 1px dashed rgba(170, 216, 224, .3);
    width: 30px;
}

.tb-view {
    padding: 15px 40px;
}

.order-tool {
    justify-content: space-between;
    align-items: center;
    padding-left: 15px;
    margin-bottom: 15px;
}

.order-tool p {
    margin: 0 30px 0 0;
    height: 24px;
    line-height: 24px;
}

.order-tool .p-font {
    font-size: 24px;
    color: #ffea00;
    margin: 0 5px;
}
/*
.order-table .el-table td,
.order-table .el-table th.is-leaf {
    background-color: transparent;
}

.order-table .el-table {
    background: transparent;
}

.order-table .o-header, .order-table .el-table tr {
    background-color: transparent;
    border: none;
}

.order-table .el-table td {
    color: #b5e4ed;
    border: none;
}

.order-table .el-table::before {
    height: 0;
}

.order-table .o-header th {
    background: linear-gradient(#bedc4e, #5c9622);
    color: #fff;
    font-weight: normal;
    padding: 6px 0;
    border: none;
}

.order-table .el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: rgba(53, 196, 130, .09);
}

.order-table .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: rgba(53, 196, 130, .27);
}

.order-table .o-header th:first-child {
    border-radius: 15px 0 0 0;
}

.order-table .o-header th:nth-last-child(2) {
    border-radius: 0 15px 0 0;
}

.order-table .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    background-color: #1e524c;
    height: 4px;
    top: 6px;
}

.order-table .el-checkbox__inner {
    width: 17px;
    height: 17px;
    border-color: #b5e4ed;
    border-radius: 0;
    background-color: transparent;
}

.order-table .o-header .el-checkbox__inner {
    border-color: #fff;
}

.order-table .el-checkbox__inner::after {
    border-color: #1e524c;
    border-width: 2px;
    height: 8px;
    left: 5px;
    top: 2px;
}

.order-table .el-checkbox__input.is-checked .el-checkbox__inner,
.order-table .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #b5e4ed;
}*/

.order-pagination {
    padding: 10px 15px;
    justify-content: space-between;
    align-items: center;
    color: #518088;
}

.order-pagination .el-pagination .el-pager li {
    height: 24px;
    line-height: 22px;
    font-size: 14px;
    min-width: 22px;
    border: 1px solid #7dbdca;
    color: rgba(181, 228, 237, .47);
    background-color: rgba(181, 228, 237, .24);
    font-weight: normal;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.order-pagination .el-pagination .el-pager li:last-child {
    margin: 0;
}

.order-pagination .el-pagination .el-pager li:hover,
.order-pagination .el-pagination .el-pager li.active {
    background: linear-gradient(#bbda4c, #649c27);
    color: #fff !important;
    border: 1px solid #7cd220
}

.order-pagination .el-pagination span {
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    font-size: 14px;
    color: #b5e4ed;
}

.order-pagination .el-pagination.is-background .btn-next,
.order-pagination .el-pagination.is-background .btn-prev {
    background-color: rgba(181, 228, 237, .24);
    padding: 0 5px;
    height: 24px;
}

.order-pagination .el-pagination.is-background .btn-next:disabled,
.order-pagination .el-pagination.is-background .btn-prev:disabled {
    opacity: .6;
}

/*分页器样式修改*/
.order-pagination {
    display: flex;
    margin-top: 16px;
}

.order-pagination > span {
    visibility: hidden;
}

.order-pagination .el-pagination button {
    background: #fff !important;
    border: 1px solid #F0F0F0;
}

.order-pagination .el-pagination button span {
    background: #fff;
    color: #595959;
}

.order-pagination .el-pagination .el-pager li {
    background: #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    color: #595959;
    border: 1px solid #F0F0F0;
}

.page-wrapper {
    height: calc(100% - 80px);
    position: relative;
    /*background-color:rgba(0,127,124,.1)*/
}

.tab-panels {
    position: relative;
}

.tab-panels::after {
    content: "";
    display: block;
    top: 0;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 348px;
    background: linear-gradient(180deg, #E0F4F3 0%, #F8F8F8 100%);
}

.page-wrapper.has-children::after {
    top: 108px;
}

/*媒体查询 自适应*/
@media screen and (max-width: 1400px) {
    body .child-page {
        max-width: none;
        width: 98vw;
    }
}

@media screen and (max-width: 1300px) {
    /*input 和 select 宽度自适应*/
    body .common-select .el-select .el-input input {
        width: auto;
        min-width: 0;
    }

    body .search-block .search-row .common-input .el-input input {
        width: auto;
        min-width: 0;
    }
}

.child-page {
    height: auto;
    width: 84vw;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
    background: #FFF;
}

.row-title {
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #71beb5;
    background-color: rgba(181, 228, 237, .03);
    letter-spacing: 1px;
    position: relative;
}

.row-title:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 16px;
    background-color: #6db8b0;
    margin-right: 15px;
    vertical-align: middle;
}

.row-title .row-right {
    position: absolute;
    right: 20px;
    height: 26px;
    line-height: 16px;
    margin-top: 6px;
}

.search-form {
    padding: 15px 15px 15px 35px;
    color: #71beb5;
}

.search-form .search-item {
    display: inline-block;
    margin: 10px 25px 10px 0;
}

.search-form .required:before {
    content: '*';
    color: #ffea00;
    padding-right: 2px;
}

.search-form .search-item .form-input {
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #E1E1E1;
    background-color: #fff;
    min-width: 180px;
    color: #333;
    transition: border .1s;
}

.search-form .search-item .form-input:focus {
    border: 1px solid #58B257;
}

.search-form .search-item .el-input--small .el-input__inner::placeholder,
.search-form .search-item .form-input::placeholder {
    color: #CCCCCC;
}

.search-form .search-item label {
    margin-right: 8px;
    margin-bottom: 0;
    font-weight: normal;
    color: #666666;
}

.search-form .search-item .el-input--small .el-input__inner {
    height: 30px;
    line-height: 30px;
    border: 1px solid #7dbdca;
    background-color: rgba(181, 228, 237, .13);
    min-width: 160px;
    color: #e0faf4;
}

.btn {
    padding: 4px 15px !important;
    letter-spacing: 1px;
    outline: none !important;
    border: none !important;
    border-radius: 5px;
}

.btn-primary {
    /*color: #d7f2ec !important;*/
    /*background-color: rgba(181, 228, 237, .34);*/
    border: 1px solid #b5e4ed !important;
}

.btn-info {
    background: linear-gradient(#4bb0f7, #1954e4);
    border: 1px solid #1954e4 !important;
}

.btn-success {
    background: linear-gradient(#bcdb4d, #5e9824);
    border: 1px solid #7cd220 !important;
}

.btn-danger {
    background: linear-gradient(#fc7b0e, #ee5c44);
    border: 1px solid #ee5c44 !important;
}

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

.flex-container {
    display: flex;
    align-content: center;
}

.good-img {
    width: 50px;
    height: 50px;
    margin-right: 30px;
}

.pagination {
    float: right;
    font-size: 12px;
    margin: 15px 0 15px 20px;
}

.pagination > li a {
    display: inline-block;
    padding: 0;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 23px;
    margin-right: 5px;
    border: 1px solid #e0e0e0;
    border-radius: 0 !important;
    min-width: 25px;
}

.pagination > li.active a {
    background-color: #ff6800 !important;
    color: #fff !important;
    border: 1px solid #ff6800 !important;
}

.pagination > li:not(.active) a:hover {
    color: #ff6800;
    background-color: #fff;
}

.form-item {
    display: flex;
    align-content: center;
    margin-bottom: 25px;
}

.form-item > span {
    margin-right: 20px;
    color: #b5e4ed;
    line-height: 30px;
    min-width: 65px;
}

.form-item > span.required:before {
    content: '*';
    color: #f00;
    display: inline-block;
    margin-right: 2px;

}

.form-item input {
    flex: 1;
}

.icon-dingwei {
    color: #FF6800;
    font-size: 20px;
    margin-left: 5px;
    cursor: pointer;
}

.count-item {
    width: 100%;
    display: flex;
    padding: 0 10px;
}

.count-input {
    flex: 1;
    width: 50px !important;
    border: 1px solid #D1D1D1;
    border-left: none;
    border-right: none;
    text-align: center;
}

.count-btn {
    width: 25px;
    height: 25px;
    font-size: 20px;
    border: 1px solid #D1D1D1;
    outline: none;
    border-radius: 5px 0 0 5px;
    color: #333;

}

.count-btn.add {
    border-radius: 0 5px 5px 0;
}

.total-price {
    color: #ff6800;
    font-size: 17px;
    font-weight: bolder;
    letter-spacing: 1px;
}

.edit-form .form-item {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.disabled-form {
    margin: 0 -15px
}

.disabled-form .form-item .form-control[disabled] {
    border: none;
    padding-left: 10px;
    color: #000;
}

.type-list {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.type-list .list-view {
    flex: 1;
    padding-right: 12%;
    color: #000;
}

.type-list .item:not(.all) {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}

.type-list .item.all {
    padding: 0 15px 0 5px;
    cursor: pointer;
}

.type-list .item.active {
    color: #ff6800;
}

@media (max-width: 1600px) {
    .manpower-list .manpower-item {
        min-width: 30%;
        max-width: calc(33.33% - 20px);
    }
}

/*layer*/
.layui-layer {
    background-color: transparent !important;
}

.layui-layer .layui-layer-title {
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 16px;
    background: linear-gradient(#bedc4e, #5c9622);
    border: none;
    color: #fff;
    border-radius: 15px 15px 0 0;
}

.layui-layer-dialog .layui-layer-content {
    background: #fff;
    color: #333333;
}

.wup_container .area > div {
    background-color: rgba(181, 228, 237, .15);
    border: 1px solid #7dbdca;
}

.layui-layer .layui-layer-setwin .layui-layer-close1 {
    background: url("/static/images/icon-close.png") no-repeat center center/16px;
}

.layui-layer-btn {
    background-color: #fff
}

.layui-layer-btn .layui-layer-btn0 {
    background: linear-gradient(#bcdb4d, #5e9824);
    border: 1px solid #7cd220 !important;
}

.layui-layer-btn .layui-layer-btn1 {
    border: 1px solid #E4EAEE;
    color: #666666;
    text-align: center;
    background: #fff;
}

#orderDate {
    padding: 0 15px;
    text-align: left;
    letter-spacing: 1px;
    position: relative;
}

#orderDate .current:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 1px solid #888;
    border-top: 1px solid #888;
    transform: rotate(135deg);
    vertical-align: top;
    margin-left: 5px;
    margin-top: 3px;
}

#orderDate ul {
    position: absolute;
    left: -5px;
    top: 27px;
    z-index: 100;
    background-color: #fff;
    border: 1px solid #E9E9E9;
}

#orderDate ul li {
    line-height: 35px;
    padding-left: 15px;
    padding-right: 40px;
    color: #000;
}

#orderDate ul li:hover {
    background-color: #FEBA89;
}

textarea {
    resize: none;
    border-radius: 5px;
    border: 1px solid #81c0cc;
    background-color: rgba(181, 228, 237, .07);
    color: #cde7e1;
    outline: none;
    padding-left: 15px;
}


/*覆盖 element 部分样式*/
/*.el-input__inner::placeholder,
textarea::placeholder,
input::placeholder {
    color: rgba(205, 231, 225, .29);
}

.el-input__inner {
    background-color: rgba(181, 228, 237, .13);
    height: 30px;
    line-height: 30px;
    border: 1px solid #7dbdca;
    color: #cde7e1;
}*/
/*
.el-input.is-disabled .el-input__inner {
    background-color: rgba(181, 228, 237, .13);
    border: 1px solid #7dbdca;
    color: #cde7e1;
    opacity: .8;
}

.el-form-item__content,
.el-input__icon {
    line-height: 30px;
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: #81c0cc;
}*/

.el-input__inner {
    height: 30px;
    line-height: 30px;
}

.el-upload__input[type="file"] {
    display: none;
}

.el-upload--picture-card {
    width: 80px;
    height: 80px;
    line-height: 98px;
    border: 1px solid #81c0cc;
    background-color: rgba(181, 228, 237, .07);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.el-upload--picture-card .el-icon-plus {
    font-size: 50px;
    color: #cde7e1;
}

.el-upload-list--picture-card .el-upload-list__item {
    border: 1px solid #81c0cc;
    width: 80px;
    height: 80px;
}


.el-input-number {
    line-height: 30px;
    padding: 0 35px;
    min-width: 120px;
    max-width: 150px;
}

.el-input-number .el-input .el-input__inner {
    border-radius: 0;
    padding: 0;
    height: 30px;
}

.el-input-number__decrease,
.el-input-number__increase {
    background-color: #b5e4ed;
    color: #36626a;
    border: 1px solid #b5e4ed;
    height: 30px;
    top: 0;
    width: 35px;
    font-size: 16px;
}

.el-input-number__decrease {
    border-radius: 30px 0 0 30px;
}

.el-input-number__increase {
    border-radius: 0 30px 30px 0;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    background-color: #4d7b85;
    color: #36626a;
}

/*
.el-input-number {
    line-height: 30px;
    padding: 0 35px;
    min-width: 120px;
    max-width: 150px;
}

.el-input-number .el-input .el-input__inner {
    border-radius: 0;
    padding: 0;
}

.el-input-number__decrease,
.el-input-number__increase {
    background-color: #b5e4ed;
    color: #36626a;
    border: 1px solid #b5e4ed;
    height: 30px;
    top: 0;
    width: 35px;
    font-size: 16px;
}*/
/*
.el-input-number__decrease {
    border-radius: 30px 0 0 30px;
}

.el-input-number__increase {
    border-radius: 0 30px 30px 0;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    background-color: #4d7b85;
    color: #36626a;
}*/

.search-form .el-form-item {
    margin: 10px 25px 10px 0;
    display: inline-flex;
    align-items: center;
}

.search-form .el-form-item .el-form-item__label {
    color: #666666;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
}

.search-form .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
    color: #ffea00;
}

.cs-confirm,
.cs-message > .el-dialog {
    width: 340px;
    height: 180px;
    border-radius: 15px 15px 0 0;
    border: none;
    background-color: #265753;
}

.cs-message > .el-dialog {
    height: auto;
}

.cs-confirm > .el-message-box__header,
.cs-message > .el-dialog > .el-dialog__header {
    max-height: 36px;
    padding-top: 0;
    background: linear-gradient(#bedc4e, #5c9622);
    border-radius: 15px 15px 0 0;
    text-align: center;
}

.cs-confirm > .el-message-box__header > .el-message-box__title,
.cs-message > .el-dialog > .el-dialog__header > .el-dialog__title {
    line-height: 36px;
    color: #fff;
    font-size: 20px;
}

.cs-confirm > .el-message-box__content,
.cs-message > .el-dialog > .el-dialog__body {
    color: #fff;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 16px;
}

.cs-confirm > .el-message-box__content {
    padding: 15px;
}

.cs-confirm > .el-message-box__btns {
    padding: 0 15px;
}

.cs-confirm .el-button {
    font-size: 14px;
    max-height: 30px;
    line-height: 28px;
    padding: 0;
    min-width: 80px;
}

.cs-confirm .cs-confirm-btn-cancel {
    background-color: #578789;
    color: #fff;
}

.cs-confirm .cs-confirm-btn-confirm {
    border-color: #bedc4e;
    background: linear-gradient(#bedc4e, #5c9622);
    color: #fff;
}

.cs-message > .el-dialog > .el-dialog__header > .el-dialog__headerbtn {
    top: 7px;
}

.cs-message > .el-dialog > .el-dialog__header .el-dialog__close {
    color: #fff;
}

.t-justify {
    text-align: justify;
    text-align-last: justify;
}

.edit-form {
    padding: 24px 0;
    /*padding: 24px 26px 24px 50px;*/
    display: flex;
    flex-wrap: wrap;
}

.edit-form .el-form-item {
    flex: 1;
    display: flex;
    padding-right: 24px;
    margin-bottom: 24px;
}

.edit-form .el-form-item__label {
    color: #666666;
    font-weight: normal;
    text-align: left;
}

.edit-form .el-form-item__content {
    flex: 1;
}

.edit-form .el-form-item__content .form-input,
.edit-form .el-form-item__content .el-select,
.edit-form .el-form-item__content select,
.edit-form .el-form-item__content input {
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    outline: none;
    border: 1px solid #E1E1E1;
    background: #fff;
    min-width: 180px;
    color: #333;
    width: 100%;
    transition: border .2s;
}

.edit-form .el-form-item__content .form-input:focus,
.edit-form .el-form-item__content .el-select:focus,
.edit-form .el-form-item__content select:focus,
.edit-form .el-form-item__content input:focus {
    border-color: #58B257;
}

.edit-form .el-form-item__content .form-input {
    padding-left: 10px;
}

.edit-form-4em .el-form-item__label {
    min-width: 4em;
}

.edit-form-5em .el-form-item__label {
    min-width: 5em;
}

.edit-form-6em .el-form-item__label {
    min-width: 6em;
}

.edit-form-7em .el-form-item__label {
    min-width: 7em;
}

.edit-form-8em .el-form-item__label {
    min-width: 8em;
}

.edit-form-column {
    flex-direction: column;
}

.edit-form.t-justify .el-form-item__label {
    text-align: justify;
    text-align-last: justify;
}

.cs-w25 {
    width: 25%;
}

.cs-w33 {
    width: 33%;
}

.cs-w50 {
    width: 50%;
}

.cs-w100 {
    width: 100%;
}

.cs-minw25 {
    min-width: 25%;
}

.cs-minw33 {
    min-width: 33%;
}

.cs-minw50 {
    min-width: 50%;
}

.cs-minw100 {
    min-width: 100%;
}

.cs-maxw25 {
    max-width: 25%;
}

.cs-maxw33 {
    max-width: 33%;
}

.cs-maxw50 {
    max-width: 50%;
}

.cs-maxw100 {
    max-width: 100%;
}

.cs-dialog {
    border-radius: 15px 15px 3px 3px;
}

.cs-dialog .el-dialog__header {
    max-height: 36px;
    padding-top: 0;
    background-color: #bedc4e;
    border-radius: 15px 15px 3px 3px;
    color: #fff;
    text-align: center;
    line-height: 36px;
}

.cs-dialog .el-dialog__title {
    color: #fff;
}

.cs-dialog .el-dialog__headerbtn {
    display: none;
}

.cs-dialog .el-dialog__body, .cs-dialog .el-dialog__footer {
    color: #fff;
    background-color: #1D4D51;
}

.cs-dialog .el-dialog__body {
    padding: 30px 50px;
}

.cs-dialog .el-dialog__footer {
    text-align: center;
}

.goods-table {
    position: relative;
}

.goods-table .order-code {
    color: #fff;
    background: linear-gradient(#bedc4e, #5c9622);
    border-radius: 15px 15px 0 0;
    height: 36px;
    line-height: 36px;
    padding-left: 30px;
}

.goods-table .split-table {
    position: relative;
    margin-bottom: 15px;
}

.goods-table .split-order {
    color: #FFEB00;
    position: absolute;
    line-height: 35px;
    z-index: 2;
    display: flex;
    width: 100%;
    padding: 0 30px;
    background: transparent;
    top: 2px;
}

.goods-table .split-order-item1 {
    flex: 1;
}

.goods-table .split-order-item2 {
    padding-left: 30px;
    color: #fff;
}

.goods-table .split-order-item3 {
    padding-left: 30px;
    color: #fff;
}

.goods-table .el-table td {
    background-color: transparent;
}

.goods-table .el-table--mini td {
    padding: 10px 0;
}

.goods-table .el-table {
    background: transparent;
    border: 1px solid #2D795F;
}

.goods-table .o-header, .goods-table .el-table tr {
    background-color: transparent;
}

.goods-table .el-table td {
    color: #b5e4ed;
    border-left: none;
    border-right: none;
    border-bottom-color: #2D795F;
}

.goods-table .el-table tr:last-child td {
    border-bottom: none;
}

.goods-table .el-table--border::after {
    background: #2E785F;
}

.goods-table .el-table::before {
    height: 0;
}

.goods-table .o-header th {
    background: #2E785F;
    color: #fff;
    font-weight: normal;
    padding: 6px 0;
    border: none;
    line-height: 22px;
}

.goods-table .el-table img {
    width: 50px;
    height: 50px;
}

.goods-table .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: transparent;
}

.goods-table .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: rgba(53, 196, 130, .27);
}

.goods-table .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    background-color: #1e524c;
    height: 4px;
    top: 6px;
}

.goods-table .el-checkbox__inner {
    width: 17px;
    height: 17px;
    border-color: #b5e4ed;
    border-radius: 0;
    background-color: transparent;
}

.goods-table .o-header .el-checkbox__inner {
    border-color: #fff;
}

.el-input--small .el-input__inner {
    height: 30px;
    line-height: 30px;
}

.goods-table .el-checkbox__inner::after {
    border-color: #1e524c;
    border-width: 2px;
    height: 8px;
    left: 5px;
    top: 2px;
}

.goods-table .el-checkbox__input.is-checked .el-checkbox__inner,
.goods-table .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #b5e4ed;
}

.order-product-list {
    flex: 2.8;
    margin-left: 30px;
}

.order-info .view {
    padding: 30px 50px 20px 25px;
}

.order-info .view .info-item {
    color: #b5e4ed;
    display: flex;
    margin-bottom: 25px;
    align-items: center;
}

.order-info .view .info-item .label {
    font-weight: normal;
    min-width: 120px;
    margin-right: 10px;
    text-align: left;
    color: #b5e4ed;
    font-size: 14px;
}

.order-info .view .info-item .value {
    background-color: rgba(181, 228, 237, .13);
    flex: 1;
    min-height: 30px;
    line-height: 24px;
    padding: 3px 15px;
    border-radius: 5px;
}

.cs-el-dialog .el-dialog {
    background-color: #265753;
    border-radius: 15px 15px 0 0;
}

.cs-el-dialog .el-dialog__header {
    padding: 0;
    background: linear-gradient(#bedc4e, #5c9622);
    color: #fff;
    text-align: center;
    border-radius: 15px 15px 0 0;
}

.cs-el-dialog .el-dialog__header .el-dialog__title {
    line-height: 35px;
    font-size: 20px;
    color: #fff;
}

.cs-el-dialog .product-list {
    border: 1px solid rgba(34, 109, 93, 32);
}

.cs-el-dialog .product-list .product-item {
    width: 100%;
    border-right: none;
}

.cs-el-dialog .el-dialog__headerbtn {
    top: 5px;
    font-size: 20px;
}

.cs-el-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
}

.el-picker-panel .el-input__inner::placeholder {
    color: #C0C4CC;
}

.el-picker-panel .el-input__inner {
    color: #606266
}

.logistics {
    color: #b5e4ed;
    padding-left: 50px;
    min-height: 50vh;
}

.logistics .logistics-list {
    position: relative;
}

.logistics .logistics-list:before {
    content: '';
    position: absolute;
    left: 120px;
    width: 1px;
    top: 0;
    bottom: 65px;
    background-color: #58888a;
}

.logistics .logistics-item {
    padding-bottom: 40px;
}

.logistics .logistics-item .date {
    width: 80px;
    margin-right: 40px;
    text-align: right;
}

.logistics .logistics-item p {
    margin-bottom: 5px;
}

.logistics .info-view {
    position: relative;
    padding-left: 40px;
}

.logistics .info-view .iconfont {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(#bedc4e, #5c9622);
    font-size: 24px;
    text-align: center;
    line-height: 35px;
    left: -18px;
    color: #fff;
}

.logistics .info-view .status {
    color: #fff;
    font-size: 18px;
}

.text-gradient {
    background: linear-gradient(to bottom right, #ffea00, #7bd21f);
    -webkit-background-clip: text;
    color: transparent;
}

.is-disabled + .el-upload {
    display: none;
}

.form-btn-list {
    text-align: center;
}

.add-form {
    min-width: 750px;
    width: 90%;
    background-color: transparent;
    padding-bottom: 30px;
}

.add-form .title {
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    padding-left: 10px;
    margin-top: 20px;
}
.add-form .title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 74%;
    background: #57B159;
}
.cs-dict-text.form-input {
    display: inline-block;
    vertical-align: middle;
}

.el-select-dropdown {
    background-color: #326361;
    border-color: #7dbdca;
}

.el-select-dropdown__item {
    color: #b5e4ed;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #b5e4ed;
    color: #163d48;
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #7dbdca;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #326361;
}

.cs-absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.map-container {
    position: relative;

}

.map-container .map {
}

.map-container .address-list {
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    overflow-y: auto;

}

.map-container .address-list li {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    color: #a9dbe5;
    cursor: pointer;
}

.map-container .address {
    margin: 0;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
}

.map-container .search {
    top: 15px;
    left: 15px;
    position: absolute;
    z-index: 999;
    display: flex;
    align-items: center;
}

.map-container .search .search-input {
    background-color: #fff;
    outline: none;
    border: 1px solid #7cd220;
    width: 250px;
    height: 30px;
    line-height: 30px;
    color: #265753;
    padding-left: 10px;
    border-radius: 3px;
}

.map-container .search .search-input::placeholder {
    color: #ccc;
}

.el-upload-list .file-thumbnail {
    height: 100%;
    background: #2a5d5d;
    position: relative;
}

.el-upload-list--picture-card .file-thumbnail .el-upload-list__item-actions {
    z-index: 999;
}

.el-upload-list__item-close {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    right: 0;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    z-index: 2;
    font-size: 20px;
    cursor: pointer;
    border-radius: 6px;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-ellipsis:hover {
    white-space: normal;
    overflow: visible;
    /*    position: absolute;
        background-color: #0f0f0f;
        color: #fefefe;
        padding: 9px 15px;
        border-radius: 6px;*/
}

.goods-table.show-header .split-order {
    background: #2E785F;
    position: relative;
}

.goods-table.show-header .o-header th {
    background: #2E785F46;
}

.csUploadHideBtn > .el-upload {
    display: none;
}

.overflow-x {
    overflow-x: auto;
}

.overflow-y {
    overflow-y: auto;
}

.scrollbar::-webkit-scrollbar,
.overflow-x::-webkit-scrollbar,
.overflow-y::-webkit-scrollbar {
    width: 10px;
}

.scrollbar::-webkit-scrollbar-track,
.overflow-x::-webkit-scrollbar-track,
.overflow-y::-webkit-scrollbar-track {
    background-color: #15424D;
}

.scrollbar::-webkit-scrollbar-thumb,
.overflow-x::-webkit-scrollbar-thumb,
.overflow-y::-webkit-scrollbar-thumb {
    background-color: #2A5A62;
}

#page-loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000030;
    z-index: 9999999999;
}

.el-image > img {
    width: 100%;
}

.cs-required:before {
    content: '*';
    color: #F56C6C;
    padding-right: 2px;
}

/* 字体色 */
.gl-primary {
    color: #5176DE !important;
}

.gl-danger {
    color: #FF4D4F !important;
}

.gl-default {
    color: #F5F5F5 !important;
}

/* 背景色 */
.gl-bg-primary {
    background-color: #5176DE !important;
}

.gl-bg-danger {
    background-color: #FF4D4F !important;
}

.gl-bg-default {
    background-color: #F5F5F5 !important;
}

/* 边框色 */
.gl-bd-primary {
    border-color: #5176DE !important;
}

.gl-bd-danger {
    border-color: #FF4D4F !important;
}

.gl-bd-default {
    border-color: #F5F5F5 !important;
}

/* 按钮 */
.gl-btn {
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin-left: 15px;
    padding: 0 15px;
    display: inline-block;
    background: #eee;
    transition: 0.2s;
}

.gl-btn.gl-bg-primary {
    color: white;
}

.gl-btn.gl-bg-danger {
    color: white;
}

.gl-btn.gl-primary {
    color: #5176DE;
    border-color: #5176DE;
    border-style: solid;
    border-width: 1px;
}

.gl-btn.gl-danger {
    color: #FF4D4F;
    border-color: #FF4D4F;
    border-style: solid;
    border-width: 1px;
}

.gl-hover:hover,
.gl-btn:hover{
    opacity: 0.8;
}

.gl-hover:active,
.gl-btn:active,
.gl-pointer:active {
    opacity: 1;
}

.gl-circle {
    border-radius: 50%;
}

.gl-avatar-sm {
    width: 64px;
    height: 64px;
}

.gl-avatar-md {
    width: 96px;
    height: 96px;
}

.gl-avatar-lg {
    width: 128px;
    height: 128px;
}

.gl-circle-input {
    background: white;
    border-radius: 30px;
    padding: 0 25px;
    height: 60px;
}

.gl-tag {
    box-sizing: border-box;
    padding: 0 28px;
    height: 26px;
    line-height: calc(26px - 6px);
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    color: #333;
    border-radius: 6px;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.gl-tag.gl-tag-c {
    border-radius: 13px;
}

.gl-relative {
    position: relative;
}

.gl-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gl-fixed-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gl-absolute-right {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}

.gl-fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.gl-center-box, .gl-box-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gl-box-right {
    display: inline-flex;
    justify-content: flex-end;
}

.gl-middle {
    display: inline-flex;
    align-items: center;
}

.gl-middle-right {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.gl-flex-1 {
    flex: 1;
}

.gl-flex {
    display: flex;
}

.gl-flex-col {
    display: flex;
    flex-direction: column;
}

.gl-flex-wrap {
    flex-wrap: wrap;
}

.gl-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gl-ellipsis-more {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.gl-indent {
    text-indent: 2em;
}

.gl-ta-r {
    text-align: right;
}

.gl-ta-c {
    text-align: center;
}

.gl-width100 {
    width: 100%;
}

.gl-height100 {
    height: 100%;
}

.gl-disabled, [disabled="true"] {
    opacity: 0.3;
}

.gl-affix-btn {
    position: fixed;
    z-index: 9999;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
    line-height: 32px;
    text-align: center;
    color: #fff;
}

.gl-affix-btn-rb {
    bottom: 32px;
    right: 32px;
}

.gl-required:before {
    content: '*';
    color: red;
}

.gl-loading:after, .gl-loading-after:after {
    content: '';
    animation: loading 1.5s infinite ease-in-out;
}

.gl-loading-before:before {
    content: '';
    animation: loading 1.5s infinite ease-in-out;
}

.gl-wrapper {
    height: 100vh;
    position: relative;
}

.gl-shadow {
    box-shadow: #5176DE 0px 0px 15px 2px inset;
}

.gl-pointer {
    cursor: pointer;
}

.gl-scroll {
    overflow: auto;
}

.gl-scroll-x {
    overflow-x: auto;
}

.gl-scroll-y {
    overflow-y: auto;
}

.gl-scroll-hide::-webkit-scrollbar {
    display: none;
}

.gl-scroll::-webkit-scrollbar, .gl-scroll-x::-webkit-scrollbar, .gl-scroll-y::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

.gl-scroll::-webkit-scrollbar-track, .gl-scroll-x::-webkit-scrollbar-track, .gl-scroll-y::-webkit-scrollbar-track {
    background-color: #FFFFFF;
    border-radius: 6px;
}

.gl-scroll::-webkit-scrollbar-thumb, .gl-scroll-x::-webkit-scrollbar-thumb, .gl-scroll-y::-webkit-scrollbar-thumb {
    background: #6B8CFF;
    border-radius: 6px;
}

/*input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    transition: background-color ease 0.2s;
}*/

input[type=checkbox].emptiness::after, input[type=checkbox]:checked::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
}

input[type=checkbox]:checked {
    background: #5176DE;
}

input[type=checkbox]:checked::after {
    transform: rotate(-45deg);
    border: #fff solid 2px;
    border-top: none;
    border-right: none;
    height: 6px;
}

input[type=checkbox].emptiness:not(:checked)::after {
    height: 10px;
    background: #5176DE;
}

.cm-header {
    cursor: move;
    background-color: #5176DE;
    height: 40px;
    color: white;
    line-height: 40px;
    padding: 0 15px;
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    display: flex;
}

.cm-title {
    font-size: 16px;
    flex: 1;
}

.cm-close {
    cursor: pointer;
    font-size: 23px;
}

.cm-content {
    height: calc(100% - 40px);
    margin-top: 40px;
}

.cm-left,.cm-right,.cm-bottom{
    position: absolute;
    bottom: 0;
    cursor: move;
}

.cm-left,.cm-right{
    width: 4px;
    top: 40px;
}

.cm-right{
    right: 0;
}

.cm-bottom{
    height: 4px;
    left: 4px;
    right: 4px;
}

.efi-width100 {
    width: 100%;
}

.efi-width50 {
    width: 50%;
}

.cs-form {
    display: flex;
    flex-wrap: wrap;
}

.cs-form .el-form-item {
    margin-bottom: 24px;
}

.cs-form .el-form-item__label {
    line-height: 30px;
    margin-bottom: 0;
}

.cs-form .el-form-item__content {
    line-height: 30px;
}

.cs-form .el-input__inner {
    height: 30px;
    line-height: 30px;
    border-radius: 0;
}

.cs-form .el-input__icon{
    line-height: 30px;
}

.cs-form .el-input-number{
    line-height: 28px;
}

.hide, .amap-logo, .amap-copyright {
    display: none !important;
}

.duty-table {
    width: 100%;
    border: 1px solid #ddd;
    height: 300px;
}

.duty-table th.dt-top {
    position: relative;
    width: 125px;
    height: 35px;
    background: #fff;
}

.dt-top > hr {
    position: absolute;
    transform: rotate(15deg);
    width: 102%;
    margin: 0 !important;
    border-top: 1px solid #ddd;
    top: 19px;
    left: -2px;
}

.duty-table td, .duty-table th {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #F1F1F1;
}

.duty-table td.dt-title, .duty-table th.dt-title {
    background: #5176DE;
    color: #fff;
    text-align: center;

}

.duty-table th {
    height: 35px;
    padding:6px 10px;
}

.duty-table td {
    height: 86px;
}

/*覆盖element-ui部分样式*/
.cs-table .el-table__header-wrapper th > .cell {
    color: #000;
}
.cs-table .cell .el-checkbox{
    margin: 0;
}
.cs-table .el-table td,.cs-table .el-table th{
    padding: 5px 0;
}

.cs-pagination{
    line-height: 28px;
    margin-top: 10px;
}

.cs-pagination .el-pagination{
    flex: 1;
    text-align: right;
    padding: 0;
}

.cs-form-disabled .el-form-item{
    margin-bottom: 10px;
}
.cs-form-disabled select,
.cs-form-disabled textarea,
.cs-form-disabled input {
    background: #f8f8f8;
}
.cs-form-disabled .el-form-item__content{
    position: relative;
    cursor: not-allowed;
}
.cs-form-disabled .el-form-item__content:before{
    cursor: not-allowed;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

.info-window {
    background-color: rgba(255,255,255,.8);
    min-width: 350px;
}

.info-window .cm-content {
    padding: 15px 20px 20px;
}

.info-item {
    display: flex;
    flex-wrap: wrap;
    line-height: 1.8em;
    text-align: left;
}

.info-item .key {
    min-width: 6em;
    text-align: right;
    margin-right: 5px;
    color: #5C5B59;
}

.info-item .value {
    flex: 1;
    color: #000;
}
.flow-chart img{
    width: 100%;
}
.text-required:before{
    content:'*';
    color: #f00;
}
.fc .fc-daygrid-day-frame{
    min-height: auto !important;
}

/*组件样式*/
.cs-modal {
    position: relative;
}
.cs-modal .modal-close {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
    font-size: 50px;
    color: #2f87ff;
    line-height: 1;
    cursor: pointer;
    font-weight: normal;
}
.cs-modal .modal-close:hover {
    color: #4ffaf2;
}
.eventsOrCustomPagination {
    text-align: center;
}
.upload-item-box{
    border-bottom: 1px solid #E4E7ED;
}
.upload-item-box .upload-item {
    width: 95%;
    display: flex;
    justify-content: space-between;
}
.cs_treeSelect .el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
    height: auto;
    max-height: 274px;
    padding: 0;
    overflow: hidden;
    overflow-y: auto;
}
.cs_treeSelect .el-scrollbar .el-scrollbar__view .el-select-dropdown__item.selected {
    font-weight: normal;
}
.cs_treeSelect .el-scrollbar .el-scrollbar__view .el-select-dropdown__item .el-tree .el-tree-node__content {
    height: auto;
    padding: 0 20px !important;
}
.cs_treeSelect .el-scrollbar .el-scrollbar__view .el-select-dropdown__item .el-tree .el-tree-node__content .el-tree-node__label {
    font-weight: normal;
}
.cs_treeSelect .el-scrollbar .el-scrollbar__view .el-select-dropdown__item .el-tree .is-current .el-tree-node__label {
    color: #409EFF !important;
    font-weight: 700;
}
.cs_treeSelect .el-scrollbar .el-scrollbar__view .el-select-dropdown__item .el-tree .is-current .el-tree-node__children .el-tree-node__label {
    color: #606266 !important;
    font-weight: normal;
}
.cs_treeSelect .el-scrollbar .el-scrollbar__view .selectInput {
    padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}