@charset "utf-8";
.line-25{line-height: 25px;}
.line-20{line-height: 20px;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}

.margin-right-10{margin-right:10px;}
.margin-right-20{margin-right:20px;}
.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.border-top{border-top:1px solid #f0f0f0;}
.border-bottom{border-top:1px solid #f0f0f0;}

.work-main {
    width: 100%;padding: 0;overflow: hidden;
}
.gotop{
    position: fixed;z-index: 10;right:30px;bottom:30px;
    /*
    width: 30px;height: 30px;text-align: center;line-height: 30px;font-size:20px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5);
    color:#ffffff;
    */
    cursor:pointer;
}
.jugt-wrap{float: left;width: 100%;padding:20px;background: #ffffff;box-sizing: border-box;overflow:hidden;}
.text-danger{color:#FF5722;}
.text-warn{color:#FFB800;}
.text-primary{color:#01AAED;}
.text-info{color:#909399;}
.text-green{color:#009688;}
.text-success{color:#009688;}
.text-gray{color:#c6c6c6;}


.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.border{border:1px solid #efefef;}
.border-r{border-right:1px solid #efefef;}
.border-t{border-top:1px solid #efefef;}
.border-b{border-bottom:1px solid #efefef;}
.border-l{border-left:1px solid #efefef;}
.padding-5{padding:5px;}
.padding-t-5{padding-top:5px;}
.padding-b-5{padding-bottom:5px;}
.padding-l-5{padding-left:5px;}
.padding-r-5{padding-right:5px;}

.pointer{cursor: pointer;}
.table-header{background-color: #fafafa !important;}
.label-class-name{width: 100px;}
.jugt-upload-image{float: left;width: 100%;overflow: hidden;}
.jugt-upload-image .jugt-upload-image-show{display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: flex-start;}
.jugt-upload-image .jugt-upload-image-btn{flex:none;float: left;width: 120px;height: 120px;font-size:80px;margin-right:10px;margin-bottom: 10px;overflow: hidden;}
.jugt-upload-image .jugt-upload-image-item{flex:auto;float: left;width: 100%;overflow: hidden;}
.jugt-upload-image .jugt-upload-image-item span{
    float: left;background-color:#efefef;padding:0 20px;font-size:60px;line-height: 118px;
    cursor:pointer;border:1px solid #efefef;max-width:300px;height: 120px;margin-right:10px;margin-bottom: 10px;overflow: hidden;}

.jugt-upload-image .jugt-upload-image-item span:hover{border: 1px dashed #efefef;opacity: 0.5;}

.jugt-upload-image .jugt-upload-image-item img{float: left;cursor:pointer;border:1px solid #efefef;width: 120px;height: 120px;margin-right:10px;margin-bottom: 10px;overflow: hidden;}
.jugt-upload-image .jugt-upload-image-item img:hover{border: 1px dashed #efefef;opacity: 0.5;}
.jugt-upload-image .jugt-upload-image-hidden{float: left;width: 100%;overflow: hidden;}

@media print {
    .print-none{ display:none;}
}

.layui-input-text{line-height: 38px}
.layui-form-item .seller-inline-1 {
    width: 50px;
}

.layui-form-item .seller-inline-2 {
    width: 100px;
}

.layui-form-item .seller-inline-3 {
    width: 150px;
}

.layui-form-item .seller-inline-4 {
    width: 200px;
}

.layui-form-item .seller-inline-5 {
    width: 250px;
}

.layui-form-item .seller-inline-6 {
    width: 300px;
}

.layui-form-item .seller-inline-7 {
    width: 350px;
}

.layui-form-item .seller-inline-8 {
    width: 400px;
}

.layui-form-item .seller-inline-9 {
    width: 450px;
}

.layui-form-item .seller-inline-10 {
    width: 500px;
}

.sellect_seller_brands_list li, .sellect_seller_goods_list li {
    background-color: #f9f9f9;
    padding: 4px;
    margin: 4px;
}

.sellect_seller_brands_list li span, .sellect_seller_goods_list li span {
    color: #FF0000;
    margin-right: 7px;
    cursor: pointer;
}

.layui-code-dark {
    border: 1px solid #0c0c0c;
    border-left-color: #3f3f3f;
    background-color: #0c0c0c;
    color: #c2be9e
}

.layui-code-dark>.layui-code-title {
    border-bottom: none
}

.layui-code-dark>.layui-code-ol>li,.layui-code-dark>.layui-code-ul>li {
    background-color: #3f3f3f;
    border-left: none
}

.layui-code-dark>.layui-code-ul>li {
    margin-left: 6px
}

.layui-input-block .text{float:left;width: 100%;text-align: left; line-height: 20px;padding: 9px 0px;}

.el-dropdown, .el-dropdown * {outline: none;}
.el-button {
    border: none !important;
    box-shadow: none !important;
}

.border-1{border: 1px solid var(--el-border-color);}
.w-100{width: 100px;}
.main-image-list{float:left;width: 100%;margin-bottom: 10px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: center;overflow: hidden;}
.main-image-list .image{flex:none;width: 100px;height: 100px;border:1px solid #f2f2f2;margin-right: 10px;}
.main-image-list .image img{float:left;width: 100%;height: 100%;}
.main-image-list .info{flex:auto;width: 100%;overflow: hidden;display: flex;flex-flow: column nowrap;justify-content: space-between;align-content: flex-start;align-items: flex-start;}
.main-image-list .info .title{font-size:16px;margin-bottom:10px;}
.main-image-list .info .code {font-size:14px; color:#696969;}

.main-count{
    float:left;width: 100%;box-sizing: border-box;height: 120px;
    background-color: #f5f7fa;padding:20px;display: flex;flex-flow: column nowrap;
    justify-content: center;border:1px solid #dcdfe6;
    align-items: flex-start;align-content: flex-start;overflow: hidden;}
.main-count .name{font-size:16px;margin-bottom: 10px;}
.main-count .amount{font-style: normal;
    font-size: 36px;
    font-weight: 300;
    color: #16baaa;}

.charts-main {float:left;width: 100%;height: 450px;display: block;position: relative;}
.charts-main-1 {float:left;width: 100%;height: 330px;display: block;position: relative;}

.print {float:left;width: 100%;padding:1cm;overflow: hidden;position: relative; box-sizing: border-box;}
.print-btn{position: absolute;left: 1cm;top:1cm;}

.print .table{
    margin-bottom: 10px;
    width: 100%;
    display: table;
    border-collapse: collapse;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing:0;
    border-color: #262626;}
.print .table tr td{
    padding:5px;border:1px solid #262626;border-collapse: collapse;font-size:16px;line-height:25px;
    box-sizing: border-box;
}
.print .table .w-50{width: 50%;box-sizing: border-box;}
.print .table .w-25{width: 25%;box-sizing: border-box;}

.print .inventory-table{
    margin-bottom: 10px;
    width: 100%;
    display: table;
    border-collapse: collapse;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing:0;
    border-color: #262626;}
.print .inventory-table tr td{
    padding:5px;border:1px solid #262626;border-collapse: collapse;font-size:14px;line-height:22px;
    box-sizing: border-box;
}

.print .out-order-top{float:left;width: 100%;box-sizing: border-box;overflow:hidden;}
.print .out-order-top .title{float:left;width: 100%;font-size:26px; color:#000000;text-align:center;font-weight:bold;
    margin-bottom: 10px;overflow: hidden;}
.print .out-order-top .project{float:left;width: 100%;font-size:16px;line-height:25px;overflow: hidden;}
.print .out-order-top .info{
    float:left;width: 100%;display: flex;flex-flow:row nowrap;justify-content:space-between;
    align-content:center;align-items:center;font-size:16px;line-height:25px;overflow: hidden;}
.print .out-order-top .info .company{flex:none; width: 50%;}
.print .out-order-top .info .code{flex:none; width: 50%;text-align:right;}
.print .out-order-top .info .date{flex:none; width: 33.33%;text-align:right;}
.print .main{float:left;width: 100%;overflow: hidden;}
.print .bottom-tips{
    width: 100%;text-align: left;font-size:14px;position: relative;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;
}
.print .bottom-tips p{flex:auto;width: 100%; margin-right: 20px;font-size:14px;}
.print .bottom-tips .qrcode{flex:none;width:60px;overflow: hidden;}
.print .bottom-tips .qrcode img{float:left;width:60px;}
.print .bottom-tips .qrcode canvas{float:left;width:60px;}
.print .table-height{height: 23cm;}
.print .title-bg{background-color: #aaaaaa;}
.page-break-after{display:block;width: 100%;height:1px;page-break-before:always;page-break-after:always;}
@media print {
    .print-btn {display: none;}
}


.el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row>td.el-table__cell, .el-table__body tr>td.hover-cell{background-color:#f9f9f9!important;}

.bg-1{background-color: #fafafa;}
.bg-1{background-color: #fafafa;}
.drawer-header {margin-bottom:0px !important;padding-bottom:20px !important;border-bottom: 1px solid #fafafa;}