/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling : touch;
    }
    
    /* 禁止缩放表单 */
    input[type=“submit”], input[type=“reset”], input[type=“button”], input {
    resize: none;
    border: none;
    }
    
    /* 取消链接高亮 */
    body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    
    /* 设置HTML5元素为块 */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    }
    ul,ol {padding-left: 0px !important;}
    /* 图片自适应 */
    img {
    width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
    }
    
    /* 初始化 */
    body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
    font-size: 14px;
    
    }
    body {
    font: 12px/1.5 'Microsoft YaHei',‘宋体’, Tahoma, Arial, sans-serif;
    color: #555;
    background-color: #F7F7F7;
    }
    em, i {
    font-style: normal;
    }
    ul,li{
    list-style-type: none;
    }
    strong {
    font-weight: normal;
    }
    .clearfix{
        clear: both;
    }
    .clearfix:after {
    content: “”;
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    }
    .clearfix {
    zoom: 1;
    }
    a {
    text-decoration: none;
    color: #969696;
    font-family:'Microsoft YaHei', Tahoma, Arial, sans-serif;
    }
    a:hover {
    text-decoration: none;
    }
    ul, ol {
    list-style: none;
    }
    h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
    }
    img {
    border: none;
    }
    input{
    font-family: 'Microsoft YaHei';
    }
    /*单行溢出*/
    .one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
    /*多行溢出 手机端使用*/
    .txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    }
    /* 移动端点击a链接出现蓝色背景问题解决 */
    a:link,a:active,a:visited,a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    }
    .w50{
    width: 50%;
    }
    .w25{
    width: 25%;
    }
    .w20{
    width: 20%;
    }
    .w33{
    width: 33.333333%;
    }
    .fl{
    float: left;
    }
    .fr{
    float: right;
    }
    .db{
    display: block !important;
    }
    .dn{
    display: none;
    }
    p {margin-bottom: 0 !important; margin-top: 0 !important;}
    .mt-0 {margin-top: 0 !important;}
    .ml-0 {margin-left: 0 !important;}
    .mb-0 {margin-bottom: 0 !important;}
    .mr-0 {margin-right: 0 !important;}
    .pt-0 {padding-top: 0 !important;}
    .pl-0 {padding-left: 0 !important;}
    .pb-0 {padding-bottom: 0 !important;}
    .pr-0 {padding-right: 0 !important;}
    .mt-10 {margin-top: 10px !important;}
    .mt-20 {margin-top: 20px !important;}
    .mt-30 {margin-top: 30px !important;}
    .mb-10 {margin-bottom: 10px !important;}
    .mb-20 {margin-bottom: 20px !important;}
    .mb-30 {margin-bottom: 30px !important;}
    .ml-10 {margin-left: 10px !important;}
    .ml-20 {margin-left: 20px !important;}
    .ml-30 {margin-left: 30px !important;}
    .mr-10 {margin-right: 10px !important;}
    .mr-20 {margin-right: 20px !important;}
    .mr-30 {margin-right: 30px !important;}
    .pt-10 {padding-top: 10px !important;}
    .pt-20 {padding-top: 20px !important;}
    .pt-30 {padding-top: 30px !important;}
    .pb-10 {padding-bottom: 10px !important;}
    .pb-20 {padding-bottom: 20px !important;}
    .pb-30 {padding-bottom: 30px !important;}
    .pl-10 {padding-left: 10px !important;}
    .pl-15 {padding-left: 15px !important;}
    .pl-20 {padding-left: 20px !important;}
    .pl-30 {padding-left: 30px !important;}
    .pr-10 {padding-right: 10px !important;}
    .pr-20 {padding-right: 20px !important;}
    .pr-30 {padding-right: 30px !important;}
    
    .modal .modal-header .btn-close.btn-close-white {
        color: #fff; 
        /* background-image: url(../images/delete.png) !important; */
        background-size: 1.2rem;
        opacity: 0.8;
    }
    
    
    /*首页*/
    @media (max-width: 767px) { 
        .header {width: 100%; height:24rem; background-color: #043d77; position: fixed; z-index: 100;}
        .duanheader .datanum h1 { font-size:1.5em ;}
        .contain {width: 100%; margin-top: 24rem;}
        .orderli{width:100% ;}
        .datashujunum {width: 100%; display: block; justify-content: space-around}
        .datanum h1 {font-size: 2.7em; color: #fff; display: flex; align-items: center;}
        .datanum em{ font-size: 18px}
        /* .scollordesub { position: absolute; top:1%; left: 5px;} */
        .scollordesub { height:22rem; position: relative;}
        .ordsub { width: 100%;  position: absolute; bottom: 50px; }
        .subimg-add {text-align: right; right: 0%;}
        .subimg-into {text-align: left; left: 0%;}
        .datasp span {font-size: 1em; color: #bfdaf8;}
    
        .nav-item {width: 100%; float: left;}
        .navbar-head .navbar-toggler {margin-left: 15px;}
        .index-top {height: 25px; background-color: #043d77}
        .inlookstock a {color: #5a5959;padding-left:15px; cursor: pointer; text-decoration: none; line-height: 40px;}
        .incebianlan a {color: #5a5959;padding-left: 15px; cursor: pointer; text-decoration: none; line-height: 40px;}
        /* .navbar-head .navbar-toggler {position: absolute; top: 5px; left: 5px;} */
        .inlookstock {text-align: left; padding:0 15px; }
        .incebianlan {padding:0 15px;}
        .navbar-toggler:focus {box-shadow: none !important;}
        .navbar-dark .navbar-toggler {border-color: rgba(0, 0, 0, 0) !important; padding: 0 !important;}
        .navcolltop {background-color: #fff; z-index: 1000; padding-top: 10px;}
        .navcolltop .nav-item {padding:10px 0; border-bottom: 1px solid #b5b5b5;}
        .innavbarul {width: 100%; padding:0.3rem 0.6rem 0.9rem 0.88rem;}
        .navbar-dark .navbar-toggler-close {background-image: url(../images/close.png);}
        .nav-members span {display: inline-block; 
            width: 25px; 
            height: 25px; 
            background-image: url(../images/qrm-arrow-down.png);
            background-repeat:no-repeat;
            background-position:  0 17px;
        }
        .memberlevel li {position: relative;}
        .memberlevel li::before { 
            content: '';
            display: block;
            width: 0.2rem;
            height: 0.2rem;
            border-radius: 50%;
            background: #2c8cfe;
            position: absolute;
            left: 5px;
            top: 18px;
        }
        .search input {color: #888; width: 80%; line-height: 50px; padding-left: 10px; float: left; }
        .search button {border: none; background: #fff; width: 50px; float: right; margin-top: 5px;}
        .PreSalesSearch {width: 100%; overflow: hidden; text-align: center; margin-top: 10px;}
        .PreSalesSearch button {width: auto; padding: 5px 15px; border: 1px solid #043d77; float: none;}
        /* 售前检索 */
        .presalesmain {width: 100%;}
        .presaleinputmain {width: 100%; overflow: hidden;}
        .presaleinput {width: 100%; float: left; padding:10px 15px;}
        .preinput {border: 1px solid #ddd; padding: 5px;}
        .preinput input {width: 100%; line-height: 30px;}
        .prebutton {
            width: 100%;
            clear: both;
            text-align: center;
        }
        .presaleinput .warning span {padding-left: 15px; color: #dc3545;}
        .prebutton .prebtn{padding: 0.375rem 2rem !important;}
        .presalecontent {margin:30px 15px;}
        .presaleh2 {font-size: 16px; color: #999;}
        .presalesearchmain {
            width: 100%;
            overflow: hidden;
        }
        .kcpresalesearch {width:100%; float: left; padding: 15px 5px;}
        .Bpresalesearchkc {width: 100%; float: right; padding: 15px 5px;}
        .kcpresalesearchul, .Bpresalesearchkcul {padding-left: 0 !important}
        .presaletitle {line-height: 30px; text-align: center; font-size: 20px; color: #666;}
        .presaletitle i {font-size: 25px; color: #FF780D;}
        .presalesearchli {
            box-shadow: rgba(149, 157, 165, 0.2) 0px 5px 15px;
            padding:5px 10px;
            line-height: 30px;
            margin-top: 20px;
            display: block;
        }
        .presaleguige {display: flex; width: 100%; }
        .presaletype {width: 50%; }
        .presalenum {width: 100%; }
        /* 查看规格明细 */
        .specifititle {
            overflow: hidden;
            background-color: #efefef;
            padding: 10px;
            display: none;
        }
        .specifguige {width: 100%; display: flex;}
        .specifyznum {width: 100%; text-align: center; display: flex;}
        .specifnumlifang {width: 100%;text-align: center; display: flex;}
        .stockguige {width: 100%;  display: flex;}
        .titgui, .stitguige  {display: block;}
        .Specificatcontent {padding: 10px}
        .Specificatcontent li {
            line-height: 45px;
            border-bottom: 1px solid #ededed;
        }
        .specifyznums {position: relative;}
        .yznumshu {display: flex;}
        .numshu {font-size: 20px;}
        .yznumcontul .yzname {padding-left: 10px;}
        .yznumshu .overnumyz {cursor: pointer; margin: auto; width: 100px}
        .yznumdetails {
            position:absolute; 
            left:0%;
            top:35px;
            z-index: 10;
            width:290px;
            height: auto;
            text-align: left;
            padding: 5px 15px;
        }
        .yznumdetails .triangle {
            width: 20px;
            height: 20px;
            border:10px solid transparent;
            border-bottom: 10px solid #f9f9f9;
            background-color: transparent;
            margin: auto;
           
        } 
        .yznumdetails .yznumdecontent {
            width: 100%;
            height: auto;
            background-color: #fff;
            box-shadow:rgba(187, 192, 197, 0.2) 0px 5px 15px ;
        }
        /* 查看规格明细 库内查重 */
        .Specificationmodal .kncunfooter {
            justify-content: center !important;
            position: relative;
            padding-top: 80px;
        }
        .kncunfooter .kncunbottom-left {
            position: absolute;
            left: 10px;
            top: 9%;   
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .kncunfooter .kcpreinput {
                
        }
        .kncunfooter .isdsw_checked {
            margin: 15px 0 0 10px;
        }
        .kncunfooter .kcpreinput .kcinputkuang {
            border: 1px solid #dedede;
            padding: 2px 15px;
            background-color: #fff;
            width: 120px;
            position: relative;
        }
        .kcpreinput .kcpreinputitle {
            font-size: 12px;
            color: #999;
            text-align: left;
        }
        .kncunfooter .kcprebutton {
            padding: 5px 10px;
        }
        .kncunfooter .kcpreinput input {
            width: 100%;
        }
        .kcpreinput i {
            font-size: 18px;
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0;
        }
        
        /* 查看规格明细     库内查重 */
        .modal-checkinventory {
            height: 600px;
            padding: 0 !important;
            overflow-y: auto;
        }
        .checkInventory {
            width: 100%;
            height: auto;
            display: block;
            justify-content: space-around;
        }
        .checkInventory_left_yezhu {
            width:100%;
            height: 350px;
        }
        .checkInventory_left_yzguige {
            width: 100%;
            height: 200px;
        }
        .checkInventory_center {
            width: 100%;
            height: 300px;
        }
        .checkInventory_right {
            width: 100%;
            height: 200px;
            display: flex;
            align-items: center;
            border-top: 1px solid #dedede;
        }
        .checkInventory_scroll {
            overflow-y: scroll;
            width: 100%;
            height: 85%;
        }
        .checkInventory_sxyzguigelist {
            height:80% ;
        }
        .checkInventory_shaixuannamelist li {
            padding:5px 15px;
            width: 100%;
            height: 45px;
            overflow: hidden;
            border-bottom: 1px solid #dedede;
        }
        .checkInventory_shaixuannamelist li.active {
            background-color: #0051a2;
            color: #fff;
        }
        .checkInventory_shaixuannamelist li span {
            font-size: 16px;
            line-height: 30px;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            display: inline-block;
            overflow: hidden;
            cursor: pointer;
        }
        .checkInventory_sxyzguigelist li {
            padding: 5px 15px;
            line-height: 30px;
            height: 45px;
        }
        .checkInventory_sxyzguigelist li.actives{
            background-color:#297ed4  ;
            color: #fff;
            
        }
        .checkInventory_sxyzguigelist li .yzguigep {
            line-height: 30px;
            font-size: 16px;
            width: 100%;
            cursor: pointer;
        }
        .checkInventory_sxyzguigelist li .yzguigep span {
            line-height: 30px;
    
        }
        .checkInventory_knguigelist li {
            height: 45px;
            line-height: 30px;
            padding: 5px 15px;
            display: flex;
            justify-content: flex-start;
            cursor: pointer;
        }
        .checkInventory_knguigelist li.actived {
            background-color:#297ed4 ;
            color: #fff;
            
        }
        .checkInventory_knguigelist li .kcguigep {
            line-height: 30px;
        }
        .checkInventory_knguigelist li .kcname {
            margin-left: 15px;
            line-height: 30px;
        }
        .checkInventory_right_main {
            width: 100%;
            text-align: center;
        }
        .checkInventory_number {
            width: 50%;        
            margin: auto;
        }
        .checkInventory_number input {
            width: 100%;
            border: 1px solid #dedede;
            padding: 5px 15px;
        }
        .checkInventory_button {
            margin-top: 20px;
        }
        .checkInventory_title {
            padding: 5px;
            line-height: 30px;
            text-align: center;
            background-color: #fafafa;
            height: auto;
        }
        .checkInventory_title span {
            color: #043d77;
            font-size: 18px;
        }
    }
    @media (min-width: 768px) { 
        .header {width: 100%; height: 24rem; background-color: #043d77; position: fixed;overflow: hidden; z-index: 100;}
        .duanheader .datanum h1 { font-size:4em ;}
        .contain {width: 80%; margin-top:24rem;} 
        .orderli{width:100% ;}
        .datashujunum {width: 100%; display: flex; justify-content: space-around}
        .datanum em{ font-size: 18px}
        .datanum h1 {font-size: 4em; color: #fff; display: flex; align-items: center;}
    
        /* .scollordesub { position: absolute; top:30%; left: 5px;} */
        .scollordesub { height:22rem; position: relative;}
        .ordsub { width: 100%;  position: absolute; bottom: 50px; }
        .subimg-add {text-align: right; right: 0%;}
        .subimg-into {text-align: left; left: 0%;}
        .datasp span {font-size: 1.3em; color: #bfdaf8;}
    
        .incebianlan  .nav-item {width: auto; float: left;}
        .inlookstock  .nav-item {width: auto; float: right;}
        .navbar-head .navbar-toggler {border-color: #0051a2;}
        .index-top {height: 25px; background-color: #fff}
        .inlookstock a {color: #043d77;padding-right:15px; cursor: pointer; text-decoration: none; line-height: 25px;}
        .incebianlan a {color: #043d77;padding-left: 15px; cursor: pointer; text-decoration: none; line-height: 25px;}
        .inlookstock {text-align: right; }
        .incebianlan {padding:0px;}
        .innavbarul {width: 100%; padding-left: 0 !important;}
        .search input {color: #888; width: 75%; line-height: 50px; padding-left: 10px; float: left; }
        .search button {border: none; background: #fff; width: 30px; float: right; margin-top: 5px;}
        .PreSalesSearch {width: 100%; overflow: hidden; text-align: center; margin-top: 10px;}
        .PreSalesSearch button {width: auto; padding: 5px 15px; border: 1px solid #043d77; float: none;}
        /* 售前检索 */
        .presalesmain {width: 100%;}
        .presaleinputmain {width: 100%; overflow: hidden;}
        .presaleinput {width: 100%; float: left; padding:10px 15px;}
        .preinput {border: 1px solid #ddd; padding: 5px;}
        .preinput input {width: 100%; line-height: 30px;}
        .prebutton {
            width: 100%;
            clear: both;
            text-align: center;
        }
        .presaleinput .warning span {padding-left: 15px; color: #dc3545;}
        .prebutton .prebtn{padding: 0.375rem 2rem !important;}
        .presalecontent {margin:30px 15px;}
        .presaleh2 {font-size: 16px; color: #999;}
        .presalesearchmain {
            width: 100%;
            overflow: hidden;
        }
        .kcpresalesearch {width:100%; float: left; padding: 15px 5px;}
        .kcpresalesearchul, .Bpresalesearchkcul {padding-left: 0 !important}
        .Bpresalesearchkc {width: 100%; float: right; padding: 15px 5px;}
        .presaletitle {line-height: 30px; text-align: center; font-size: 20px; color: #666;}
        .presaletitle i {font-size: 25px; color: #FF780D;}
        .presalesearchli {
            box-shadow: rgba(149, 157, 165, 0.2) 0px 5px 15px;
            padding:5px 10px;
            line-height: 30px;
            margin-top: 20px;
            display: block;
        }
        .presaleguige {display: flex; width: 100%; }
        .presaletype {width: 50%; }
        .presalenum {width: 100%; }
        /* 查看规格明细 */
        .specifititle {
            overflow: hidden;
            background-color: #efefef;
            padding: 10px;
            display: none;
        }
        .specifguige {width: 100%; display: flex;}
        .specifyznum {width: 100%; text-align: center; display: flex;}
        .specifnumlifang {width: 100%;text-align: center; display: flex;}
        .stockguige {width: 100%;  padding: 0 10px; display: flex;}
        .titgui, .stitguige  {display: block;}
        .Specificatcontent {padding: 10px}
        .Specificatcontent li {
            line-height: 45px;
            border-bottom: 1px solid #ededed;
        }
        .specifyznums {position: relative;}
        .yznumshu {display: flex;}
        .numshu {font-size: 20px;}
        .yznumcontul .yzname {padding-left: 10px;}
        .yznumshu .overnumyz {cursor: pointer; margin: auto; width: 100px}
        .yznumdetails {
            position:absolute; 
            left:0%;
            top:35px;
            z-index: 10;
            width:290px;
            height: auto;
            text-align: left;
            padding: 5px 15px;
        }
        .yznumdetails .triangle {
            width: 20px;
            height: 20px;
            border:10px solid transparent;
            border-bottom: 10px solid #f9f9f9;
            background-color: transparent;
            margin: auto;
           
        } 
        .yznumdetails .yznumdecontent {
            width: 100%;
            height: auto;
            background-color: #fff;
            box-shadow:rgba(187, 192, 197, 0.2) 0px 5px 15px ;
        }
        /* 查看规格明细 库内查重 */
        .Specificationmodal .kncunfooter {
            justify-content: center !important;
            position: relative;
        }
        .kncunfooter .kncunbottom-left {
            position: absolute;
            left: 10px;
            top: 9%;   
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .kncunfooter .kcpreinput {
               
        }
        .kncunfooter .isdsw_checked {
            margin: 15px 0 0 10px;
        }
        .kncunfooter .kcpreinput .kcinputkuang {
            border: 1px solid #dedede;
            padding: 2px 5px;
            background-color: #fff;
            width: 80px;
            position: relative;
        }
        .kcpreinput .kcpreinputitle {
            font-size: 12px;
            color: #999;
            text-align: left;
        }
        .kncunfooter .kcprebutton {
            padding: 5px 10px;
        }
        .kncunfooter .kcpreinput input {
            width: 100%;
        }
        .kcpreinput i {
            font-size: 18px;
            cursor: pointer;
            position: absolute;
            right: 2px;
            bottom: -2px;
        }
        /* 查看规格明细     库内查重 */
        .modal-checkinventory {
            height: 600px;
            padding: 0 !important;
        }
        .checkInventory {
            width: 100%;
            height: 100%;
            display: block;
            justify-content: space-around;
        }
        .checkInventory_left_yezhu {
            width:50%;
            height: 50%;
            float: left;
        }
        .checkInventory_left_yzguige {
            width: 50%;
            height: 50%;
            float: left;
        }
        .checkInventory_center {
            width: 50%;
            height:50%;
            float: left;
        }
        .checkInventory_right {
            width: 50%;
            height: 50%;
            float: left;
            display: flex;
            align-items: center;        
            border-top:1px solid #dedede ;
        }
        .checkInventory_scroll {
            overflow-y: scroll;
            width: 100%;
            height: 90%;
        }
        .checkInventory_shaixuannamelist li {
            padding:5px 15px;
            width: 100%;
            height: 45px;
            overflow: hidden;
            border-bottom: 1px solid #dedede;
        }
        .checkInventory_shaixuannamelist li.active {
            background-color: #0051a2;
            color: #fff;
        }
        .checkInventory_shaixuannamelist li span {
            font-size: 12px;
            line-height: 30px;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            display: inline-block;
            overflow: hidden;
            cursor: pointer;
        }
        .checkInventory_sxyzguigelist li {
            padding: 5px 15px;
            line-height: 30px;
            height: 45px;
        }
        .checkInventory_sxyzguigelist li.actives{
            background-color:#297ed4  ;
            color: #fff;
            
        }
        .checkInventory_sxyzguigelist li .yzguigep {
            line-height: 30px;
            font-size: 12px;
            width: 100%;
            cursor: pointer;
        }
        .checkInventory_sxyzguigelist li .yzguigep span {
            line-height: 30px;
    
        }
        .checkInventory_knguigelist li {
            height: 45px;
            line-height: 30px;
            padding: 5px 15px;
            display: flex;
            justify-content: flex-start;
            cursor: pointer;
            font-size: 12px;
        }
        .checkInventory_knguigelist li.actived {
            background-color:#297ed4 ;
            color: #fff;
            
        }
        .checkInventory_knguigelist li .kcguigep {
            line-height: 30px;
            font-size: 12px;
        }
        .checkInventory_knguigelist li .kcname {
            margin-left: 15px;
            line-height: 30px;
        }
        .checkInventory_right_main {
            width: 100%;
            text-align: center;
        }
        .checkInventory_number {
            width: 50%;        
            margin: auto;
        }
        .checkInventory_number input {
            width: 100%;
            border: 1px solid #dedede;
            padding: 5px 15px;
        }
        .checkInventory_button {
            margin-top: 20px;
        }
        .checkInventory_title {
            padding: 5px;
            text-align: center;
            background-color: #fafafa;
            height: 10%;
        }
        .checkInventory_title span {
            color: #043d77;
            font-size: 14px;
        }
    }
    @media (min-width: 992px)  { 
        .header {width: 100%; height: 24rem; background-color: #043d77; position: fixed;overflow: hidden; z-index: 100;}
        .duanheader .datanum h1 { font-size:4em ;}
        .contain {width: 80%; margin-top:24rem;} 
        .orderli{width:31% ;}
        .datashujunum {width: 100%; display: flex; justify-content: space-around}
        .datanum em{ font-size: 18px}
        .datanum h1 {font-size: 6em; color: #fff; display: flex; align-items: center;}
        /* .scollordesub { position: absolute; top:30%; left: 5px;} */
        .scollordesub { height:22rem; position: relative;}
        .ordsub { width: 100%;  position: absolute; bottom: 50px; }
        .subimg-add {text-align: right; right: 0%;}
        .subimg-into {text-align: left; left: 0%;}
        .datasp span {font-size: 1.3em; color: #bfdaf8;}
    
        .incebianlan  .nav-item {width: auto; float: left;}
        .inlookstock  .nav-item {width: auto; float: right;}
        .navbar-head .navbar-toggler {border-color: #0051a2;}
        .index-top {height: 25px; background-color: #fff}
        .inlookstock a {color: #043d77;padding-right:15px; cursor: pointer; text-decoration: none; line-height: 25px;}
        .incebianlan a {color: #043d77;padding-left: 15px; cursor: pointer; text-decoration: none; line-height: 25px;}
        .inlookstock {text-align: right; }
        .incebianlan {padding:0px;}
        .navcolltop .innavbarul {width: 100%; padding-left: 0 !important;}
        .search input {color: #888; width: 75%; line-height: 50px; padding-left: 10px; float: left; }
        .search button {border: none; background: #fff; width: 30px; float: right; margin-top: 5px;}
        .PreSalesSearch {width: 100%; overflow: hidden; text-align: center; margin-top: 10px;}
        .PreSalesSearch button {width: auto; padding: 5px 15px; border: 1px solid #043d77; float: none;}
        /* 售前检索 */
        .presalesmain {width: 100%;}
        .presaleinputmain {width: 100%; overflow: hidden;}
        .presaleinput {width: 33%; float: left; padding:10px 15px;}
        .preinput {border: 1px solid #ddd; padding: 5px;}
        .preinput input {width: 100%; line-height: 30px;}
        .prebutton {
            width: 100%;
            clear: both;
            text-align: center;
        }
        .presaleinput .warning span {padding-left: 15px; color: #dc3545;}
        .prebutton .prebtn{padding: 0.375rem 2rem !important;}
        .presalecontent {margin:30px 15px;}
        .presaleh2 {font-size: 16px; color: #999;}
        .presalesearchmain {
            width: 100%;
            overflow: hidden;
        }
        .kcpresalesearch {width: 50%; float: left; padding: 15px;}
        .Bpresalesearchkc {width: 50%; float: right; padding: 15px;}
        .presaletitle {line-height: 30px; text-align: center; font-size: 20px; color: #666;}
        .presaletitle i {font-size: 25px; color: #FF780D;}
        .presalesearchli {
            box-shadow: rgba(149, 157, 165, 0.2) 0px 5px 15px;
            padding:5px 15px;
            line-height: 30px;
            margin-top: 20px;
            display: flex;
        }
        .presaleguige {display: flex; width: 70%; }
        .presaletype {width: 50%; }
        .presalenum {width: 30%; }
        /* 查看规格明细 */
        .specifititle {
            overflow: hidden;
            background-color: #efefef;
            padding: 10px;
            display: block;
        }
        .specifguige {width: 50%; float: left; display: block;}
        .specifyznum {width: 30%; float: left; text-align: center; display: block;}
        .specifnumlifang {width: 25%; float: left; text-align: center; display: block;}
        .stockguige {width: 35%; float: left; padding: 0 10px; display: block;}
        .titgui, .stitguige {display: none;}
        .Specificatcontent {padding: 10px}
        .Specificatcontent li {
            line-height: 45px;
            border-bottom: 1px solid #ededed;
            display: flex;
        }
        .specifyznums {position: relative;}
        .yznumshu {display: flex;}
        .numshu {font-size: 20px;}
        .yznumcontul .yzname {padding-left: 10px;}
        .yznumshu .overnumyz {cursor: pointer; padding: 15px; line-height: 45px; margin: auto; width: 100px}
        .yznumdetails {
            position:absolute; 
            left:-40%;
            top:35px;
            z-index: 10;
            width:390px;
            height: auto;
            text-align: center;
        }
        .yznumdetails .triangle {
            width: 20px;
            height: 20px;
            border:10px solid transparent;
            border-bottom: 10px solid #f9f9f9;
            background-color: transparent;
            margin: auto;
           
        } 
        .yznumdetails .yznumdecontent {
            width: 100%;
            height: auto;
            background-color: #fff;
            box-shadow:rgba(187, 192, 197, 0.2) 0px 5px 15px ;
        }
        /* 查看规格明细 库内查重 */
        .Specificationmodal .kncunfooter {
            justify-content: center !important;
            position: relative;
        }
        .kncunfooter .kncunbottom-left {
            position: absolute;
            left: 10px;
            top: 9%;   
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .kncunfooter .kcpreinput {
              
        }
        .kncunfooter .isdsw_checked {
            margin: 15px 0 0 10px;
        }
        .kncunfooter .kcpreinput .kcinputkuang {
            border: 1px solid #dedede;
            padding: 2px 15px;
            background-color: #fff;
            width: 150px;
            position: relative;
        }
        .kcpreinput .kcpreinputitle {
            font-size: 12px;
            color: #999;
            text-align: left;
        }
        .kncunfooter .kcprebutton {
            padding: 5px 10px;
        }
        .kcpreinput i {
            font-size: 20px;
            cursor: pointer;
        }
        /* 查看规格明细     库内查重 */
        .modal-checkinventory {
            height: 600px;
            padding: 0 !important;
        }
        .checkInventory {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-around;
        }
        .checkInventory_left_yezhu {
            width:20%;
            height: 100%;
        }
        .checkInventory_left_yzguige {
            width: 25%;
            height: 100%;
        }
        .checkInventory_center {
            width: 30%;
            height: 100%;
        }
        .checkInventory_right {
            width: 25%;
            height: 100%;
            display: flex;
            align-items: center;
        }
        .checkInventory_scroll {
            overflow-y: scroll;
            width: 100%;
            height: 93%;
        }
        .checkInventory_shaixuannamelist li {
            padding:5px 15px;
            width: 100%;
            height: 45px;
            overflow: hidden;
            border-bottom: 1px solid #dedede;
        }
        .checkInventory_shaixuannamelist li.active {
            background-color: #0051a2;
            color: #fff;
        }
        .checkInventory_shaixuannamelist li span {
            font-size: 12px;
            line-height: 30px;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            display: inline-block;
            overflow: hidden;
            cursor: pointer;
        }
        .checkInventory_sxyzguigelist li {
            padding: 5px 15px;
            line-height: 30px;
            height: 45px;
        } 
        .checkInventory_sxyzguigelist li.actives{
            background-color:#297ed4  ;
            color: #fff;
            
        }
        .checkInventory_sxyzguigelist li .yzguigep {
            line-height: 30px;
            font-size: 12px;
            width: 100%;
            cursor: pointer;
        }
        .checkInventory_sxyzguigelist li .yzguigep span {
            line-height: 30px;
    
        }
        .checkInventory_knguigelist li {
            height: 45px;
            line-height: 30px;
            padding: 5px 15px;
            display: flex;
            justify-content: flex-start;
            cursor: pointer;
        }
        .checkInventory_knguigelist li.actived {
            background-color:#297ed4 ;
            color: #fff;
            
        }
        .checkInventory_knguigelist li .kcguigep {
            line-height: 30px;
            font-size: 12px;
        }
        .checkInventory_knguigelist li .kcname {
            margin-left: 15px;
            line-height: 30px;
        }
        .checkInventory_right_main {
            width: 100%;
            text-align: center;
        }
        .checkInventory_number {
            width: 50%;        
            margin: auto;
        }
        .checkInventory_number input {
            width: 100%;
            border: 1px solid #dedede;
            padding: 5px 15px;
        }
        .checkInventory_button {
            margin-top: 20px;
        }
        .checkInventory_title {
            padding: 5px;
            line-height: 30px;
            text-align: center;
            background-color: #fafafa;
            height: 7%;
        }
        .checkInventory_title span {
            color: #043d77;
            font-size: 18px;
        }
    }
    @media (min-width: 1200px) {
        .header {width: 100%; height:24rem; background-color: #043d77; position: fixed;overflow: hidden; z-index: 100;}
        .duanheader .datanum h1 { font-size:4em ;}
        .contain {width: 90%; margin-top:24rem;} 
        .orderli{width:19%;}
        .datashujunum {width: 100%; display: flex; justify-content: space-around}
        .datanum em{ font-size: 18px}
        .datanum h1 {font-size: 6em; color: #fff; display: flex; align-items: center;}
        .scollordesub { height:22rem; position: relative;}
        .ordsub { width: 100%;  position: absolute; bottom: 50px; }
        .subimg-add {text-align: right; right: 0%;}
        .subimg-into {text-align: left; left: 0%;}
        .datasp span {font-size: 1.3em; color: #bfdaf8;}
        
        .incebianlan  .nav-item {width: auto; float: left;}
        .inlookstock  .nav-item {width: auto; float: right;}
        .navbar-head .navbar-toggler {border-color: #0051a2;}
        .index-top {height: 25px; background-color: #fff}
        .inlookstock a {color: #043d77;padding-right:15px; cursor: pointer; text-decoration: none; line-height: 25px;}
        .incebianlan a {color: #043d77;padding-left: 15px; cursor: pointer; text-decoration: none; line-height: 25px;}
        .inlookstock {text-align: right; }
        .incebianlan {padding:0px;}
        .innavbarul {width: 100%; padding-left: 0 !important;}
        .search input {color: #888; width: 80%; line-height: 50px; padding-left: 10px; float: left; }
        .search button {border: none; background: #fff; width: 50px; float: right; margin-top: 5px;}
        .PreSalesSearch {width: 100%; overflow: hidden; text-align: center; margin-top: 10px;}
        .PreSalesSearch button {width: auto; padding: 5px 15px; border: 1px solid #043d77; float: none;}
        /* 售前检索 */
        .presalesmain {width: 100%;}
        .presaleinputmain {width: 100%; overflow: hidden;}
        .presaleinput {width: 33%; float: left; padding:10px 15px;}
        .preinput {border: 1px solid #ddd; padding: 5px;}
        .preinput input {width: 100%; line-height: 30px;}
        .prebutton {
            width: 100%;
            clear: both;
            text-align: center;
        }
        .presaleinput .warning span {padding-left: 15px; color: #dc3545;}
        .prebutton .prebtn{padding: 0.375rem 2rem !important;}
        .presalecontent {margin:30px 15px;}
        .presaleh2 {font-size: 16px; color: #999;}
        .presalesearchmain {
            width: 100%;
            overflow: hidden;
        }
        .kcpresalesearch {width: 50%; float: left; padding: 15px;}
        .Bpresalesearchkc {width: 50%; float: right; padding: 15px;}
        .presaletitle {line-height: 30px; text-align: center; font-size: 20px; color: #666;}
        .presaletitle i {font-size: 25px; color: #FF780D;}
        .presalesearchli {
            box-shadow: rgba(149, 157, 165, 0.2) 0px 5px 15px;
            padding:5px 15px;
            line-height: 30px;
            margin-top: 20px;
            display: flex;
        }
        .presaleguige {display: flex; width: 70%; }
        .presaletype {width: 50%; }
        .presalenum {width: 30%; }
        /* 查看规格明细 */
        .specifititle {
            overflow: hidden;
            background-color: #efefef;
            padding: 10px;
            display: block;
        }
        .specifguige {width: 25%; float: left; display: block;}
        .specifyznum {width: 15%; float: left; text-align: center; display: block;}
        .specifnumlifang {width: 25%; float: left; text-align: center; display: block;}
        .stockguige {width: 35%; float: left; padding: 0 10px; display: block;}
        .titgui, .stitguige {display: none;}
        .Specificatcontent {padding: 10px}
        .Specificatcontent li {
            line-height: 45px;
            border-bottom: 1px solid #ededed;
            display: flex;
        }
        .specifyznums {position: relative;}
        .yznumshu {display: flex;}
        .numshu {font-size: 20px;}
        .yznumcontul .yzname {padding-left: 10px;}
        .yznumshu .overnumyz {cursor: pointer; 
            padding:0 15px; 
            line-height: 45px; 
            margin: auto; 
            width: 100px}
        .yznumdetails {
            position:absolute; 
            left:-90%;
            top:20px;
            z-index: 10;
            width:450px;
            height: auto;
            text-align: center;
            padding: 5px 5px;
        }
        .yznumdetails .triangle {
            width: 20px;
            height: 20px;
            border:10px solid transparent;
            border-bottom: 10px solid #f9f9f9;
            background-color: transparent;
            margin: auto;
           
        } 
        .yznumdetails .yznumdecontent {
            width: 100%;
            height: auto;
            background-color: #fff;
            box-shadow:rgba(187, 192, 197, 0.2) 0px 5px 15px ;
            padding: 5px;
        }
        /* 查看规格明细 库内查重 */
        .Specificationmodal .kncunfooter {
            justify-content: center !important;
            position: relative;
        }
        .kncunfooter .kncunbottom-left {
            position: absolute;
            left: 10px;
            top: 9%;   
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .kncunfooter .kcpreinput {
                
        }
        .kncunfooter .isdsw_checked {
            margin: 15px 0 0 10px;
        }
        .kncunfooter .kcpreinput .kcinputkuang {
            border: 1px solid #dedede;
            padding: 2px 15px;
            background-color: #fff;
            width: 150px;
            position: relative;
        }
        .kcpreinput .kcpreinputitle {
            font-size: 12px;
            color: #999;
            text-align: left;
        }
        .kncunfooter .kcprebutton {
            padding: 5px 10px;
        }
        .kcpreinput i {
            font-size: 20px;
            cursor: pointer;
        }
        /* 查看规格明细     库内查重 */
        .modal-checkinventory {
            height: 600px;
            padding: 0 !important;
        }
        .checkInventory {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-around;
        }
        .checkInventory_left_yezhu {
            width:20%;
            height: 100%;
        }
        .checkInventory_left_yzguige {
            width: 25%;
            height: 100%;
        }
        .checkInventory_center {
            width: 30%;
            height: 100%;
        }
        .checkInventory_right {
            width: 25%;
            height: 100%;
            display: flex;
            align-items: center;
        }
        .checkInventory_scroll {
            overflow-y: scroll;
            width: 100%;
            height: 93%;
        }
        .checkInventory_shaixuannamelist li {
            padding:5px 15px;
            width: 100%;
            height: 45px;
            overflow: hidden;
            border-bottom: 1px solid #dedede;
        }
        .checkInventory_shaixuannamelist li.active {
            background-color: #0051a2;
            color: #fff;
        }
        .checkInventory_shaixuannamelist li span {
            font-size: 16px;
            line-height: 30px;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 100%;
            display: inline-block;
            overflow: hidden;
            cursor: pointer;
        }
        .checkInventory_sxyzguigelist li {
            padding: 5px 15px;
            line-height: 30px;
            height: 45px;
        }
        .checkInventory_sxyzguigelist li.actives{
            background-color:#297ed4  ;
            color: #fff;
            
        }
        .checkInventory_sxyzguigelist li .yzguigep {
            line-height: 30px;
            font-size: 16px;
            width: 100%;
            cursor: pointer;
        }
        .checkInventory_sxyzguigelist li .yzguigep span {
            line-height: 30px;
    
        }
        .checkInventory_knguigelist li {
            height: 45px;
            line-height: 30px;
            padding: 5px 15px;
            display: flex;
            justify-content: flex-start;
            cursor: pointer;
        }
        .checkInventory_knguigelist li.actived {
            background-color:#297ed4 ;
            color: #fff;
            
        }
        .checkInventory_knguigelist li .kcguigep {
            line-height: 30px;
        }
        .checkInventory_knguigelist li .kcname {
            margin-left: 15px;
            line-height: 30px;
        }
        .checkInventory_right_main {
            width: 100%;
            text-align: center;
        }
        .checkInventory_number {
            width: 50%;        
            margin: auto;
        }
        .checkInventory_number input {
            width: 100%;
            border: 1px solid #dedede;
            padding: 5px 15px;
        }
        .checkInventory_button {
            margin-top: 20px;
        }
        .checkInventory_title {
            padding: 5px;
            line-height: 30px;
            text-align: center;
            background-color: #fafafa;
            height: 7%;
        }
        .checkInventory_title span {
            color: #043d77;
            font-size: 18px;
        }
    }
    
    
    
    .orderlipo span {display: block; float: left;}
    .orderlipo span.chang {width: 35px;}
    .orderlipo span.prothick {width: 28px;}
    .orderlipo span.dsw {width: 25px;}
    
    .subimg {width: 60px; margin: 0 auto;}
    .ordsub .icon { display: inline-block; font-size: 60px !important; color: #fff; cursor: pointer; }
    .addspan {font-size: 30px; color: #fff;}
    .wrapper {width: 100%; position: relative; overflow: hidden; background:#f8f8f8;}
    
    .header.scrolled{  box-shadow:  0 3px 3px rgba(0,0,0,0.1);}
    .subscrolled {position: absolute; left: 0; top: 100px;}
    .datamain {margin: 40px 0 50px 0;}
    .datasp {text-align: center; margin: 10px 0;}
    
    .datanum {text-align: center; position: relative;}
    input[name='knchcpreplusminus']::-webkit-outer-spin-button,
    input[name='knchcpreplusminus']::-webkit-inner-spin-button {
      -webkit-appearance: none !important;
    }
    .mxhistfanhui {
        cursor: pointer;
    }
    
    
    
    button.aordhd {
        border: 0; 
        background-color:#043d77;
        /* opacity: 0;*/ 
        color: #fff;
    }
    .contain {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
       
        /* width: 98%; */
    }
    
    .ordermul {width:auto;margin:0 auto 25px;padding-bottom:10px; position: relative;}
    .orderli { 
        /* width:340px;  */
        margin: 15px 7px; 
        
        background: #fff; 
        border-radius:1em 1em ; -webkit-border-radius:1em 1em ; -moz-border-radius:1em 1em ; -ms-border-radius:1em 1em ; -o-border-radius:1em 1em ; 
        float: left;
    
    }
    .orderli dl {height: auto; width: 100%; padding:20px 15px 0; }
    .serbackcolor { width: 100%; height: 20px; background-color:#f9f9f9;  }
    .searchi { 
        background-color: #fff; 
        padding: 20px 15px; 
        border-radius:1em 1em; -webkit-border-radius:1em 1em ; -moz-border-radius:1em 1em ; -ms-border-radius:1em 1em ; -o-border-radius:1em 1em ; 
    }
    .searchi .warning {padding-left: 15px; color: #dc3545;}
    .search .searchform {margin-top: 10px;border: 1px solid #eee; overflow: hidden; }
    
    
    .search i {display: inline-block; font-size: 2em;}
    .filetop {line-height: 30px; text-align: right; border-bottom: 1px solid #ddd; padding: 0 15px;}
    .filetime {border-bottom: 1px solid #ddd; overflow: hidden; padding: 10px 5px; width: 50%; float: left;}
    .filetime:hover{cursor: pointer;}
    .fileicon {float: left; width: 30%;}
    .fileicon i {font-size: 3em;}
    .filetim {float: left; padding:10px 0px; width: 70%;}
    .filetim p {line-height: 20px; padding:0 10px}
    .filetim .filetime-time {color: #ccc;}
    .filerecordmain {overflow: hidden; padding: 0 5px; text-align: center;}
    .filerecordmain li {width: 66px; float: left; color: #00b176;}
    .filerem-top i {font-size: 3em ; display: inline-block; width: 50%; height: 30px;}
    .filerecord {overflow: hidden; background-color: #fff; border-radius: 1em; margin-top: 20px;}
    .grid {background-color: #f8f8f8 !important}
    
    .orderli dt {text-align: center; margin-bottom: 15px;}
    .orderli dt h2 { font: normal bold 1.5em "微软雅黑"; line-height: 30px;}
    .huizonglifang {display: flex; justify-content:flex-end ; line-height: 25px;}
    .orderli dt p {font: normal 400 1.1em "微软雅黑";  line-height: 25px; width: 60%;}
    .huizonglifang .dt-lifang {color: #0051a2; padding-left: 8px;}
    .orderli dd {overflow: hidden;}
    .orderli dd p {float: left; width: 50%; }
    .orderliright {float:right; width:50%; display: flex; justify-content: space-between;}
    .orderliright .dl-num { font: normal 400 1rem "Arial";line-height: 25px;}
    .orderliright .dl-lifang {font-size: 0.8rem; color: #0051a2; padding-left: 8px;}
    .orderlipa dd .dsw {padding-left: 3px;}
    
    
    
    
    /* 卡片放大 */
    @media (max-width: 576px){
        .modal .kamodal-sm {max-width: 450px !important;}
        .mobodycontain {margin:0 !important; padding-left: 0 !important;}
        /* 弹框 */
        .mobodycontain li{overflow: hidden; margin-bottom: 2px;  line-height: 30px; padding:  0 5px;}
        .limk {position: relative;}
        .limkdelli {border-top:1px solid #eee; border-bottom: 1px solid #eee; padding-left: 0 !important;}
        .limkleft {width: 55%; float: left;  line-height: 30px; }
        .inlimkleft {position: absolute; left:1rem;}
        .limksubtotal {width: 25%; float: left; font-size: 0.8em; padding-left: 2px;}
        .limksubtotal span{font-size: 0.8rem; color: #043d77; padding: 0 0.2rem;}
        .inlimksubtotal {position: absolute; right: 0;}
        .limk .kucun {font-size:12px; color: #999; padding-left: 5px;}
        .limk .dsw {padding-left: 3px;}
        .mobodycontain p {float: left; width: 65%; display: flex; }
        .mobodycontain  .trim-main {float: left; width: 12%;}
        .mobodycontain  .trim-main span {padding:0 5px; color: #555;}
        .mobodycontain input {vertical-align: middle; margin-top: -2px !important;}
        .spii {float: right; width: 20%;  line-height: 30px;  padding-left: 2px;}
        .sput {float: right; width: 22%;  line-height: 30px;}
        .sput input {width: 100%; border: 1px solid #ddd; line-height: 20px; padding:2px;margin-top: 0px !important;}
        .hejizhizuo {width: 100%;overflow: hidden; padding:1rem 1rem 0 1rem; display: flex;}
        .quancheck {margin-right: 10px;}
        .zhizuo {color: #666;line-height: 30px; width:50%; float: left;}
        .zhizuo span {color: #569af3; font-size: 14px; }
        .kacontent .dfhtotal {
            width: 35%;}
        .total {width: 30%; float: right; line-height: 30px; font-size: 0.8rem; text-align: right;}
        .total span {color: #043d77; font-size: 1rem;}
    
        .dellimkic {width:30px; float: left; overflow: hidden;}
        .dellimkic span{display: block; width: 30px; font-size: 0.2rem; cursor: pointer; float: left;}
        .dellimkic span.limkdelicon {font-size: 12px; color: #dedede;}
        .dellimkic span.limkdel {font-size: 10px; color: #fff; text-align: center; background-color: #dc3545;}
        .dellimkic span.limkcancel {font-size: 10px; color: #fff; text-align: center; background-color: #FF780D;}
        /* .kacontent .modal-footer {justify-content:center;} */
        .modal-share {cursor: pointer;}
        .modal-footer .btn-blue {background-color: #043d77; color: #fff; border-color: #043d77;}
        .modal-footer .btn-blue:hover {color: #fff;}
        .katipcontent {width: 100%;padding:4rem 0; margin: 0 auto; text-align: center; }
        .katipcontent .icon_kasucess {font-size: 3rem; color: #00b176;}
        .katipcontent .ka_kasucess {font-size: 20px; color: #00b176;}
        .kacontent .modal-title {width: 80%;}
        .kacontent .modal-header{border-bottom: none !important; padding-bottom: 0.9rem !important;}
        .kacontent  .modal-head {border-bottom: 1px solid #dee2e6; padding-bottom: 0.5rem; position: relative;}
        .kacontent .modal-body {padding: 0!important;}
        .modal-p {width: 100%; padding: 0 1rem; font-size: 0.5em; color: #999; }
        /* .modal-head .triming {position: absolute; bottom: 10px; right: 15px;} */
    }
    @media (min-width: 576px){
        .modal .kamodal-sm {max-width: 450px !important;}
        .mobodycontain {margin:0 !important; padding-left: 0 !important;}
        .mobodycontain li{overflow: hidden; margin-bottom: 2px;  line-height: 30px; padding:  0 1rem;}
        .limk {position: relative;}
        .limkdelli {border-top:1px solid #eee; border-bottom: 1px solid #eee; padding-left: 0 !important;}
        .limkleft {width:55%; float: left;  line-height: 30px; }
        .inlimkleft {position: absolute; left:2rem;}
        .limksubtotal {width: 23%; float: left; font-size: 0.8em; padding-left: 2px;}
        .limksubtotal span{font-size: 0.8rem; color: #043d77; padding: 0 0.2rem;}
        .inlimksubtotal {position: absolute; right: 0;}
        .limk .kucun {font-size:12px; color: #999; padding-left: 5px;}
        .limk .dsw {padding-left: 3px;}
        .mobodycontain p {float: left; width:70%; }
        .mobodycontain  .trim-main {float: left; width: 20%;}
        .mobodycontain  .trim-main span {padding:0 5px; color: #555; cursor: pointer;}
        .mobodycontain input {vertical-align: middle; margin-top: -2px !important;}
        .spii {float: right; width: 20%;  line-height: 30px;  padding-left: 2px;}
        .sput {float: right; width: 21%;  line-height: 30px;}
        .sput input {width: 100%; border: 1px solid #ddd; line-height: 20px; padding:2px;margin-top: 0px !important;}
        .hejizhizuo {width: 100%;overflow: hidden; padding:1rem 1rem 0 1rem; display: flex;}
        .quancheck {margin-right: 10px;}
        .zhizuo {color: #666;line-height: 30px; width:58%; float: left;}
        .zhizuo span {color: #569af3; font-size: 14px; }
        .total {width: 30%; float: right; line-height: 30px; font-size: 0.8rem; text-align: right;}
        .total span {color: #043d77; font-size: 1rem;}
        .dellimkic {width:30px; float: left; overflow: hidden;}
        .dellimkic span{display: block; width: 30px; font-size: 0.2rem; cursor: pointer; float: left;}
        .dellimkic span.limkdelicon {font-size: 12px; color: #dedede;}
        .dellimkic span.limkdel {font-size: 10px; color: #fff; text-align: center; background-color: #dc3545;}
        .dellimkic span.limkcancel {font-size: 10px; color: #fff; text-align: center; background-color: #FF780D;}
        /* .kacontent .modal-footer {justify-content:center;} */
        .modal-share {cursor: pointer;}
        .modal-footer .btn-blue {background-color: #043d77; color: #fff; border-color: #043d77;}
        .modal-footer .btn-blue:hover {color: #fff;}
        .katipcontent {width: 100%;padding:4rem 0; margin: 0 auto; text-align: center; }
        .katipcontent .icon_kasucess {font-size: 3rem; color: #00b176;}
        .katipcontent .ka_kasucess {font-size: 20px; color: #00b176;}
        .kacontent .modal-title {width: 80%;}
        .kacontent .modal-header{border-bottom: none !important; padding-bottom: 0.9rem !important;}
        .kacontent  .modal-head {border-bottom: 1px solid #dee2e6; padding-bottom: 0.5rem; position: relative;}
        .kacontent .modal-body {padding: 0!important;}
        .modal-p {width: 100%; padding: 0 1rem; font-size: 0.5em; color: #999; }
    }
    @media (min-width: 768px){
        .modal .kamodal-sm {max-width: 550px !important;}
        .mobodycontain {margin:0 !important; padding-left: 0 !important;}
        .mobodycontain li{overflow: hidden; margin-bottom: 2px;  line-height: 30px; padding:  0 1rem;}
        .limk {position: relative;}
        .limkdelli {border-top:1px solid #eee; border-bottom: 1px solid #eee; padding-left: 0 !important;}
        .limkleft {width: 55%; float: left;  line-height: 30px; }
        .inlimkleft {position: absolute; left:2rem;}
        .limksubtotal {width: 23%; float: left; font-size: 0.8em; padding-left: 2px;}
        .limksubtotal span{font-size: 0.8rem; color: #043d77; padding: 0 0.2rem;}
        .inlimksubtotal {position: absolute; right: 0;}
        .limk .kucun {font-size:12px; color: #999; padding-left: 5px;}
        .limk .dsw {padding-left: 3px;}
        .mobodycontain p {float: left; width: 70%; }
        .mobodycontain  .trim-main {float: left; width: 20%;}
        .mobodycontain  .trim-main span {padding:0 5px; color: #555; cursor: pointer;}
        .mobodycontain input {vertical-align: middle; margin-top: -2px !important;}
        .spii {float: right; width: 20%;  line-height: 30px;  padding-left: 2px;}
        .sput {float: right; width: 20%;  line-height: 30px;}
        .sput input {width: 100%; border: 1px solid #ddd; line-height: 20px; padding:2px;margin-top: 0px !important;}
        .hejizhizuo {width: 100%;overflow: hidden; padding:1rem 1rem 0 1rem; display: flex;}
        .quancheck {margin-right: 10px;}
        .zhizuo {color: #666;line-height: 30px; width:58%; float: left;}
        .zhizuo span {color: #569af3; font-size: 14px; }
        .total {width: 30%; float: right; line-height: 30px; font-size: 0.8rem; text-align: right;}
        .total span {color: #043d77; font-size: 1rem;}
        .dellimkic {width:30px; float: left; overflow: hidden;}
        .dellimkic span{display: block; width: 30px; font-size: 0.2rem; cursor: pointer; float: left;}
        .dellimkic span.limkdelicon {font-size: 12px; color: #dedede;}
        .dellimkic span.limkdel {font-size: 10px; color: #fff; text-align: center; background-color: #dc3545;}
        .dellimkic span.limkcancel {font-size: 10px; color: #fff; text-align: center; background-color: #FF780D;}
        /* .kacontent .modal-footer {justify-content:center;} */
        .modal-share {cursor: pointer;}
        .modal-footer .btn-blue {background-color: #043d77; color: #fff; border-color: #043d77;}
        .modal-footer .btn-blue:hover {color: #fff;}
        .katipcontent {width: 100%;padding:4rem 0; margin: 0 auto; text-align: center; }
        .katipcontent .icon_kasucess {font-size: 3rem; color: #00b176;}
        .katipcontent .ka_kasucess {font-size: 20px; color: #00b176;}
        .kacontent .modal-title {width: 80%;}
        .kacontent .modal-header{border-bottom: none !important; padding-bottom: 0.9rem !important;}
        .kacontent  .modal-head {border-bottom: 1px solid #dee2e6; padding-bottom: 0.5rem; position: relative;}
        .kacontent .modal-body {padding: 0!important;}
        .modal-p {width: 100%; padding: 0 1rem; font-size: 0.5em; color: #999; }
    }
    @media (min-width: 992px){
        .modal .kamodal-sm {max-width: 550px !important;}
        .mobodycontain {margin:0 !important; padding-left: 0 !important;}
        .mobodycontain li{overflow: hidden; margin-bottom: 2px;  line-height: 30px; padding:  0 1rem;}
        .limk {position: relative;}
        .limkdelli {border-top:1px solid #eee; border-bottom: 1px solid #eee; padding-left: 0 !important;}
        .limkleft {width: 55%; float: left;  line-height: 30px; }
        .inlimkleft {position: absolute; left:2rem;}
        .limksubtotal {width: 23%; float: left; font-size: 0.8em; padding-left: 2px;}
        .limksubtotal span{font-size: 0.8rem; color: #043d77; padding: 0 0.2rem;}
        .inlimksubtotal {position: absolute; right: 0;}
        .limk .kucun {font-size:12px; color: #999; padding-left: 5px;}
        .limk .dsw {padding-left: 3px;}
        .mobodycontain p {float: left; width: 70%; }
        .mobodycontain  .trim-main {float: left; width: 20%;}
        .mobodycontain  .trim-main span {padding:0 5px; color: #555; cursor: pointer;}
        .mobodycontain input {vertical-align: middle; margin-top: -2px !important;}
        .spii {float: right; width: 20%;  line-height: 30px;  padding-left: 2px;}
        .sput {float: right; width: 20%;  line-height: 30px;}
        .sput input {width: 100%; border: 1px solid #ddd; line-height: 20px; padding:2px;margin-top: 0px !important;}
        .hejizhizuo {width: 100%;overflow: hidden; padding:1rem 1rem 0 1rem; display: flex;}
        .quancheck {margin-right: 10px;}
        .zhizuo {color: #666;line-height: 30px; width:58%; float: left;}
        .zhizuo span {color: #569af3; font-size: 14px; }
        .total {width: 30%; float: right; line-height: 30px; font-size: 0.8rem; text-align: right;}
        .total span {color: #043d77; font-size: 1rem;}
        .dellimkic {width:30px; float: left; overflow: hidden;}
        .dellimkic span{display: block; width: 30px; font-size: 0.2rem; cursor: pointer; float: left;}
        .dellimkic span.limkdelicon {font-size: 12px; color: #dedede;}
        .dellimkic span.limkdel {font-size: 10px; color: #fff; text-align: center; background-color: #dc3545;}
        .dellimkic span.limkcancel {font-size: 10px; color: #fff; text-align: center; background-color: #FF780D;}
        /* .kacontent .modal-footer {justify-content:center;} */
        .modal-share {cursor: pointer;}
        .modal-footer .btn-blue {background-color: #043d77; color: #fff; border-color: #043d77;}
        .modal-footer .btn-blue:hover {color: #fff;}
        .katipcontent {width: 100%;padding:4rem 0; margin: 0 auto; text-align: center; }
        .katipcontent .icon_kasucess {font-size: 3rem; color: #00b176;}
        .katipcontent .ka_kasucess {font-size: 20px; color: #00b176;}
        .kacontent .modal-title {width: 80%;}
        .kacontent .modal-header{border-bottom: none !important; padding-bottom: 0.9rem !important;}
        .kacontent  .modal-head {border-bottom: 1px solid #dee2e6; padding-bottom: 0.5rem; position: relative;}
        .kacontent .modal-body {padding: 0!important;}
        .modal-p {width: 100%; padding: 0 1rem; font-size: 0.5em; color: #999; }
    }
    @media (min-width: 1200px){
        .modal .kamodal-sm {max-width: 550px !important;}
        .mobodycontain {margin:0 !important; padding-left: 0 !important;}
        .mobodycontain li{overflow: hidden; margin-bottom: 2px;  line-height: 30px; padding:  0 1rem;}
        .limk {position: relative;}
        .limkdelli {border-top:1px solid #eee; border-bottom: 1px solid #eee; padding-left: 0 !important;}
        .limkleft {width: 55%; float: left;  line-height: 30px; }
        .inlimkleft {position: absolute; left:2rem;}
        .limksubtotal {width: 23%; float: left; font-size: 0.8em; padding-left: 2px;}
        .limksubtotal span{font-size: 0.8rem; color: #043d77; padding: 0 0.2rem;}
        .inlimksubtotal {position: absolute; right: 0;}
        .limk .kucun {font-size:12px; color: #999; padding-left: 5px;}
        .limk .dsw {padding-left: 3px;}
        .mobodycontain p {float: left; width: 70%; }
    
        .mobodycontain  .trim-main {float: left; width: 33%; position: absolute; right: 0;}
        .trim-main {overflow: hidden; display: flex;}
        .trim-main .trimforminput {width: auto; margin-top: 8px !important; }
        .trim-main  .trim-boxinputext {width: 50%; margin-left: 5px;}
        .trim-main .trim-boxinputext input {width: 100%;
            border: 1px solid #ddd;
            line-height: 20px;
            padding: 2px;
            margin-top: 0px !important;}
        .trim-main .weitiaotrim {border: 1px solid #dedede;}
        .mobodycontain  .trim-main span {padding:0 5px; color: #555; cursor: pointer;}
        .trimformtit {width: 33%; float: right; text-align: center;}
        .weitiaobutno {width: auto; text-align: center;}
    
        .mobodycontain input {vertical-align: middle; margin-top: -2px !important;}
        .spii {float: right; width: 20%;  line-height: 30px;  padding-left: 2px;}
        .sput {float: right; width: 20%;  line-height: 30px;}
        .sput input {width: 100%; border: 1px solid #ddd; line-height: 20px; padding:2px;margin-top: 0px !important;}
        .hejizhizuo {width: 100%;overflow: hidden; padding:1rem 1rem 0 1rem; display: flex;}
        .quancheck {margin-right: 10px;}
        .zhizuo {color: #666;line-height: 30px; width:58%; float: left;}
        .zhizuo span {color: #569af3; font-size: 14px; }
        .total {width: 30%; float: right; line-height: 30px; font-size: 0.8rem; text-align: right;}
        .total span {color: #043d77; font-size: 1rem;}
        .dellimkic {width:30px; float: left; overflow: hidden;}
        .dellimkic span{display: block; width: 30px; font-size: 0.2rem; cursor: pointer; float: left;}
        .dellimkic span.limkdelicon {font-size:12px; color: #dedede;}
        .dellimkic span.limkdel {font-size: 10px; color: #fff; text-align: center; background-color: #dc3545;}
        .dellimkic span.limkcancel {font-size:10px; color: #fff; text-align: center; background-color: #FF780D;}
        /* .kacontent .modal-footer {justify-content:center;} */
        .modal-share {cursor: pointer;}
        .modal-footer .btn-blue {background-color: #043d77; color: #fff; border-color: #043d77;}
        .modal-footer .btn-blue:hover {color: #fff;}
        .katipcontent {width: 100%;padding:4rem 0; margin: 0 auto; text-align: center; }
        .katipcontent .icon_kasucess {font-size: 3rem; color: #00b176;}
        .katipcontent .ka_kasucess {font-size: 20px; color: #00b176;}
        .kacontent .modal-title {width: 80%;}
        .kacontent .modal-header{border-bottom: none !important; padding-bottom: 0.9rem !important;}
        .kacontent  .modal-head {border-bottom: 1px solid #dee2e6; padding-bottom: 0.5rem; position: relative;}
        .kacontent .modal-body {padding: 0!important;}
        .modal-p {width: 100%; padding: 0 1rem; font-size: 0.5em; color: #999; }
    }
    
    
    /* 公用button */
    .kacontent .modal-header {align-items: flex-start;}
    .btn.btn-blue { background-color: #0051a2; z-index: 100; color: #fff; border-color: #043d77; padding:0.375rem 1rem; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
    .btn.btn-blue:hover {color: #fff;}
    .btn.btn-yblue { background-color: #0051a2; z-index: 100; color: #fff; border-color: #043d77; padding:3px 13px; border-radius:0 !important ; -webkit-border-radius:0 !important ; -moz-border-radius:0 !important ; -ms-border-radius:0 !important ; -o-border-radius:0 !important ; }
    .btn.btn-yblue:hover {color: #fff;}
    .btn.btn-orange {background-color: #FF780D; color:#fff;}
    .btn.btn-orange:hover {color: #fff;}
    .btn.btn-kong, .btn.btn-kong:hover {
        background-color: #fff; 
        border: 1px solid #0051a2; 
        color: #0051a2;
        padding: 2px 15px;
        border-radius: 0;}
    .loading {position: fixed; z-index: 5000; background: #000; opacity: 0.2; top: 0; left: 0; width:100%; height: 100% }
    .loadingmain {margin:20% auto; background: #000; opacity: 1 ;text-align: center}
    .loadingmain img {width: 100px; height: 100px; margin:auto}
    .loadingmain span {font-size: 16px; color: #fff}
    
    /* 首页查看库存 */
    @media (max-width: 767px) {
        #seeordModal .modal-boscoll {
            height: 550px;
        }
        .stockformm {padding:0 15px}
        .md-stock-olli {line-height: 30px; overflow: hidden;}
        .filter-tab {overflow: hidden;}
        .md-stock-main { padding-top: 0px; width: 100%;}
        .seekufanhui {margin-left: 20px !important; }
        .seelicontent { 
            padding:0 10px; 
            display: flex; 
            justify-content: center;
            align-items: center;
        }  
        .seeliright { color: #666;  line-height: 36px; word-break:keep-all;}
        .seelishu {height: 36px;  line-height: 36px;}
        .countlifang { display: block; width: 20%; line-height: 36px;}
        .seelidsw {float: left; padding-left: 15px; line-height: 36px;}
        .formcontant .dswselect{margin: 0 5px; line-height: 30px;}
        .dswselect .form-check { padding-left: 3%;}
        .formcontant .form-control {font-size: 12px; padding: 0.6rem 0.5rem; }
        .formchedw  .form-check-input {margin-top: 0.6em; margin-left: 0 !important;}
        .stockdel {cursor: pointer;
            display: block;
            float: left;
            padding: 0 15px;
            line-height: 36px;
            color: #eee;
    
        }
        .delqueren {position:absolute; 
            z-index: 1155;
            width: 300px;
            height: 180px;
            background: #eee;
            left: 40%;
            top: 45%;
            border: 1px solid #ddd;
            padding: 15px;
            text-align: center;
        }
        .delqueren #delfanhui {background-color: #bbb; color: #fff;}
        .delquemain {padding: 15px 15px; text-align: center;}
        .delquemain span {font-size: 18px;}
        .delhidenn span{color:#dc3545; font-size: 14px;}
        .formcontant .mdclegth {width: 18%; float: left; padding: 0 5px; line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcthick {width: 20%; float: left; padding: 0 5px; line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcnumm {width:12% ; float: left; padding: 0 5px; line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcnselect {width:40% ;float: left; margin: 0 1%; line-height: 30px; margin-bottom: 0px; padding: 0;}
        .mdcnselect .iptaselect{width:100%; }
        .formchedw-main {overflow: hidden;}
        .mdcnselect .formchedw {padding-left: 0 !important; width: 50%; float: left;}
        .qkformchedw {
            width: 50%; float: left;
        }
        .col-but {width: 8%; float: left;}
        .excelstockmain .excel-num {width: 5%; float: left;}
        .excelstockmain .excel-stocktype {width: 10%; float: left;}
        .excelstockmain .excel-ydname {width: 25%; float: left;}
        .excelstockmain .excel-chang {width: 20%; float: left;}
        .excelstockmain .excel-hou {width: 15%; float: left;}
        .excelstockmain .excel-dsw {width: 10%; float: left;}
        .excelstockmain .excel-amount {width: 15%; float: left;}
        .excelwarn {background: url(../images/warn.png) 0 10px no-repeat;}
        .excelwarn span{color: #dc3545; font-size: 16px; line-height: 35px; padding-left: 18px;}
        .rodermdcont  .excelbtn {width: 20%;  margin-top:0%; text-align: center;}
        .kcsearch {
            width: 30%;
            position: relative;
        }
        #swradio2 {margin-left: 1em !important; margin-right: 0.3em;}
        .mdcnselect .iptaselectdiv  {padding: 0rem 0rem; border: 1px solid #ddd;}
        .mdcnselect .iptaselectdiv input {border:none}
        .Exceldatamain {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
        /* 查看库存 footer */
        .kucun-modal-footer {
            display: flex;
            justify-content: space-between;
        }
        
        .footer-button {
            width: 100%;
        }
        
        .read-in {
            padding: 5px 0 15px;
        }
        .stroderm {
            padding: 10px 0;
        }
        /* 查看库存 筛选部分 */
        .slectelist {
            padding: 0;
        }
        .selectedjibie-main {
            display: flex;
            width: 100%;
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }
        .selectd-titleleft {
            width: 25%;
        }
        .footer-thickcheck-main, .footer-dswcheck {
            width: 75%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .footer-allcheck {
            width: 10%;
        }
        .thickselected-ul,.dswwang-selectd-ul {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 0 !important;
            flex-wrap: wrap;
        }
        .thickselected-ul li {
            width: 25%;
        }
        .dswwang-selectd-ul li {
            width: 25%;
        }
        .footer-thickcheck {
            width: 10%;
        }
    
        /* 查看库存 筛选种类及搜索 */
        .filtet-type-search {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
        }
        /* 查看库存 内容部分 */
        .stocktit {
            width: 100%; 
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
            background-color: #f8f8f8;
        }
        .md-stock-ol {
            width: 100%;        
        }
        .md-stock-ol .md-stock-olli {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
    
        }
        .stock-opretion {
            width: 5%;
            text-align: center;
        }
        .stock-stocktype {
            width: 20%;  
            text-align: center;   
        }
        .stock-ydname {width: 55%;  }
        .stock-numlf {width: 20%; text-align: center;   }
        .search-wrapper {
            transform: translate(-10%, -50%);
            -webkit-transform: translate(-10%, -50%);
            -moz-transform: translate(-10%, -50%);
            position: absolute;
            right: 0;
            top: 0px;
            -ms-transform: translate(-10%, -50%);
            -o-transform: translate(-10%, -50%);
    }
        .filter-tab .form-select {width:100px;float: right;font-size: 12px; font-family: Arial, 微软雅黑,宋体; color: #555; padding: 0.5em 0.8em !important;  }
        #seeordModal .search-wrapper.active .input-holder {
            width: 150px;
        }
    }
    @media (min-width: 768px) { 
    }
    @media (min-width: 992px)  {
        #seeordModal .modal-boscoll {
            height: 750px;
        }
        .stockformm {padding:0 15px}
        .md-stock-olli {line-height: 30px; overflow: hidden;}
        .filter-tab {overflow: hidden;}
        .md-stock-main { padding-top: 0px; width: 100%;}
        .seekufanhui {margin-left: 20px !important; }
        .seelicontent { 
            padding:0 10px; 
            display: flex; 
            justify-content: center;
            align-items: center;
        }  
        .seeliright { color: #666;  line-height: 36px; word-break:keep-all;}
        .seelishu {height: 36px;  line-height: 36px;}
        .countlifang { display: block; width: 20%; line-height: 36px;}
        .seelidsw {float: left; padding-left: 15px; line-height: 36px;}
        .formcontant .dswselect{margin: 0 5px; line-height: 30px;}
        .dswselect .form-check { padding-left: 3%;}
        .formcontant .form-control {font-size: 12px; padding: 0.6rem 0.5rem; }
        .formchedw  .form-check-input {margin-top: 0.6em; margin-left: 0 !important;}
        .stockdel {cursor: pointer;
            display: block;
            float: left;
            padding: 0 15px;
            line-height: 36px;
            color: #eee;
    
        }
        .delqueren {position:absolute; 
            z-index: 1155;
            width: 300px;
            height: 180px;
            background: #eee;
            left: 40%;
            top: 45%;
            border: 1px solid #ddd;
            padding: 15px;
            text-align: center;
        }
        .delqueren #delfanhui {background-color: #bbb; color: #fff;}
        .delquemain {padding: 15px 15px; text-align: center;}
        .delquemain span {font-size: 18px;}
        .delhidenn span{color:#dc3545; font-size: 14px;}
        .formcontant .mdclegth {width: 18%; float: left; padding-right: 5px;  line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcthick {width: 20%; float: left; padding-right: 5px;  line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcnumm {width:12% ; float: left; padding-right: 5px;  line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcnselect {width:40% ;float: left; margin: 0 1%; line-height: 30px; margin-bottom: 0px; padding: 0;}
        .mdcnselect .iptaselect{width:100%; }
        .formchedw-main {overflow: hidden;}
        .mdcnselect .formchedw {padding-left: 0 !important; width: 50%; float: left;}
        .qkformchedw {
            width: 50%; float: left;
        }
        .col-but {width: 8%; float: left;}
        .excelstockmain .excel-num {width: 5%; float: left;}
        .excelstockmain .excel-stocktype {width: 10%; float: left;}
        .excelstockmain .excel-ydname {width: 25%; float: left;}
        .excelstockmain .excel-chang {width: 20%; float: left;}
        .excelstockmain .excel-hou {width: 15%; float: left;}
        .excelstockmain .excel-dsw {width: 10%; float: left;}
        .excelstockmain .excel-amount {width: 15%; float: left;}
        .excelwarn {background: url(../images/warn.png) 0 10px no-repeat;}
        .excelwarn span{color: #dc3545; font-size: 16px; line-height: 35px; padding-left: 18px;}
        .rodermdcont  .excelbtn {width: 20%;  margin-top:0%; text-align: center;}
        .kcsearch {
            width: 30%;
            position: relative;
        }
        #swradio2 {margin-left: 1em !important; margin-right: 0.3em;}
        .mdcnselect .iptaselectdiv  {padding: 0rem 0rem; border: 1px solid #ddd;}
        .mdcnselect .iptaselectdiv input {border:none}
        .Exceldatamain {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
        /* 查看库存 footer */
        .kucun-modal-footer {
            display: flex;
            justify-content: space-between;
        }
        
        .footer-button {
            width: 10%;
        }
        
        .read-in {
            padding: 5px 0 15px;
        }
        .stroderm {
            padding: 10px 0;
        }
        /* 查看库存 筛选部分 */
        .slectelist {
            padding: 0;
        }
        .selectedjibie-main {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }
        .selectd-titleleft {
            width: 10%;
        }
        .footer-thickcheck-main, .footer-dswcheck {
            width: 90%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .footer-allcheck {
            width: 10%;
        }
        .thickselected-ul,.dswwang-selectd-ul {
            width: 90%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 0 !important;
        }
        .thickselected-ul li {
            width: 10%;
        }
        .dswwang-selectd-ul li {
            width: 10%;
        }
        .footer-thickcheck {
            width: 10%;
        }
    
        /* 查看库存 筛选种类及搜索 */
        .filtet-type-search {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
        }
        /* 查看库存 内容部分 */
        .stocktit {
            width: 100%; 
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
            background-color: #f8f8f8;
        }
        .md-stock-ol {
            width: 100%;        
        }
        .md-stock-ol .md-stock-olli {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
    
        }
        .stock-opretion {
            width: 5%;
            text-align: center;
        }
        .stock-stocktype {
            width: 30%;  
            text-align: center;   
        }
        .stock-ydname {width: 45%;  }
        .stock-numlf {width: 20%; text-align: center;   }
        .search-wrapper {
            -webkit-transform: translate(-10%, -50%);
            -moz-transform: translate(-10%, -50%);
            transform: translate(-10%, -50%);
            position: absolute;
            right: 0;
            top: 0px;
            -ms-transform: translate(-10%, -50%);
            -o-transform: translate(-10%, -50%);
        }
        .filter-tab .form-select {width:150px;float: right;font-size: 12px; font-family: Arial, 微软雅黑,宋体; color: #555; padding: 0.5em 0.8em !important;  }
        #seeordModal .search-wrapper.active .input-holder {
            width: 200px;
        }
    }
    @media (min-width: 1200px) {
        #seeordModal .modal-boscoll {
            height: 750px;
        }
        .stockformm {padding:0px}
        .md-stock-olli {line-height: 30px; overflow: hidden;}
        .filter-tab {overflow: hidden;}
        .md-stock-main { padding-top: 0px; width: 100%;}
        .seekufanhui {margin-left: 20px !important; }
        .seelicontent { 
            padding:0 10px; 
            display: flex; 
            justify-content: center;
            align-items: center;
        }  
        .seeliright { color: #666;  line-height: 36px; word-break:keep-all;}
        .seelishu {height: 36px;  line-height: 36px;}
        .countlifang { display: block; width: 20%; line-height: 36px;}
        .seelidsw {float: left; padding-left: 15px; line-height: 36px;}
        .formcontant .dswselect{margin: 0 5px; line-height: 30px;}
        .dswselect .form-check { padding-left: 3%;}
        .formcontant .form-control {
            font-size: 12px;
            padding: 0.6rem 0.5rem;
            border-radius: 0;
            line-height: 20px;
        }
        .formchedw  .form-check-input {margin-top: 0.6em; margin-left: 0 !important;}
        .stockdel {cursor: pointer;
            display: block;
            float: left;
            padding: 0 15px;
            line-height: 36px;
            color: #eee;
    
        }
        .delqueren {position:absolute; 
            z-index: 1155;
            width: 300px;
            height: 180px;
            background: #eee;
            left: 40%;
            top: 45%;
            border: 1px solid #ddd;
            padding: 15px;
            text-align: center;
        }
        .delqueren #delfanhui {background-color: #bbb; color: #fff;}
        .delquemain {padding: 15px 15px; text-align: center;}
        .delquemain span {font-size: 18px;}
        .delhidenn span{color:#dc3545; font-size: 14px;}
        .formcontant .mdclegth {width: 18%; float: left; padding-right: 5px; line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcthick {width: 20%; float: left; padding-right: 5px; line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcnumm {width:12% ; float: left; padding-right: 5px; line-height: 30px; margin-bottom: 0px;}
        .formcontant .mdcnselect {width:40% ;float: left; margin: 0 1%; line-height: 30px; margin-bottom: 0px; padding: 0;}
        .mdcnselect .iptaselect{width:100%; }
        .formchedw-main {overflow: hidden;}
        .mdcnselect .formchedw {padding-left: 0 !important; width: 50%; float: left;}
        .qkformchedw {
            width: 50%; float: left;
        }
        .col-but {width: 8%; float: left;}
        .excelstockmain .excel-num {width: 5%; float: left;}
        .excelstockmain .excel-stocktype {width: 10%; float: left;}
        .excelstockmain .excel-ydname {width: 25%; float: left;}
        .excelstockmain .excel-chang {width: 20%; float: left;}
        .excelstockmain .excel-hou {width: 15%; float: left;}
        .excelstockmain .excel-dsw {width: 10%; float: left;}
        .excelstockmain .excel-amount {width: 15%; float: left;}
        .excelwarn {background: url(../images/warn.png) 0 10px no-repeat;}
        .excelwarn span{color: #dc3545; font-size: 16px; line-height: 35px; padding-left: 18px;}
        .rodermdcont  .excelbtn {width: 20%;  margin-top:0%; text-align: center;}
        .kcsearch {
            width: 30%;
            position: relative;
        }
        #swradio2 {margin-left: 1em !important; margin-right: 0.3em;}
        .mdcnselect .iptaselectdiv  {padding: 0rem 0rem; margin-left: 5px; border: 1px solid #ddd; position: relative;}
        .yudingmain {
            position: absolute;
            z-index: 100;
            width: 100%;
            background-color: #fff;
            border: 1px solid #dedede;
            border-top: 0;
            box-sizing: content-box;
            left: -1px;
            max-height: 300px;
            overflow-y: auto;
            overflow-x: hidden;
        }
        .mdcnselect .iptaselectdiv input {border:none}
        .Exceldatamain {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }
        /* 查看库存 footer */
        .kucun-modal-footer {
            display: flex;
            justify-content: space-between;
        }
        
        .footer-button {
            width: 10%;
        }
        
        .read-in {
            padding: 5px 0 15px;
        }
        .stroderm {
            padding: 10px 0;
        }
        /* 查看库存 筛选部分 */
        .slectelist {
            padding: 0;
        }
        .selectedjibie-main {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }
        .selectd-titleleft {
            width: 10%;
        }
        .footer-thickcheck-main, .footer-dswcheck {
            width: 90%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .footer-allcheck {
            width: 10%;
        }
        .thickselected-ul,.dswwang-selectd-ul {
            width: 90%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 0 !important;
        }
        .thickselected-ul li {
            width: 10%;
        }
        .dswwang-selectd-ul li {
            width: 10%;
        }
        .footer-thickcheck {
            width: 10%;
        }
    
        /* 查看库存 筛选种类及搜索 */
        .filtet-type-search {
            display: flex;
            width: 100%;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
        }
        /* 查看库存 内容部分 */
        .stocktit {
            width: 100%; 
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 0;
            background-color: #f8f8f8;
        }
        .md-stock-ol {
            width: 100%;        
        }
        .md-stock-ol .md-stock-olli {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
    
        }
        .stock-opretion {
            width: 5%;
            text-align: center;
        }
        .stock-stocktype {
            width: 20%;  
            text-align: center;   
        }
        .stock-ydname {width: 55%;  }
        .stock-numlf {width: 20%; text-align: center;   }
        .search-wrapper {
            -webkit-transform: translate(-10%, -50%);
            -moz-transform: translate(-10%, -50%);
            transform: translate(-10%, -50%);
            position: absolute;
            right: 0;
            top: 0px;
            -ms-transform: translate(-10%, -50%);
            -o-transform: translate(-10%, -50%);
    }
        .filter-tab .form-select {width:150px;float: right;font-size: 12px; font-family: Arial, 微软雅黑,宋体; color: #555; padding: 0.5em 0.8em !important;  }
        #seeordModal .search-wrapper.active .input-holder {
            width: 200px;
        }   
    }
    .lookstock {text-align: right;  }
    .yudinglist_li:nth-child(even){
        background-color: #eef7ff;
    }
    
    
    .filter-tab .form-select option {font-size: 14px; padding: 5px; color: #666 ; font-family: Arial, 微软雅黑,宋体;}
    .modalstockmain {padding: 5px 0; overflow: hidden;}
    .excelstockmain {padding: 15px 15px 15px 0;}
    .daoruwarning {color: #dc3545; line-height: 30px;}
    .excelstockul li {overflow: hidden; line-height: 30px; position:relative; margin: 1px 0;}
    
    .seelicontent span {font-size: 16px; color: #333;}
    .seelicontent .seeli-num {width: 22px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; padding-right: 10px; color: #9195a3; line-height: 36px; padding-top: 2px;}
    
    
    #dwradio1 {margin-left: 0em !important; margin-right: 0.3em;}
    #myDlist {padding: .5rem .4rem; border: 1px solid #ced4da; height: 40px;}
    #qikuaiadio2 {margin-left: 1em !important; margin-right: 0.3em; margin-top: 0.6em;}
    .stockdel:hover{color: #666;}
    .iptaselectdiv .warning {padding-left:15px; color: #B83D3D;}
    
    /* 动态搜索框 */
    
    
    .search-wrapper .input-holder {
        overflow: hidden;
        height: 40px;
        background: rgba(255,255,255,0);
        border-radius:6px;
        position: relative;
        width:40px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .search-wrapper.active .input-holder {
        border-radius: 50px;
        width:200px;
        background: rgba(0,0,0,0.2);
        -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    }
    
    .search-wrapper .input-holder .search-input {
        width:100%;
        height: 40px;
        padding:0px 40px 0 20px;
        opacity: 0;
        position: absolute;
        bottom:10px;
        left:0px;
        background: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border:none;
        outline:none;
        font-family:"Open Sans", Arial, Verdana;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color:#FFF;
        -webkit-transform: translate(0, 60px);
        -moz-transform: translate(0, 60px);
        transform: translate(0, 60px);
        -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .search-wrapper.active .input-holder .search-input {
        opacity: 1;
        -webkit-transform: translate(0, 10px);
        -moz-transform: translate(0, 10px);
        transform: translate(0, 10px);
    
    
    
    }
    
    input.search-input::-webkit-outer-spin-button,
    input.search-input::-webkit-inner-spin-button {
      -webkit-appearance: none !important;
    }
    input.search-input[type='number'] {
      -moz-appearance: textfield ;
    }
    .search-wrapper .input-holder .search-icon {
        width:40px;
        height:40px;
        border:none;
        border-radius:6px;
        background: #FFF;
        padding:0px;
        outline:none;
        position: relative;
        z-index: 2;
        float:right;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .search-wrapper.active .input-holder .search-icon {
        width: 30px;
        height:30px;
        margin:5px;
        border-radius: 30px;
    }
    .search-wrapper .input-holder .search-icon span {
        width:22px;
        height:22px;
        display: inline-block;
        vertical-align: middle;
        position:relative;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
        -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
        transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    .search-wrapper.active .input-holder .search-icon span {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
        position: absolute;
        content:'';
    }
    .search-wrapper .input-holder .search-icon span::before {
        width: 4px;
        height: 11px;
        left: 9px;
        top: 11px;
        border-radius: 2px;
        background: #043d77;
    }
    .search-wrapper .input-holder .search-icon span::after {
        width: 14px;
        height: 14px;
        left: 3px;
        top: 0px;
        border-radius: 16px;
        border: 4px solid #043d77;
    }
    
    .search-wrapper .close {
        position: absolute;
        z-index: 1;
        top:8px;
        right:0px;
        width:25px;
        height:25px;
        cursor: pointer;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
        -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
        transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .search-wrapper.active .close {
        right:-30px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    .search-wrapper .close::before, .search-wrapper .close::after {
        position:absolute;
        content:'';
        background: #d2d2d2;
        border-radius: 2px;
    }
    .search-wrapper .close::before {
        width: 5px;
        height: 25px;
        left: 10px;
        top: 0px;
    }
    .search-wrapper .close::after {
        width: 25px;
        height: 5px;
        left: 0px;
        top: 10px;
    }
    .search-wrapper .result-container {
        width: 100%;
        position: absolute;
        top:80px;
        left:0px;
        text-align: center;
        font-family: "Open Sans", Arial, Verdana;
        font-size: 14px;
        display:none;
        color:#B7B7B7;
    }
    
    
    @media screen and (max-width: 560px) {
        .search-wrapper.active .input-holder {width:200px;}
    }
    /* 动态搜索框0 */
    
    
    /*首页添加订单*/
    
    @media (max-width: 768px) {
        .formname {padding:0 15px !important}
        .modal-dialog {width: 60%;} 
        
        .mdnum {width: 100%;  line-height: 40px; text-align: center;  color: #999;}
        .col-mdlegth {width:100%; float: left; padding: 0 3px; line-height: 30px; margin-bottom: 15px;}
        .formnum {width: 100% !important;}
        .formcheckds  {width: 100%; float: left; padding-left: 5px;}
        .tformchedw {float: left; line-height: 40px; margin-right:5px ;}
        .tformchedw .form-check-input {margin-top: 13px !important;}
        .formtitle {display:none ;}
        .col-addbuton {text-align: center;}
        .exceldar  {overflow: hidden;}
        .upload{width: 80%;  margin-left: 3px;}
        .downexcel {width: 40%; float: left; margin-left:5%;}
        .daoruexcel span {color: #333;}
        .excelbtn a {text-decoration:none; line-height: 40px; display: block; width: 99%; text-align: right;}
    
        .form-horizontal .excelbtn {width:100%;  text-align: center; margin-top: 15px;}
        .excelbtn .btn{padding: 5px 30px;width: 98%;}
        .fileul li {overflow: hidden; line-height: 30px;}
        .exceltit {overflow: hidden; padding-left: 0.5rem !important; background-color: #f8f8f8; width: 100%; padding: 5px 0;}
        .excel-num {width: 5%; float: left;}
        .excel-yzname {width: 30%; float: left;}
        .excel-chang {width: 20%; float: left; text-align: center;}
        .excel-hou {width: 15%; float: left; text-align: center;}
        .excel-dsw {width: 15%; float: left; text-align: center;}
        .excel-amount {width: 15%; float: left; text-align: center;}
        .fileInfomain {margin-top: 15px;}
        .tformchedw .form-check-input {margin-top: 0.9em;}
        
    }
    @media (min-width: 768px) {/*平板*/
        .formname {padding:0 15px !important}
        .modal-dialog {width: 60%;} 
        .mdnum {width: 100%;  line-height: 40px; text-align: center; color: #999;}
        .col-mdlegth {width:100%; float: left; padding: 0 3px; line-height: 30px; margin-bottom: 15px;}
        .formnum {width: 100% !important;}
        .formcheckds  {width: 90%; float: left; padding-left: 15px;}
        .tformchedw {float: left; line-height: 40px; width: 30%;}
        .formtitle {display:none ;}
        .col-addbuton {text-align: center;}
        .exceldar  {  width: 96% !important; margin: 0 auto;}
        .formtop .exceldar  {overflow: hidden; width: 100% !important; margin: 0 auto; padding-left: 15px;}
        .upload{width: 99%; float: left; margin-left: 0;}
        .downexcel {width: 40%; float: left; margin-left:5%;}
        .daoruexcel span {color: #333;}
        .excelbtn a {text-decoration:none; line-height: 40px;}
        .form-horizontal .excelbtn {width: 100%; float: left; margin-top:2%; text-align: right;}
        .excelbtn .btn{padding: 5px 30px;}
        .fileul li {overflow: hidden; line-height: 30px;}
        .exceltit {overflow: hidden; padding-left: 0 !important; background-color: #f8f8f8; width: 100%; padding: 5px 0;}
        .excelstockul { padding-left: 0 !important;}
        .excelstockul li {padding-left: 10px !important;}
        .excel-num {width: 5%; float: left; text-align: center;}
        .excel-yzname {width: 30%; float: left;}
        .excel-chang {width: 20%; float: left; text-align: center;}
        .excel-hou {width: 15%; float: left; text-align: center;}
        .excel-dsw {width: 15%; float: left; text-align: center;}
        .excel-amount {width: 15%; float: left; text-align: center;}
        .fileInfomain {margin-top: 0px;}
        .tformchedw .form-check-input {margin-top: 0.9em;}
              
            }
    @media (min-width: 992px)  { 
        .modal-dialog {width: 60%;} 
        .mdnum {width: 2%; float: left; line-height: 40px; color: #999;}
        .col-mdlegth {width:25%; float: left; padding: 0 3px; line-height: 30px; margin-bottom: 0px;}
        .formnum {width: 18% !important;}
        .forminputaddm {width: 95%; float: left;}
        .formcheckds  {width: 19%; float: left; padding-left: 3%;}
        .tformchedw {float: left; line-height: 40px; margin-right:15%; padding-left: 5px !important;}
        .formtitle {display:block ;}
        .col-addmdlegt {width:88%;  float: left; padding: 5px 0; line-height: 30px; }
        .col-addmdlegt hr {color: #bbb;}
        .col-addbuton {width: 5%; float: left; text-align: left; line-height: 30px; padding: 5px 0 0 15px;}
        .exceldar  { width: 96% !important; margin: 0 auto;}
        .formtop .exceldar  {overflow: hidden; width:58.3% !important; margin: 0 auto;}
        .upload{width: 65%; float: left;}
        .downexcel {width: 40%; float: left; margin-left:5%;}
        .daoruexcel span {color: #333;}
        .excelbtn a {text-decoration:none; line-height: 40px;}
    
        .form-horizontal .excelbtn {width: 33%; float: left; margin-left:0%; margin-top:.0;}
        .fileul li {overflow: hidden; line-height: 30px;}
        .exceltit {overflow: hidden; padding-left: 0.5rem !important; background-color: #f8f8f8; width: 100%; padding: 5px 0;}
        .excel-num {width: 5%; float: left; text-align: center;}
        .excel-yzname {width: 35%; float: left;}
        .excel-chang {width: 20%; float: left; text-align: center;}
        .excel-hou {width: 15%; float: left; text-align: center;}
        .excel-dsw {width: 10%; float: left; text-align: center;}
        .excel-amount {width: 15%; float: left; text-align: center;}
        .fileInfomain {margin-top: 15px;}
        .tformchedw .form-check-input {margin-top: 0.9em;}
         }
    @media (min-width: 1200px) {
        .modal-dialog {width: 60%;} 
        .formtop {padding-left: 2%;}
        .forminputaddm {width: 95%; float: left;}
        .mdnum {width:3%; float: left; line-height: 40px; color: #999;}
        .col-mdlegth {width:28%; float: left; padding: 0 3px; line-height: 30px; margin-bottom: 0px;}
        .formnum {width: 20% !important;}
        .formcheckds  {width:20%; float: left; padding-left: 20px;}
        .tformchedw {float: left; line-height: 40px; margin-right:10%;}
        .formtitle {display:block ;}
        .col-addmdlegt {width: 95%;  float: left; padding: 5px 0; line-height: 30px; }
        .col-addmdlegt hr {color: #bbb;}
        .col-addbuton {width: 5%; float: left; text-align: left; padding: 5px 0 0 15px; line-height: 30px; }
        .exceldar  {width: 96% !important; margin: 0 auto;}
        .formtop .exceldar  {overflow: hidden; width: 50% !important; margin: 0 auto;}
        .upload{width: 45%;}
        .downexcel {width: 40%; float: left; margin-left:5%;}
        .daoruexcel span {color: #333;}
        .excelbtn a {text-decoration:none; line-height: 40px;}
        
        .excelbtn {width: 30%; float: left; margin-left: 2%;}
        .fileul li {overflow: hidden; line-height: 30px; position: relative;}
        
        .exceltit {overflow: hidden; padding-left: 0.5rem !important; background-color: #f8f8f8; width: 100%; padding: 5px 0;}
        .excel-num {width: 5%; float: left; text-align: center;}
        .excel-yzname {width: 35%; float: left;}
        .excel-chang {width: 20%; float: left; text-align: center;}
        .excel-hou {width: 15%; float: left; text-align: center;}
        .excel-dsw {width: 10%; float: left; text-align: center;}
        .excel-amount {width: 15%; float: left; text-align: center;}
        .fileInfomain {margin-top: 15px;}
        .tformchedw .form-check-input {margin-top: 0.9em;}
       
         
    }
    .excelbtn .uploadbtn {vertical-align: top !important;}
    .excel-delete {position: absolute; left: 0; top: 0; color: #eee; cursor: pointer; font-size: 18px;}
    .excel-delete:hover {color: #888;}
    .exlired {background-color: #dc3545; color: #fff;}
    .fileul {padding-left: 0rem !important;}
    .rodermdcont .inmodalheader {background-color: #043d77;}
    .modal-header .close {color: #fff; opacity: 0.8;}
    .rodermdcont h4 {color:#fff; font: normal 20px "微软雅黑";}
    .formtop {overflow: hidden; padding-bottom: 0px;}
    .rodermodal {width: 90%; margin: 0 auto;}
    .formcontant {clear: both;}
    .removefmgroup {text-align: left; line-height: 30px; color: #fa2e41; }
    .addformgroup {text-align: left;}
    
    .modal-footer {text-align: center; background-color: #eee;}
    .formtitle {  line-height: 30px ; padding: 15px auto ; padding-left: 2%; font-size: 30px; font-weight: bold; overflow: hidden;}
    .formtitle span {font-size: 16px; font-family:Microsoft JhengHei,SimHei; font-weight:800;}
    
    
    
    .col-remove {width:5%; float: left;  padding-left: 15px;}
    .btncheckt {background-color: #fff; border: none; padding:10px 15px;} 
    .modal-footmain {padding: 15px; }
    .csh2 {font-size: 15px; color: #333; padding: 10px 1px; border-bottom: 1px solid #eee;}
    .stockcont {padding: 15px 0 !important;}
    .stocktitle {overflow: hidden; padding: 10px 15px; background-color: #fafafa;}
    .stocktitle p.checktt {float: right; width: 30%;}
    .checktt span { padding:0 15px 0 0; line-height: 30px;}
    .stockli {overflow: hidden; padding: 5px 0px; }
    .stockli .stocklip {width: 100%; float: left;  }
    .checkon {float:right; width: 30%; }
    .addbutton {color:#84cef8; font-weight: normal; cursor: pointer;}
    .form-horizontal .form-group {margin-bottom: 15px; overflow: hidden;}
    .removebutton {cursor: pointer; line-height: 40px;}
    .rodermdcont .modal-footer {justify-content:center;}
    .formtip {border-color:#dc3545 !important;}
    .invatip {color: #dc3545; font-size: 0.8em;}
    .formm {clear: both;}
    .subsucess {height: 400px; width: 80%; text-align: center; vertical-align: middle; margin: 50px auto;}
    .subsucess .icon_subsucess {font-size:160px; text-align: center; color: #00b176;}
    .sub_subsucess {font-size: 24px; color: #333; line-height: 30px;}
    .ding_subsucess {font-size: 14px; color: #999; line-height: 30px;}
    .formdatime-span {font-size: 16px; line-height: 30px; color: #333;}
    .modal-nofootmain {text-align: center;}
    .nofootmain {margin: 50px auto;}
    .nofootmain span {font-size: 25px; color: #999; }
    .redwarning {border-color: #dc3545 !important;}
    .warning { background: url(/static/images/warning.png) 0px no-repeat; }
    .warningkong {color: #dc3545; font-size: 12px; padding-left:18px;}
    .dsw {padding-left: 5px;}
    .tiptixing {color: #dc3545; font-size: 16px; text-align: center;}
    /* .formm:hover .removefmgroup {display: block; background-color: #00b176;} */
    /*弹窗滚动条*/
    .modal-boscoll {
        height: 600px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    ::-webkit-scrollbar {width: 10px; background-color: #f5f5f5;}
    ::-webkit-scrollbar-thumb
    {
        border-radius: 0px;
        background-color: #666;
    }
    .checkstock {width: 90%; margin: 0 auto;}
    .ckhcon { line-height: 30px; color: #666;}
    .ckhcon strong {font-size: 16px; font-weight:500; color: #333; padding:0 5px }
    .ckhcon i{display: inline-block; width:3px; height: 3px; line-height: 30px; background-color: #0E6B28;}
    .ckhcon .chacleng {padding-left: 5px;}
    
    .daoruexcel {
        position: relative;
        display: inline-block;
        width: 100%;
        height: calc(1.5em + 0.95rem + 2px);
        margin-bottom: 0;
    }
    .custom-file-input {
        position: relative;
        z-index: 2;
        width: 100%;
        height: calc(1.5em + 0.95rem + 2px);
        margin: 0;
        opacity: 0;
    }
    .custom-file-label {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1;
        height: calc(1.5em + 0.95rem + 2px);
        padding: 0.375rem 0.75rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        border: 1px solid #ced4da;
        /* border-radius: 0.25rem; */
    }
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + 0.95rem);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        content: "选择文件";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 0.25rem 0.25rem 0;
    }
    
    .btn.btn-del, .btn.btn-del:hover {
        border: #dc3545;
        border-radius: 0;
        background-color: #dc3545;
        color: #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    .btn.btn-cancel, .btn.btn-cancel:hover {
        border:1px solid #ddd;
        background-color: #fff;
        color: #333;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
    
    /* 进入排单 */
    @media (max-width: 768px) {
        .modschedz .modaldzli {width: 100%; padding: 0px 15px;  line-height: 30px;}
        .modschedz .modaldzli span{font-size: 1rem;}
        .ypipei li {width: 100%;  line-height: 30px; padding-right:15px;}
        .ypipei li span {font-size: 1rem;}
        .modal-tips {width: 100%; display: flex;}
        .modal-zhijiantips {width: 100%}
        .modal-lianpin {padding: 0 5px;}
        .modal-geduanban {padding: 0 5px;}
        .modal-tips p {color: #666; font-size: 10px;}
        .modal-tips p span {font-size: 12px; color: #dc3545; padding: 0 2px;}
            .deletconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
            -webkit-filter: "alpha";
        }
        .deletconfirm-modalcontent {
            max-width: 450px;
            margin: 15% auto;
            background-color: #fff;
            height: 220px;
            z-index: 10000;
        }
        .deletconfirm-main{
            width: 100%;
            background-color: #fff;
        }
        .delet-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .delet-head h2 {font-size: 1.3rem; font-family:  "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;}
        .deletbtn {cursor: pointer;}
        .deletbtn i {font-size: 1.5rem;}
        .delet-main { width: 90%; margin: 0 auto;}
        .delet-message {
            line-height: 30px;
            border: 1px dashed #ddd;
            padding: 5px 15px;
            text-align: center;
        }
        .deledspan2 {
            display: inline-block;
            border: 1px solid #ddd;
            width: 20%;
            margin:0 2%;
            line-height: 25px;
        }
        .deledspan2 input { width: 100%; padding:0px 10px; line-height: 20px; }
    
        .delet-footer {
            display: flex;
            justify-content: flex-end;
            margin: 15px auto 0;
            width: 90%;
        }
        .delet-footer .btn {margin:0 5px;}
    
        /* 折叠排单信息 */
        .dingorderhidden {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            background-color: #ecf4ff;
            line-height: 30px;
            padding: 5px 15px;
        }
        .dingorderhidden-title {
            font-size: 16px;
        }
        .dingorderhidden-title .tip {
            font-size: 12px;
            display: inline-block;
        }
        .dingorderhidden .iconfont {
            font-size: 20px;
        }
        /* 特殊排单页面 */
        .modal-spacial {
        margin-top: 15px;
        }
        .spacial-main .spacial-main-content {
            display: block;
            justify-content: space-between;
            height: 450px;
        }
        .spacial-main-left {
            width: 100%;
            height: 225px;
        }
        .spacial-orderdata {
            width: 100%;
            overflow: hidden;
            border: 1px solid #f5f5f5;
        }
        .spacial-orderdataul {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            
        }
        .spacialoverscroll-x {
            overflow-x: auto;
            white-space: nowrap;
        }
        .spacialoverscroll-x::-webkit-scrollbar {
            height: 6px;
        }
        .spacialoverscroll-x::-webkit-scrollbar-thumb{
            background: #C2C2C2;
            border-radius: 4px;
        }
        .spacial-orderdatali{
            width: 140px;
            margin: 5px 10px;
            background-color: #f5f7fb;
            display: inline-block;
            text-align: center;
            padding: 15px;
        }
        .spacialli-detail {
            border-bottom: 1px dashed #dedede;
            width:100%;
            text-align: center;
        }
        .spacialli-detail-content {
            width:100%;
            display: flex;
            justify-content: space-around;
            align-items: center;   
            padding-bottom:5px;    
            cursor: pointer;
            border-bottom: 1px dotted #dedede;
        }
        li .spacialli-left p{
            font-size: 12px;
        }
        li .spacialli-right em {
            color: #999;
        }
        li .spacialli-right .numo {
            color: #333;
            font-size: 18px;
        }
        li .sthick {
            line-height: 30px;
            font-size: 16px;
        }
        .spacialli-select {
            margin-top: 10px;
        }
        select.spacia-selectSM {
            border: 1px solid #dedede;
            background-color: #eef2fb;
            font-size: 10px;
            line-height: 30px;
            height: 30px;
        }
        .spacia-selectSM option {
            padding: 2px 0;
            line-height: 30px;
        }
        .modalspacial-title {
            margin: 10px 0;
        }
        .spacial-title-p {
            font-size: 18px;
            color: #0051a2;
            line-height: 30px;
        }
        .spacial-main-right {
            width: 100%;
            padding: 0px;
            height: 200px;
        }
        .spacial-rightorderdata {
            height: 170px;
        }
        .spacial-rightorderdata-ul {
            height: 100%;
            overflow: hidden;
            padding-left: 10px !important;
            border: 1px solid #f5f5f5;
        }
        .spacialoverscroll-y {
            overflow-y: auto;
        }
        .spacialoverscroll-y::-webkit-scrollbar {
            width: 6px;
        }
        .spacialoverscroll-y::-webkit-scrollbar-thumb{
            background: #C2C2C2;
            border-radius: 4px;
        }
        .spacial-rightorderdata-ul li{
            margin-bottom: 10px;  
        }
        .spacial-rightli-thick {
            font-size: 16px;
            line-height: 30px;
        }
        .spacial-rightli-select select {
            width: 120px;
        
        }
        .spacial-orderdatali .sdsw {
            display: none;
        }
        .spacial-main-button {
            text-align: center;
            margin-top: 15px;
        }
    
        /* 副产品 */
        .by-productmain {
            margin: 15px 0;
            border: 1px solid #f7fefe;
            padding:0 15px;
            background-color: #f5f9fe;
        }
        .product-title {
            font-size: 16px;
            line-height: 40px;
            border-bottom: 1px dashed #eee;
        }
        .by-product-title .iconfont {
            color: #ee6a17;
        }
        .by-product-content {
            padding-top: 5px;
        }
        .by-product-contentul {
            width: 100%;
            overflow: hidden;
        }
        .by-product-contentul li {
            width: 100%;
            float: left;
            font-size: 14px;
            margin-bottom: 5px;
        }
        .by-product-contentul li .guige{
            display: inline-block
        }
        .guigenum {
            padding-left: 10px;
        }
        .guigetip {
            display: inline-block;
            font-size: 12px;
            width:160px ;
            line-height: 20px;
            padding-left: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        /* 导出 */
        .daochucontent {display: block;}
        .daochucontent .sample {display: block; position: relative; padding-left: 0px; margin: 10px 0;}
        .daochucontent .thransionamediv {padding-left: 0px;}
        .intomodalkk .modal-footer-padding {
            padding-left: 0;
            padding-top: 15px;
        }
    }
    @media (min-width: 768px) {/*平板*/
        .modschedz .modaldzli {width: 50%; padding: 0px 15px; float: left; line-height: 30px;}
        .ypipei li {width: 50%; float: left; line-height: 30px; padding-right:15px;}
        .modal-tips {width: 100%; display: flex;}
        .modal-zhijiantips {width: 100%}
        .modal-lianpin {padding: 0 5px;}
        .modal-geduanban {padding: 0 5px;}
        .modal-tips p {color: #666; font-size: 10px;}
        .modal-tips p span {font-size:12px; color: #dc3545; padding: 0 2px;}
            .deletconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
            -webkit-filter: "alpha";
        }
        .deletconfirm-modalcontent {
            max-width: 450px;
            margin: 15% auto;
            background-color: #fff;
            height: 220px;
            z-index: 10000;
        }
        .deletconfirm-main{
            width: 100%;
            background-color: #fff;
        }
        .delet-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .delet-head h2 {font-size: 1.3rem; font-family:  "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;}
        .deletbtn {cursor: pointer;}
        .deletbtn i {font-size: 1.5rem;}
        .delet-main { width: 90%; margin: 0 auto;}
        .delet-message {
            line-height: 30px;
            border: 1px dashed #ddd;
            padding: 5px 15px;
            text-align: center;
        }
        .deledspan2 {
            display: inline-block;
            border: 1px solid #ddd;
            width: 20%;
            margin:0 2%;
            line-height: 25px;
        }
        .deledspan2 input { width: 100%; padding:0px 10px; line-height: 20px; }
    
        .delet-footer {
            display: flex;
            justify-content: flex-end;
            margin: 15px auto 0;
            width: 90%;
        }
        .delet-footer .btn {margin:0 5px;}
        .delet-footer .btn-del, .delet-footer .btn-del:hover {
            border: #dc3545;
            border-radius: 0;
            background-color: #dc3545;
            color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .delet-footer .btn-cancel,.delet-footer .btn-cancel:hover {
            border:1px solid #ddd;
            background-color: #fff;
            color: #333;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
         /* 折叠排单信息 */
         .dingorderhidden {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            background-color: #ecf4ff;
            line-height: 30px;
            padding: 5px 15px;
        }
        .dingorderhidden-title {
            font-size: 16px;
        }
        .dingorderhidden-title .tip {
            font-size: 12px;
            display: inline-block;
        }
        .dingorderhidden .iconfont {
            font-size: 20px;
        }
        /* 特殊排单页面 */
        .modal-spacial {
        margin-top: 15px;
        }
        .spacial-main .spacial-main-content {
            display: block;
            justify-content: space-between;
            height: 450px;
        }
        .spacial-main-left {
            width: 100%;
            height: 225px;
        }
        .spacial-orderdata {
            width: 100%;
            overflow: hidden;
            border: 1px solid #f5f5f5;
        }
        .spacial-orderdataul {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            
        }
        .spacialoverscroll-x {
            overflow-x: auto;
            white-space: nowrap;
        }
        .spacialoverscroll-x::-webkit-scrollbar {
            height: 6px;
        }
        .spacialoverscroll-x::-webkit-scrollbar-thumb{
            background: #C2C2C2;
            border-radius: 4px;
        }
        .spacial-orderdatali{
            width: 140px;
            margin: 5px 10px;
            background-color: #f5f7fb;
            display: inline-block;
            text-align: center;
            padding: 15px;
        }
        .spacialli-detail {
            border-bottom: 1px dashed #dedede;
            width:100%;
            text-align: center;
        }
        .spacialli-detail-content {
            width:100%;
            display: flex;
            justify-content: space-around;
            align-items: center;   
            padding-bottom:5px;    
            cursor: pointer;
            border-bottom: 1px dotted #dedede;
        }
        li .spacialli-left p{
            font-size: 12px;
        }
        li .spacialli-right em {
            color: #999;
        }
        li .spacialli-right .numo {
            color: #333;
            font-size: 18px;
        }
        li .sthick {
            line-height: 30px;
            font-size: 16px;
        }
        .spacialli-select {
            margin-top: 10px;
        }
        select.spacia-selectSM {
            border: 1px solid #dedede;
            background-color: #eef2fb;
            font-size: 10px;
            line-height: 30px;
            height: 30px;
        }
        .spacia-selectSM option {
            padding: 2px 0;
            line-height: 30px;
        }
        .modalspacial-title {
            margin: 10px 0;
        }
        .spacial-title-p {
            font-size: 18px;
            color: #0051a2;
            line-height: 30px;
        }
        .spacial-main-right {
            width: 100%;
            padding: 0px;
            height: 200px;
        }
        .spacial-rightorderdata {
            height: 170px;
        }
        .spacial-rightorderdata-ul {
            height: 100%;
            overflow: hidden;
            padding-left: 10px !important;
            border: 1px solid #f5f5f5;
        }
        .spacialoverscroll-y {
            overflow-y: auto;
        }
        .spacialoverscroll-y::-webkit-scrollbar {
            width: 6px;
        }
        .spacialoverscroll-y::-webkit-scrollbar-thumb{
            background: #C2C2C2;
            border-radius: 4px;
        }
        .spacial-rightorderdata-ul li{
            margin-bottom: 10px;  
        }
        .spacial-rightli-thick {
            font-size: 16px;
            line-height: 30px;
        }
        .spacial-rightli-select select {
            width: 120px;
        
        }
        .spacial-orderdatali .sdsw {
            display: none;
        }
        .spacial-main-button {
            text-align: center;
            margin-top: 15px;
        }
    
        /* 副产品 */
        .by-productmain {
            margin: 15px 0;
            border: 1px solid #f7fefe;
            padding:0 15px;
            background-color: #f5f9fe;
        }
        .product-title {
            font-size: 16px;
            line-height: 40px;
            border-bottom: 1px dashed #eee;
        }
        .by-product-title .iconfont {
            color: #ee6a17;
        }
        .by-product-content {
            padding-top: 5px;
        }
        .by-product-contentul {
            width: 100%;
            overflow: hidden;
        }
        .by-product-contentul li {
            width: 100%;
            float: left;
            font-size: 14px;
            margin-bottom: 5px;
        }
        .by-product-contentul li .guige{
            display: inline-block
        }
        .guigenum {
            padding-left: 10px;
        }
        .guigetip {
            display: inline-block;
            font-size: 12px;
            width:160px ;
            line-height: 20px;
            padding-left: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        /* 导出 */
        .daochucontent {display: block;}
        .daochucontent .sample {display: block; position: relative; padding-left: 0px; margin: 10px 0;}
        .daochucontent .thransionamediv {padding-left: 0px;}
        .intomodalkk .modal-footer-padding {
            padding-left: 0;
            padding-top: 15px;
        }
                
    }
    @media (min-width: 992px)  { 
        .modschedz .modaldzli {width: 25%; padding: 0px 15px; float: left; line-height: 30px;}
        .ypipei li {width: 25%; float: left; line-height: 30px; padding-right:15px;}
        .modal-tips {    
            width: 100%;
            display: flex;
            }
        .modal-zhijiantips {position: absolute; right: 15%; width: auto}
        .modal-lianpin {padding: 0 5px;}
        .modal-geduanban {padding: 0 5px;}
        .modal-tips p {color: #666; font-size:10px;}
        .modal-tips p span {font-size: 12px; color: #dc3545; padding: 0 2px;}
            .deletconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
            -webkit-filter: "alpha";
        }
        .deletconfirm-modalcontent {
            max-width: 450px;
            margin: 15% auto;
            background-color: #fff;
            height: 220px;
            z-index: 10000;
        }
        .deletconfirm-main{
            width: 100%;
            background-color: #fff;
        }
        .delet-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .delet-head h2 {font-size: 1.3rem; font-family:  "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;}
        .deletbtn {cursor: pointer;}
        .deletbtn i {font-size: 1.5rem;}
        .delet-main { width: 90%; margin: 0 auto;}
        .delet-message {
            line-height: 30px;
            border: 1px dashed #ddd;
            padding: 5px 15px;
            text-align: center;
        }
        .deledspan2 {
            display: inline-block;
            border: 1px solid #ddd;
            width: 20%;
            margin:0 2%;
            line-height: 25px;
        }
        .deledspan2 input { width: 100%; padding:0px 10px; line-height: 20px; }
    
        .delet-footer {
            display: flex;
            justify-content: flex-end;
            margin: 15px auto 0;
            width: 90%;
        }
        .delet-footer .btn {margin:0 5px;}
        .delet-footer .btn-del, .delet-footer .btn-del:hover {
            border: #dc3545;
            border-radius: 0;
            background-color: #dc3545;
            color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .delet-footer .btn-cancel,.delet-footer .btn-cancel:hover {
            border:1px solid #ddd;
            background-color: #fff;
            color: #333;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
         /* 折叠排单信息 */
         .dingorderhidden {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            background-color: #ecf4ff;
            line-height: 30px;
            padding: 5px 15px;
        }
        .dingorderhidden-title {
            font-size: 16px;
        }
        .dingorderhidden-title .tip {
            font-size: 14px;
        }
        .dingorderhidden .iconfont {
            font-size: 20px;
        }
        /* 特殊排单页面 */
        .modal-spacial {
            margin-top: 15px;
        }
        .spacial-main .spacial-main-content {
            display: flex;
            justify-content: space-between;
            height: 250px;
        }
        .spacial-main-left {
            width: 75%;
            height: 200px;
        }
        .spacial-orderdata {
            width: 100%;
            overflow: hidden;
            border: 1px solid #f5f5f5;
        }
        .spacial-orderdataul {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            
        }
        .spacialoverscroll-x {
            overflow-x: auto;
            white-space: nowrap;
        }
        .spacialoverscroll-x::-webkit-scrollbar {
            height: 6px;
        }
        .spacialoverscroll-x::-webkit-scrollbar-thumb{
            background: #C2C2C2;
            border-radius: 4px;
        }
        .spacial-orderdatali{
            width: 140px;
            margin: 5px 10px;
            background-color: #f5f7fb;
            display: inline-block;
            text-align: center;
            padding: 15px;
        }
        .spacialli-detail {
            border-bottom: 1px dashed #dedede;
            width:100%;
            text-align: center;
        }
        .spacialli-detail-content {
            width:100%;
            display: flex;
            justify-content: space-around;
            align-items: center;   
            padding-bottom:5px;    
            cursor: pointer;
            border-bottom: 1px dotted #dedede;
        }
        li .spacialli-left p{
            font-size: 12px;
        }
        li .spacialli-right em {
            color: #999;
        }
        li .spacialli-right .numo {
            color: #333;
            font-size: 18px;
        }
        li .sthick {
            line-height: 30px;
            font-size: 16px;
        }
        .spacialli-select {
            margin-top: 10px;
        }
        select.spacia-selectSM {
            border: 1px solid #dedede;
            background-color: #eef2fb;
            font-size: 10px;
            line-height: 30px;
            height: 30px;
        }
        .spacia-selectSM option {
            padding: 2px 0;
            line-height: 30px;
        }
        .modalspacial-title {
            margin: 10px 0;
        }
        .spacial-title-p {
            font-size: 18px;
            color: #0051a2;
            line-height: 30px;
        }
        .spacial-main-right {
            width: 25%;
            padding: 0 15px;
            height: 200px;
        }
        .spacial-rightorderdata {
            height: 170px;
        }
        .spacial-rightorderdata-ul {
            height: 100%;
            overflow: hidden;
            padding-left: 10px !important;
            border: 1px solid #f5f5f5;
        }
        .spacialoverscroll-y {
            overflow-y: auto;
        }
        .spacialoverscroll-y::-webkit-scrollbar {
            width: 6px;
        }
        .spacialoverscroll-y::-webkit-scrollbar-thumb{
            background: #C2C2C2;
            border-radius: 4px;
        }
        .spacial-rightorderdata-ul li{
            margin-bottom: 10px;  
        }
        .spacial-rightli-thick {
            font-size: 16px;
            line-height: 30px;
        }
        .spacial-rightli-select select {
            width: 120px;
        
        }
        .spacial-orderdatali .sdsw {
            display: none;
        }
        .spacial-main-button {text-align: center;}
    
        /* 副产品 */
        .by-productmain {
            margin: 15px 0;
            border: 1px solid #f7fefe;
            padding:0 15px;
            background-color: #f5f9fe;
        }
        .product-title {
            font-size: 16px;
            line-height: 40px;
            border-bottom: 1px dashed #eee;
        }
        .by-product-title .iconfont {
            color: #ee6a17;
        }
        .by-product-content {
            padding-top: 5px;
        }
        .by-product-contentul {
            width: 100%;
            overflow: hidden;
        }
        .by-product-contentul li {
            width: 25%;
            float: left;
            font-size: 13px;
            margin-bottom: 5px;
        }
        .by-product-contentul li .guige{
            display: inline-block
        }
        .guigenum {
            padding-left: 10px;
        }
        .guigetip {
            display: inline-block;
            font-size: 12px;
            width:160px ;
            line-height: 20px;
            padding-left: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        /* 导出 */
        .daochucontent {display: flex;}
        .daochucontent .sample {display: inline-block; position: relative; padding-left: 15px;  margin: 0px;}
        .daochucontent .thransionamediv {padding-left: 15px;}
        .intomodalkk .modal-footer-padding {
            padding-left: 20%;
            padding-top: 25px;
        }
    }
    @media (min-width: 1200px) {
        .modschedz .modaldzli {width: 25%; padding: 0px 15px; float: left; line-height: 30px;}
        .ypipei li {width: 25%; float: left; line-height: 30px; padding-right:15px;}
        .modal-tips {width: 40%;
            position: absolute;
            left: 20px;
            top: 5px;
            text-align:left;
            display: flex;
            z-index: 1;
        }
        .modal-zhijiantips {position: absolute; right: 25%;width: auto}
        .modal-lianpin {padding: 0 5px;}
        .modal-geduanban {padding: 0 5px; width: 40%;}
        .modal-tips p {color: #666; font-size: 10px;}
        .modal-tips p span {font-size: 12px; color: #dc3545; padding: 0 2px;}
        .deletconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
            -webkit-filter: "alpha";
        }
        .deletconfirm-modalcontent {
            max-width: 450px;
            margin: 15% auto;
            background-color: #fff;
            height: 220px;
            z-index: 10000;
        }
        .deletconfirm-main{
            width: 100%;
            background-color: #fff;
        }
        .delet-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .delet-head h2 {font-size: 1.3rem; font-family:  "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;}
        .deletbtn {cursor: pointer;}
        .deletbtn i {font-size: 1.5rem;}
        .delet-main { width: 90%; margin: 0 auto;}
        .delet-message {
            line-height: 30px;
            border: 1px dashed #ddd;
            padding: 5px 15px;
            text-align: center;
        }
        .deledspan2 {
            display: inline-block;
            border: 1px solid #ddd;
            width: 20%;
            margin:0 2%;
            line-height: 25px;
        }
        .deledspan2 input { width: 100%; padding:0px 10px; line-height: 20px; }
    
        .delet-footer {
            display: flex;
            justify-content: flex-end;
            margin: 15px auto 0;
            width: 90%;
        }
        .delet-footer .btn {margin:0 5px;}
        .delet-footer .btn-del, .delet-footer .btn-del:hover {
            border: #dc3545;
            border-radius: 0;
            background-color: #dc3545;
            color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .delet-footer .btn-cancel,.delet-footer .btn-cancel:hover {
            border:1px solid #ddd;
            background-color: #fff;
            color: #333;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        /* 折叠排单信息 */
        .dingorderhidden {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            background-color: #ecf4ff;
            line-height: 30px;
            padding: 5px 15px;
        }
        .dingorderhidden-title {
            font-size: 16px;
        }
        .dingorderhidden-title .tip {
            font-size: 14px;
        }
        .dingorderhidden .iconfont {
            font-size: 20px;
        }
        /* 特殊排单页面 */
        .modal-spacial {
            margin-top: 15px;
        }
        .spacial-main .spacial-main-content {
            display: flex;
            justify-content: space-between;
            height: 250px;
        }
        .spacial-main-left {
            width: 75%;
            height: 200px;
        }
        .spacial-orderdata {
            width: 100%;
            overflow: hidden;
            border: 1px solid #f5f5f5;
        }
        .spacial-orderdataul {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            
        }
        .spacialoverscroll-x {
            overflow-x: auto;
            white-space: nowrap;
        }
        .spacialoverscroll-x::-webkit-scrollbar {
            height: 6px;
        }
        .spacialoverscroll-x::-webkit-scrollbar-thumb{
            background: #C2C2C2;
            border-radius: 4px;
        }
        .spacial-orderdatali{
            width: 140px;
            margin: 5px 10px;
            background-color: #f5f7fb;
            display: inline-block;
            text-align: center;
            padding: 15px;
        }
        .spacialli-detail {
            border-bottom: 1px dashed #dedede;
            width:100%;
            text-align: center;
        }
        .spacialli-detail-content {
            width:100%;
            display: flex;
            justify-content: space-around;
            align-items: center;   
            padding-bottom:5px;    
            cursor: pointer;
            border-bottom: 1px dotted #dedede;
        }
        li .spacialli-left p{
            font-size: 12px;
        }
        li .spacialli-right em {
            color: #999;
        }
        li .spacialli-right .numo {
            color: #333;
            font-size: 18px;
        }
        li .sthick {
            line-height: 30px;
            font-size: 16px;
        }
        .spacialli-select {
            margin-top: 10px;
        }
        select.spacia-selectSM {
            border: 1px solid #dedede;
            background-color: #eef2fb;
            font-size: 10px;
            line-height: 30px;
            height: 30px;
        }
        .spacia-selectSM option {
            padding: 2px 0;
            line-height: 30px;
        }
        .modalspacial-title {
            margin: 10px 0;
        }
        .spacial-title-p {
            font-size: 18px;
            color: #0051a2;
            line-height: 30px;
        }
        .spacial-main-right {
            width: 25%;
            padding: 0 15px;
            height: 200px;
        }
        .spacial-rightorderdata {
            height: 170px;
        }
        .spacial-rightorderdata-ul {
            height: 100%;
            overflow: hidden;
            padding-left: 10px !important;
            border: 1px solid #f5f5f5;
        }
        .spacialoverscroll-y {
            overflow-y: auto;
        }
        .spacialoverscroll-y::-webkit-scrollbar {
            width: 6px;
        }
        .spacialoverscroll-y::-webkit-scrollbar-thumb{
            background: #C2C2C2;
            border-radius: 4px;
        }
        .spacial-rightorderdata-ul li{
            margin-bottom: 10px;  
        }
        .spacial-rightli-thick {
            font-size: 16px;
            line-height: 30px;
        }
        .spacial-rightli-select select {
            width: 120px;
        
        }
        .spacial-orderdatali .sdsw {
            display: none;
        }
        .spacial-main-button {text-align: center;}
    
        /* 副产品 */
        .by-productmain {
            margin: 15px 0;
            border: 1px solid #f7fefe;
            padding:0 15px;
            background-color: #f5f9fe;
        }
        .product-title {
            font-size: 16px;
            line-height: 40px;
            border-bottom: 1px dashed #eee;
        }
        .by-product-title .iconfont {
            color: #ee6a17;
        }
        .by-product-content {
            padding-top: 5px;
        }
        .by-product-contentul {
            width: 100%;
            overflow: hidden;
        }
        .by-product-contentul li {
            width: 25%;
            float: left;
            font-size: 13px;
            margin-bottom: 5px;
        }
        .by-product-contentul li .guige{
            display: inline-block
        }
        .guigenum {
            padding-left: 10px;
        }
        .guigetip {
            display: inline-block;
            font-size: 12px;
            width:160px ;
            line-height: 20px;
            padding-left: 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        /* 导出 */
        .daochucontent {display: flex;}
        .daochucontent .sample {display: inline-block; position: relative; padding-left: 15px;  margin: 0px;}
        .daochucontent .thransionamediv {padding-left: 15px;}
        .intomodalkk .modal-footer-padding {
            padding-left: 20%;
            padding-top: 25px;
        }
    }
    
    /* 进入订单 */
    .intomodalkk .modal-footer {
        background-color: #fff; 
        position: relative; 
        min-height: 80px; 
    }
    
    .modal-ordermain ul {
        overflow: hidden; 
        padding: 5px 15px;
    }
    .modal-ordermain ul li{
        position: relative;
    }
    .modal-ordermain ul li:hover {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; 
    }
    .modal-ordermain .pdgbutton {
        position: absolute; 
        right: 0px;
        top:0px; 
        font-size: 12px;
        color: #fff;
    }
    .m-ord-dl {
        overflow: hidden; 
        padding: 5px 5px 0px 5px; 
    }
    /* 业主名 */
    .m-ord-dl dt {
        height: 40px;
        font-size:18px; 
        font-weight: bold; 
        text-align: center; 
        line-height: 40px;
        overflow: hidden;
        white-space:nowrap;
        text-overflow: ellipsis;
    }
    .modal-ordermain ul li:hover dt {
        height: auto;
        white-space:normal;
    }
    
    .m-ord-dl dd {
        padding:0px 10px; 
        overflow: hidden; 
        line-height: 25px; 
        margin-bottom: 0px !important; 
    }
    .m-ord-dl .m-ord-dlp {float: left; color: #666; margin-bottom: 0px !important;}
    .dingdandele {cursor: pointer;}
    .dingdandele i {
        color: #eee;
        font-size: 14px;
    }
    .dingdandele i:hover {color: #dc3545;}
    .m-ord-dl .mo-num {float:right; color: #666;}
    .cube {color: #333; padding: 2px 12px; font-size: 16px; margin-bottom: 5px; text-align: center;}
    .cube span {color: #d40000; font-size: 18px; padding: 0 5px;}
    .modal-Scheduling { overflow: hidden;}
    .Scheduling-modal-main {
        margin: 15px 0;
        border: 1px solid #f7fefe;
       
    } 
    .schedu-1 {width:auto; height: auto; float: left;  padding: 15px 20px;}
    .schetit {font-size: 15px; color: #9eaebd;}
    .schedul-ul li {width:100px; float: left; position: relative; }
    .schedul-ul .filerem-top {text-align: center;}
    .schedul-ul .filerem-top i {
        font-size: 3em;
        display: inline-block;
        width: 50%;
        height: 30px;
        color: #0E6B28;
    }
    .schedul-ul .filerem-top span {
        color: #0E6B28;
        position: absolute;
        right: 0px;
        top: 30px;
    }
    .filerem-bottom {color: #0E6B28; text-align: center;}
    .sche-file-len {text-align: center;}
    .sche-file-len p {font-size: 15px; color: #666; font-weight: 500;}
    .tipcontent {width:80%; margin: 20% auto; text-align: center; vertical-align: middle;}
    .tipcreate {font:100 26px "微软雅黑","宋体"; color: #999; letter-spacing: 2px; }
    .modal-footer .btn-orange {background-color: #FF780D; color:#fff;}
    .modal-footer .btn-orange:hover{color:#fff;}
    #scheduorder {padding: 5px 15px;}
    #scheduorder:disabled {background-color: #666; border-color: #666;}
    .siftx { position: relative;}
    .siftxcheck { float: left; line-height: 30px;  z-index: 100}
    
    #optimizeorder {z-index: 100}
    
    .checkpercent {display: inline-block;}
    .xiugprecent {display: inline-block; height: 30px; padding: 2px 0 2px 5px;}
    .modal-Scheduozuo {position: flex; bottom: 0; left: 0; width: 100%; background-color: #f9f9f9;}
    .modschedz {width: 100%; margin:0 auto; overflow: hidden;}
    
    .modaldzli .yhname {padding-right: 5px;}
    .morddlp {display: inline-block; padding-right: 10px;}
    .pipmorddlp { padding-right: 10px;}
    .duozuo {padding: 5px 15px; line-height: 30px;}
    .duozuo em { vertical-align: middle; color: #d40000; line-height: 30px;}
    .duozuo span {font-size: 14px; color: #333; line-height: 30px;}
    .ligreen .icon_lists i {color: #0E6B28;}
    .ligreen .icon_lists span {color: #0E6B28;}
    .ligreen .filerem-bottom span {color: #0E6B28;}
    .ligreen .sche-file-len p {color: #0E6B28;}
    .lired .icon_lists i {color: #B83D3D;}
    .lired .icon_lists span {color: #B83D3D;}
    .lired .filerem-bottom span {color: #B83D3D;}
    .lired .sche-file-len p {color: #B83D3D;}
    #precentnum {border: 1px solid #dedede; padding: 0 5px;}
    
    
    
    
    
    
    .modal-schedu {
        background: #f9f9f9;
        width: 100%;
        padding: 15px 15px;
        margin-bottom: 10px;
        }
    .youhuap {line-height: 30px; font-size: 14px; }
    .youhuap i {color: #d40000; line-height: 30px;}
    .ypipei {width: 100%; overflow: hidden;}
    
    #optimizeorder:disabled {background-color: #999; border-color: #999;}
    .daochutishi {color: #d40000; position: absolute; top: -25px; left: 18%;}
    .col-mdlegth input { border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; -ms-border-radius:0 !important; -o-border-radius:0 !important; }
    .formname input {border-radius:0 !important; }
    .measureDate {border: 1px solid #dedede; height: 30px; width: 160px; padding: 0 5px;}
    .thransioname {border: 1px solid #dedede; height: 30px; width: 160px; padding: 0 5px;}
    #beginTime::-webkit-calendar-picker-indicator {
        background: transparent;
        bottom: 0;
        color: transparent;
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        border: transparent;
    }
    #beginTime::-webkit-calendar-picker-indicator:hover{border: none;}
    #beginTime::-webkit-calendar-picker-indicator:focus{border: none;}
    #beginTime::-webkit-datetime-edit:focus{border: none;}
    #beginTime::-webkit-datetime-edit-fields-wrapper:focus {color:#043d77; border: none;}
    input#beginTime::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #B83D3D;
    }
    input#beginTime:-ms-input-placeholder { /* IE 10+ */
    color: #B83D3D;
    }
    input#beginTime:-moz-placeholder { /* Firefox 18- */
    color: #B83D3D;
    opacity: 1;
    }
    input#beginTime::-moz-placeholder { /* Firefox 19+ */
    color: #B83D3D;
    opacity: 1;
    }
    
    
    
    
    
    
    /*侧边栏会员中心*/
    .lookstock{padding-right: 30px;}
    .lookstock .seeord{padding-right: 15px;}
    .lookstock a,.lookstock a:hover {color: #fff; text-decoration: none;}
    .cebianlan {color: #fff;}
    .cebianlan .members { color: #fff; text-decoration-line:none  ; -moz-text-decoration-line:none  ; padding-left: 15px;}
    .wrapper .membermain {width: 250px;}
    .membermain .offcanvas-body {padding:1rem 0;}
    .offcanvas-body .memberul {padding-left: 0; margin-bottom: 40px;}
    .memberul li {margin-bottom: 5px; width: 100%; text-align: center;}
    .memberul li a {line-height: 40px; font-size: 16px; color: #043d77; text-decoration: none;}
    .memberul li a:hover {display: inline-block; width: 100%;height: 40px; background-color:#edf5ff;}
    .memberul li a:active {display: inline-block; width: 100%;height: 40px; background-color:#edf5ff;}
    .memberul li a:visited {display: inline-block; width: 100%;height: 40px; background-color:#edf5ff;}
    .memberul li.active {background-color: #edf5ff; border-right: 2px solid #043d77;}
    .offcanvas-footer{overflow: hidden;}
    .offmelogin-out {width: 30%; float: left; line-height: 50px; text-align: center;}
    .offmelogin-out a {color: #666; text-decoration: none;}
    .offcanvaslogo2 {width: 50%; float: right;}
    .orangetitle {color: #ee6a17;}
    .nosetitle {color: #333;}
    /* 个人资料 */
    
    .top1 .topnum {color: #fe2d46; font-size: 16px;}
    .top2 .topnum {color: #f60; font-size: 16px;}
    .top3 .topnum {color: #faa90e; font-size: 16px;}
    
    @media (max-width: 576px) {
    .lspersul {padding-left: 0;}
    .lspersul li {overflow: hidden;}
    .modalsc-left {float: left; text-align: right; width: 40%; line-height: 40px; font-size: 0.5rem;}
    .modalsc-right {float: left; text-align: left; width: 60%; line-height: 40px; padding-left: 1rem;}
    .topli .modalsc-left {width: 100% !important; text-align: left;}
    .topli .modalsc-right {width: 100% !important; line-height: 30px;}
    .topli .top-right span { font-size: 0.6rem;}
    .topyzname {display: block; width: 100%;}
    }
    @media (min-width: 576px) {
    .lspersul {padding-left: 0;}
    .lspersul li {overflow: hidden;}
    .modalsc-left {float: left; text-align: right; width: 30%; line-height: 40px; font-size: 0.6rem; font-weight: bold;}
    .modalsc-right {float: left; text-align: left; width: 70%; line-height: 40px; padding-left: 1rem;}
    .topli .modalsc-right { line-height: 30px;}
    .topli .top-right span { font-size: 0.6rem;}
    .topyzname {display: block; width: 100%;}
    }
    @media (min-width: 768px) {
    .lspersul {padding-left: 0;}
    .lspersul li {overflow: hidden;}
    .modalsc-left {float: left; text-align: right; width: 30%; line-height: 40px; font-size: 0.7rem; font-weight: bold;}
    .modalsc-right {float: left; text-align: left; width: 70%; line-height: 40px; padding-left: 1rem;}
    }
    @media (min-width: 992px) {
    .lspersul {padding-left: 0;}
    .lspersul li {overflow: hidden;}
    .modalsc-left {float: left; text-align: right; width: 30%; line-height: 40px; font-size: 1rem; font-weight: bold;}
    .modalsc-right {float: left; text-align: left; width: 70%; line-height: 40px; padding-left: 1rem;}
    }
    @media (min-width: 1200px) {
    .lspersul {padding-left: 0;}
    .lspersul li {overflow: hidden;}
    .modalsc-left {float: left; text-align: right; width: 30%; line-height: 40px; font-size: 1rem; font-weight: bold;}
    .modalsc-right {float: left; text-align: left; width: 70%; line-height: 40px; padding-left: 1rem;}
    .mxlengthinput {}
    .mxprofile span {padding-right:15px;}
    .mxprofile input { 
        border: 1px solid #ddd;
        padding-left:15px;
        line-height: 30px;
        }
    .mxprofile .infomabtn {padding: 0.2rem 1rem;}
    .infowarning {color: #dc3545; padding-left: 15px;}
    }
    
    
    
    
    
    /* 历史排单 */
    @media (max-width: 576px) {
        .lspddl span {font-size: 1rem;}
        .chadanxuan {width: 100%; clear: both;}
        .chadanmain {
            width: 95%; 
            float: left; 
            z-index: 1;
            border: 1px solid #ddd; 
            background-image: url(/static/images/qrm-arrow-down.png);
            background-position: 98%;
            background-repeat: no-repeat;
            margin:5px 15px 15px;
            position: relative;
        }
        .chadanborder{ height: 40px; position: relative;}
        .chadanamount {width: 95%; height: 41px; float: left; margin:5px 15px 15px 15px; border: 1px solid #ddd;}
        .chadanamount input {
            height: 39px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;}
        .chadanborder input {
            height: 40px;
            width: 90%;
            padding:5px 15px;
            outline: none;
        border: none;
        }
        .chadan-panel{
            position: absolute;
            top: 40px;
            left: 0%;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #043d77;
            background: #ffffff;
        }
        .chadan-paborder{
            float: left;
            width: 33.333%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .chadan-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .chadanbtn {text-align: center;}
        .chadanbtn .btn {width:95%; margin-left: 10px;}
        .lsmodschedz .modaldzli,.hismodschedz .modaldzli {width: 100%; padding: 0px 15px;  line-height: 30px;}
        .lsmodschedz .modaldzli span, .hismodschedz .modaldzli span {font-size: 1rem;}
        .ypipei li {width: 100%;  line-height: 30px; padding-right:15px;}
        .ypipei li span {font-size: 1rem;}
        
    }
    @media (min-width: 576px) {
        .lspddl span {font-size: 1rem;}
        .chadanxuan {width: 100%; clear: both; }
        .lsmodal-body .chadanmain {
            width: 95%; 
            float: left; 
            z-index: 1;
            border: 1px solid #ddd; 
            background-image: url(/static/images/qrm-arrow-down.png);
            background-position: 98%;
            background-repeat: no-repeat;
            margin:5px 15px 15px;
            position: relative;
        }
        .chadanborder{ height: 40px; position: relative;}
        .chadanamount {width: 95%; height: 41px; float: left; margin:5px 15px 15px 15px; border: 1px solid #ddd;}
        .chadanamount input {
            height: 39px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;}
        .chadanborder input {
            height: 40px;
            width: 90%;
            padding:5px 15px;
            outline: none;
        border: none;
        }
        .chadan-panel{
            position: absolute;
            top: 40px;
            left: 0%;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #043d77;
            background: #ffffff;
        }
        .chadan-paborder{
            float: left;
            width: 33.333%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .chadan-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .chadanbtn {text-align: center;}
        .chadanbtn .btn {width:95%; margin-left: 10px;}
        .lsmodschedz .modaldzli ,.hismodschedz .modaldzli {width: 100%; padding: 0px 15px;  line-height: 30px;}
        .lsmodschedz .modaldzli span ,.hismodschedz .modaldzli span {font-size: 1rem;}
        .ypipei li {width: 100%;  line-height: 30px; padding-right:15px;}
        .ypipei li span {font-size: 0.8rem;}
        
    }
    @media (min-width: 768px) {/*平板*/
        .chadanbtn {text-align: center;}
        .chadanbtn .btn {width:95%; margin-left: 10px;}
        .lspddl span {font-size: 0.8rem;}
        .modaldzli span {font-size: 0.8rem;}
        .chadanxuan {width: 100%; clear: both; }
        .lsmodal-body .chadanmain {
            width: 95%; 
            float: left; 
            z-index: 1;
            border: 1px solid #ddd; 
            background-image: url(/static/images/qrm-arrow-down.png);
            background-position: 98%;
            background-repeat: no-repeat;
            margin:5px 15px 15px;
            position: relative;
        }
        .chadanborder{ height: 40px; position: relative;}
        .chadanamount {
            width: 95%;
            height: 41px;
            float: left;
            margin: 5px 15px 15px 15px;
            border: 1px solid #ddd;
        }
        .chadanamount input {
            height: 39px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;}
        .chadanborder input {
            height: 40px;
            width: 90%;
            padding:5px 15px;
            outline: none;
        border: none;
        }
        .chadan-panel{
            position: absolute;
            top: 40px;
            left: 0%;
            z-index: 99999;
            width:100%;
            height: 210px;
            border: 1px solid #043d77;
            background: #ffffff;
        }
        .chadan-paborder{
            float: left;
            width: 33.333%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .chadan-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .lsmodschedz .modaldzli,.hismodschedz .modaldzli {width: 50%; padding: 0px 15px; float: left; line-height: 30px;}
        .ypipei li {width: 50%; float: left; line-height: 30px; padding-right:15px;}
                
    }
    @media (min-width: 992px)  { 
        .modal-chadanlist {width: 100%;}
        .chadanbtn { margin-top:6px;width: 15%; float: left;}
        .lspddl span {font-size: 0.8rem;}
        .chadanxuan {width: 100%; clear: both;  }
        .lishimodalmain {clear: both;}
        .lsmodal-body .chadanmain {
            width: 50%; 
            float: left; 
            z-index: 1;
            border: 1px solid #ddd; 
            background-image: url(/static/images/qrm-arrow-down.png);
            background-position: 98%;
            background-repeat: no-repeat;
            margin:5px 15px 15px;
            position:relative;
        }
        .chadanborder{ height: 40px; position: relative;}
        .chadanamount {width: 18%; height: 41px; float: left; margin:5px 15px 15px 0; border: 1px solid #ddd;}
        .chadanamount input {
            height: 39px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;}
        .chadanborder input {
            height: 40px;
            width: 90%;
            padding:5px 15px;
            outline: none;
        border: none;
        }
        .chadan-panel{
            position: absolute;
            top: 40px;
            left: 0%;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #043d77;
            background: #ffffff;
        }
        .chadan-paborder{
            float: left;
            width: 33.333%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .chadan-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .lsmodschedz .modaldzli,.hismodschedz .modaldzli {width: 25%; padding: 0px 15px; float: left; line-height: 30px;}
        .ypipei li {width: 25%; float: left; line-height: 30px; padding-right:15px;}
    }
    @media (min-width: 1200px) {
        .modal-chadanlist {width: 35%; float: left; padding: 10px 15px; background-color: #f9f9f9;}
        .modal-chadanlist .chalisttit {font-size: 14px; line-height: 30px; padding-left: 10px; color: #333; font-weight:800;}
        .chadanbtn { margin-top:6px;width: 10%; float: left;}
        .lspddl span {font-size: 1rem;}
        .chadanxuan {width: 100%; clear: both;}
        .lishimodalmain {clear: both;}
        .lsmodal-body .chadanmain {
            width: 45%; 
            float: left; 
            z-index: 1;
            border: 1px solid #ddd; 
            background-image: url(/static/images/qrm-arrow-down.png);
            background-position: 98%;
            background-repeat: no-repeat;
            margin:5px 15px 15px;
            position: relative;
        }
        .chadanborder{ height: 40px; position: relative;}
        .chadanamount {width: 13%; height: 41px; float: left; margin:5px 15px 15px 0; border: 1px solid #ddd;}
        .chadanamount input {
            height: 39px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;}
        .chadanborder input {
            height: 40px;
            width: 90%;
            padding:5px 15px;
            outline: none;
        border: none;
        }
        .chadan-panel{
            position: absolute;
            top: 40px;
            left: 0%;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #043d77;
            background: #ffffff;
        }
        .chadan-paborder{
            float: left;
            width: 33.333%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .chadan-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .lsmodschedz .modaldzli,
        .hismodschedz .modaldzli{
            width: 25%; padding: 0px 15px; float: left; line-height: 30px;
        }
        .ypipei li {width: 25%; float: left; line-height: 30px; padding-left:15px;}
    }
    .modal-content .inmodalheader {background-color: #043d77;}
    .inmodalheader h4 {color: #fff; font: normal 20px "微软雅黑";}
    .tranmitime {font-size: 12px; padding-left: 15px;}
    .lspdtip {font-size: 0.8rem; color: #dedede; display: inline; padding-left: 15px;}
    .lspddl {padding:5px 15px 0px 15px;overflow: hidden;}
    .lspddl dt {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
    }
    .lscube {
        color: #333;
        padding: 2px 12px;
        font-size: 1rem;
        margin-bottom: 5px;
        text-align: center;
    }
    .lscube span{
        color: #d40000;
        font-size: 18px;
        padding: 0 5px;
    }
    
    .lspddl .lsmd-p {
        float: left;
        color: #666;
        margin-bottom: 0px !important;
    }
    .lspddl .lspdnum {
        float: right;
        color: #666;
    }
    .guidangmodal .modal-footer {
        justify-content: center;
        position: relative;
    }
    
    
    .chadan-paboul span {cursor: pointer;}
    .chadan-paboul>li{
        width: 100%;
        position: relative;
        display: block;
        padding-left: 5px;
        line-height: 40px;
    
    }
    .chadan-paboul>li:hover{
        background: #569af3;
        color: #ffffff;
    }
    
    .qrm-arrow-right{
        display: inline-block;
        width: 4px;
        height: 7px;
        background: url("../images/qrm-arrow-right.png") no-repeat;
        position: absolute;
        right: 5px;
        top: 12.5px;
    }
    
    .chandan-lev1>li.active{
        background: #043d77;
        color: #ffffff;
    }
    .chandan-lev2>li.active{
        background: #043d77;
        color: #ffffff;
    }
    .chandan-lev3>li.active{
        background: #043d77;
        color: #ffffff;
    }
    .chandan-lev4>li.active{
        background: #043d77;
        color: #ffffff;
    }
    .chadanwarning {padding:5px 15px}
    .chadanwarning span{color: #dc3545;}
    .chadlist{overflow: hidden; width: 100%;}
    .chadlist .cdmorddlp {display: inline-block;}
    .lishimodalmain .chadanlistli {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
    .lspdcddl {padding:5px 5px !important;}
    .lspdcddl dd { position: relative;}
    .lsdel {position: absolute; left:0px; top:25px; cursor: pointer; color: #ddd; font-size: 12px !important;}
    .btn.btnhouse  { background-color: #33373f;padding: 0.375rem 1rem; color: #fff; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }
    .btn.btnhouse:hover{ background-color: #33373f;padding: 0.375rem 1rem; color: #fff; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; } 
    .lschedu-1 {width:auto; height: auto; float: left;  padding: 15px 20px;}
    .lssiftxcheck { float: left; line-height: 30px; z-index: 100}
    .lscheckpercent {display: inline-block;}
    .lsxiugprecent {display: inline-block; height: 30px; padding: 2px 0 2px 5px;}
    #lsprecentnum {
        border: 1px solid #dedede;
        padding: 0 5px;
    }
    .btnhouse.disabled, .btnhouse:disabled{opacity: .35 !important;}
    
    @media (max-width: 767px) {
        .modal-house {clear: both;}
        .modal-tit {
            overflow: hidden; 
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: none;
        }
        .modal-tit .specs {display: none;}
        .modal-tit .hszongshu {display: none;}
        .housespii span {display: inline-block  !important; padding-right: 10px;}
        .rukmodalhouseli {position: relative;}
        .housedelet {width: 2%; position: absolute; top: 0; right: 15px;}
        .housedelet i {font-size: 14px;}
        .specs {width: 100%;  }
        .hszongshu{width: 100%;  }
        .allhouselect {width: 100%; float: left;  }
        .frmLosselect {width: 100%; float: left; overflow: hidden; }
    
        .frml {width: 20%; float: left;}
        .bsnum {width: 40%; float: left;}
        .hsnum {width: 50%; float: left;}
        .hsyzname {width: 1%; float: left; display: none;}
        .selectradio {width: 20%; float: left;}
        .housenum {width:40%; float: left; margin-top: 5px;}
        .fbtip {width: 30%; float: left;}
        .houseyzname {width: 100%; float: left; overflow: hidden; display: block; }
        .houseyz {float: left; padding-left: 5px;}
        .housamount {width: 100%;}
        .housamount input {display: inline-block;}
        .formcontrol {border: 1px solid #ddd; height: 25px; padding:0.2rem 0.3rem; float: left; width: 45%; margin-right: 2%; font-size: 11px;}
        .modalhouseli {line-height: 40px; border-bottom: 1px solid #f8f8f8; overflow: hidden;}
        .modalhouseli .form-check-input {margin-top: 0.9em !important;}
        .fbtipdzps p {line-height: 30px; font-size: 10px; float: left; margin-left: 5px;}
        .fbtipdzps p em {color: #dc3545;}
        .hsyzcunzai {overflow: hidden;}
        .houseyzname .warning {width: 100%; line-height: 20px; text-align: left; padding-left: 15px;}
        .houseyzname .warning span{color: #dc3545; font-size: 10px; line-height: 20px;}
        .houseyz .form-check-label {padding-left: 5px;}
        .yznum {font-size: 10px; padding: 0 2px; color: #B83D3D;}
        .hsyztip {color: #dc3545; text-align: left;}
        .specsnum {color: #fff; font-size: 15px; display:inline-block; width:auto; padding: 2px 5px; height: 20px; background-color: #f89e53;}
        .yznuml input{border: 1px solid #eee; font-size: 10px; height: 25px; width: 35px; }
        .lspddl dd {
            padding: 0px 10px;
            overflow: hidden;
            line-height: 25px;
            margin-bottom: 0px !important;
            position: relative;
        }
        .lsmddele {position:absolute; left: -3px; top:0}
        .lsmddele i {font-size: 1rem; color:#ddd;}
        .lspddl dd:hover i {color: #dc3545;}
        .infodeletmaincenter {
            border: 1px dashed #ddd;
            padding: 5px 15px;
            text-align: center;
        }
        .modalyouhuali {position: relative;}
        .mdyhux {position: absolute; left: -5px; top: 0;}
        .mdyhux i {color: #eee; font-size: 18px;}
        .modalyouhuali:hover .mdyhux i {color: #dc3545;}
    
        /* 删除确认 */
        .deletconfirmmodal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
            -webkit-filter: "alpha";
    }
        .deletconfirm {
            max-width: 350px; 
            margin: 15% auto;
            background-color: #fff; 
            height: 220px;
            z-index: 10000;
        }
        .deletconfirmain {
            width: 100%;
            background-color: #fff;
    
        }
        .delethead {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .delethead h2 {font-size: 1.3rem; font-family:  "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;}
        .deletbtn i {font-size: 1.5rem;}
        .deletmain { width: 90%; margin: 0 auto;}
        .deletmaintop {line-height: 30px;}
        .deletmaincenter {line-height: 30px; }
        .deledspan2 {
            display: inline-block; 
            border: 1px solid #ddd; 
            width: 26%;
            margin:0 2%;
            line-height: 25px;
        }
        .deledspan2 input { width: 100%; padding:0px 10px; line-height: 20px; }
        .deletfooter {
            display: flex; 
            justify-content: flex-end; 
            margin: 15px auto 0; 
            width: 90%;
        }
        .deletfooter .btn {margin:0 5px;}
        .deletfooter .btn-del, .deletfooter .btn-del:hover {
            border: #dc3545;
            border-radius: 0;
            background-color: #dc3545;
            color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
        .deletfooter .btn-cancel,.deletfooter .btn-cancel:hover {
            border:1px solid #ddd;
            background-color: #fff;
            color: #333;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
    .lsdelconspan {font-size: 1rem; color: #569af3; margin:0 5px;}
    .wuguigeso {font-size: 18px; width: 100%; text-align: center; padding:15px; line-height: 100px}
    
    /*单条入库样式*/
        .danhuousetitle {width: 100%;padding:15px 15px}
        .danhuousetitle span{font-size: 16px; font-weight:600;}
        .danhousexuan{
            width: 90%;
            z-index: 1;
            border: 1px solid #ddd;
            /* background-image: url(/static/images/qrm-arrow-down.png); */
            background-position: 98%;
            background-repeat: no-repeat;
            margin: 5px 15px 15px;
            position: relative;
        }
        .danhouseinput{
            height: 45px;
            position: relative;
        }
        .danhouseinput input {
            height: 40px;
            width: 90%;
            padding: 5px 15px;
            outline: none;
            border: none;
        }
        .searchin {
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 40px;
        }
        .searchin img {
            width: 25px;
            height: 25px;
            margin: 10px auto;
        }
        .danhouse-panel {
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .danhouse-paborder {
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /* margin-left: 5px; */
        }
        .danhouse-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .danhouse-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .danhouse-paboul span {
            cursor: pointer;
        }
        .danhouse-paboul>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
         .danhouse-paboul>li.active{
            background: #dc3545;
            color: #ffffff;
        }
         .danhouseguige {width: 100%; }
         .danhouseamount {
             width: 100%;
             overflow: hidden;
         }
         .danhouseamount .amount {width: 100%; float: left; padding: 30px;}
         .danhouseamount .danhousenum {
             width: 90%;
             margin:0 15px;
         }
         .danhousenum .danhoustit {
             width: 100%;
             line-height: 30px;
             padding: 5px 0;
         }
         .danhouseamount .danamount {
             width: 100%;
             border: 1px solid #ddd;
         }
         .danhouseamount .danamount input {
            height: 43px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;
         }
          .danwarning {line-height: 30px;}
         .danwarning span {
             color: #dc3545;
             line-height: 30px;
         }
         .danrukutip{background: #daf1ff; clear: both; width: 90%; margin-left: 15px; padding:5px 15px; margin-top: 15px }
         .danrukutip span {line-height: 30px; color: #043d77}
         /*桌面单条入库样式*/
        .danhuousetitle {width: 100%;padding:15px 15px}
        .danhuousetitle span{font-size: 16px; font-weight:600;}
        .danhousexuan{
            width: 90%;
            z-index: 1;
            border: 1px solid #ddd;
            /* background-image: url(/static/images/qrm-arrow-down.png); */
            background-position: 98%;
            background-repeat: no-repeat;
            margin: 5px 15px 15px;
            position: relative;
        }
        .danhouseinput{
            height: 45px;
            position: relative;
        }
        .danhouseinput input {
            height: 40px;
            width: 90%;
            padding: 5px 15px;
            outline: none;
            border: none;
        }
        .searchin {
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 40px;
        }
        .searchin img {
            width: 25px;
            height: 25px;
            margin: 10px auto;
        }
        .wdanhouse-panel {
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .wdanhouse-paborder {
            float: left;
            width: 33.3%;
            height: 208px;
            overflow-y: scroll;
            /* margin-left: 5px; */
        }
        .wdanhouse-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .wdanhouse-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .wdanhouse-paboul span {
            cursor: pointer;
        }
        .wdanhouse-paboul>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
         .wdanhouse-paboul>li.active{
            background: #dc3545;
            color: #ffffff;
        }
         .danhouseguige {width: 100%; }
         .danhouseamount {
             width: 100%;
             overflow: hidden;
         }
         .danhouseamount .amount {width: 100%; float: left; padding: 30px;}
         .danhouseamount .danhousenum {
             width: 90%;
             margin:0 15px;
         }
         .danhousenum .danhoustit {
             width: 100%;
             line-height: 30px;
             padding: 5px 0;
         }
         .danhouseamount .danamount {
             width: 100%;
             border: 1px solid #ddd;
         }
         .danhouseamount .danamount input {
            height: 43px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;
         }
          .danwarning {line-height: 30px;}
         .danwarning span {
             color: #dc3545;
             line-height: 30px;
         }
         .danrukutip{background: #daf1ff; clear: both; width: 90%; margin-left: 15px; padding:5px 15px; margin-top: 15px }
         .danrukutip span {line-height: 30px; color: #043d77}
    }
    @media (min-width: 768px) {    
        .modal-house {clear: both;}
        .modal-tit {
            overflow: hidden; 
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;
        }
        .modal-tit .specs {display: none;}
        .modal-tit .hszongshu {display: none;}
        .housespii .shuliang {display: inline-block; padding-right: 10px;}
        .rukmodalhouseli {position:static}
        .housedelet {width: 2%;float: left;  position: static;}
        .housedelet i {font-size: 14px;}
        .specs {width: 80%; float: left; }
        .hszongshu{width: 20%; float: left; text-align: center; }
        .allhouselect {width: 15%; float: left;  }
        .frmLosselect {width: 80%; float: left; overflow: hidden; text-align: center;  }
    
        .frml {width: 15%; float: left;}
        .bsnum {width: 40%; float: left;}
        .hsnum {width: 50%; float: left;}
        .hsyzname {width: 1%; float: left; display: none;}
        .selectradio {width: 15%; float: left;}
        .housenum {width:40%; float: left; margin-top: 5px;}
        .fbtip {width: 30%; float: left;}
        .houseyzname {width: 100%; float: left; overflow: hidden; display: block; }
        .houseyz {float: left; padding-left: 5px;}
        .housamount {width: 100%;}
        .housamount input {display: inline-block;}
        .formcontrol {border: 1px solid #ddd; height: 25px; padding:0.2rem 0.3rem; float: left; width: 45%; margin-right: 2%; font-size: 11px;}
        .modalhouseli {line-height: 40px; border-bottom: 1px solid #f8f8f8; overflow: hidden;}
        .modalhouseli .form-check-input {margin-top: 0.9em !important;}
        .fbtipdzps p {line-height: 30px; font-size: 10px; float: left; margin-left: 5px;}
        .fbtipdzps p em {color: #dc3545;}
        .hsyzcunzai {overflow: hidden;}
        .houseyzname .warning {width: 100%; line-height: 20px; text-align: left; padding-left: 15px;}
        .houseyzname .warning span{color: #dc3545; font-size: 10px; line-height: 20px;}
        .houseyz .form-check-label {padding-left: 5px;}
        .yznum {font-size: 10px; padding: 0 2px; color: #B83D3D;}
        .hsyztip {color: #dc3545; text-align: left;}
        .filespecs .specsnum {color: #fff; font-size: 15px; display:inline-block; height: 20px; background-color: #f89e53;  width:auto; padding: 2px 5px;}
        .yznuml input{border: 1px solid #eee; font-size: 10px; height: 25px; width: 35px; }
        .lspddl dd {
            padding: 0px 10px;
            overflow: hidden;
            line-height: 25px;
            margin-bottom: 0px !important;
            position: relative;
        }
        .lsmddele {position:absolute; left: -0px; top:0}
        .lsmddele i {font-size: 0.6rem; color:#ddd;}
        .lspddl dd:hover i {color: #dc3545;}
        .infodeletmaincenter {
            border: 1px dashed #ddd;
            padding: 5px 15px;
            text-align: center;
        }
        .modalyouhuali {position: relative;}
        .mdyhux {position: absolute; left: -5px; top: 0;}
        .mdyhux i {color: #eee; font-size: 18px;}
        .modalyouhuali:hover .mdyhux i {color: #dc3545;}
    
        /* 删除确认 */
        .deletconfirmmodal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
            -webkit-filter: "alpha";
    }
        .deletconfirm {
            max-width: 450px; 
            margin: 15% auto;
            background-color: #fff; 
            height: 220px;
            z-index: 10000;
        }
        .deletconfirmain {
            width: 100%;
            background-color: #fff;
    
        }
        .delethead {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .delethead h2 {font-size: 1.3rem; font-family:  "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;}
        .deletbtn i {font-size: 1.5rem;}
        .deletmain { width: 90%; margin: 0 auto;}
        .deletmaintop {line-height: 30px;}
        .deletmaincenter {line-height: 30px; }
        .deledspan2 {
            display: inline-block; 
            border: 1px solid #ddd; 
            width: 20%;
            margin:0 2%;
            line-height: 25px;
        }
        .deledspan2 input { width: 100%; padding:0px 10px; line-height: 20px; }
        .deletfooter {
            display: flex; 
            justify-content: flex-end; 
            margin: 15px auto 0; 
            width: 90%;
        }
        .deletfooter .btn {margin:0 5px;}
        .deletfooter .btn-del, .deletfooter .btn-del:hover {
            border: #dc3545;
            border-radius: 0;
            background-color: #dc3545;
            color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
        .deletfooter .btn-cancel,.deletfooter .btn-cancel:hover {
            border:1px solid #ddd;
            background-color: #fff;
            color: #333;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
    .lsdelconspan {font-size: 1rem; color: #569af3; margin:0 5px;}
    .wuguigeso {font-size: 18px; width: 100%; text-align: center; padding:15px; line-height: 100px}
    
    /*单条入库样式*/
        .danhuousetitle {width: 100%;padding:15px 15px}
        .danhuousetitle span{font-size: 16px; font-weight:600;}
        .danhousexuan{
            width: 90%;
            z-index: 1;
            border: 1px solid #ddd;
            /* background-image: url(/static/images/qrm-arrow-down.png); */
            background-position: 98%;
            background-repeat: no-repeat;
            margin: 5px 15px 15px;
            position: relative;
        }
        .danhouseinput{
            height: 45px;
            position: relative;
        }
        .danhouseinput input {
            height: 40px;
            width: 90%;
            padding: 5px 15px;
            outline: none;
            border: none;
        }
        .searchin {
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 40px;
        }
        .searchin img {
            width: 25px;
            height: 25px;
            margin: 10px auto;
        }
        .danhouse-panel {
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .danhouse-paborder {
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /* margin-left: 5px; */
        }
        .danhouse-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .danhouse-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .danhouse-paboul span {
            cursor: pointer;
        }
        .danhouse-paboul>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
         .danhouse-paboul>li.active{
            background: #dc3545;
            color: #ffffff;
        }
         .danhouseguige {width: 100%; }
         .danhouseamount {
             width: 100%;
             overflow: hidden;
         }
         .danhouseamount .amount {width: 100%; float: left; padding: 30px;}
         .danhouseamount .danhousenum {
             width: 90%;
             margin:0 15px;
         }
         .danhousenum .danhoustit {
             width: 100%;
             line-height: 30px;
             padding: 5px 0;
         }
         .danhouseamount .danamount {
             width: 100%;
             border: 1px solid #ddd;
         }
         .danhouseamount .danamount input {
            height: 43px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;
         }
          .danwarning {line-height: 30px;}
         .danwarning span {
             color: #dc3545;
             line-height: 30px;
         }
         .danrukutip{background: #daf1ff; clear: both; width: 90%; margin-left: 15px; padding:5px 15px; margin-top: 15px }
         .danrukutip span {line-height: 30px; color: #043d77}
     /*桌面单条入库样式*/
     .danhuousetitle {width: 100%;padding:15px 15px}
     .danhuousetitle span{font-size: 16px; font-weight:600;}
     .danhousexuan{
         width: 90%;
         z-index: 1;
         border: 1px solid #ddd;
         /* background-image: url(/static/images/qrm-arrow-down.png); */
         background-position: 98%;
         background-repeat: no-repeat;
         margin: 5px 15px 15px;
         position: relative;
     }
     .danhouseinput{
         height: 45px;
         position: relative;
     }
     .danhouseinput input {
         height: 40px;
         width: 90%;
         padding: 5px 15px;
         outline: none;
         border: none;
     }
     .searchin {
         position: absolute;
         right: 0;
         top: 0;
         width: 40px;
         height: 40px;
     }
     .searchin img {
         width: 25px;
         height: 25px;
         margin: 10px auto;
     }
     .wdanhouse-panel {
         position: absolute;
         top: 40px;
         left: -1px;
         z-index: 99999;
         width: 100%;
         height: 210px;
         border: 1px solid #dc3545;
         background: #ffffff;
         box-sizing: content-box;
     }
     .wdanhouse-paborder {
         float: left;
         width: 33.3%;
         height: 208px;
         overflow-y: scroll;
         /* margin-left: 5px; */
     }
     .wdanhouse-paboul {
         float: left;
         width: 100%;
         margin: 0;
         padding: 0 !important;
         font-size: 12px;
     }
     .wdanhouse-paboul>li {
         width: 100%;
         position: relative;
         display: block;
         padding-left: 5px;
         line-height: 40px;
     }
     .wdanhouse-paboul span {
         cursor: pointer;
     }
     .wdanhouse-paboul>li:hover{
         background: #FF780D;
         color: #ffffff;
     }
      .wdanhouse-paboul>li.active{
         background: #dc3545;
         color: #ffffff;
     }
      .danhouseguige {width: 100%; }
      .danhouseamount {
          width: 100%;
          overflow: hidden;
      }
      .danhouseamount .amount {width: 100%; float: left; padding: 30px;}
      .danhouseamount .danhousenum {
          width: 90%;
          margin:0 15px;
      }
      .danhousenum .danhoustit {
          width: 100%;
          line-height: 30px;
          padding: 5px 0;
      }
      .danhouseamount .danamount {
          width: 100%;
          border: 1px solid #ddd;
      }
      .danhouseamount .danamount input {
         height: 43px;
         width: 100%;
         padding: 5px 8px;
         font-size: 12px;
         outline: none;
         border: none;
      }
       .danwarning {line-height: 30px;}
      .danwarning span {
          color: #dc3545;
          line-height: 30px;
      }
      .danrukutip{background: #daf1ff; clear: both; width: 90%; margin-left: 15px; padding:5px 15px; margin-top: 15px }
      .danrukutip span {line-height: 30px; color: #043d77}
    }
    @media (min-width: 992px) {
        .modal-house {clear: both;}
        .modal-tit {
            overflow: hidden; 
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;
        }
        .modal-tit .specs {display: none;}
        .modal-tit .hszongshu {display: none;}
        .housespii .shuliang {display: inline-block; padding-right: 10px;}
        .rukmodalhouseli {position:static}
        .housedelet {width: 2%;float: left;  position: static;}
        .housedelet i {font-size: 14px;}
        .specs {width: 80%; float: left; }
        .hszongshu{width: 20%; float: left; text-align: center; }
        .allhouselect {width: 20%; float: left;  }
        .frmLosselect {width: 80%; float: left; overflow: hidden; text-align: center;  }
    
        .frml {width: 10%; float: left;}
        .bsnum {width: 30%; float: left;}
        .hsnum {width: 30%; float: left;}
        .hsyzname {width: 60%; float: left;}
        .selectradio {width: 10%; float: left;}
        .housenum {width: 20%; float: left; margin-top: 5px;}
        .fbtip {width: 10%; float: left;}
        .houseyzname {width: 60%; float: left; overflow: hidden; }
        .houseyz {float: left; padding-left: 5px;}
        .housamount {width: 100%;}
        .housamount input {display: inline-block;}
        .formcontrol {border: 1px solid #ddd; height: 25px; padding:0.2rem 0.3rem; float: left; width: 45%; margin-right: 2%; font-size: 11px;}
        .modalhouseli {line-height: 40px; border-bottom: 1px solid #f8f8f8;  overflow: hidden;}
        .modalhouseli .form-check-input {margin-top: 0.9em !important;}
        .fbtipdzps p {line-height: 20px; font-size: 10px;}
        .fbtipdzps p em {color: #dc3545;}
        .hsyzcunzai {overflow: hidden;}
        .houseyzname .warning {width: 100%; line-height: 20px; text-align: left; padding-left: 15px;}
        .houseyzname .warning span{color: #dc3545; font-size: 10px; line-height: 20px;}
        .houseyz .form-check-label {padding-left: 5px;}
        .yznum {font-size: 10px; padding: 0 2px; color: #B83D3D;}
        .hsyztip {color: #dc3545;}
        .filespecs .specsnum {color: #fff; font-size: 15px; display:inline-block; width:auto; padding: 2px 5px;}
        .yznuml input{border: 1px solid #eee; font-size: 10px; height: 25px; }
        .lspddl dd {
            padding: 0px 10px;
            overflow: hidden;
            line-height: 25px;
            margin-bottom: 0px !important;
            position: relative;
        }
    
        .lsmddele {position:absolute; left: -0px; top:0}
        .lsmddele i {font-size: 0.6rem; color:#ddd;}
        .lspddl dd:hover i {color: #dc3545;}
        .infodeletmaincenter {
            border: 1px dashed #ddd;
            padding: 5px 15px;
            text-align: center;
        }
        .modalyouhuali {position: relative;}
        .mdyhux {position: absolute; left: -5px; top: 0;}
        .mdyhux i {color: #eee; font-size: 18px;}
        .modalyouhuali:hover .mdyhux i {color: #dc3545;}
    
        /* 删除确认 */
        .deletconfirmmodal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9999;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
            -webkit-filter: "alpha";
    }
        .deletconfirm {
            max-width: 450px; 
            margin: 15% auto;
            background-color: #fff; 
            height: 220px;
            z-index: 10000;
        }
        .deletconfirmain {
            width: 100%;
            background-color: #fff;
    
        }
        .delethead {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .delethead h2 {font-size: 1.3rem; font-family:  "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;}
        .deletbtn i {font-size: 1.5rem;}
        .deletmain { width: 90%; margin: 0 auto;}
        .deletmaintop {line-height: 30px;}
        .deletmaincenter {line-height: 30px; }
        .deledspan2 {
            display: inline-block; 
            border: 1px solid #ddd; 
            width: 20%;
            margin:0 2%;
            line-height: 25px;
        }
        .deledspan2 input { width: 100%; padding:0px 10px; line-height: 20px; }
        .deletfooter {
            display: flex; 
            justify-content: flex-end; 
            margin: 15px auto 0; 
            width: 90%;
        }
        .deletfooter .btn {margin:0 5px;}
        .deletfooter .btn-del, .deletfooter .btn-del:hover {
            border: #dc3545;
            border-radius: 0;
            background-color: #dc3545;
            color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
        .deletfooter .btn-cancel,.deletfooter .btn-cancel:hover {
            border:1px solid #ddd;
            background-color: #fff;
            color: #333;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
    .lsdelconspan {font-size: 1rem; color: #569af3; margin:0 5px;}
    .wuguigeso {font-size: 18px; width: 100%; text-align: center; padding:15px; line-height: 100px}
     /*单条入库样式*/
        .danhuousetitle {width: 100%;padding:15px 15px}
        .danhuousetitle span{font-size: 16px; font-weight:600;}
        .danhousexuan{
            width: 90%;
            z-index: 1;
            border: 1px solid #ddd;
            /* background-image: url(/static/images/qrm-arrow-down.png); */
            background-position: 98%;
            background-repeat: no-repeat;
            margin: 5px 15px 15px;
            position: relative;
        }
        .danhouseinput{
            height: 45px;
            position: relative;
        }
        .danhouseinput input {
            height: 40px;
            width: 90%;
            padding: 5px 15px;
            outline: none;
            border: none;
        }
        .searchin {
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 40px;
        }
        .searchin img {
            width: 25px;
            height: 25px;
            margin: 10px auto;
        }
        .danhouse-panel {
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .danhouse-paborder {
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /* margin-left: 5px; */
        }
        .danhouse-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .danhouse-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .danhouse-paboul span {
            cursor: pointer;
        }
        .danhouse-paboul>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
         .danhouse-paboul>li.active{
            background: #dc3545;
            color: #ffffff;
        }
         .danhouseguige {width: 40%; float: left}
         .danhouseamount {
             width: 60%;
             overflow: hidden;
             float: left;
         }
         .danhouseamount .amount {width: 100%;  }
         .danhouseamount .danhousenum {
              width: 30%;
             float: left;
             margin:0 1%;
         }
         .danhousenum .danhoustit {
             width: 100%;
             line-height: 30px;
             padding: 15px 0;
         }
         .danhouseamount .danamount {
             width: 100%;
             border: 1px solid #ddd;
         }
    
         .danhouseamount .danamount input {
            height: 43px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;
         }
         .danwarning {line-height: 30px;}
         .danwarning span {
             color: #dc3545;
             line-height: 30px;
         }
         .danrukutip{background: #daf1ff; clear: both; width: 60%; margin-left: 15px; padding:5px 15px }
         .danrukutip span {line-height: 30px; color: #043d77}
         .danhouseguige .warning {margin:0 0 15px 15px}
         .danhouseguige .warning span{padding-left: 20px; color: #dc3545}
          /*桌面单条入库样式*/
        .danhuousetitle {width: 100%;padding:15px 15px}
        .danhuousetitle span{font-size: 16px; font-weight:600;}
        .danhousexuan{
            width: 90%;
            z-index: 1;
            border: 1px solid #ddd;
            /* background-image: url(/static/images/qrm-arrow-down.png); */
            background-position: 98%;
            background-repeat: no-repeat;
            margin: 5px 15px 15px;
            position: relative;
        }
        .danhouseinput{
            height: 45px;
            position: relative;
        }
        .danhouseinput input {
            height: 40px;
            width: 90%;
            padding: 5px 15px;
            outline: none;
            border: none;
        }
        .searchin {
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 40px;
        }
        .searchin img {
            width: 25px;
            height: 25px;
            margin: 10px auto;
        }
        .wdanhouse-panel {
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .wdanhouse-paborder {
            float: left;
            width: 33.3%;
            height: 208px;
            overflow-y: scroll;
            /* margin-left: 5px; */
        }
        .wdanhouse-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .wdanhouse-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .wdanhouse-paboul span {
            cursor: pointer;
        }
        .wdanhouse-paboul>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
         .wdanhouse-paboul>li.active{
            background: #dc3545;
            color: #ffffff;
        }
         .danhouseguige {width: 100%; }
         .danhouseamount {
             width: 100%;
             overflow: hidden;
         }
         .danhouseamount .amount {width: 100%; float: left; padding: 30px;}
         .danhouseamount .danhousenum {
             width: 90%;
             margin:0 15px;
         }
         .danhousenum .danhoustit {
             width: 100%;
             line-height: 30px;
             padding: 5px 0;
         }
         .danhouseamount .danamount {
             width: 100%;
             border: 1px solid #ddd;
         }
         .danhouseamount .danamount input {
            height: 43px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;
         }
          .danwarning {line-height: 30px;}
         .danwarning span {
             color: #dc3545;
             line-height: 30px;
         }
         .danrukutip{background: #daf1ff; clear: both; width: 90%; margin-left: 15px; padding:5px 15px; margin-top: 15px }
         .danrukutip span {line-height: 30px; color: #043d77}
    }
    @media (min-width: 1200px) {
        .modal-house {clear: both;}
        .modal-tit {
            overflow: hidden; 
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;
        }
        .modal-tit .specs {display: block;}
        .modal-tit .hszongshu {display: block;}
        .rukmodalhouseli {position:static}
        .housedelet {width: 2%;float: left; text-align: center;  position: static;}
        .housedelet i {font-size: 14px; color: #ddd;}
        .modalhouseli:hover i {color: #dc3545;}
        .specs {width: 18%; float: left; }
        .hszongshu{width: 10%; float: left; text-align: center; }
        .allhouselect {width: 10%; float: left; text-align: center;  }
        .frmLosselect {width: 60%; float: left; overflow: hidden; text-align: center;  }
        .housespii .shuliang {display: none; padding-right: 0px;}
        .frml {width: 10%; float: left;}
        .bsnum {width: 30%; float: left;}
        .hsnum {width: 30%; float: left;}
        .hsyzname {width: 60%; float: left;}
        .selectradio {width: 10%; float: left;}
        .housenum {width: 20%; float: left; margin-top: 5px;}
        .fbtip {width: 10%; float: left;}
        .houseyzname {width: 60%; float: left; overflow: hidden; }
        .houseyz {float: left; padding-left: 5px;}
        .housamount {width: 100%;}
        .housamount input {display: inline-block;}
        .formcontrol {border: 1px solid #ddd; height: 25px; padding:0.2rem 0.3rem; float: left; width: 45%; margin-right: 2%; font-size: 11px;}
        .modalhouseli {line-height: 40px; border-bottom: 1px solid #f8f8f8; overflow: hidden; }
        .modalhouseli .form-check-input {margin-top: 0.9em !important;}
        .fbtipdzps p {line-height: 20px; font-size: 10px;}
        .fbtipdzps p em {color: #dc3545;}
        .hsyzcunzai {overflow: hidden;}
        .houseyzname .warning {width: 100%; line-height: 20px; text-align: left; padding-left: 15px;}
        .houseyzname .warning span{color: #dc3545; font-size: 10px; line-height: 20px;}
        .houseyz .form-check-label {padding-left: 5px;}
        .yznum {font-size: 10px; padding: 0 2px; color: #B83D3D;}
        .hsyztip {color: #dc3545;}
        .filespecs .specsnum {
            color: #9195A3; 
            font-size: 15px; 
            display:inline-block;
             width:auto;
             position: static;
            left: 0;
            top: 5px;
            background: none;
            height: auto;
            line-height: unset;
            text-align: left;
        }
        .yznuml input{border: 1px solid #eee; font-size: 10px; height: 25px; width: 40px; }
    
        .lspddl dd {
            padding: 0px 10px;
            overflow: hidden;
            line-height: 25px;
            margin-bottom: 0px !important;
            position: relative;
        }
        .lsmddele {position:absolute; left: 0px; top:0}
        .lsmddele i {font-size: 0.6rem; color:#ddd;}
        .lspddl dd:hover i {color: #dc3545;}
        .infodeletmaincenter {
            border: 1px dashed #ddd;
            padding: 5px 15px;
            text-align: center;
        }
        .modalyouhuali {position: relative;}
        .mdyhux {position: absolute; left: -5px; top: 0;}
        .mdyhux i {color: #eee; font-size: 18px;}
        .modalyouhuali:hover .mdyhux i {color: #dc3545;}
    
        /* 删除确认 */
        .deletconfirmmodal, .confirmmodal,.wconfirmmodal,.confirmmodalgong{
            position: fixed;
            left: 0;
            top: 0;
            z-index: 9000;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
            -webkit-filter: "alpha" ;
    }
        .deletconfirm, .confirmdiv {
            max-width: 450px; 
            margin: 15% auto;
            background-color: #fff; 
            height: 220px;
            z-index: 10000;
        }
        .deletconfirmain, .confirmain {
            width: 100%;
            background-color: #fff;
    
        }
        .delethead {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .delethead h2 {font-size: 1.3rem; font-family:  "微软雅黑","华文细黑",Arial, Helvetica, sans-serif;}
        .deletbtn i {font-size: 1.5rem;}
        .deletmain { width: 90%; margin: 0 auto;}
        .deletmaintop {line-height: 30px;}
        .deletmaincenter {line-height: 30px; }
        .deledspan2 {
            display: inline-block; 
            border: 1px solid #ddd; 
            width: 20%;
            margin:0 2%;
            line-height: 25px;
        }
        .deledspan2 input { width: 100%; padding:0px 10px; line-height: 20px; }
        .deletfooter {
            display: flex; 
            justify-content: flex-end; 
            margin: 15px auto 0; 
            width: 90%;
        }
        .deletfooter .btn {margin:0 5px;}
        .deletfooter .btn-del, .deletfooter .btn-del:hover {
            border: #dc3545;
            border-radius: 0;
            background-color: #dc3545;
            color: #fff;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
        .deletfooter .btn-cancel,.deletfooter .btn-cancel:hover {
            border:1px solid #ddd;
            background-color: #fff;
            color: #333;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
    .lsdelconspan {font-size: 1rem; color: #569af3; margin:0 5px;}
    
    /* 确认弹框 */
    .confirmhead {
        display: flex;
        justify-content: space-between;
        background-color: #f9f9f9;
        line-height: 30px;
        padding: 5px 10px;
    }
    .confirmhead h2 {font-size: 16px; line-height: 30px; margin-bottom: 0 !important}
    .confirmcontent{
        padding:30px 15px;
    }
    .confirmcontent p {
        text-align: center;
        font-size: 16px;
    }
    .confirmfoot {
        display: flex;
        justify-content: center;
    }
    .confirmfoot .btn {margin: 15px; padding: 5px 10px; }
    .confirmfoot .btn-confirm { background-color: #dc3545; border: 1px solid #dc3545; color: #fff;}
    .confirmfoot .btn-cancel { background-color: #fff; border: 1px solid #dedede;}
    
    .wuguigeso {font-size: 18px; width: 100%; text-align: center; padding:15px; line-height: 100px}
    
        /*单条入库样式*/
        .danhuousetitle {width: 100%;padding:15px 15px}
        .danhuousetitle span{font-size: 16px; font-weight:600;}
        .danhousexuan{
            width: 90%;
            z-index: 1;
            border: 1px solid #ddd;
            /* background-image: url(/static/images/qrm-arrow-down.png); */
            background-position: 98%;
            background-repeat: no-repeat;
            margin: 5px 15px 15px;
            position: relative;
        }
        .danhouseinput{
            height: 45px;
            position: relative;
        }
        .danhouseinput input {
            height: 40px;
            width: 90%;
            padding: 5px 15px;
            outline: none;
            border: none;
        }
        .searchin {
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 40px;
        }
        .searchin img {
            width: 25px;
            height: 25px;
            margin: 10px auto;
        }
        .danhouse-panel {
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .danhouse-paborder {
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /* margin-left: 5px; */
        }
        .danhouse-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .danhouse-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .danhouse-paboul span {
            cursor: pointer;
        }
        .danhouse-paboul>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
         .danhouse-paboul>li.active{
            background: #dc3545;
            color: #ffffff;
        }
         .danhouseguige {width: 40%; float: left}
         .danhouseamount {
             width: 60%;
             overflow: hidden;
             float: left;
         }
         .danhouseamount .amount {width: 100%;  }
         .danhouseamount .danhousenum {
              width: 30%;
             float: left;
              margin:0 1.5%;;
         }
         .danhousenum .danhoustit {
             width: 100%;
             line-height: 30px;
             padding: 15px 0;
         }
         .danhouseamount .danamount {
             width: 100%;
             border: 1px solid #ddd;
         }
    
         .danhouseamount .danamount input {
            height: 43px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;
         }
         .danwarning {line-height: 30px;}
         .danwarning span {
             color: #dc3545;
             line-height: 30px;
         }
         .danrukutip{background: #daf1ff; clear: both; width: 60%; margin-left: 15px; padding:5px 15px }
         .danrukutip span {line-height: 30px; color: #043d77}
     /*桌面单条入库样式*/
     
        .wdanhouse-panel {
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .wdanhouse-paborder {
            float: left;
            width: 33.3%;
            height: 208px;
            overflow-y: scroll;
            /* margin-left: 5px; */
        }
        .wdanhouse-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .wdanhouse-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .wdanhouse-paboul span {
            cursor: pointer;
        }
        .wdanhouse-paboul>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
         .wdanhouse-paboul>li.active{
            background: #dc3545;
            color: #ffffff;
        }
         .danhouseguige {width: 40%; float: left}
         .danhouseamount {
             width: 60%;
             overflow: hidden;
             float: left;
         }
         .danhouseamount .amount {width: 100%;  }
         .danhouseamount .danhousenum {
              width: 30%;
             float: left;
              margin:0 1.5%;;
         }
         .danhousenum .danhoustit {
             width: 100%;
             line-height: 30px;
             padding: 15px 0;
         }
         .danhouseamount .danamount {
             width: 100%;
             border: 1px solid #ddd;
         }
    
         .danhouseamount .danamount input {
            height: 43px;
            width: 100%;
            padding: 5px 8px;
            font-size: 12px;
            outline: none;
            border: none;
         }
         .danwarning {line-height: 30px;}
         .danwarning span {
             color: #dc3545;
             line-height: 30px;
         }
         .danrukutip{background: #daf1ff; clear: both; width: 60%; margin-left: 15px; padding:5px 15px }
         .danrukutip span {line-height: 30px; color: #043d77}
         
    }
    .btn.btn-empty {
        border: 2px solid #043d77;
        color: #043d77;
        background-color: #fff;
        font-size: 14px;
        padding: 5px 15px;
    }
    /* 归档记录 */
    @media (max-width: 767px) {
        .gdfilemodal {background-color: #fff !important;}
        .modal-gdsearch { display: flex; flex-wrap: wrap}
        .yzsc-gdsearch {width:100%;  display: flex; line-height: 35px; margin-bottom: 10px;}
        .yzsc-searchform {border: 1px solid #ddd; position: relative; height: 35px; padding: 0 5px; display: flex; width: 100%; }
        .yzsc-searchform input {padding: 5px 5px; width: 90%;}
        .yzsc-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
            }
        .yzsc-searchform i {font-size: 1.5rem;}
        .length-gdsearch {width:100%;  box-sizing: content-box; display: flex; line-height: 35px; margin-bottom: 10px;}
        .length-searchform {border: 1px solid #ddd; position: relative; height: 35px; padding: 0 5px; display: flex;width: 100%;}
        .length-searchform input {padding: 5px;}
        .length-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
                
            }
        .length-searchform i {font-size: 1.5rem;}
        .scsspan {width: 90px; display: none;}
        .chepai-gdsearch {
            width:100%;  
            display: flex; 
            line-height: 35px;
            margin-bottom: 10px;
        }
        .chepai-searchform {
            border: 1px solid #ddd; 
            position: relative; 
            height: 35px; 
            padding: 0 5px; 
            display: flex;
            width: 100%;
        }
        .chepai-searchform input {padding: 5px; width: 90%;}
        .chepai-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
            }
        .chepai-searchform i {font-size: 1.5rem;}
        /* .date-gdsearch {width:100%;margin-top: 15px; float: left;}
        .date-gdul {overflow: hidden;}
        .table .date-gdul {overflow: hidden; padding-left: 0 !important;}
        .date-gdul:first-child li {width: 48%; float: left; margin-right: 2%; }
        .date-gdul:nth-child(2) li {width: 48%; float: left; margin-right: 2%; }
        .date-gdul li input {display: inline-block; border: 1px solid #ddd; padding: 5px; width: 100%;}
        .gdbtdate-search {text-align: center;padding-top: 15px; clear: both; }
        .gdbtdate-search .btn {padding: 0.365rem 0.5rem !important; font-size: 0.8rem; width: 100%;} */
        .date-gdsearch { width:100%; margin-top: 0; padding-top: 0; clear: none; margin-bottom: 10px;}
        .date-gdsearch .table {display: flex; line-height: 35px;}
        .date-gdul { display: flex; border:1px solid #ddd; height: 35px; position: relative; padding: 0 5px; width: 100%;}
        .date-gdul input {padding: 0 5px !important; width: 80%;}
        .gdsearchbtn {
            position: absolute;
            top: 0;
            right: 5px;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .gdsearchbtn i {font-size: 1.5rem;}
        
        .fanhui {
            border: 1px solid #ddd;
            cursor: pointer;
            padding: 0.1rem 0.2rem;
            line-height: 5px;
            width: 70px;
            display: flex;  
        }
        .fanhui i {font-size: 13px; line-height: 30px}
        .fanhui span {line-height: 30px; padding-left: 5px;}
        .modal-fanhui {margin: 15px 0;display: flex; justify-content: space-between;}   
        .noguige {width: 100%; margin: 10% auto;}
    
        .gdfilemodal .inmodalheader {background-color: #043d77;}
        .gdfilemodal h4{color: #fff; font: normal 20px "微软雅黑";}
        .modal-gdtit {
            overflow: hidden; 
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: none;
        }
        .filespecs {width: 100%; display: flex;  }
        .filespecs .specsnum {position: absolute; left: 0px; top: 0px; line-height: 20px; text-align: center;}
        .filenum{width: 100%; display: flex; }
        /* .filenum .filenumtit {display: block; width: 15%; text-align: right; margin-right: 5px; color: #999;} */
        .filename {width:100%; display: flex;}
        /* .filename .filenametit {display: block; width: 15%; text-align: right; margin-right: 5px; color: #999;} */
        .filelifang {width:100%; display: flex;}
        .fileunit-price, .fileTotal-price , .filepayer {width:100%; display: flex;}
        .filedate {width: 100%;display: flex;  }
        .filexulie {width: 100%;display: flex;   }
        .filechepai {width: 100%;display: flex;   }
        .filetuihuo {width: 50px; position: absolute; top: 20px; right: 5px;}
        .filetuihuos {color:#2c8cfe}
        .fliestit-child {display: block; width: 18%; text-align: right; margin-right: 5px; color: #999;}
        .modalfileli {
            line-height: 30px; 
            border-bottom: 1px solid #f8f8f8; 
            overflow: hidden; 
            box-shadow: 1px 1px 15px #efefef; 
            margin-bottom: 15px; 
            padding: 20px 10px 5px;
            position: relative; 
        }
    }
    @media (min-width: 768px) {
        .gdfilemodal {background-color: #fff !important;}
        .modal-gdsearch { display: flex; flex-wrap: wrap}
        .yzsc-gdsearch {width:100%;  display: flex; line-height: 35px; margin-bottom: 10px;}
        .yzsc-searchform {border: 1px solid #ddd; position: relative; height: 35px; padding: 0 5px; display: flex; width: 100%; }
        .yzsc-searchform input {padding: 5px; width: 90%;}
        .yzsc-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
            }
        .yzsc-searchform i {font-size: 1.5rem;}
        .length-gdsearch {width:100%;  box-sizing: content-box; display: flex; line-height: 35px; margin-bottom: 10px;}
        .length-searchform {border: 1px solid #ddd; position: relative; height: 35px; padding: 0 5px; display: flex;width: 100%;}
        .length-searchform input {padding: 5px; width: 90%;}
        .length-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
                
            }
        .length-searchform i {font-size: 1.5rem;}
        .scsspan {width: 90px; display: none;}
        .chepai-gdsearch {
            width:100%;  
            display: flex; 
            line-height: 35px;
            margin-bottom: 10px;
        }
        .chepai-searchform {
            border: 1px solid #ddd; 
            position: relative; 
            height: 35px; 
            padding: 0 5px; 
            display: flex;
            width: 100%;
        }
        .chepai-searchform input {padding: 5px; width: 90%;}
        .chepai-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
            }
        .chepai-searchform i {font-size: 1.5rem;}
        /* .date-gdsearch {width:100%;margin-top: 15px; float: left;}
        .date-gdul {overflow: hidden;}
        .table .date-gdul {overflow: hidden; padding-left: 0 !important;}
        .date-gdul:first-child li {width: 48%; float: left; margin-right: 2%; }
        .date-gdul:nth-child(2) li {width: 48%; float: left; margin-right: 2%; }
        .date-gdul li input {display: inline-block; border: 1px solid #ddd; padding: 5px; width: 100%;}
        .gdbtdate-search {text-align: center;padding-top: 15px; clear: both; }
        .gdbtdate-search .btn {padding: 0.365rem 0.5rem !important; font-size: 0.8rem; width: 100%;} */
        .date-gdsearch { width:100%; margin-top: 0; padding-top: 0; clear: none; margin-bottom: 10px;}
        .date-gdsearch .table {display: flex; line-height: 35px;}
        .date-gdul { display: flex; border:1px solid #ddd; height: 35px; position: relative; padding: 0 5px; width: 100%;}
        .date-gdul input {padding: 0 10px !important; width: 80%;}
        .gdsearchbtn {
            position: absolute;
            top: 0;
            right: 5px;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .gdsearchbtn i {font-size: 1.5rem;}
        .fanhui {
            border: 1px solid #ddd;
            cursor: pointer;
            padding: 0.1rem 0.2rem;
            line-height: 5px;
            width: 70px;
            display: flex;  
        }
        .fanhui i {font-size: 13px; line-height: 30px}
        .fanhui span {line-height: 30px; padding-left: 5px;}
        .modal-fanhui {margin-bottom: 10px; display: flex; justify-content: space-between;}
        .noguige {width: 100%; margin: 10% auto;} 
    
        .gdfilemodal .inmodalheader {background-color: #043d77;}
        .gdfilemodal h4{color: #fff; font: normal 20px "微软雅黑";}
        .modal-gdtit {
            overflow: hidden; 
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: none;
        }
        .filespecs {width: 100%; display: flex;  }
        .specsnum {position: absolute; left: 0px; top: 0px; line-height: 20px; text-align: center;}
        .filenum{width: 100%; display: flex; }
        /* .filenum .filenumtit {display: block; width: 15%; text-align: right; margin-right: 5px; color: #999;} */
        .filename {width:100%; display: flex;}
        .filelifang {width:100%; display: flex;}
        .fileunit-price, .fileTotal-price , .filepayer {width:100%; display: flex;}
        /* .filename .filenametit {display: block; width: 15%; text-align: right; margin-right: 5px; color: #999;} */
        .filedate {width: 100%;display: flex;  }
        .filexulie {width: 100%;display: flex;   }
        .filechepai {width: 100%;display: flex;   }
        .filetuihuo {width: 50px; position: absolute; top: 20px; right: 5px;}
        .filetuihuos {color:#2c8cfe}
        .fliestit-child {display: block; width: 15%; text-align: right; margin-right: 5px; color: #999;}
        .modalfileli {
            line-height: 30px; 
            border-bottom: 1px solid #f8f8f8; 
            overflow: hidden; 
            box-shadow: 1px 1px 15px #efefef; 
            margin-bottom: 15px; 
            padding: 20px 10px 5px;
            position: relative;
        }
    }
    @media (min-width: 992px) {
        .gdfilemodal {background-color: #fff !important;}
        .modal-gdsearch { display: flex; flex-wrap: wrap;}
        .yzsc-gdsearch {width:33%;  display: flex; line-height: 35px;}
        .yzsc-searchform {border: 1px solid #ddd; position: relative; height: 35px; padding: 0 5px; display: flex;width: 95%;}
        .yzsc-searchform input {padding: 5px 15px;}
        .yzsc-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
            }
        .yzsc-searchform i {font-size: 1.5rem;}
        .length-gdsearch {
            width:33%;  
            box-sizing: content-box; 
            display: flex; 
            line-height: 35px;
    
        }
        .length-searchform {
            border: 1px solid #ddd; 
            position: relative;  
            height: 35px; 
            padding: 0 5px; 
            display: flex;
            width: 95%;
        }
        .length-searchform input {padding: 5px;}
        .length-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
                
            }
        .length-searchform i {font-size: 1.5rem;}
    
        .scsspan {width:90px;;}
        .chepai-gdsearch {
            width:33%;  
            display: flex; 
            line-height: 35px;
        }
        .chepai-searchform {
            border: 1px solid #ddd; 
            position: relative; 
            height: 35px; 
            padding: 0 5px; 
            display: flex;
            width: 95%;
        }
        .chepai-searchform input {padding: 5px;}
        .chepai-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
            }
        .chepai-searchform i {font-size: 1.5rem;}
        
        .date-gdsearch { margin-top: 0; padding-top: 0; clear: none; width: 45%;}
        .date-gdsearch.table {display: flex; line-height: 35px; width:65%;}
        .date-gdul {overflow: hidden; display: flex; border:1px solid #ddd; height: 35px; position: relative; padding: 0 5px;}
        /* .date-gdul li {display: inline-block; padding-right: 5%;}
        .date-gdul li input {display: inline-block; border: 1px solid #ddd; padding: 5px; width: auto;}
        .gdbtdate-search {display: inline-block;  float: right; clear: none;}
        .gdbtdate-search .btn {padding: 0.365rem 0.5rem !important; font-size: 0.8rem;} */
        .date-gdul input {padding: 0 10px !important;}
        .gdsearchbtn {
            position: absolute;
            top: 0;
            right: 5px;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .gdsearchbtn i {font-size: 1.5rem;}
        .fanhui {
            border: 1px solid #ddd;
            cursor: pointer;
            padding: 0.1rem 0.2rem;
            line-height: 5px;
            width: 70px;
            display: flex;  
        }
        .fanhui i {font-size: 13px; line-height: 30px}
        .fanhui span {line-height: 30px; padding-left: 5px;}
        .modal-fanhui {margin-bottom: 10px; display: flex; justify-content: space-between;}
        .noguige {width: 100%; margin: 10% auto;} 
    
        .gdfilemodal .inmodalheader {background-color: #043d77;}
        .gdfilemodal h4{color: #fff; font: normal 20px "微软雅黑";}
        .modal-gdtit {
            overflow: hidden; 
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: none;
        }
        .filespecs {width: 100%; display: flex;  }
        .specsnum {position: absolute; left: 0px; top: 0px; line-height: 20px; text-align: center;}
        .filenum{width: 100%; display: flex; }
        /* .filenum .filenumtit {display: block; width: 15%; text-align: right; margin-right: 5px; color: #999;} */
        .filename {width:100%; display: flex;}
        .filelifang {width:100%; display: flex;}
        /* .filename .filenametit {display: block; width: 15%; text-align: right; margin-right: 5px; color: #999;} */
        .filedate {width: 100%;display: flex;  }
        .filexulie {width: 100%;display: flex;   }
        .filechepai {width: 100%;display: flex;   }
        .filetuihuo {width: 50px; position: absolute; top: 20px; right: 5px;}
        .filetuihuos {color:#2c8cfe}
        .fliestit-child {display: block; width: 15%; text-align: right; margin-right: 5px; color: #999;}
        .modalfileli {
            line-height: 30px; 
            border-bottom: 1px solid #f8f8f8; 
            overflow: hidden; 
            box-shadow: 1px 1px 15px #efefef; 
            margin-bottom: 15px; 
            padding: 20px 10px 5px;
            position: relative;
        }
    }
    @media (min-width: 1200px) {
        .gdfilemodal {background-color: #fff !important;}
        .modal-gdsearch { display: flex; flex-wrap: wrap}
        .yzsc-gdsearch {
            width:20%;  
            display: flex; 
            line-height: 35px;
        }
        .yzsc-searchform {
            border: 1px solid #ddd; 
            position: relative; 
            height: 35px; 
            padding: 0 5px; 
            display: flex;
            width: 100%;
        }
        .yzsc-searchform input {padding: 5px;}
        .yzsc-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
            }
        .yzsc-searchform i {font-size: 1.5rem;}
        .length-gdsearch {
            width:20%;  
            box-sizing: content-box; 
            display: flex; 
            padding: 0 5px;
            line-height: 35px;
        }
        .length-searchform {
            border: 1px solid #ddd; 
            position: relative;  
            height: 35px; 
            padding: 0 5px; 
            display: flex;
        }
        .length-searchform input {padding: 5px;}
        .length-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
                
        }
        .length-searchform i {font-size: 1.5rem;}
        .scsspan {width: 90px; display: block;}
        .chepai-gdsearch {
            width:20%;  
            display: flex; 
            line-height: 35px;
        }
        .chepai-searchform {
            border: 1px solid #ddd; 
            position: relative; 
            height: 35px; 
            padding: 0 5px; 
            display: flex;
            width: 95%;
        }
        .chepai-searchform input {padding: 5px;}
        .chepai-searchform button {
                position: absolute;
                top: 0; 
                right:0;
                border: none;
                background: #fff;
                width: 30px;
                height: 30px;
            }
        .chepai-searchform i {font-size: 1.5rem;}
        .date-gdsearch {  margin-top: 0; padding-top: 0; clear: none; width:39% ;}
        .date-gdsearch .table {display: flex; line-height: 35px;}
        .date-gdul {overflow: hidden; display: flex; border:1px solid #ddd; height: 35px; position: relative; padding: 0 5px; }
        /* .date-gdul li {display: inline-block; padding: 0;}
        .date-gdul:first-child li {width: 40%; float: left; margin-right: 2%; }
        .date-gdul:nth-child(2) li {width: 40%; float: left; margin-right: 2%; }
        .date-gdul li input {display: inline-block; border: 1px solid #ddd; padding: 5px; width: auto;} */
        .date-gdul input {padding: 0 10px !important;}
        /* .gdbtdate-search {display: inline-block; padding: 0; }
        .gdbtdate-search .btn {padding: 0.365rem 0.5rem !important; font-size: 0.8rem;} */
        .gdsearchbtn {
            position: absolute;
            top: 0;
            right: 5px;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .gdsearchbtn i {font-size: 1.5rem;}
        .fanhui {
            border: 1px solid #ddd;
            cursor: pointer;
            padding: 0.1rem 0.2rem;
            line-height: 5px;
            width: 70px;
            display: flex;  
        }
        .fanhui i {font-size: 13px; line-height: 30px}
        .fanhui span {line-height: 30px; padding-left: 5px;}
        .modal-fanhui {
            margin-bottom: 10px; 
            display: flex;
            justify-content: space-between;
        }
        .noguige {width: 100%; margin: 10% auto;}
        .gdfilemodal .inmodalheader {background-color: #043d77;}
        .gdfilemodal h4{color: #fff; font: normal 20px "微软雅黑";}
        .modal-gdtit {
            overflow: hidden; 
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;
        }
        .filespecs {width: 16%; float: left;  min-height: 1px;}
        .filenum{width: 5%; float: left; text-align: center; min-height: 1px; display: block; }
        .filelifang{width: 5%; float: left; text-align: center;  min-height: 1px;display: block;}
        .filename {width: 18%; float: left; text-align: left; overflow: hidden; min-height: 1px; display: block;}
        .fileunit-price {width: 5%; float: left; text-align: center;  min-height: 1px;}
        .fileTotal-price {width: 5%; float: left; text-align: center;  min-height: 1px;}
        .filepayer {width: 13%; float: left; text-align: left; overflow: hidden; min-height: 1px; display: block;}
        .filedate {width: 8%; float: left; text-align: center;  min-height: 1px; }
        .filexulie {width: 8%; float: left; text-align: center;  min-height: 1px; }
        .filechepai {width: 14%; float: left; text-align: center;  min-height: 1px; }
        .filetuihuo {width: 3%; float: right; text-align: center; min-height: 1px; position: static;}
        .filetuihuos {color:#2c8cfe}
        .fileswitch {width: 10%; float: left; min-height: 1px;}
        .fliestit-child {display: none;}
        .modalfileli {
            line-height: 40px;
             margin-bottom: 0; 
             padding: 5px 15px; 
             border-bottom: 1px solid #f8f8f8; 
             overflow: hidden; 
             box-shadow: none;
        }
        .filename .filenames {
            display: inline-block; 
            width: 98%; 
            text-overflow: ellipsis;    
            white-space: nowrap;
            overflow: hidden;
            height: 30px;
        }
        .filepayerem .filenames {
            display: inline-block; 
            width: 98%; 
            text-overflow: ellipsis;    
            white-space: nowrap;
            overflow: hidden;
            height: 30px;
        }
        .filetuihuo .filetuihuos { color:#569af3; cursor: pointer;}
        .modal-footer.guidagn-footer {position: relative;}
        .total-zongjia {
            position: absolute;
            left: 0.75rem;
            display: flex;
        }
        .total-lisfang, .total-cost {
            padding-right:10px ;
        }
        .guidtotalname {color: #666;}
        .guidtotalnum {color: #0053a8; font-size: 16px;}
    }
    
    .allshow {text-align: center; line-height: 30px; margin-top: 17px;}
    .allshow a {font-size: 16px;  text-decoration: none;}
    .priceIsshow {
        display: none;
    }
    
    
    /* 查看权限 */
    @media (max-width: 767px) {
        .powertit {overflow: hidden; display: none;}
        .power-name {width: 100%; line-height: 30px;}
        .powername {line-height: 2rem !important;}
        .powername span {padding:0 5px;}
        .powerphone {line-height: 2rem !important;}
        .limit-oprate {width: 50%; margin: 0 auto; line-height: 30px; overflow: hidden; text-align: center;}
        .limit-oprate a {text-decoration: none;}
        .addpowerli .limit-oprate,  .poweruli .limit-oprate{padding: 10px;}
        .limtrev{width: 50%; float: left; text-align: right; padding: 0 5px;}
        .qdlimitdel {width: 50%; float: left; text-align: left;}
        .qdlimitdel a {display: block;}
        .qdlimitdel .qdlimitdelbtn{color: #fff; background-color: #dc3545; text-align: center;}
        .qdlimitdel .canlimitdelbtn { background-color: #eee; text-align: center;}
        .power-name li {padding-left:0px ;}
        .power-name .powerphoneli {width: 50%; float: left;}
        .power-name .nav-num {width: 50%; float: left; text-align: right ;}
        .powers {width: 100%;  line-height: 30px; padding-left: 2%;}
        .powermain ul {padding-left: 0 !important;}
        .powers .form-check {width: 33.33%; float: left;}
        .poweruli { overflow: hidden; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
        .powerul li:first { border-top: 1px solid #ddd;}
        .poweruli .powers {overflow: hidden; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
        ul.powers {
            padding-left: 2% !important;
            overflow: hidden;
            padding-top: 5px;
            padding-bottom: 5px;
            border-top: 1px solid #dedede;
            border-bottom: 1px solid #dedede;
        }
        li.form-check .form-check-input {margin-top: 8px;}
        .poweradd {text-align: center;}
        .poweraddp {display: inline-block; background:url(../images/addicon.png) 0 no-repeat;  padding-left: 30px; color: #043d77; cursor: pointer;}
        .addpowerli {overflow: hidden; border: 1px solid #dfdfdf; padding: 15px 5px;}
        .powername input {height: 30px; border: 1px solid #ddd; padding: 5px; width: 98%; }
        .powerphone input {height: 30px; border: 1px solid #ddd; padding: 5px; width: 98%;}
        .poweaddinput input {height: 30px; border: 1px solid #efefef; padding: 5px; width: 98%; }
        .powers ul {overflow: hidden;}
        .nav-num {color: #999;}
        .btn.limit-save, .btn.limit-save:hover{background: #0051a2;color: #fff; border-radius: 0;}
        .poweaddinput {padding: 12px 0; overflow: hidden;}
        .poweaddinput li {margin-bottom: 5px;}
        /* 二级密码 */
        .yz-checkpassword {width:100%; margin: 5% auto;}
        .true-checkname {text-align: center;}
        .true-checkname span { font-size: 1.4rem; color: #333;}
        .yanzhen {margin:15px auto; width: 50%;}
        .yanzhen  .form-group {overflow: hidden;}
        .yanzhen label {width: 100%; line-height: 40px; font:normal 500  0.9rem "PingFangSC-Regular","arial"; padding: 10px 0;} 
        .yanzhen input {width: 100%;}
        .yanzhen .btn {margin-top: 2rem; width: 100%; }
        .warningvalid {color: #dc3545; line-height: 30px;}
        input.form-control::-webkit-input-placeholder {color:#999; }
        /* 编辑验证密码 */    
        .limit-oprate .disbtn {color: #969696;}
        .limitedit {padding: 10px 0; justify-content: right; border-bottom: 1px solid #ddd;}
        .limitedit .btn {
            padding: 5px 20px;
            border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            -ms-border-radius: 0 !important;
            -o-border-radius: 0 !important;
        }
        .yztwopwsdmain {
            background: #fff;
            display: none;
            position: absolute;
            position: fixed; 
            background:rgba(0, 0, 0, 0.3); 
            z-index: 9999; 
            left: 0; 
            top: 0;
            right:0;
            bottom: 0;
           
        }
        .yztwopwsdmd {
            position: relative;
            /* position: absolute;
            left: 0;
            bottom: 0; */
            max-width: 400px;
            background-color: #fff;
            padding: 2% 0;
            margin: 10% auto;
        }
        .false-checkpassword {width: 100%; margin: 0 auto;}
        .false-checkpassword .yanzhen {width: 70%;}
        .checkbtnclose {position: absolute; right: 10px; top: 10px;}
    }
    @media (min-width: 768px) {
        .powertit {overflow: hidden; display: none;}
        .power-name {width: 100%; line-height: 30px;}
        .powername {line-height: 2rem !important;}
        .powername span {padding:0 5px;}
        .powerphone {line-height: 2rem !important;}
        .limit-oprate {width: 50%; margin: 0 auto; line-height: 30px; overflow: hidden; text-align: center;}
        .limit-oprate a {text-decoration: none;}
        .addpowerli .limit-oprate,  .poweruli .limit-oprate{padding: 10px;}
        .limtrev{width: 50%; float: left; text-align: right; padding: 0 5px;}
        .qdlimitdel {width: 50%; float: left; text-align: left;}
        .qdlimitdel a {display: block;}
        .qdlimitdel .qdlimitdelbtn{color: #fff; background-color: #dc3545; text-align: center;}
        .qdlimitdel .canlimitdelbtn { background-color: #eee; text-align: center;}
        .power-name li {padding-left:0px ;}
        .power-name .powerphoneli {width: 50%; float: left;}
        .power-name .nav-num {width: 50%; float: left; text-align: right ;}
        .powers {width: 100%;  line-height: 30px; padding-left: 2%;}
        .powermain ul {padding-left: 0 !important; margin-bottom: 0 !important;}
        .powers .form-check {width: 33.33%; float: left;}
        .poweruli { overflow: hidden; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
        .powerul li:first { border-top: 1px solid #ddd;}
        .poweruli .powers {overflow: hidden; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
        ul .powers {padding-left: 2% !important; overflow: hidden; border: 1px solid #dfdfdf; border-left: 0; border-right: 0; }
        li.form-check .form-check-input {margin-top: 8px;}
        .poweradd {text-align: center; padding-top: 15px;}
        .poweraddp {display: inline-block; background:url(../images/addicon.png) 0 no-repeat;  padding-left: 30px; color: #043d77; cursor: pointer;}
        .addpowerli {overflow: hidden; border: 1px solid #dfdfdf; border-top: 0 !important; padding: 0;}
        .powername input {height: 30px; border: 1px solid #ddd; padding: 5px; width: 98%; }
        .powerphone input {height: 30px; border: 1px solid #ddd; padding: 5px; width: 98%;}
        .poweaddinput input {height: 30px; border: 1px solid #efefef; padding: 5px; width: 98%; }
        .powers ul {overflow: hidden;}
        .nav-num {color: #999;}
        .btn.limit-save, .btn.limit-save:hover{background: #0051a2;color: #fff; border-radius: 0;}
        .poweruli ul.poweaddinput {padding: 12px 5px !important; padding-left: 10px; overflow: hidden;}
        .addpowerli ul.poweaddinput {padding: 12px 5px !important; padding-left: 10px; overflow: hidden;}
        .poweaddinput {padding: 12px 0; overflow: hidden;}
        .poweaddinput li {margin-bottom: 5px;}
        
        /* 二级密码 */
        .yz-checkpassword {width:100%; margin: 5% auto;}
        .true-checkname {text-align: center;}
        .true-checkname span { font-size: 1.4rem; color: #333;}
        .yanzhen {margin:15px auto; width: 50%;}
        .yanzhen  .form-group {overflow: hidden;}
        .yanzhen label {width: 100%; line-height: 40px; font:normal 500  0.9rem "PingFangSC-Regular","arial"; padding: 10px 0;} 
        .yanzhen input {width: 100%;}
        .yanzhen .btn {margin-top: 2rem; width: 100%;}
        .warningvalid {color: #dc3545; line-height: 30px;}
        input.form-control::-webkit-input-placeholder {color:#999;}
        /* 编辑验证密码 */    
        .limit-oprate .disbtn {color: #969696;}
        .limitedit {padding: 10px 0; justify-content: right; border-bottom: 1px solid #ddd;}
        .limitedit .btn {
            padding: 5px 20px;
            border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            -ms-border-radius: 0 !important;
            -o-border-radius: 0 !important;
        }
        .yztwopwsdmain {
            background: #fff;
            display: none;
            position: absolute;
            position: fixed; 
            background:rgba(0, 0, 0, 0.3); 
            z-index: 9999; 
            left: 0; 
            top: 0;
            right:0;
            bottom: 0;
           
        }
        .yztwopwsdmd {
            position: relative;
            /* position: absolute;
            left: 0;
            bottom: 0; */
            max-width: 400px;
            background-color: #fff;
            padding: 2% 0;
            margin: 10% auto;
        }
        .false-checkpassword {width: 100%; margin: 0 auto;}
        .false-checkpassword .yanzhen {width: 70%;}
        .checkbtnclose {position: absolute; right: 10px; top: 10px;}
    }
    @media (min-width: 992px) {
        .powertit {overflow: hidden; background-color: #efefef; border: 1px solid #dfdfdf;}
        .power-name {width:20%; float: left; line-height: 30px; padding: 0 5px;}
        .powers {width: 65%; float: left; line-height: 30px; padding-left: 2%;}
        .limit-oprate {width: 15%; float: left; line-height: 30px;}
        .limit-oprate a {text-decoration: none;}
        .addpowerli .limit-oprate,  .poweruli .limit-oprate{padding-top: 29px;}
        .limtrev{width: 50%; float: left; text-align: right; padding: 0 5px;}
        .qdlimitdel {width: 50%; float: left; text-align: left;}
        .qdlimitdel a {display: block;}
        .qdlimitdel .qdlimitdelbtn{color: #fff; background-color: #dc3545; text-align: center;}
        .qdlimitdel .canlimitdelbtn { background-color: #eee; text-align: center;}
        .power-name li {padding-left:15px ;}
        .power-name .powerphoneli {width: 100%; }
        .power-name .nav-num {width: 100%; text-align: left; }
        .powermain ul {padding-left: 0 !important;}
        .powermain .powerul { border-left: 1px solid #dfdfdf; border-right:  1px solid #dfdfdf;margin-bottom: 0 !important;}
        .powermain .addpowerul { border-left: 1px solid #dfdfdf; border-right:  1px solid #dfdfdf;}
        .powers .form-check {width: 33.33%; float: left;}
        .poweruli {border-bottom: 1px solid #dfdfdf;  overflow: hidden; border-left: 0; border-right: 0;}
        .poweruli .powers {overflow: hidden;border-top: 0; border-bottom: 0;}
        ul .powers {padding-left: 2% !important; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
        li.form-check .form-check-input {margin-top: 8px;}
        .poweradd {text-align: center;}
        .poweraddp {display: inline-block; background:url(../images/addicon.png) 0 no-repeat;  padding-left: 30px; color: #043d77; cursor: pointer;}
        .addpowerli {overflow: hidden; border-bottom: 1px solid #dfdfdf;}
        .powername input {height: 30px; border: 1px solid #ddd; padding: 5px; width: 98%; }
        .powerphone input {height: 30px; border: 1px solid #ddd; padding: 5px; width: 98%;}
        .poweaddinput input {height: 30px; border: 1px solid #efefef; padding: 5px; width: 98%; }
        .powers ul {overflow: hidden;}
        .nav-num {color: #999;}
        .btn.limit-save, .btn.limit-save:hover{background: #0051a2;color: #fff; border-radius: 0;}
        .poweaddinput {padding: 12px 0; overflow: hidden;}
        .poweaddinput li {margin-bottom: 5px;}
          /* 二级密码 */
          .yz-checkpassword {width: 60%; margin: 5% auto;}
          .true-checkname {text-align: center;}
          .true-checkname span { font-size: 1.6rem; color: #333;}
          .yanzhen {margin:15px auto; width: 50%;}
          .yanzhen  .form-group {overflow: hidden;}
          .yanzhen label {width: 100%; line-height: 40px; font:normal 500  1rem "PingFangSC-Regular","arial"; padding: 15px 0;} 
          .yanzhen input {width: 100%;}
          .yanzhen .btn {margin-top: 2rem; width: 100%; }
          .warningvalid {color: #dc3545; line-height: 30px;}
          input.form-control::-webkit-input-placeholder {color:#999}
          /* 编辑验证密码 */    
        .limit-oprate .disbtn {color: #969696;}
        .limitedit {justify-content: right;}
        .limitedit .btn {
            padding: 5px 20px;
            border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            -ms-border-radius: 0 !important;
            -o-border-radius: 0 !important;
        }
        .yztwopwsdmain {
            background: #fff;
            display: none;
            position: absolute;
            position: fixed; 
            background:rgba(0, 0, 0, 0.3); 
            z-index: 9999; 
            left: 0; 
            top: 0;
            right:0;
            bottom: 0;
           
        }
        .yztwopwsdmd {
            position: relative;
            /* position: absolute;
            left: 0;
            bottom: 0; */
            max-width: 400px;
            background-color: #fff;
            padding: 2% 0;
            margin: 10% auto;
        }
        .false-checkpassword {width: 100%; margin: 0 auto;}
        .false-checkpassword .yanzhen {width: 70%;}
        .checkbtnclose {position: absolute; right: 10px; top: 10px;}
    }
    @media (min-width: 1200px) {
        .powertit {overflow: hidden; background-color: #efefef; border: 1px solid #dfdfdf; }
        .power-name {width:20%; float: left; line-height: 30px; padding: 0 15px;}
        .powers {width: 65%; float: left; line-height: 30px; padding-left: 2%;}
        .limit-oprate {width: 15%; float: left; line-height: 30px; text-align: center;}
        .limit-oprate a {text-decoration: none;}
        .addpowerli .limit-oprate,  .poweruli .limit-oprate{padding-top: 29px;}
        .limtrev{width: 50%; float: left; text-align: right; padding: 0 5px;}
        .qdlimitdel {width: 50%; float: left; text-align: left;}
        .qdlimitdel a {display: block;}
        .qdlimitdel .qdlimitdelbtn{color: #fff; background-color: #dc3545; text-align: center;}
        .qdlimitdel .canlimitdelbtn { background-color: #eee; text-align: center;}
        .power-name li {padding-left:15px ;}
        .power-name .powerphoneli {width: 100%; }
        .power-name .nav-num {width: 100%; text-align: left;}
        .powermain ul {padding-left: 0 !important;}
        .powermain .powerul { border-left: 1px solid #dfdfdf; border-right:  1px solid #dfdfdf; margin-bottom: 0 !important;}
        .powermain .addpowerul { border-left: 1px solid #dfdfdf; border-right:  1px solid #dfdfdf;}
        .powers .form-check {width: 33.33%; float: left;}
        .poweruli {border-bottom: 1px solid #dfdfdf;  overflow: hidden; border-left: 0; border-right: 0;}
        .poweruli .powers {overflow: hidden;border-top: 0; border-bottom: 0;}
        ul .powers {padding-left: 2% !important; border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
        li.form-check .form-check-input {margin-top: 8px;}
        .poweradd {text-align: center;}
        .poweraddp {display: inline-block; background:url(../images/addicon.png) 0 no-repeat;  padding-left: 30px; color: #043d77; cursor: pointer;}
        .addpowerli {overflow: hidden; border-bottom: 1px solid #dfdfdf;}
        .poweaddinput input {height: 30px; border: 1px solid #efefef; padding: 5px; width: 98%; }
        .powers ul {overflow: hidden;}
        .nav-num {color: #999;}
        .btn.limit-save, .btn.limit-save:hover{background: #0051a2;color: #fff; border-radius: 0;}
        .poweaddinput {padding: 12px 0;}
        .poweaddinput li {margin-bottom: 5px;}
        /* 二级密码 */
        .yz-checkpassword {width: 60%; margin: 5% auto;}
        .true-checkname {text-align: center;}
        .true-checkname span { font-size: 1.6rem; color: #333;}
        .yanzhen {margin:15px auto; width: 50%;}
        .yanzhen  .form-group {overflow: hidden;}
        .yanzhen label {width: 100%; line-height: 40px; font:normal 500  1rem "PingFangSC-Regular","arial"; padding: 15px 0;} 
        .yanzhen input {width: 100%;}
        .yanzhen .btn {margin-top: 2rem; width: 100%; }
        .warningvalid {color: #dc3545; line-height: 30px;}
        input.form-control::-webkit-input-placeholder {color:#999}
        /* 编辑验证密码 */    
        .limit-oprate .disbtn {color: #969696;}
        .limitedit {justify-content: right;}
        .limitedit .btn {
            padding: 5px 20px;
            border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            -ms-border-radius: 0 !important;
            -o-border-radius: 0 !important;
        }
        .yztwopwsdmain {
            background: #fff;
            display: none;
            position: absolute;
            position: fixed; 
            background:rgba(0, 0, 0, 0.3); 
            z-index: 9999; 
            left: 0; 
            top: 0;
            right:0;
            bottom: 0;
           
        }
        .yztwopwsdmd {
            position: relative;
            /* position: absolute;
            left: 0;
            bottom: 0; */
            max-width: 400px;
            background-color: #fff;
            padding: 2% 0;
            margin: 10% auto;
        }
        .false-checkpassword {width: 100%; margin: 0 auto;}
        .false-checkpassword .yanzhen {width: 70%;}
        .checkbtnclose {position: absolute; right: 10px; top: 10px;}
    }
    .limitwarning {color: #d40000;}
    .guidangmodal .limitmodal-footer{padding: 2% 0; background-color: #fff;}
    /* 设置配置 */
    .specila_warning {
        padding-left: 15px;
    }
    /* 提示框 */
    .confirmmodal .confirmbottom {
        width: 90%;
        margin: 20px auto;
    }
    .confirm-specialrulemain {
        margin-bottom:30px ;
    }
    .confirm-specialrulemain p {
        text-align: center;
        font-size: 18px;
    }
    .confirm-specialrule-btn {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 50%;
        margin: auto;
    }
    @media (max-width:768px) {
        .setconfigmodal .inmodalheader {background-color: #043d77;}
        .setconfigmodal h4 {color: #fff; font: normal 20px "微软雅黑";}
        .modal-setconfig {width: 90%; margin: 1rem auto;}
        .modal-setconfig .settit {
            font-size: 20px; color: #333; 
            line-height: 40px; 
            background: url(../images/set.png)10px no-repeat; 
            padding-left: 40px;
            background-size: 25px;
        }
        .setconfigul {margin-top: 10px;}
        .setconfigli {margin-bottom: 15px;}
        .setconfigli span{font-size: 16px;}
        .setconfigli input[type="number"] {border: 1px solid #dedede; padding: 5px; width:65px;}
        .changetwocfig input[type="number"] {border: 1px solid #dedede; padding: 5px; width:65px;}
        .setconfigmodal .modal-footer {justify-content: center;}
        .setconfigmain { width: 100%; float: left; padding: 5px 0px 0 0;border-bottom: 1px dashed #dedede; border-right: none;}
        .setconfigli p {line-height: 40px; color: #666;}
        .setconfigure-scoll {height: auto;}
        .setconfigli input[type="checkbox"] {margin-top: 0.55rem;}
        .redwarning {font-size: 16px; line-height: 30px; color: #dc3545;}
        .setconfigdiv {display: inline-block;}
        .setconfigeduan {width: 100%;  padding: 5px 0 0 0px;}
        .setconfigedul {margin-top: 10px;}
        .gredwarning {font-size: 14px; color: #dc3545;}
        .moshuhj {line-height: 30px;}
        .moshuhj span {font-size: 14px;}
        .moshuhj .mshjnum {color: #2c8cfe; padding-right: 5px;}
        .configright {
            width: 100%;
            float: left;
            padding: 5px 15px 0 0;
        }
        .Value_system, .Value_dswangs{
            padding: 5px 0 0 0px;
        }
        .valsystemsettit, .valdswangssettit  {
            display: flex;
        }
        .setvalcheckbox {
            margin-left: 30px;
        }
        .valsystemsettit  input, .valdswangssettit input {
            font-size: 20px;
            margin-top: 10px;
        }
        .savesuccess {
            background: #fff;
            position: absolute;
            display: none;
            position: fixed; 
            background:rgba(0, 0, 0, 0.3); 
            z-index: 9999; 
            left: 0; 
            top: 0;
            right:0;
            bottom: 0;
        }
        .savesuccessmain {
            max-width: 100px;
            background-color: #000;
            opacity: 0.5;
            padding: 1% 0;
            margin: 10% auto;
        }
        .savesuccessmain p {text-align: center; color: #fff;}
        .savesuccessmain img {width: 40px; height: 40px; margin:auto}
    
        /* 特殊板配置 */
        .special_rules{ padding-left: 0px;}
        .special_settit {display: flex; align-items: center;}
        .special_rules_main {margin-left: 15px;}
    
        .modal-body.specialmodalbody {padding: 0 !important;}
        .modal_specialrules_page{
            width: 100%;
            height: 450px;
        }   
        .md-specialrulesmain {
            overflow: hidden;
            height: 100%;
        } 
        .specialrulesmain-left{
            width: 35%;
            height: 100%;
            float: left;
            border-right: 1px solid #dedede;
            /* background-color: #f9feff;
            background-color: #e7f7ff; */
            background-color: #f8f9fa;
        }
        .specialrulesmain-right {
            width: 65%;
            height: 100%;
            float: left;
        }
        .specialrule-tit {
            line-height: 40px;
            font-size: 14px;
            border-bottom: 1px solid #eee;
            padding:0 15px;
        }
        .specialrule-tit .specialrule-edit {
            float: right;
        }
        .specialrule_content {
            height: 410px;
        }
        .specialrule_content_top {
            width: 100%;
            height: 370px;
        }
        .specialrule_contentul {
            width: 100%;
            margin: 0 !important;
            height: 100%;
        }
        .specialruleul-scroll {
            overflow-y: auto;
        }
        .specialrule_contentul li{
            padding: 5px 5px 5px 15px;
            line-height: 30px;
            border-bottom: 1px dotted #eee;
            display: block;
            justify-content: space-between;
            cursor: pointer;
            overflow: hidden;
        }
        .specialrule_contentul li.active ,.mainrule-addinputli {
            background-color: #fff;
        }
    
        .add-specialrule-main i, .add-specialrule-main span {
            cursor: pointer;
        }
        .special_id {display: none;}
        .specialrule_contentul li .specialruleulli-left {
            width: 100%;
            display: flex;
        }
        li  .specialruleulli-right {
            width: 80%;
            float: left;
        }
        li .opthion {
            width: 15%;
            float: right;
        }
        .specialruleulli-left-left {
            display: block;
        }
        .specialruleulli-left-left i {display: none;}
        li .specialruleulli-left span {
            font-size: 18px;
        }
        li .specialruleulli-left input,.specialruleulli-left-left input {
            font-size: 14px;
            width: 88%;
            padding-left: 5px;
            border: 1px solid #eee;
            margin-right: 10px;
            margin-bottom:5px ;
        }
        li .specialruleulli-left i {padding-right: 5px;}
        .specialrule_contentul li .specialruleulli-btn {
            width: 40%;
        }
        li .specialruleulli-btn span {
            cursor: pointer;
            color: #0053a8;
        }
        .specialrule-fuid {
            display: none;
        }
        .fuchanthick {
            padding: 0 5px;
        }
        .specialruleulli-right {
            display: flex;
        }
        .specialruleulli-right .fcform-check {
            display: flex;
            align-items: center;
            margin: 0 5px;
        }
        .speicalchedw label {margin-left: 5px;}
        .deletespan i{font-size: 20px;}
        .add-specialrule {
            height: 40px;
            border-top: 1px dashed #eee;
        }
        .add-specialrule-main {
            line-height: 40px;
            padding: 0px;
        }
    }
    @media (min-width: 768px) {
        .setconfigmodal .inmodalheader {background-color: #043d77;}
        .setconfigmodal h4 {color: #fff; font: normal 20px "微软雅黑";}
        .modal-setconfig {width: 80%; margin: 1rem auto;}
        .modal-setconfig .settit {
            font-size: 20px; color: #333; 
            line-height: 40px; 
            background: url(../images/set.png)10px no-repeat; 
            padding-left: 40px;
            background-size: 25px;
        }
        .setconfigul {margin-top: 10px;}
        .setconfigli {margin-bottom: 15px;}
        .setconfigli span{font-size: 16px;}
        .setconfigli input[type="number"] {border: 1px solid #dedede; padding: 5px; width:65px;}
        .setcongeduanli input[name="geduanconfig"] {width: 75px !important;}
        .changetwocfig input[type="number"] {border: 1px solid #dedede; padding: 5px; width:65px;}
        .setconfigmodal .modal-footer {justify-content: center;}
        .setconfigmain { width: 100%; float: left; padding: 5px 0px 0 0;border-bottom: 1px dashed #dedede; border-right: none;}
        .setconfigli p {line-height: 40px; color: #666;}
        .setconfigure-scoll {height: auto;}
        .setconfigli input[type="checkbox"] {margin-top: 0.55rem;}
        .redwarning {font-size: 16px; line-height: 30px; color: #dc3545;}
        .setconfigdiv {display: inline-block;}
        .setconfigeduan {width: 100%; padding: 5px 0 0 0px;}
        .setconfigedul {margin-top: 10px;}
        .gredwarning {font-size: 14px; color: #dc3545;}
        .moshuhj {line-height: 30px;}
        .moshuhj span {font-size: 14px;}
        .moshuhj .mshjnum {color: #2c8cfe; padding-right: 5px;}
        .configright {
            width: 100%;
            float: left;
            padding: 5px 15px 0 0;
        }
        .Value_system , .Value_dswangs{
            padding: 5px 0 0 0px;
        }
        .valsystemsettit, .valdswangssettit  {
            display: flex;
        }
        .setvalcheckbox {
            margin-left: 30px;
        }
        .valsystemsettit  input, .valdswangssettit input {
            font-size: 20px;
            margin-top: 10px;
        }
        .savesuccess {
            background: #fff;
            position: absolute;
            display: none;
            position: fixed; 
            background:rgba(0, 0, 0, 0.3); 
            z-index: 9999; 
            left: 0; 
            top: 0;
            right:0;
            bottom: 0;
        }
        .savesuccessmain {
            max-width: 100px;
            background-color: #000;
            opacity: 0.5;
            padding: 1% 0;
            margin: 10% auto;
        }
        .savesuccessmain p {text-align: center; color: #fff;}
        .savesuccessmain img {width: 40px; height: 40px; margin:auto}
    }
    @media (min-width: 992px) {
        .setconfigmodal .inmodalheader {background-color: #043d77;}
        .setconfigmodal h4 {color: #fff; font: normal 20px "微软雅黑";}
        .modal-setconfig {width: 90%; margin: 1rem auto;}
        .modal-setconfig .settit {
            font-size: 20px; color: #333; 
            line-height: 40px; 
            background: url(../images/set.png)10px no-repeat; 
            padding-left: 40px;
            background-size: 25px;
        }
        .setconfigul {margin-top: 10px;}
        .setconfigli {margin-bottom: 15px;}
        .setconfigli span{font-size: 16px;}
        .setconfigli input[type="number"] {border: 1px solid #dedede; padding: 5px; width:65px;}
        .setcongeduanli input[name="geduanconfig"] {width: 75px !important;}
        .changetwocfig input[type="number"] {border: 1px solid #dedede; padding: 5px; width:65px;}
        .setconfigmodal .modal-footer {justify-content: center;}
        .setconfigmain { width: 50%; float: left; padding: 5px 15px 0 0;border-right: 1px dashed #dedede; border-bottom: none;}
        .setconfigli p {line-height: 40px; color: #666;}
        .setconfigure-scoll {height: auto;}
        .setconfigli input[type="checkbox"] {margin-top: 0.55rem;}
        .redwarning {font-size: 16px; line-height: 30px; color: #dc3545;}
        .setconfigdiv {display: inline-block;}
        .setconfigeduan {width: 100%; padding: 5px 0 0 15px;}
        .setconfigedul {margin-top: 10px;}
        .gredwarning {font-size: 14px; color: #dc3545;}
        .moshuhj {line-height: 30px;}
        .moshuhj span {font-size: 14px;}
        .moshuhj .mshjnum {color: #2c8cfe; padding-right: 5px;}
        .configright {
            width: 50%;
            float: left;
            padding: 5px 15px 0 0;
        }
        .Value_system, .Value_dswangs {
            padding: 5px 0 0 15px;
        }
        .valsystemsettit, .valdswangssettit  {
            display: flex;
        }
        .setvalcheckbox {
            margin-left: 30px;
        }
        .valsystemsettit  input, .valdswangssettit input {
            font-size: 20px;
            margin-top: 10px;
        }
        .savesuccess {
            background: #fff;
            position: absolute;
            display: none;
            position: fixed; 
            background:rgba(0, 0, 0, 0.3); 
            z-index: 9999; 
            left: 0; 
            top: 0;
            right:0;
            bottom: 0;
        }
        .savesuccessmain {
            max-width: 100px;
            background-color: #000;
            opacity: 0.5;
            padding: 1% 0;
            margin: 10% auto;
        }
        .savesuccessmain p {text-align: center; color: #fff;}
        .savesuccessmain img {width: 40px; height: 40px; margin:auto}
    
    }
    @media (min-width: 1200px) {
        .setconfigmodal .inmodalheader {background-color: #043d77;}
        .setconfigmodal h4 {color: #fff; font: normal 20px "微软雅黑";}
        .modal-setconfig {width: 90%; margin: 1rem auto; overflow: hidden;}
        .modal-setconfig .settit {
            font-size: 20px; color: #333; 
            line-height: 40px; 
            background: url(../images/set.png) 0px no-repeat; 
            padding-left: 40px;
            background-size: 25px;
        }
        .setconfigul {margin-top: 10px;}
        .setconfigli {margin-bottom: 15px;}
        .setconfigli span{font-size: 16px;}
        .setconfigli input[type="number"] {border: 1px solid #dedede; padding: 5px; width:65px;}
        .setcongeduanli input[name="geduanconfig"] {width: 75px !important;}
        .changetwocfig input[type="number"] {border: 1px solid #dedede; padding: 5px; width:65px;}
        .setconfigmodal .modal-footer {justify-content: center;}
        .setconfigmain { width: 50%; float: left; padding: 5px 15px 0 0;border-right: 1px dashed #dedede; border-bottom: none;}
        .setconfigli p {line-height: 40px; color: #666;}
        .setconfigure-scoll {height: auto;}
        .setconfigli input[type="checkbox"] {margin-top: 0.55rem;}
        .redwarning {font-size: 16px; line-height: 30px; color: #dc3545;}
        .setconfigdiv {display: inline-block;}
        .setconfigeduan {width: 100%; padding: 5px 0 0 15px;}
        .setconfigedul {margin-top: 10px;}
        .gredwarning {font-size: 14px; color: #dc3545;}
        .moshuhj {line-height: 30px;}
        .moshuhj span {font-size: 14px;}
        .moshuhj .mshjnum {color: #2c8cfe; padding-right: 5px;}
    
        .configright {
            width: 50%;
            float: left;
            padding: 5px 15px 0 0;
        }
        .Value_system, .Value_dswangs {
            padding: 5px 0 0 15px;
        }
        .valsystemsettit, .valdswangssettit {
            display: flex;
        }
        .setvalcheckbox {
            margin-left: 30px;
        }
        .valsystemsettit  input, .valdswangssettit input{
            font-size: 20px;
            margin-top: 10px;
        }
        .savesuccess {
            background: #fff;
            position: absolute;
            display: none;
            position: fixed; 
            background:rgba(0, 0, 0, 0.3); 
            z-index: 9999; 
            left: 0; 
            top: 0;
            right:0;
            bottom: 0;
        }
        .savesuccessmain {
            max-width: 100px;
            background-color: #000;
            opacity: 0.5;
            padding: 1% 0;
            margin: 10% auto;
        }
        .savesuccessmain p {text-align: center; color: #fff;}
        .savesuccessmain img {width: 40px; height: 40px; margin:auto}
        /* 特殊板配置 */
        .special_rules{ padding-left: 15px;}
        .special_settit {display: flex; align-items: center;}
        .special_rules_main {margin-left: 15px;}
    
        .modal-body.specialmodalbody {padding: 0 !important;}
        .modal_specialrules_page{
            width: 100%;
            height: 450px;
        }   
        .md-specialrulesmain {
            overflow: hidden;
            height: 100%;
        } 
        .specialrulesmain-left{
            width: 30%;
            height: 100%;
            float: left;
            border-right: 1px solid #dedede;
            /* background-color: #f9feff;
            background-color: #e7f7ff; */
            background-color: #f8f9fa;
        }
        .specialrulesmain-right {
            width: 70%;
            height: 100%;
            float: left;
        }
        .specialrule-tit {
            line-height: 40px;
            font-size: 18px;
            border-bottom: 1px solid #eee;
            padding:0 15px;
        }
        .specialrule-tit .specialrule-edit {
            float: right;
        }
        .specialrule_content {
            height: 410px;
        }
        .specialrule_content_top {
            width: 100%;
            height: 370px;
        }
        .specialrule_contentul {
            width: 100%;
            margin: 0 !important;
        }
        .specialruleul-scroll {
            overflow-y: auto;
        }
        .specialrule_contentul li{
            padding: 5px 5px 5px 15px;
            line-height: 30px;
            border-bottom: 1px dotted #eee;
            display: flex;
            justify-content: space-between;
            cursor: pointer;
        }
        .specialrule_contentul li.active ,.mainrule-addinputli {
            background-color: #fff;
        }
    
        .add-specialrule-main i, .add-specialrule-main span {
            cursor: pointer;
        }
        .special_id {display: none;}
        .specialrule_contentul li .specialruleulli-left {
            width: 55%;
            display: flex;
        }
        li  .specialruleulli-right {
            width: 30%;
        }
        li .opthion {
            width: 15%;
        }
        .specialruleulli-left-left {
            display: flex;
        }
        li .specialruleulli-left span {
            font-size: 18px;
        }
        li .specialruleulli-left input,.specialruleulli-left-left input {
            font-size: 14px;
            width: 48%;
            padding-left: 5px;
            border: 1px solid #eee;
            margin-right: 10px;
            margin-bottom:0px ;
        }
        li .specialruleulli-left i {padding-right: 5px;}
        .specialrule_contentul li .specialruleulli-btn {
            width: 40%;
        }
        li .specialruleulli-btn span {
            cursor: pointer;
            color: #0053a8;
        }
        .specialrule-fuid {
            display: none;
        }
        .fuchanthick {
            padding: 0 5px;
        }
        .specialruleulli-right {
            display: flex;
        }
        .specialruleulli-right .fcform-check {
            display: flex;
            align-items: center;
            margin: 0 5px;
        }
        .speicalchedw label {margin-left: 5px;}
        .deletespan i{font-size: 20px;}
        .add-specialrule {
            height: 40px;
            border-top: 1px dashed #eee;
        }
        .add-specialrule-main {
            line-height: 40px;
            padding: 0 15px;
        }
    
    }
    .lengdsw {
        padding-left: 3px;
        font-size: 12px;
    }
    .valdswangssettit .dswspaneie {
        font-size: 16px;
    }
    .qfdsw-special-tip {
        position: absolute;
        top: 10px;
        right: 20px;
    }
    .qfdsw-special-tip-span {
        line-height: 50px;
        color: #B83D3D;
    }
    
    /* 未注册首页 */
    @media (max-width: 576px) {
        .newwrapper {background-color: #fff;}
        .newwartop {background-color: #043d77; position: fixed; padding: 2% 0;}
        .newcontitle {overflow: hidden; width: 95%; margin: 0 auto;}
        .titleleft {width: 30%; float: left; margin-left: 0px;}
        .titleleft img {width: 100%;}
        .titleright {float: left; width: 50%;}
        .titleright img {width: 250px;}
        .indexlogin {display: none;}
        .indexlogin-mobile {
            display: flex;
            position: absolute; 
            line-height: 30px; 
            height: 30px;
            bottom:-30px; 
            left: 0;
            background: #fefcea;
            width: 100%;
            padding: 0 5px;
        }
        .indexlogin a,.indexlogin a:hover {text-decoration: none; color: #ee6a17;}
        .indexlogin-mobile i {font-size: 1.4rem; color: #ee6a17;}
        .indexlogin-mobilep {color: #ee6a17; padding: 0 5px;}
        .indexlogin-mobilep a {color: #ee6a17;}
        .newcontainer {background-color: #fff; width: 1010px; margin: 0 auto;}
        .formul {margin:26% auto 2%; width: 70%; }
        .new-formlist {overflow: hidden;}
        .formul li {margin-bottom: 1rem;}
    
        .newbtn {width: 100%; text-align: center; justify-content: center; }
        .newarning { background: url(/static/images/warning.png) 0px no-repeat; padding-left: 16px; color: #ff6257; line-height: 30px;}
        .newform-check {width: 50%; float: left;}
        .newpaidan {width: 80%; margin:2% auto 5%;}
    
        .formindex {margin-bottom: 5%;}
        .piti p {line-height: 30px}
        .newtipp {font-size: 15px; line-height: 30px;}
        .piti-lengtpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .piti-houpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .pitidiv {background-color: #f6f8fa; padding: 15px 10px; text-align: center;}
        .shjtit{ padding:2px 5px; background-color: #f3f3f3; line-height: 30px;  overflow: hidden; margin-top: 5px; border: 1px solid #eee;}
        .newnum {width: 5%; float: left;}  
        .newlength {width: 30%; float: left;}
        .newthick {width: 25%; float: left;}
        .newamount {width: 20%; float: left;}
        .newdsaw {width: 20%; float: left;}
        .new-Scheduling {overflow: hidden;}
        .new-Scheduozuo {overflow: hidden;}
        .newshujumain .newshuju {overflow: hidden; padding:5px 5px; border: 1px solid #eee;} 
        .newshuju li {line-height: 30px;}
        .newpitip img {width: 25px;}
        .pitiimg {display: inline-block; vertical-align: bottom;}
        .namespan {line-height: 30px; color: #666;}
        .newdingdduozuo .modaldzli {padding:0 5px !important}
        .newpdscheduling .schedu-1 {width: auto;
            height: auto;
            /* float: left; */
            padding: 15px 20px;
            display: inline-block;
            vertical-align: top;
        }
        .newfooter {background-color: #043d77; height: 100px;}
        .formpiti {margin-bottom: 10px;}
        .new-formlength {margin-bottom: 10px;}
        .new-formthickness {margin-bottom: 10px;}
        .new-formnum {margin-bottom: 10px;}
        .filerecord .indh3 {font-size: 1rem; padding: 15px 15px 0; display: flex;justify-content: space-between;}
        .filerecord .indh3 span {padding-left: 10px;}
        .quancheck lable { padding-left: 5px;}
        .histfanhui {cursor: pointer;}
    }
    @media (min-width: 576px) {
        .newwrapper {background-color: #fff;}
        .newwartop {background-color: #043d77; position: relative; padding: 2% 0;}
        .newcontitle {overflow: hidden; width: 95%; margin: 0 auto;}
        .titleleft {width: 11%; float: left; margin-left: 0px;}
        .titleleft img {width: 100%;}
        .titleright {float: left;}
        .titleright img {width: 250px;}
        .indexlogin {position: absolute; line-height: 30px; top: 5px; right: 15px; display: none;}
        .indexlogin-mobile {
            display: flex;
            position: absolute; 
            line-height: 30px; 
            height: 30px;
            bottom:-30px; 
            left: 0;
            background: #fefcea;
            width: 100%;
            padding: 0 5px;
        }
        .indexlogin a,.indexlogin a:hover {text-decoration: none; color: #fff;}
        .indexlogin-mobile i {font-size: 1.4rem; color: #ee6a17;}
        .indexlogin-mobilep {color: #ee6a17; padding: 0 5px;}
        .indexlogin-mobilep a {color: #ee6a17;}   
        .newcontainer {background-color: #fff; width: 1010px; margin: 0 auto;}
        .formul {margin:8% auto 2%; width: 70%; }
        .new-formlist {overflow: hidden;}
        .formul li {margin-bottom: 1rem;}
    
        .newbtn {width: 100%; text-align: center; justify-content: center; }
        .newarning { background: url(/static/images/warning.png) 0px no-repeat; padding-left: 16px; color: #ff6257; line-height: 30px;}
        .newform-check {width: 50%; float: left;}
        .newpaidan {width: 80%; margin:2% auto 5%;}
    
        .formindex {margin-bottom: 5%;}
        .piti p {line-height: 30px}
        .newtipp {font-size: 15px; line-height: 30px;}
        .piti-lengtpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .piti-houpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .pitidiv {background-color: #f6f8fa; padding: 15px 10px; text-align: center;}
        .shjtit{ padding:2px 5px; background-color: #f3f3f3; line-height: 30px;  overflow: hidden; margin-top: 5px; border: 1px solid #eee;}
        .newnum {width: 5%; float: left;}  
        .newlength {width: 30%; float: left;}
        .newthick {width: 25%; float: left;}
        .newamount {width: 20%; float: left;}
        .newdsaw {width: 20%; float: left;}
        .new-Scheduling {overflow: hidden;}
        .new-Scheduozuo {overflow: hidden;}
        .newshujumain .newshuju {overflow: hidden; padding:5px 5px; border: 1px solid #eee;} 
        .newshuju li {line-height: 30px;}
        .newpitip img {width: 25px;}
        .pitiimg {display: inline-block; vertical-align: bottom;}
        .namespan {line-height: 30px; color: #666;}
        .newdingdduozuo .modaldzli {padding:0 5px !important}
        .newpdscheduling .schedu-1 {width: auto;
            height: auto;
            /* float: left; */
            padding: 15px 20px;
            display: inline-block;
            vertical-align: top;
        }
        .newfooter {background-color: #043d77; height: 100px;}
        .formpiti {margin-bottom: 10px;}
        .new-formlength {margin-bottom: 10px;}
        .new-formthickness {margin-bottom: 10px;}
        .new-formnum {margin-bottom: 10px;}
        .filerecord .indh3 {font-size: 1rem; padding: 15px 15px 0;display: flex;justify-content: space-between;}
        .filerecord .indh3 span {padding-left: 5px;}
        .quancheck lable { padding-left: 5px;}
        .histfanhui {cursor: pointer;}
        .bluemodalfileul .filespecs {position: relative;}
        .bluemodalfileul .specsnum {
            position: absolute;
            left: -10px;
            top: -10px;
            height: 15px;
            width: auto;
            padding: 0 2px;
            background-color: #ccc;
            color: #fff;
            line-height: 15px;
        }
    }
    @media (min-width: 768px) {
        .newwrapper {background-color: #fff;}
        .newwartop {background-color: #043d77; position: relative; padding: 2% 0;}
        .newcontitle {overflow: hidden; width: 95%; margin: 0 auto;}
        .titleleft {width: 11%; float: left; margin-left: 0px;}
        .titleleft img {width: 100%;}
        .titleright {float: left;}
        .titleright img {width: 250px;}
        .indexlogin {position: absolute; line-height: 30px; top: 5px; right: 15px; display: block;}
        .indexlogin-mobile {display: none;}
        .indexlogin a,.indexlogin a:hover {text-decoration: none; color: #fff;}
    
        .newcontainer {background-color: #fff; width: 1010px; margin: 0 auto;}
        .formul {margin:2% auto; width: 70%; }
        .new-formlist {overflow: hidden;}
        .formul li {margin-bottom: 1rem;}
    
        .newbtn {width: 100%; text-align: center; justify-content: center; }
        .newarning { background: url(/static/images/warning.png) 0px no-repeat; padding-left: 16px; color: #ff6257; line-height: 30px;}
        .newform-check {width: 50%; float: left;}
        .newpaidan {width: 80%; margin:2% auto 5%;}
    
        .formindex {margin-bottom: 5%;}
        .piti p {line-height: 30px}
        .newtipp {font-size: 15px; line-height: 30px;}
        .piti-lengtpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .piti-houpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .pitidiv {background-color: #f6f8fa; padding: 15px 10px; text-align: center;}
        .shjtit{ padding:2px 5px; background-color: #f3f3f3; line-height: 30px;  overflow: hidden; margin-top: 5px; border: 1px solid #eee;}
        .newnum {width: 5%; float: left;}  
        .newlength {width: 30%; float: left;}
        .newthick {width: 25%; float: left;}
        .newamount {width: 20%; float: left;}
        .newdsaw {width: 20%; float: left;}
        .new-Scheduling {overflow: hidden;}
        .new-Scheduozuo {overflow: hidden;}
        .newshujumain .newshuju {overflow: hidden; padding:5px 5px; border: 1px solid #eee;} 
        .newshuju li {line-height: 30px;}
        .newpitip img {width: 25px;}
        .pitiimg {display: inline-block; vertical-align: bottom;}
        .namespan {line-height: 30px; color: #666;}
        .newdingdduozuo .modaldzli {padding:0 5px !important}
        .newpdscheduling .schedu-1 {width: auto;
            height: auto;
            /* float: left; */
            padding: 15px 20px;
            display: inline-block;
            vertical-align: top;
        }
        .newfooter {background-color: #043d77; height: 100px;}
        .formpiti {margin-bottom: 0px;}
        .new-formlength {margin-bottom: 0px;}
        .new-formthickness {margin-bottom: 0px;}
        .new-formnum {margin-bottom: 0px;}
        .filerecord .indh3 {font-size: 1rem; padding: 15px 15px 0;display: flex;justify-content: space-between;}
        .filerecord .indh3 span {padding-left: 5px;}
        .quancheck lable { padding-left: 5px;}
        .histfanhui {cursor: pointer;}
        .bluemodalfileul .filespecs {position: relative;}
        .bluemodalfileul .specsnum {
            position: absolute;
            left: -10px;
            top: -20px;
            height: 15px;
            width: auto;
            padding: 0 2px;
            background-color: #ccc;
            color: #fff;
            line-height: 15px;
        }
    }
    @media (min-width: 992px) {
        .newwrapper {background-color: #fff;}
        .newwartop {background-color: #043d77; position: relative; padding: 2% 0;}
        .newcontitle {overflow: hidden; width: 95%; margin: 0 auto;}
        .titleleft {width: 11%; float: left; margin-left: 0px;}
        .titleleft img {width: 100%;}
        .titleright {float: left;}
        .titleright img {width: 250px;}
        .indexlogin {position: absolute; line-height: 30px; top: 5px; right: 15px; display: block;}
        .indexlogin-mobile {display: none;}
        .indexlogin a,.indexlogin a:hover {text-decoration: none; color: #fff;}
    
        .newcontainer {background-color: #fff; width: 1010px; margin: 0 auto;}
        .formul {margin:2% auto; width: 70%; }
        .new-formlist {overflow: hidden;}
        .formul li {margin-bottom: 1rem;}
    
        .newbtn {width: 100%; text-align: center; justify-content: center; }
        .newarning { background: url(/static/images/warning.png) 0px no-repeat; padding-left: 16px; color: #ff6257; line-height: 30px;}
        .newform-check {width: 50%; float: left;}
        .newpaidan {width: 80%; margin:2% auto 5%;}
    
        .formindex {margin-bottom: 5%;}
        .piti p {line-height: 30px}
        .newtipp {font-size: 15px; line-height: 30px;}
        .piti-lengtpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .piti-houpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .pitidiv {background-color: #f6f8fa; padding: 15px 10px; text-align: center;}
        .shjtit{ padding:2px 5px; background-color: #f3f3f3; line-height: 30px;  overflow: hidden; margin-top: 5px; border: 1px solid #eee;}
        .newnum {width: 5%; float: left;}  
        .newlength {width: 30%; float: left;}
        .newthick {width: 25%; float: left;}
        .newamount {width: 20%; float: left;}
        .newdsaw {width: 20%; float: left;}
        .new-Scheduling {overflow: hidden;}
        .new-Scheduozuo {overflow: hidden;}
        .newshujumain .newshuju {overflow: hidden; padding:5px 5px; border: 1px solid #eee;} 
        .newshuju li {line-height: 30px;}
        .newpitip img {width: 25px;}
        .pitiimg {display: inline-block; vertical-align: bottom;}
        .namespan {line-height: 30px; color: #666;}
        .newdingdduozuo .modaldzli {padding:0 5px !important}
        .newpdscheduling .schedu-1 {width: auto;
            height: auto;
            /* float: left; */
            padding: 15px 20px;
            display: inline-block;
            vertical-align: top;
        }
        .newfooter {background-color: #043d77; height: 100px;}
        .formpiti {margin-bottom: 0px;}
        .new-formlength {margin-bottom: 0px;}
        .new-formthickness {margin-bottom: 0px;}
        .new-formnum {margin-bottom: 0px;}
        .filerecord .indh3 {font-size: 1rem; padding: 15px 15px 0;display: flex;justify-content: space-between;}
        .filerecord .indh3 span {padding-left: 5px;}
        .quancheck lable { padding-left: 5px;}
        .histfanhui {cursor: pointer;}
        .bluemodalfileul .filespecs {position: relative;}
        .bluemodalfileul .specsnum {
            position: absolute;
            left: -10px;
            top: -10px;
            height: 15px;
            width: auto;
            padding: 0 2px;
            background-color: #ccc;
            color: #fff;
            line-height: 15px;
        }
    }
    @media (min-width: 1200px) {
        .newwrapper {background-color: #fff;}
        .newwartop {background-color: #043d77; position: relative; padding: 2% 0;}
        .newcontitle {overflow: hidden; width: 95%; margin: 0 auto;}
        .titleleft {width: 11%; float: left; margin-left: 0px;}
        .titleleft img {width: 100%;}
        .titleright {float: left;}
        .titleright img {width: 250px;}
        .indexlogin {position: absolute; line-height: 30px; top: 5px; right: 15px; display: block;}
        .indexlogin-mobile {display: none;}
        .indexlogin a,.indexlogin a:hover {text-decoration: none; color: #fff;}
        
        .newcontainer {background-color: #fff; width: 1010px; margin: 0 auto;}
        .formul {margin:2% auto; width: 70%; }
        .new-formlist {overflow: hidden;}
        .formul li {margin-bottom: 1rem;}
        
        .newbtn {width: 100%; text-align: center; justify-content: center; }
        .newarning { background: url(/static/images/warning.png) 0px no-repeat; padding-left: 16px; color: #ff6257; line-height: 30px;}
        .newform-check {width: 50%; float: left;}
        .newpaidan {width: 80%; margin:2% auto 5%;}
        
        .formindex {margin-bottom: 5%;}
        .piti p {line-height: 30px}
        .newtipp {font-size: 15px; line-height: 30px;}
        .piti-lengtpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .piti-houpt {font-size: 20px; font-weight: bold; line-height: 30px; color: #0051a2;}
        .pitidiv {background-color: #f6f8fa; padding: 15px 10px; text-align: center;}
        .shjtit{ padding:2px 5px; background-color: #f3f3f3; line-height: 30px;  overflow: hidden; margin-top: 5px; border: 1px solid #eee;}
        .newnum {width: 5%; float: left;}  
        .newlength {width: 30%; float: left;}
        .newthick {width: 25%; float: left;}
        .newamount {width: 20%; float: left;}
        .newdsaw {width: 20%; float: left;}
        .new-Scheduling {overflow: hidden;}
        .new-Scheduozuo {overflow: hidden;}
        .newshujumain .newshuju {overflow: hidden; padding:5px 5px; border: 1px solid #eee;} 
        .newshuju li {line-height: 30px;}
        .newpitip img {width: 25px;}
        .pitiimg {display: inline-block; vertical-align: bottom;}
        .namespan {line-height: 30px; color: #666;}
        .newdingdduozuo .modaldzli {padding:0 5px !important}
        .newpdscheduling .schedu-1 {width: auto;
            height: auto;
            /* float: left; */
            padding: 15px 20px;
            display: inline-block;
            vertical-align: top;
        }
        .newfooter {background-color: #043d77; height: 100px;}
        .formpiti {margin-bottom: 0px;}
        .new-formlength {margin-bottom: 0px;}
        .new-formthickness {margin-bottom: 0px;}
        .new-formnum {margin-bottom: 0px;}
        .filerecord .indh3 {
            font-size: 1rem; padding: 15px 15px 0;
            display: flex;
            justify-content: space-between;
        }
        .filerecord .indh3 span {padding-left: 5px;}
        .quancheck lable { padding-left: 5px;}
        .histfanhui {cursor: pointer;}
        .bluemodalfileul .filespecs {position: relative;}
        .bluemodalfileul .specsnum {
            position:static;
            left: 0px;
            top: 0px;
            height: 15px;
            width: auto;
            padding: 0 2px;
            background-color: #fff;
            color: #777;
            line-height: unset;
        }
        .bluemodalfileul .spchang {padding-left: 5px;}
    }
    
    .filerecord .indh3  .iconfont{font-size: 1.3rem;}
    
    /* 历史排单 */
    @media (max-width: 576px) {
        .mhislist-head {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: none;
        }
        .hislimg {width: 20%;  text-align: left;}
        .hislprotime {width: 100%; }
        .hislcreatetime {width: 100%; }
        .hisldetails {width: 50%; text-align: right;}
        .hislitmainul li {overflow: hidden; border-bottom: 1px solid #dedede; position: relative; padding: 10px 0;}
        .hislitmainul .lihislimg i{font-size: 3em; line-height: 1em;}
        .hislitmainul .lihislprotime {line-height: 30px;}
        .hislitmainul .lihislcreatetime {line-height: 30px;}
        .hislitmainul .lihisldetails {
            line-height: 1em; 
            cursor: pointer; 
            color: #2c8cfe; 
            position: absolute;
            right: 0;
            top: 15px;
        }
        .hislprotimet {display: inline-block;}
        .hislcreatetimet {display: inline-block;}
        .histranmitime {font-size: 12px; padding-left: 15px;}
        .historymodal .modal-footer {
            justify-content: center;
            position: relative;
        }
         /* 历史排单PDF搜索 */
         .mhsearchtitle {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: none;}
        .searchlimg {width: 20%; text-align: left;}
        .searchguige {width: 100%; float: left;}    
        .searchyzname {width: 100%; float: left;}
        .searchprotime{width: 100%; display: flex;}
        .searchcreatetime{width: 100%; display: flex;  }
        .searchdetails { }
        .mainsearchul li{overflow: hidden; border-bottom: 1px solid #dedede; position: relative;padding: 0;}
        .mainsearchul li .lisearchlimg i{font-size: 3em; line-height: 1.6em;}
        .lisearchguige {line-height: 2rem; display: flex;}
        .lisearchguige span {line-height: 2rem;}
        .lisearchguige .searchdsw {padding: 0 5px;}
        .lisearchyzname {line-height: 2rem;}
        .lisearchprotime {line-height: 2rem;}
        .lisearchcreatetime{line-height: 2rem;}
        .lisearchdetails {line-height: 2rem;}
        .searchprotimet {display: block;}
        .searchprotimet {display: block;}
        .lisearchdetails {
            line-height: 1em; 
            cursor: pointer; 
            color: #2c8cfe; 
            position: absolute;
            right: 0;
            top: 30px;
        }
        .lspdlength-gdsearch{
            position: relative;
        }
        .length-panel {
            position: absolute;
            top: 36px;
            left: 5px;
            z-index: 100;
            width: 96%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .length-paborder{
            float: left;
            width: 100%;
            height: 208px;
            overflow-y: scroll;
        }
        .length-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .length-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .length-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
        .length-paboul>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:active{
            background: #dc3545;
            color: #ffffff;
        }
            /* 历史操作 */
             .mpast-title {background-color: #f9f9f9; padding: 5px 5px 5px 0.5rem; overflow: hidden; display: none;}
        .modal-pastlist {margin-top: 15px}
        .recordclass {width: 100%; float: left; display: flex;}
        .recordguige {width: 100%; float: left; display: flex;}
        .recordnum {width: 100%; float: left; text-align: center; display: flex;}
        .recordcont {width: 100%; float: left; padding: 0px; display: flex;}
        .recordtime {width: 100%; float: left; display: flex;}
        .recordname {width: 100%; float: left; display: flex;}
        .phoneshow {display: block; text-align: left; width: 25%; justify-content: space-around; padding-right:5px}
        .mpast-content ul li {overflow: hidden; line-height: 40px; border-bottom: 1px solid #dedede; padding: 3px 0;}
        .pastmodal-search{display: flex; flex-wrap:wrap;}
        .yz-pastsearch{width: 100%; display: flex; line-height: 35px; margin-bottom: 10px;}
        .yz-pastsearchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: 80%;}
        .yz-pastsearchform input {padding:0 15px;}

        .operator-pastsearch {width: 100%; display: flex; line-height: 35px; margin-bottom: 10px;}
        .operator-searchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: 80%;}
        .operator-searchform input {padding: 0 15px;}
        .pastsearchbtn {
            position: absolute;
            top: 0;
            right: 0;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .pastsearchbtn i {font-size: 1.5rem;}
        .caotime-pastsearch {width:100%; margin-bottom: 10px;}
        .caotime-pastsearch .table {display:contents; line-height: 35px;}
        .caotime-pastsearch .table i.icon-sousuo {padding:0 !important}
        .datepastul {display: flex; border: 1px solid #ddd; height: 35px; position: relative; padding: 0 5px;}
        .datepastul span {display: inline-block; width:40% }
        .datepastul input{ padding: 0 10px !important; width:100%}
        .datepastul i.bi-calendar2-week {font-size: 1em;}
        .Bpastre-cont {display: flex;}
        .pastre-cont em {padding:0 5px}
        .reconameys {padding-right: 5px; font-size: 15px; color: #333;}
        .recoguigeys { color: #666; font-size: 0.8rem;}
        .Hrecont {display: flex;}
        .Hrecont p {display: flex;}
        .Brecont_newyz {display: inline-block; width: 80px; height: 40px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;padding-left: 5px; }
       .typeopration {
            width: 100%;
            margin-bottom: 0px;
        }
        .typeopration-main {
            border: 1px solid #dedede;
            position: relative;
            padding: 2px;
        }
        .typeopration-main .iconfont {
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            width: 100%;
            text-align: right;
        }
        .typeporetioninput {
            line-height: 30px;
            padding-left: 10px;
            width: 100%;
        }
        .typeoprationdiv {
            position: absolute;
            top: 33px;
            left: -1px;
            background: #fff;
            width: 100%;
            border: 1px solid #dedede;
            box-sizing: initial;
            max-height: 250px;
            overflow-y: auto;
        }
        .typeoprationdiv li {
            line-height: 30px;
            padding-left: 15px;
            cursor: pointer;
        }
        .typeoprationdiv li:nth-child(odd){
            background-color: #eef7ff;
        }
        .typeoprationdiv li:hover {
            background: #043d77;
            color: #fff;
        }
        .searchname {
            font-size: 13px;
            width: 20%;
        }
        .timespan {
            width: 45%;
        }
        .typeopration .form-select {
            line-height: 25px;
        }
            .pastmodal .modal-pastfooter {justify-content: center;}
            .rb_bottom,.rb_bottom .fy_y,.rb_bottom .pnbtn,.rb_bottom .previous,.rb_bottom .next {
                display:flex;
                justify-content:center;
                align-items:center;
            }
            .fy_y {
                width:24px;
                height:24px;
                box-sizing:border-box;
                background:#fff;
                border:1px solid #7baaa0;
                border-radius:50%;
                color:#4f4f4f;
                font-size:14px;
                font-weight:500;
                margin-right:12px;
                cursor:pointer;
            }
            .fy_d {
                width:8px;
                height:8px;
                border-radius:50%;
                background:#fff;
                margin-right:12px;
            }
            .selected {
                background:#164c86;
                color:#fff;
                border:0;
            }
            .pnbtn,.previous,.next {
                width:62px;
                height:31px;
                box-sizing:border-box;
                border:2px solid #ddd;
                border-radius:10px;
                font-weight:500;
                font-size:14px;
                cursor:pointer;
                color:#333;
                background-color: #fff;
            }
            .previous {
                margin:0 2px;
            }
            .recordguige .rec_dsw {padding-right: 5px;}
            .recordnum .rec_num {text-align: center;}
            .record_content {display: flex;}
            .rec_who {display: flex; width:100%;}        
            .rec_who p {width:23% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            .rec_who  p.rec_yzname1 {width:31% ; display: flex; }
            .rec_yzname1  .name1span {width:70% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            .recordcont .recontspan {
                font-size: 0.7rem;
                color: #666;
                padding-left: 5px;
        
            }
            .rec_yzname1 img{
                width: 30px;
                height: 30px;
                transform: rotate(90deg);
            }
        /* 质检控制台 */
        .mqualitylist-head {
            width: 100%;
            height: 40px;
            display: none;
        }
        .modalzhijianli {padding: 15px 0;}
        .zhijiansubmitime {width: 100%;}
        .zhijian-guige {width: 100%; }
        .zhijian-yzname .zhijianspan-right {
            overflow: hidden;
            height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
    
        }
        .zhijian-num {width: 100%; text-align: left;}
        .zhijian-time {width: 100%;}
        .zhijian-allku {width: 50%; float: left; text-align: center;}
        .zhijian-xiubu {width: 50%; float: left;  text-align: center;}
        .zhijian-caozuo{width: 50%; float: left;  text-align: center;}
        .qualitylist-mainul {padding:10px 15px !important;}
        .btn.caozuobtn {
            font-size: 14px;
            font-weight: normal;
            border: 1px solid #e7f7ff;
            /* background-color: #e7f7ff; */
            /* background-color: #0d6efd; */
            background-color: #e7f7ff;
            color: #0053a8;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .btn.caozuobtn:hover{
            background-color:#0053a8;
            color: #fff;
        }
        .qualityxiubu .btn.qualityxiububtn {
            width: 90%;
            background-color:#0053a8;
            color: #fff;
        }
        input.zhijianamount::-webkit-input-placeholder { /* WebKit, Blink, Edge */   font-size: 10px; color: #999;}
    
        input.zhijianamount:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 10px;  color: #999;}
    
        input.zhijianamount::-moz-placeholder { /* Mozilla Firefox 19+ */   font-size: 10px;  color: #999;}
    
        input.zhijianamount:-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 10px; color: #999; }
        .zhijianamount {
            border: 1px solid #ddd;
            width: 90%; 
            margin: 0 auto;
            line-height: 30px;
            padding: 2px 10px;
        }
        input.zhijianamount::-webkit-outer-spin-button, input.zhijianamount::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
        }
        .modal-header.qualityheader {
            padding:5px 10px 0 !important; 
            border-bottom:2px solid #0051a2;
            background-color: #0051a2;
        }
        .modal-title .nav-tabs {
            border-bottom:none !important
        }
        .nav-quality li a {
            position: relative;
            color: #fff;
            font-size: 16px;
            padding: 0.5rem 0.5rem !important;
        }
        .nav-quality li .nav-link.active {
            border: 2px solid #0053a8;
            border-bottom: 2px solid #fff;
            margin-bottom: -2px;
    
            background-color: #fff;
            color: #0051a2;
        }
        .nav-quality li .nav-link:hover, .nav-quality li .nav-link:focus{
            background-color: #fff;
            color: #0051a2;
        }
        .tipconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1100;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
        }
        .tipconfirm-modalcontent {
            max-width: 450px;
            margin: 45% auto;
            background-color: #fff;
            height: auto;
            z-index: 1200;
            padding-bottom: 15px;
        }
        .tipconfirm-main {
            width: 100%;
            background-color: #fff;
        }
        .tip-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        
        .tip-head h4 {
            width: 95%;
            text-align: center;
            color: #333;
        }
        .tip-content {
            width: 90%;
            margin: 5px auto;
            padding: 15px;
        }
        .quality-content {line-height: 30px;}
        .tip-content-left {
            display: inline-block;
            width: 20%;
            text-align: right;
        }
        .tip-bottom {
            display: flex;
            justify-content:space-around;
            width: 50%;
            margin: auto;
        }
        .tip-bottom .btn {
            border: 1px solid #ddd;
            padding: 5px 20px;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
        .tip-bottom .btn-confirm{
            background-color: #0051a2;
            color: #fff;
        }
        .tip-bottom .btn-cancel{
            background-color: #fff;
            color: #333;
        }
        .zhijiandiv {display: flex; justify-content: space-around;}
        .zhijianspan-left {display:inline-block; width: 25%; text-align: right;}
        .zhijianspan-right {display: inline-block; width: 70%; padding-left: 5px;}
    
        .qualityheader .modal-title {width: 100%;}
    
        .guidangreturngoodstop, .guidangreturngoodsbottom,.guidangreturnPlaceOrder,.guidangreturnMoney{ display: flex; justify-content:left; width: 65%; margin: auto; margin-bottom: 15px;}
        .guidangreturngoodstop span,.guidangreturngoodsbottom span {line-height: 30px;}
        .returntitspan { display: inline-block; width: 25%; padding-right:15px; text-align: right;}
        .returngoodsp input { border:1px solid #dedede; padding: 5px 5px; width: 100%;}
        .returngoodsp {display: inline-block; width: 55%;}
        .returngoodsname {width: 55%; }
        .PlaceOrder-p ,.returnMoney-p {margin-left: 25%;}
        .tip-head.tipguidang-head,.tip-head.dltipguidang-head {
            background-color: #eaeff5;
            width: 100%;
            padding: 15px 15px 0;
        }
    
        /* 库内报损 */
        .nav-quality .nav-item {
            width: 33.3%;
            float: left;
        }
        .frmlossxuan {clear: both; width: 100%; padding:0 15px;}
        .frmlossmain {
           width: 100%; 
           float: left; 
           z-index: 1;
           border: 1px solid #ddd; 
           /* background-image: url(/static/images/qrm-arrow-down.png); */
           background-position: 98%;
           background-repeat: no-repeat;
           margin:5px 15px 15px 0;
           position: relative;
        }    
        .frmlossinputborder {height: 40px; position: relative;}
        .frmlossinputborder input {
            height: 39px;
            width: 90%;
            padding:5px 15px;
            outline: none;
            border: none;
        }
        .frmsearchin {position: absolute; right: 0; top: 0; width: 40px; height: 40px;}
        .frmsearchin img {width: 25px; height: 25px; margin: 10px auto;}
        .frmloss-panel{
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #0051a2;
            background: #ffffff;
            box-sizing: content-box;
        }
        .frmloss-paborder{
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .frmloss-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .frmloss-paboul span {cursor: pointer;}
        .frmloss-paboul>li{
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
    
        }
        .frmloss-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
    
        .frmloss-lev1>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmloss-lev2>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmlossguige {
            width: 100%;
            float: left;
        }
        .frmlossamount {
            width: 100%;
            margin: 5px 0;
            float: left;
            
        }
        .frmlossamountmain{
            border: 1px solid #ddd;
        }
        .frmlossamountmain input{
            height: 40px;
            padding: 5px 15px;
        }
        .frmloss-baosun {
            width: 100%;
            float: left;
            margin: 5px 0 30px;
        }
        .frmloss-baosun .frmloss-select {
            width: 100%;
            height: 40px;
            border-color: #ddd;
        }
        input[name="formlossnum"]::-webkit-outer-spin-button,
        input[name="formlossnum"]::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        }
        .frmloss-submit {
            width: 100%;
            margin: 35px 0 5px;
            clear: both;
            text-align: center;
        }
        .frmloss-submit button {
            width: 100%;
        }
        .frmlosstitle span{
            line-height: 30px;
            font-size: 18px;
            font-family: "Microsoft Yahei", 微软雅黑, 黑体, SimHei, Arial, sans-serif;
            font-weight: 600;
        }
        .frmloss-shujumain {
            clear: both;
            width: 100%;
            padding: 15px;
        }
        .frmloss-sjli {
            width: 100%;
            clear: both;
            padding: 8px 15px;
            background-color: #f7fafe;
            overflow: hidden;
            margin-top: 2px;
            border-radius: 5px;
        }
        .frmloss-sjguig {
            width: 100%;
            float: left;
            overflow: hidden;
            border-right: 1px solid #ddd;
            border-bottom: none;
        }
        .frmloss-sjp {
            width: 75%;
            float: left;
        }
        .frmloss-sjp span {
            font-size: 14px;
            line-height: 30px;
        }
        .frmloss-nummain {
            width: 25%;
            float: left;
        }
        .frmloss-nummain span {
            font-size: 18px;
            color: #FF780D;
            line-height: 30px;
        }
        .allfrmloss-name {
            width: 100%;
            float: left;
            overflow: hidden;
            display: flex;
            justify-content: center;
        }
        .oldfrmloss-name {width: 50%;}
        .namesvg { width: 20%;}
        .namesvg img {
            width: 30px;
            height: 30px;
            transform: rotate(90deg);
        }
        .newfrmloss-name {width: 30%;}
        /* 成品率查看展示 */
        .productionyield {
            width: auto;
            overflow: hidden;
        }
        .productionyieldmain {
            overflow: hidden;
        }
        .production_yield_left {
            width: 100%;
            float: left;
            padding: 0;
        }
        .production_yield_left_head, .production_yield_right_head{
            width: 100%;
            overflow: hidden;
            display: flex;
            justify-content: space-around;
            background-color: #efefef;
            padding: 5px 0;
            text-align: center;
        }
        .yield_left_date { width: 23%;}
        .yield_left_total{ width: 20%;}
        .yield_left_repair{ width: 20%;}
        .yield_left_Bban{width: 13%;}
        .yield_left_totalloss{width: 10%;}
        .yield_left_yieldrate{width: 14%;  text-align: left;}
    
        .yield_leftmain_date span{font-size: 12px;}
    
        .production_yield_left_main {
            overflow: hidden;
        }
        .production_yield_left_main li {
            display:flex;
            text-align: center;
            line-height: 40px;
            /* border-bottom: 1px solid #f5f7f9; */
        }
        .production_yield_left_main li:nth-of-type(odd){
            background: #fff;
        }
        .production_yield_left_main li:nth-of-type(even){
            background: #f5f7f9;
        }
        .production_yield_right {
            width: 100%;
            float: right;
            padding: 0;
            border-top: 1px dashed #ddd;
            border-left: 0px dashed #ddd;
        }
        .production_yield_right_head {display: none;}
        .yield_right-tit {
            display: block;
            width:25%; 
            text-align: right;
            color: #666;
        }
        .yield_right_time {width: 100%; display: flex;}
        .yield_right_guige {width: 100%; display: flex;}
        .yield_right_yzname{width: 100%; overflow: hidden; display: flex;}
        .yield_rightmain_yzname {text-overflow: ellipsis; height: 40px; white-space:nowrap;}
        .yield_right_number{width: 100%; display: flex;}
        .yield_right_type {width: 100%; display: flex;}
        .production_yield_right_main li {
            display: block;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #f5f7f9;
        }
        /* 报表下载控制台 */
        .Reportmainul {
            width: 100%;
            overflow: hidden;
        }
        .Reportmainul .reportli {
            width: 50%;
            float: left;
            text-align: center;
            margin: 5px 0;
        }
        .Reportmainul .reportli a {
            display: inline-block;
            border: 1px solid #0051a2;
            padding: 10px 15px;
            width: 60%;
            text-decoration: none;
        }
        .Report-tiptop p {
            font-size:14px ;
            color: #666;
            line-height: 30px;
            text-align: center;
        }
        .Report-tiptop .Report-tip-phone {
            font-size: 24px;
            color: #333;
        }
        .Report-tip-bottom {
            padding: 15px 0;
            text-align: center;
        }
        .Report-tip-code {
            border: 1px solid #ddd;
            padding: 8px 5px;
            width: 100%;
            margin: 5px auto;
        }
        .Report-tip-code #check_phone_Code {
            border-right: 1px solid #dedede;
        }
        .Report-tip-code #check_phonecode_send{
            background-color: #fff;
        }
        .trim_invalid {
            border-right: 1px solid #dedede;
        }
        .trim-get-codesms {
            background-color: #fff;
        }
    
    }
    @media (min-width: 576px) {
        .mhislist-head {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;
        }
        .hislimg {width: 15%; float: left; text-align: center;}
        .hislprotime {width: 30%; float: left;}
        .hislcreatetime {width: 40%; float: left;}
        .hisldetails {width: 15%; float: left; }
        .hislitmainul li {overflow: hidden; border-bottom: 1px solid #dedede; position: static;padding: 0;}
        .hislitmainul .lihislimg i{font-size: 3em; line-height: 2em;}
        .hislitmainul .lihislprotime {line-height: 5rem;}
        .hislitmainul .lihislcreatetime {line-height: 5rem;}
        .hislitmainul .lihisldetails {line-height: 5rem; cursor: pointer; color: #2c8cfe;  position: static;}
        .hislprotimet {display: none;}
        .hislcreatetimet {display: none;}
        .histranmitime {font-size: 12px; padding-left: 15px;}
        .historymodal .modal-footer {
            justify-content: center;
            position: relative;
        }
         /* 历史排单PDF搜索 */
         .mhsearchtitle {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: none;}
        .searchlimg {width: 20%; text-align: left;}
        .searchguige {width: 100%; float: left;}    
        .searchyzname {width: 100%; float: left;}
        .searchprotime{width: 100%; display: flex;}
        .searchcreatetime{width: 100%; display: flex;  }
        .searchdetails { }
        .mainsearchul li{overflow: hidden; border-bottom: 1px solid #dedede; position: relative;padding: 0;}
        .mainsearchul li .lisearchlimg i{font-size: 3em; line-height: 1.6em;}
        .lisearchguige {line-height: 2rem; display: flex;}
        .lisearchguige span {line-height: 2rem;}
        .lisearchguige .searchdsw {padding: 0 5px;}
        .lisearchyzname {line-height: 2rem;}
        .lisearchprotime {line-height: 2rem;}
        .lisearchcreatetime{line-height: 2rem;}
        .lisearchdetails {line-height: 2rem;}
        .searchprotimet {display: block;}
        .searchprotimet {display: block;}
        .lisearchdetails {
            line-height: 1em; 
            cursor: pointer; 
            color: #2c8cfe; 
            position: absolute;
            right: 0;
            top: 30px;
        }
        .lspdlength-gdsearch{
            position: relative;
        }
        .length-panel {
            position: absolute;
            top: 36px;
            left: 5px;
            z-index: 100;
            width: 96%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .length-paborder{
            float: left;
            width: 100%;
            height: 208px;
            overflow-y: scroll;
        }
        .length-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .length-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .length-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
        .length-paboul>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:active{
            background: #dc3545;
            color: #ffffff;
        }
            /* 历史操作 */
             .mpast-title {background-color: #f9f9f9; padding: 5px 5px 5px 0.5rem; overflow: hidden; display: none;}
        .recordclass {width: 100%; float: left; display: flex;}
        .recordguige {width: 100%; float: left; display: flex;}
        .recordnum {width: 100%; float: left; text-align: center; display: flex;}
        .recordcont {width: 100%; float: left; padding: 0px; display: flex;}
        .recordtime {width: 100%; float: left; display: flex;}
        .recordname {width: 100%; float: left; display: flex;}
        .phoneshow {display: block; text-align: left; width: 25%; justify-content: space-around; padding-right:5px}
        .mpast-content ul li {overflow: hidden; line-height: 40px; border-bottom: 1px solid #dedede; padding: 3px 0;}
        .pastmodal-search{display: flex; flex-wrap:wrap;}
        .yz-pastsearch{width: 100%; display: flex; line-height: 35px; margin-bottom: 10px;}
        .yz-pastsearchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: 80%;}
        .yz-pastsearchform input {padding:0 15px;}

        .operator-pastsearch {width: 100%; display: flex; line-height: 35px; margin-bottom: 10px;}
        .operator-searchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: 80%;}
        .operator-searchform input {padding: 0 15px;}
        .pastsearchbtn {
            position: absolute;
            top: 0;
            right: 0;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .pastsearchbtn i {font-size: 1.5rem;}
        .caotime-pastsearch {width:100%; margin-bottom: 10px;}
        .caotime-pastsearch .table {display: flex; line-height: 35px;}
        .caotime-pastsearch .table i.icon-sousuo {padding:0 !important}
        .datepastul {display: flex; border: 1px solid #ddd; height: 35px; position: relative; padding: 0 5px;}
        .datepastul input{ padding: 0 10px !important;}
        .datepastul i.bi-calendar2-week {font-size: 1em;}
        .Bpastre-cont {display: flex;}
        .pastre-cont em {padding:0 5px}
        .reconameys {padding-right: 5px; font-size: 15px; color: #333;}
        .recoguigeys { color: #666; font-size: 0.8rem;}
        .Hrecont {display: flex;}
        .Hrecont p {display: flex;}
        .Brecont_newyz {display: inline-block; width: 80px; height: 40px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;padding-left: 5px; }

        .typeopration {
            width: 100%;
            margin-bottom: 0px;
        }
        .typeopration-main {
            border: 1px solid #dedede;
            position: relative;
            padding: 2px;
        }
        .typeopration-main .iconfont {
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            width: 100%;
            text-align: right;
        }
        .typeporetioninput {
            line-height: 30px;
            padding-left: 10px;
            width: 100%;
        }
        .typeoprationdiv {
            position: absolute;
            top: 33px;
            left: -1px;
            background: #fff;
            width: 100%;
            border: 1px solid #dedede;
            box-sizing: initial;
            max-height: 250px;
            overflow-y: auto;
        }
        .typeoprationdiv li {
            line-height: 30px;
            padding-left: 15px;
            cursor: pointer;
        }
        .typeoprationdiv li:nth-child(odd){
            background-color: #eef7ff;
        }
        .typeoprationdiv li:hover {
            background: #043d77;
            color: #fff;
        }
        .searchname {
            font-size: 13px;
            width: 20%;
        }
        .timespan {
            width: 45%;
        }
        .typeopration .form-select {
            line-height: 25px;
        }
            .pastmodal .modal-pastfooter {justify-content: center;}
            .rb_bottom,.rb_bottom .fy_y,.rb_bottom .pnbtn,.rb_bottom .previous,.rb_bottom .next {
                display:flex;
                justify-content:center;
                align-items:center;
            }
            .fy_y {
                width:24px;
                height:24px;
                box-sizing:border-box;
                background:#fff;
                border:1px solid #7baaa0;
                border-radius:50%;
                color:#4f4f4f;
                font-size:14px;
                font-weight:500;
                margin-right:12px;
                cursor:pointer;
            }
            .fy_d {
                width:8px;
                height:8px;
                border-radius:50%;
                background:#fff;
                margin-right:12px;
            }
            .selected {
                background:#164c86;
                color:#fff;
                border:0;
            }
            .pnbtn,.previous,.next {
                width:62px;
                height:31px;
                box-sizing:border-box;
                border:2px solid #ddd;
                border-radius:10px;
                font-weight:500;
                font-size:14px;
                cursor:pointer;
                color:#333;
                background-color: #fff;
            }
            .previous {
                margin:0 2px;
            }
            .recordguige .rec_dsw {padding-right: 5px;}
            .recordnum .rec_num {text-align: center;}
            .record_content {display: flex;}
            .rec_who {display: flex; width:100%;}        
            .rec_who p {width:23% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            .rec_who  p.rec_yzname1 {width:31% ; display: flex; }
            .rec_yzname1  .name1span {width:70% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            .recordcont .recontspan {
                font-size: 0.7rem;
                color: #666;
                padding-left: 5px;
        
            }
            .rec_yzname1 img{
                width: 30px;
                height: 30px;
                transform: rotate(90deg);
            }
        /* 质检控制台 */
        .mqualitylist-head {
            width: 100%;
            height: 40px;
            display: none;
        }
        .modalzhijianli {padding: 15px 0;}
        .zhijiansubmitime {width: 100%;}
        .zhijian-guige {width: 100%; }
        .zhijian-yzname .zhijianspan-right{
            overflow: hidden;
            height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
    
        }
        .zhijian-num {width: 100%; text-align: left;}
        .zhijian-time {width: 100%;}
        .zhijian-allku {width: 25%; float: left; text-align: center;}
        .zhijian-xiubu {width: 25%; float: left;  text-align: center;}
        .zhijian-caozuo{width: 25%; float: left;  text-align: center;}
        .qualitylist-mainul {padding:10px 15px !important;}
        .btn.caozuobtn {
            font-size: 14px;
            font-weight: normal;
            border: 1px solid #e7f7ff;
            /* background-color: #e7f7ff; */
            /* background-color: #0d6efd; */
            background-color: #e7f7ff;
            color: #0053a8;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .btn.caozuobtn:hover{
            background-color:#0053a8;
            color: #fff;
        }
        .qualityxiubu .btn.qualityxiububtn {
            width: 90%;
            background-color:#0053a8;
            color: #fff;
        }
        input.zhijianamount::-webkit-input-placeholder { /* WebKit, Blink, Edge */   font-size: 10px; color: #999;}
    
        input.zhijianamount:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 10px;  color: #999;}
    
        input.zhijianamount::-moz-placeholder { /* Mozilla Firefox 19+ */   font-size: 10px;  color: #999;}
    
        input.zhijianamount:-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 10px; color: #999; }
        .zhijianamount {
            border: 1px solid #ddd;
            width: 90%; 
            margin: 0 auto;
            line-height: 30px;
            padding: 2px 10px;
        }
        input.zhijianamount::-webkit-outer-spin-button, input.zhijianamount::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
        }
        .modal-header.qualityheader {
            padding:5px 10px 0 !important; 
            border-bottom:2px solid #0051a2;
            background-color: #0051a2;
        }
        .modal-title .nav-tabs {
            border-bottom:none !important
        }
        .nav-quality li a {
            position: relative;
            color: #fff;
            font-size: 16px;
        }
        .nav-quality li .nav-link.active {
            border: 2px solid #0053a8;
            border-bottom: 2px solid #fff;
            margin-bottom: -2px;
            background-color: #fff;
            color: #0051a2;
        }
        .nav-quality li .nav-link:hover, .nav-quality li .nav-link:focus{
            background-color: #fff;
            color: #0051a2;
        }
        .tipconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1100;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
        }
        .tipconfirm-modalcontent {
            max-width: 450px;
            margin: 45% auto;
            background-color: #fff;
            height: auto;
            z-index: 1200;
            padding-bottom: 15px;
        }
        .tipconfirm-main {
            width: 100%;
            background-color: #fff;
        }
        .tip-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .tip-head h4 {
            width: 95%;
            text-align: center;
            color: #333;
        }
        .tip-content {
            width: 90%;
            margin: 5px auto;
            padding: 15px;
        }
        .quality-content {line-height: 30px;}
        .tip-content-left {
            display: inline-block;
            width: 20%;
            text-align: right;
        }
        .tip-bottom {
            display: flex;
            justify-content:space-around;
            width: 50%;
            margin: auto;
        }
        .tip-bottom .btn {
            border: 1px solid #ddd;
            padding: 5px 20px;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
        .tip-bottom .btn-confirm{
            background-color: #0051a2;
            color: #fff;
        }
        .tip-bottom .btn-cancel{
            background-color: #fff;
            color: #333;
        }
        .zhijiandiv {display: flex; justify-content: space-around;}
        .zhijianspan-left {display:inline-block; width: 15%; text-align: right;}
        .zhijianspan-right {display: inline-block; width: 80%; padding-left: 5px;}
    
        .guidangreturngoodstop, .guidangreturngoodsbottom,.guidangreturnPlaceOrder,.guidangreturnMoney{ display: flex; justify-content:left; width: 65%; margin: auto; margin-bottom: 15px;}
        .guidangreturngoodstop span,.guidangreturngoodsbottom span {line-height: 30px;}
        .returntitspan { display: inline-block; width: 25%; padding-right:15px; text-align: right;}
        .returngoodsp input { border:1px solid #dedede; padding: 5px 5px; width: 100%;}
        .returngoodsp {display: inline-block; width: 55%;}
        .returngoodsname {width: 55%; }
        .PlaceOrder-p,.returnMoney-p  {margin-left: 25%;}
        .tip-head.tipguidang-head,.tip-head.dltipguidang-head {
            background-color: #eaeff5;
            width: 100%;
            padding: 15px 15px 0;
        }
        /* 库内报损 */
        .frmlossxuan {clear: both; width: 100%; padding:0 15px;}
        .frmlossmain {
           width: 100%; 
           float: left; 
           z-index: 1;
           border: 1px solid #ddd; 
           /* background-image: url(/static/images/qrm-arrow-down.png); */
           background-position: 98%;
           background-repeat: no-repeat;
           margin:5px 15px 15px 0;
           position: relative;
        }    
        .frmlossinputborder {height: 40px; position: relative;}
        .frmlossinputborder input {
            height: 39px;
            width: 90%;
            padding:5px 15px;
            outline: none;
            border: none;
        }
        .frmsearchin {position: absolute; right: 0; top: 0; width: 40px; height: 40px;}
        .frmsearchin img {width: 25px; height: 25px; margin: 10px auto;}
        .frmloss-panel{
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #0051a2;
            background: #ffffff;
            box-sizing: content-box;
        }
        .frmloss-paborder{
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .frmloss-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .frmloss-paboul span {cursor: pointer;}
        .frmloss-paboul>li{
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
    
        }
        .frmloss-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
    
        .frmloss-lev1>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmloss-lev2>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmlossguige {
            width: 100%;
            float: left;
        }
        .frmlossamount {
            width: 100%;
            margin: 5px 0;
            float: left;
            
        }
        .frmlossamountmain{
            border: 1px solid #ddd;
        }
        .frmlossamountmain input{
            height: 40px;
            padding: 5px 15px;
        }
        .frmloss-baosun {
            width: 100%;
            float: left;
            margin: 5px 0 30px;
        }
        .frmloss-baosun .frmloss-select {
            width: 100%;
            height: 40px;
            border-color: #ddd;
        }
        input[name="formlossnum"]::-webkit-outer-spin-button,
        input[name="formlossnum"]::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        }
        .frmloss-submit {
            width: 100%;
            margin: 35px 0 5px;
            clear: both;
            text-align: center;
        }
        .frmloss-submit button {
            width: 100%;
        }
        .frmlosstitle span{
            line-height: 30px;
            font-size: 18px;
            font-family: "Microsoft Yahei", 微软雅黑, 黑体, SimHei, Arial, sans-serif;
            font-weight: 600;
        }
        .frmloss-shujumain {
            clear: both;
            width: 100%;
            padding: 15px;
        }
        .frmloss-sjli {
            width: 100%;
            clear: both;
            padding: 8px 15px;
            background-color: #f7fafe;
            overflow: hidden;
            margin-top: 2px;
            border-radius: 5px;
        }
        .frmloss-sjguig {
            width: 100%;
            float: left;
            overflow: hidden;
            border-right: 1px solid #ddd;
            border-bottom: none;
        }
        .frmloss-sjp {
            width: 75%;
            float: left;
        }
        .frmloss-sjp span {
            font-size: 14px;
            line-height: 30px;
        }
        .frmloss-nummain {
            width: 25%;
            float: left;
        }
        .frmloss-nummain span {
            font-size: 18px;
            color: #FF780D;
            line-height: 30px;
        }
        .allfrmloss-name {
            width: 100%;
            float: left;
            overflow: hidden;
            display: flex;
            justify-content: center;
        }
        .oldfrmloss-name {width: 50%;}
        .namesvg { width: 20%;}
        .namesvg img {
            width: 30px;
            height: 30px;
            transform: rotate(90deg);
        }
        .newfrmloss-name {width: 30%;}
        /* 成品率查看展示 */
        .productionyield {
            width: auto;
            overflow: hidden;
        }
        .productionyieldmain {
            overflow: hidden;
        }
        .production_yield_left {
            width: 100%;
            float: left;
            padding: 0;
        }
        .production_yield_left_head, .production_yield_right_head{
            width: 100%;
            overflow: hidden;
            display: flex;
            justify-content: space-around;
            background-color: #efefef;
            padding: 5px 0;
            text-align: center;
        }
        .yield_left_date { width: 23%;}
        .yield_left_total{ width: 20%;}
        .yield_left_repair{ width: 20%;}
        .yield_left_Bban{width: 13%;}
        .yield_left_totalloss{width: 10%;}
        .yield_left_yieldrate{width: 14%;  text-align: left;}
    
        .yield_leftmain_date span{font-size: 12px;}
    
        .production_yield_left_main {
            overflow: hidden;
        }
        .production_yield_left_main li {
            display:flex;
            text-align: center;
            line-height: 40px;
            /* border-bottom: 1px solid #f5f7f9; */
        }
        .production_yield_left_main li:nth-of-type(odd){
            background: #fff;
        }
        .production_yield_left_main li:nth-of-type(even){
            background: #f5f7f9;
        }
        .production_yield_right {
            width: 100%;
            float: right;
            padding: 0;
            border-top: 1px dashed #ddd;
            border-left: 0px dashed #ddd;
        }
        .production_yield_right_head {display: none;}
        .yield_right-tit {
            display: block;
            width:25%; 
            text-align: right;
            color: #666;
        }
        .yield_right_time {width: 100%; display: flex;}
        .yield_right_guige {width: 100%; display: flex;}
        .yield_right_yzname{width: 100%; overflow: hidden; display: flex;}
        .yield_rightmain_yzname {text-overflow: ellipsis; height: 40px; white-space:nowrap;}
        .yield_right_number{width: 100%; display: flex;}
        .yield_right_type {width: 100%; display: flex;}
        .production_yield_right_main li {
            display: block;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #f5f7f9;
        }
        /* 报表下载控制台 */
        .Reportmainul {
            width: 100%;
            overflow: hidden;
        }
        .Reportmainul .reportli {
            width: 50%;
            float: left;
            text-align: center;
            margin: 5px 0;
        }
        .Reportmainul .reportli a {
            display: inline-block;
            border: 1px solid #0051a2;
            padding: 10px 15px;
            width: 60%;
            text-decoration: none;
        }
        .Report-tiptop p {
            font-size:14px ;
            color: #666;
            line-height: 30px;
            text-align: center;
        }
        .Report-tiptop .Report-tip-phone {
            font-size: 24px;
            color: #333;
        }
        .Report-tip-bottom {
            padding: 15px 0;
            text-align: center;
        }
        .Report-tip-code {
            border: 1px solid #ddd;
            padding: 8px 5px;
            width: 70%;
            margin: 5px auto;
        }
        .Report-tip-code #check_phone_Code {
            border-right: 1px solid #dedede;
        }
        .Report-tip-code #check_phonecode_send{
            background-color: #fff;
        }
        .trim_invalid {
            border-right: 1px solid #dedede;
        }
        .trim-get-codesms {
            background-color: #fff;
        }
    
    }
    @media (min-width: 768px) {
        .mhislist-head {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;
        }
        .hislimg {width: 15%; float: left; text-align: center;}
        .hislprotime {width: 30%; float: left;}
        .hislcreatetime {width: 40%; float: left;}
        .hisldetails {width: 15%; float: left; }
        .hislitmainul li {overflow: hidden; border-bottom: 1px solid #dedede; position: static;padding: 0;}
        .hislitmainul .lihislimg i{font-size: 3em; line-height: 2em;}
        .hislitmainul .lihislprotime {line-height: 5rem;}
        .hislitmainul .lihislcreatetime {line-height: 5rem;}
        .hislitmainul .lihisldetails {line-height: 5rem; cursor: pointer; color: #2c8cfe;  position: static;}
        .hislprotimet {display: none;}
        .hislcreatetimet {display: none;}
        .histranmitime {font-size: 12px; padding-left: 15px;}
        .historymodal .modal-footer {
            justify-content: center;
            position: relative;
        }
        /* 历史排单PDF搜索 */
        .mhsearchtitle {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: none;}
        .searchlimg {width: 20%; text-align: left;}
        .searchguige {width: 100%; float: left;}    
        .searchyzname {width: 100%; float: left;}
        .searchprotime{width: 100%; display: flex;}
        .searchcreatetime{width: 100%; display: flex;  }
        .searchdetails { }
        .mainsearchul li{overflow: hidden; border-bottom: 1px solid #dedede; position: relative;padding: 0;}
        .mainsearchul li .lisearchlimg i{font-size: 3em; line-height: 1.6em;}
        .lisearchguige {line-height: 2rem; display: flex;}
        .lisearchguige span {line-height: 2rem;}
        .lisearchguige .searchdsw {padding: 0 5px;}
        .lisearchyzname {line-height: 2rem;}
        .lisearchprotime {line-height: 2rem;}
        .lisearchcreatetime{line-height: 2rem;}
        .lisearchdetails {line-height: 2rem;}
        .searchprotimet {display: block;}
        .searchprotimet {display: block;}
        .lisearchdetails {
            line-height: 1em; 
            cursor: pointer; 
            color: #2c8cfe; 
            position: absolute;
            right: 0;
            top: 30px;
        }
        .lspdlength-gdsearch{
            position: relative;
        }
        .length-panel {
            position: absolute;
            top: 36px;
            left: 5px;
            z-index: 100;
            width: 96%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .length-paborder{
            float: left;
            width: 100%;
            height: 208px;
            overflow-y: scroll;
        }
        .length-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .length-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .length-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
        .length-paboul>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:active{
            background: #dc3545;
            color: #ffffff;
        }
            /* 历史操作 */
             .mpast-title {background-color: #f9f9f9; padding: 5px 5px 5px 0.5rem; overflow: hidden; display: none;}
        .recordclass {width: 100%; float: left; display: flex;}
        .recordguige {width: 100%; float: left; display: flex;}
        .recordnum {width: 100%; float: left; text-align: center; display: flex;}
        .recordcont {width: 100%; float: left; padding: 0px; display: flex;}
        .recordtime {width: 100%; float: left; display: flex;}
        .recordname {width: 100%; float: left; display: flex;}
        .phoneshow {display: block; text-align: left; width: 25%; justify-content: space-around; padding-right:5px}
        .mpast-content ul li {overflow: hidden; line-height: 40px; border-bottom: 1px solid #dedede; padding: 3px 0;}
        .pastmodal-search{display: flex; flex-wrap:wrap;}
        .yz-pastsearch{width: 100%; display: flex; line-height: 35px; margin-bottom: 10px;}
        .yz-pastsearchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: 80%;}
        .yz-pastsearchform input {padding:0 15px;}

        .operator-pastsearch {width: 100%; display: flex; line-height: 35px; margin-bottom: 10px;}
        .operator-searchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: 80%;}
        .operator-searchform input {padding: 0 15px;}
        .pastsearchbtn {
            position: absolute;
            top: 0;
            right: 0;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .pastsearchbtn i {font-size: 1.5rem;}
        .caotime-pastsearch {width:100%; margin-bottom: 10px;}
        .caotime-pastsearch .table {display: flex; line-height: 35px;}
        .caotime-pastsearch .table i.icon-sousuo {padding:0 !important}
        .datepastul {display: flex; border: 1px solid #ddd; height: 35px; position: relative; padding: 0 5px;}
        .datepastul input{ padding: 0 10px !important;}
        .datepastul i.bi-calendar2-week {font-size: 1em;}
        .Bpastre-cont {display: flex;}
        .pastre-cont em {padding:0 5px}
        .reconameys {padding-right: 5px; font-size: 15px; color: #333;}
        .recoguigeys { color: #666; font-size: 0.8rem;}
        .Hrecont {display: flex;}
        .Hrecont p {display: flex;}
        .Brecont_newyz {display: inline-block; width: 80px; height: 40px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;padding-left: 5px; }

        .typeopration {
            width: 100%;
            margin-bottom: 0px;
        }
        .typeopration-main {
            border: 1px solid #dedede;
            position: relative;
            padding: 2px;
        }
        .typeopration-main .iconfont {
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            width: 100%;
            text-align: right;
        }
        .typeporetioninput {
            line-height: 30px;
            padding-left: 10px;
            width: 100%;
        }
        .typeoprationdiv {
            position: absolute;
            top: 33px;
            left: -1px;
            background: #fff;
            width: 100%;
            border: 1px solid #dedede;
            box-sizing: initial;
            max-height: 250px;
            overflow-y: auto;
        }
        .typeoprationdiv li {
            line-height: 30px;
            padding-left: 15px;
            cursor: pointer;
        }
        .typeoprationdiv li:nth-child(odd){
            background-color: #eef7ff;
        }
        .typeoprationdiv li:hover {
            background: #043d77;
            color: #fff;
        }
        .searchname {
            font-size: 13px;
            width: 20%;
        }
        .timespan {
            width: 45%;
        }
        .typeopration .form-select {
            line-height: 25px;
        }
            .pastmodal .modal-pastfooter {justify-content: center;}
            .rb_bottom,.rb_bottom .fy_y,.rb_bottom .pnbtn,.rb_bottom .previous,.rb_bottom .next {
                display:flex;
                justify-content:center;
                align-items:center;
            }
            .fy_y {
                width:24px;
                height:24px;
                box-sizing:border-box;
                background:#fff;
                border:1px solid #7baaa0;
                border-radius:50%;
                color:#4f4f4f;
                font-size:14px;
                font-weight:500;
                margin-right:12px;
                cursor:pointer;
            }
            .fy_d {
                width:8px;
                height:8px;
                border-radius:50%;
                background:#fff;
                margin-right:12px;
            }
            .selected {
                background:#164c86;
                color:#fff;
                border:0;
            }
            .pnbtn,.previous,.next {
                width:62px;
                height:31px;
                box-sizing:border-box;
                border:2px solid #ddd;
                border-radius:10px;
                font-weight:500;
                font-size:14px;
                cursor:pointer;
                color:#333;
                background-color: #fff;
            }
            .previous {
                margin:0 2px;
            }
            .recordguige .rec_dsw {padding-right: 5px;}
            .recordnum .rec_num {text-align: center;}
            .record_content {display: flex;}
            .rec_who {display: flex; width:100%;}        
            .rec_who p {width:23% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            .rec_who  p.rec_yzname1 {width:31% ; display: flex; }
            .rec_yzname1  .name1span {width:70% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            .recordcont .recontspan {
                font-size: 0.7rem;
                color: #666;
                padding-left: 5px;
        
            }
            .rec_yzname1 img{
                width: 30px;
                height: 30px;
                transform: rotate(90deg);
            }
        /* 质检控制台 */
        .mqualitylist-head {
            width: 100%;
            height: 40px;
            display: none;
        }
        .modalzhijianli {padding: 15px 0;}
        .zhijiansubmitime {width: 100%;}
        .zhijian-guige {width: 100%; }
        .zhijian-yzname .zhijianspan-right{
            overflow: hidden;
            height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
    
        }
        .zhijian-num {width: 100%; text-align: left;}
        .zhijian-time {width: 100%;}
        .zhijian-allku {width: 25%; float: left; text-align: center;}
        .zhijian-xiubu {width: 25%; float: left;  text-align: center;}
        .zhijian-caozuo{width: 25%; float: left;  text-align: center;}
        .qualitylist-mainul {padding:10px 15px !important;}
        .btn.caozuobtn {
            font-size: 14px;
            font-weight: normal;
            border: 1px solid #e7f7ff;
            /* background-color: #e7f7ff; */
            /* background-color: #0d6efd; */
            background-color: #e7f7ff;
            color: #0053a8;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .btn.caozuobtn:hover{
            background-color:#0053a8;
            color: #fff;
        }
        .qualityxiubu .btn.qualityxiububtn {
            width: 90%;
            background-color:#0053a8;
            color: #fff;
        }
        input.zhijianamount::-webkit-input-placeholder { /* WebKit, Blink, Edge */   font-size: 10px; color: #999;}
    
        input.zhijianamount:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 10px;  color: #999;}
    
        input.zhijianamount::-moz-placeholder { /* Mozilla Firefox 19+ */   font-size: 10px;  color: #999;}
    
        input.zhijianamount:-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 10px; color: #999; }
        .zhijianamount {
            border: 1px solid #ddd;
            width: 90%; 
            margin: 0 auto;
            line-height: 30px;
            padding: 2px 10px;
        }
        input.zhijianamount::-webkit-outer-spin-button, input.zhijianamount::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
        }
        .modal-header.qualityheader {
            padding:5px 10px 0 !important; 
            border-bottom:2px solid #0051a2;
            background-color: #0051a2;
        }
        .modal-title .nav-tabs {
            border-bottom:none !important
        }
        .nav-quality li a {
            position: relative;
            color: #fff;
            font-size: 16px;
        }
        .nav-quality li .nav-link.active {
            border: 2px solid #0053a8;
            border-bottom: 2px solid #fff;
            margin-bottom: -2px;
            background-color: #fff;
            color: #0051a2;
        }
        .nav-quality li .nav-link:hover, .nav-quality li .nav-link:focus{
            background-color: #fff;
            color: #0051a2;
        }
        .tipconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1100;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
        }
        .tipconfirm-modalcontent {
            max-width: 450px;
            margin: 45% auto;
            background-color: #fff;
            height: auto;
            z-index: 1200;
            padding-bottom: 15px;
        }
        .tipconfirm-main {
            width: 100%;
            background-color: #fff;
        }
        .tip-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .tip-head h4 {
            width: 95%;
            text-align: center;
            color: #333;
        }
        .tip-content {
            width: 90%;
            margin: 5px auto;
            padding: 15px;
        }
        .quality-content {line-height: 30px;}
        .tip-content-left {
            display: inline-block;
            width: 20%;
            text-align: right;
        }
        .tip-bottom {
            display: flex;
            justify-content:space-around;
            width: 50%;
            margin: auto;
        }
        .tip-bottom .btn {
            border: 1px solid #ddd;
            padding: 5px 20px;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
        .tip-bottom .btn-confirm{
            background-color: #0051a2;
            color: #fff;
        }
        .tip-bottom .btn-cancel{
            background-color: #fff;
            color: #333;
        }
        .zhijiandiv {display: flex; justify-content: space-around;}
        .zhijianspan-left {display:inline-block; width: 15%; text-align: right;}
        .zhijianspan-right {display: inline-block; width: 80%; padding-left: 5px;}
    
        .guidangreturngoodstop, .guidangreturngoodsbottom,.guidangreturnPlaceOrder,.guidangreturnMoney{ display: flex; justify-content:left; width: 65%; margin: auto; margin-bottom: 15px;}
        .guidangreturngoodstop span,.guidangreturngoodsbottom span {line-height: 30px;}
        .returntitspan { display: inline-block; width: 25%; padding-right:15px; text-align: right;}
        .returngoodsp input { border:1px solid #dedede; padding: 5px 5px; width: 100%;}
        .returngoodsp {display: inline-block; width: 55%;}
        .returngoodsname {width: 55%; }
        .PlaceOrder-p ,.returnMoney-p {margin-left: 25%;}
        .tip-head.tipguidang-head,.tip-head.dltipguidang-head {
            background-color: #eaeff5;
            width: 100%;
            padding: 15px 15px 0;
        }
        /* 库内报损 */
        .frmlossxuan {clear: both; width: 100%; padding:0 15px;}
        .frmlossmain {
           width: 100%; 
           float: left; 
           z-index: 1;
           border: 1px solid #ddd; 
           /* background-image: url(/static/images/qrm-arrow-down.png); */
           background-position: 98%;
           background-repeat: no-repeat;
           margin:5px 15px 15px 0;
           position: relative;
        }    
        .frmlossinputborder {height: 40px; position: relative;}
        .frmlossinputborder input {
            height: 39px;
            width: 90%;
            padding:5px 15px;
            outline: none;
            border: none;
        }
        .frmsearchin {position: absolute; right: 0; top: 0; width: 40px; height: 40px;}
        .frmsearchin img {width: 25px; height: 25px; margin: 10px auto;}
        .frmloss-panel{
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #0051a2;
            background: #ffffff;
            box-sizing: content-box;
        }
        .frmloss-paborder{
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .frmloss-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .frmloss-paboul span {cursor: pointer;}
        .frmloss-paboul>li{
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
    
        }
        .frmloss-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
    
        .frmloss-lev1>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmloss-lev2>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmlossguige {
            width: 100%;
            float: left;
        }
        .frmlossamount {
            width: 100%;
            margin: 5px 0;
            float: left;
            
        }
        .frmlossamountmain{
            border: 1px solid #ddd;
        }
        .frmlossamountmain input{
            height: 40px;
            padding: 5px 15px;
        }
        .frmloss-baosun {
            width: 100%;
            float: left;
            margin: 5px 0 30px;
        }
        .frmloss-baosun .frmloss-select {
            width: 100%;
            height: 40px;
            border-color: #ddd;
        }
        input[name="formlossnum"]::-webkit-outer-spin-button,
        input[name="formlossnum"]::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        }
        .frmloss-submit {
            width: 100%;
            margin: 35px 0 5px;
            clear: both;
            text-align: center;
        }
        .frmloss-submit button {
            width: 100%;
        }
        .frmlosstitle span{
            line-height: 30px;
            font-size: 18px;
            font-family: "Microsoft Yahei", 微软雅黑, 黑体, SimHei, Arial, sans-serif;
            font-weight: 600;
        }
        .frmloss-shujumain {
            clear: both;
            width: 100%;
            padding: 15px;
        }
        .frmloss-sjli {
            width: 100%;
            clear: both;
            padding: 8px 15px;
            background-color: #f7fafe;
            overflow: hidden;
            margin-top: 2px;
            border-radius: 5px;
        }
        .frmloss-sjguig {
            width: 100%;
            float: left;
            overflow: hidden;
            border-right: 1px solid #ddd;
            border-bottom: none;
        }
        .frmloss-sjp {
            width: 75%;
            float: left;
        }
        .frmloss-sjp span {
            font-size: 14px;
            line-height: 30px;
        }
        .frmloss-nummain {
            width: 25%;
            float: left;
        }
        .frmloss-nummain span {
            font-size: 18px;
            color: #FF780D;
            line-height: 30px;
        }
        .allfrmloss-name {
            width: 100%;
            float: left;
            overflow: hidden;
            display: flex;
            justify-content: center;
        }
        .oldfrmloss-name {width: 50%;}
        .namesvg { width: 20%;}
        .namesvg img {
            width: 30px;
            height: 30px;
            transform: rotate(90deg);
        }
        .newfrmloss-name {width:30%;}
    
        /* 成品率查看展示 */
        .productionyield {
            width: auto;
            overflow: hidden;
        }
        .productionyieldmain {
            overflow: hidden;
        }
        .production_yield_left {
            width: 100%;
            float: left;
            padding: 0;
        }
        .production_yield_left_head, .production_yield_right_head{
            width: 100%;
            overflow: hidden;
            display: flex;
            justify-content: space-around;
            background-color: #efefef;
            padding: 5px 0;
            text-align: center;
        }
        .yield_left_date { width: 23%;}
        .yield_left_total{ width: 20%;}
        .yield_left_repair{ width: 20%;}
        .yield_left_Bban{width: 13%;}
        .yield_left_totalloss{width: 10%;}
        .yield_left_yieldrate{width: 14%;  text-align: left;}
    
        .yield_leftmain_date span{font-size: 12px;}
    
        .production_yield_left_main {
            overflow: hidden;
        }
        .production_yield_left_main li {
            display:flex;
            text-align: center;
            line-height: 40px;
            /* border-bottom: 1px solid #f5f7f9; */
        }
        .production_yield_left_main li:nth-of-type(odd){
            background: #fff;
        }
        .production_yield_left_main li:nth-of-type(even){
            background: #f5f7f9;
        }
        .production_yield_right {
            width: 100%;
            float: right;
            padding: 0;
            border-top: 1px dashed #ddd;
            border-left: 0px dashed #ddd;
        }
        .production_yield_right_head {display: none;}
        .yield_right-tit {
            display: block;
            width:25%; 
            text-align: right;
            color: #666;
        }
        .yield_right_time {width: 100%; display: flex;}
        .yield_right_guige {width: 100%; display: flex;}
        .yield_right_yzname{width: 100%; overflow: hidden; display: flex;}
        .yield_rightmain_yzname {text-overflow: ellipsis; height: 40px; white-space:nowrap;}
        .yield_right_number{width: 100%; display: flex;}
        .yield_right_type {width: 100%; display: flex;}
        .production_yield_right_main li {
            display: block;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #f5f7f9;
        }
        /* 报表下载控制台 */
        .Reportmainul {
            width: 100%;
            overflow: hidden;
        }
        .Reportmainul .reportli {
            width: 50%;
            float: left;
            text-align: center;
            margin: 5px 0;
        }
        .Reportmainul .reportli a {
            display: inline-block;
            border: 1px solid #0051a2;
            padding: 10px 15px;
            width: 60%;
            text-decoration: none;
        }
        .Report-tiptop p {
            font-size:14px ;
            color: #666;
            line-height: 30px;
            text-align: center;
        }
        .Report-tiptop .Report-tip-phone {
            font-size: 24px;
            color: #333;
        }
        .Report-tip-bottom {
            padding: 15px 0;
            text-align: center;
        }
        .Report-tip-code {
            border: 1px solid #ddd;
            padding: 8px 5px;
            width: 70%;
            margin: 5px auto;
        }
        .Report-tip-code #check_phone_Code {
            border-right: 1px solid #dedede;
        }
        .Report-tip-code #check_phonecode_send{
            background-color: #fff;
        }
        .trim_invalid {
            border-right: 1px solid #dedede;
        }
        .trim-get-codesms {
            background-color: #fff;
        }
    
    }
    @media (min-width: 962px) {
        .mhislist-head {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;
        }
        .hislimg {width: 15%; float: left; text-align: center;}
        .hislprotime {width: 30%; float: left;}
        .hislcreatetime {width: 40%; float: left;}
        .hisldetails {width: 15%; float: left;}
        .hislitmainul li {overflow: hidden; border-bottom: 1px solid #dedede; position: static;padding: 0;}
        .hislitmainul .lihislimg i{font-size: 3em; line-height: 2em;}
        .hislitmainul .lihislprotime {line-height: 5rem;}
        .hislitmainul .lihislcreatetime {line-height: 5rem;}
        .hislitmainul .lihisldetails {line-height: 5rem; cursor: pointer; color: #2c8cfe;  position: static;}
        .hislprotimet {display: none;}
        .hislcreatetimet {display: none;}
        .histranmitime {font-size: 12px; padding-left: 15px;}
        .historymodal .modal-footer {
            justify-content: center;
            position: relative;
        }
         /* 历史排单PDF搜索 */
         .mhsearchtitle {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;}
        .searchlimg {width: 10%; float: left; text-align: center;}
        .searchguige {width: 20%; float: left;}    
        .searchyzname {width: 30%; float: left;}
        .searchprotime{width: 10%; float: left;}
        .searchcreatetime{width: 20%; float: left;}
        .searchdetails {width: 10%; float: left;}
        .mainsearchul li{overflow: hidden; border-bottom: 1px solid #dedede; position: static;padding: 0;}
        .mainsearchul li .lisearchlimg i{font-size: 3em; line-height: 2em;}
        .lisearchguige {line-height: 5rem; display: flex;}
        .lisearchguige span {line-height: 5rem;}
        .lisearchguige .searchdsw {padding: 0 5px;}
        .lisearchyzname {line-height: 5rem;}
        .lisearchprotime {line-height: 5rem;}
        .lisearchcreatetime{line-height: 5rem;}
        .lisearchdetails {line-height: 5rem;}
        .searchprotimet {display: none;}
        .searchprotimet {display: none;}
        .lisearchdetails {
            line-height: 5rem;
            cursor: pointer;
            color: #2c8cfe;
            position: static;
        }
        .lspdlength-gdsearch{
            position: relative;
        }
        .length-panel {
            position: absolute;
            top: 36px;
            left: 5px;
            z-index: 100;
            width: 96%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .length-paborder{
            float: left;
            width: 100%;
            height: 208px;
            overflow-y: scroll;
        }
        .length-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .length-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .length-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
        .length-paboul>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:active{
            background: #dc3545;
            color: #ffffff;
        }
            /* 历史操作 */
           .mpast-title {background-color: #f9f9f9; padding: 5px 5px 5px 0.5rem; overflow: hidden;display: block;}
        .recordclass {width: 10%; float: left;display: block;}
        .recordguige {width: 18%; float: left; display: flex;}
        .recordnum {width: 5%; float: left; text-align: center;display: block;}
        .recordcont {width: 40%; float: left; padding: 0 5px;display: block;}
        .recordtime {width: 17%; float: left;display: block;}
        .recordname {width: 10%; float: left;display: block;}
        .phoneshow {display: none;}
        .mpast-content ul li {overflow: hidden; line-height: 40px; border-bottom: 1px solid #dedede; padding: 5px 5px 5px 0.5rem;}
        .pastmodal-search{display: flex;}
        .yz-pastsearch{width: 50%; display: flex; line-height: 35px;}
        .yz-pastsearchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: auto;}
        .yz-pastsearchform input {padding:0 15px;}

        .operator-pastsearch {width: 50%; display: flex; line-height: 35px; justify-content: flex-end;}
        .operator-searchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: auto;}
        .operator-searchform input {padding: 0 15px;}
        .pastsearchbtn {
            position: absolute;
            top: 0;
            right: 0;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .pastsearchbtn i {font-size: 1.5rem;}
        .caotime-pastsearch {width:65%;}
        .caotime-pastsearch .table {display: flex; line-height: 35px;}
        .caotime-pastsearch .table i.icon-sousuo {padding:0 !important}
        .datepastul {display: flex; border: 1px solid #ddd; height: 35px; position: relative; padding: 0 5px;}
        .datepastul input{ padding: 0 10px !important;}
        .datepastul i.bi-calendar2-week {font-size: 1em;}
        .Bpastre-cont {display: flex;}
        .pastre-cont em {padding:0 5px}
        .reconameys {padding-right: 5px; font-size: 15px; color: #333;}
        .recoguigeys { color: #666; font-size: 0.8rem;}
        .Hrecont {display: flex;}
        .Hrecont p {display: flex;}
        .Brecont_newyz {display: inline-block; width: 80px; height: 40px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;padding-left: 5px; }

        .typeopration {
            width: 35%;
            margin-bottom: 0px;
        }
        .typeopration-main {
            border: 1px solid #dedede;
            position: relative;
            padding: 2px;
        }
        .typeopration-main .iconfont {
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            width: 100%;
            text-align: right;
        }
        .typeporetioninput {
            line-height: 30px;
            padding-left: 10px;
            width: 100%;
        }
        .typeoprationdiv {
            position: absolute;
            top: 33px;
            left: -1px;
            background: #fff;
            width: 100%;
            border: 1px solid #dedede;
            box-sizing: initial;
            max-height: 250px;
            overflow-y: auto;
        }
        .typeoprationdiv li {
            line-height: 30px;
            padding-left: 15px;
            cursor: pointer;
        }
        .typeoprationdiv li:nth-child(odd){
            background-color: #eef7ff;
        }
        .typeoprationdiv li:hover {
            background: #043d77;
            color: #fff;
        }
        .searchname {
            font-size: 13px;
            width: 65px;
        }
        .timespan {
            width: 45%;
        }
        .typeopration .form-select {
            line-height: 25px;
        }
            .pastmodal .modal-pastfooter {justify-content: center;}
            .rb_bottom,.rb_bottom .fy_y,.rb_bottom .pnbtn,.rb_bottom .previous,.rb_bottom .next {
                display:flex;
                justify-content:center;
                align-items:center;
            }
            .fy_y {
                width:24px;
                height:24px;
                box-sizing:border-box;
                background:#fff;
                border:1px solid #7baaa0;
                border-radius:50%;
                color:#4f4f4f;
                font-size:14px;
                font-weight:500;
                margin-right:12px;
                cursor:pointer;
            }
            .fy_d {
                width:8px;
                height:8px;
                border-radius:50%;
                background:#fff;
                margin-right:12px;
            }
            .selected {
                background:#164c86;
                color:#fff;
                border:0;
            }
            .pnbtn,.previous,.next {
                width:62px;
                height:31px;
                box-sizing:border-box;
                border:2px solid #ddd;
                border-radius:10px;
                font-weight:500;
                font-size:14px;
                cursor:pointer;
                color:#333;
                background-color: #fff;
            }
            .previous {
                margin:0 2px;
            }
            .recordguige .rec_dsw {padding-right: 5px;}
            .recordnum .rec_num {text-align: center;}
            .record_content {display: flex;}
            .rec_who {display: flex; width:100%;}        
            .rec_who p {width:23% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            .rec_who  p.rec_yzname1 {width:31% ; display: flex; }
            .rec_yzname1  .name1span {width:70% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            .recordcont .recontspan {
                font-size: 0.7rem;
                color: #666;
                padding-left: 5px;
        
            }
            .rec_yzname1 img{
                width: 30px;
                height: 30px;
                transform: rotate(90deg);
            }
        /* 质检控制台 */
        .mqualitylist-head {
            width: 100%;
            height: 40px;
            display: none;
        }
        .modalzhijianli {padding: 15px 0;}
        .zhijiansubmitime {width: 100%;}
        .zhijian-guige {width: 100%; }
        .zhijian-yzname .zhijianspan-right{
            overflow: hidden;
            height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
    
        }
        .zhijian-num {width: 100%; text-align: left;}
        .zhijian-time {width: 100%;}
        .zhijian-allku {width: 25%; float: left; text-align: center;}
        .zhijian-xiubu {width: 25%; float: left;  text-align: center;}
        .zhijian-caozuo{width: 25%; float: left;  text-align: center;}
        .qualitylist-mainul {padding:10px 15px !important;}
        .btn.caozuobtn {
            font-size: 14px;
            font-weight: normal;
            border: 1px solid #e7f7ff;
            /* background-color: #e7f7ff; */
            /* background-color: #0d6efd; */
            background-color: #e7f7ff;
            color: #0053a8;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .btn.caozuobtn:hover{
            background-color:#0053a8;
            color: #fff;
        }
        .qualityxiubu .btn.qualityxiububtn {
            width: 90%;
            background-color:#0053a8;
            color: #fff;
        }
        input.zhijianamount::-webkit-input-placeholder { /* WebKit, Blink, Edge */   font-size: 10px; color: #999;}
    
        input.zhijianamount:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 10px;  color: #999;}
    
        input.zhijianamount::-moz-placeholder { /* Mozilla Firefox 19+ */   font-size: 10px;  color: #999;}
    
        input.zhijianamount:-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 10px; color: #999; }
        .zhijianamount {
            border: 1px solid #ddd;
            width: 90%; 
            margin: 0 auto;
            line-height: 30px;
            padding: 2px 10px;
        }
        input.zhijianamount::-webkit-outer-spin-button, input.zhijianamount::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
        }
        .modal-header.qualityheader {
            padding:5px 10px 0 !important; 
            border-bottom:2px solid #0051a2;
            background-color: #0051a2;
        }
        .modal-title .nav-tabs {
            border-bottom:none !important
        }
        .nav-quality li a {
            position: relative;
            color: #fff;
            font-size: 16px;
        }
        .nav-quality li .nav-link.active {
            border: 2px solid #0053a8;
            border-bottom: 2px solid #fff;
            margin-bottom: -2px;
            background-color: #fff;
            color: #0051a2;
        }
        .nav-quality li .nav-link:hover, .nav-quality li .nav-link:focus{
            background-color: #fff;
            color: #0051a2;
        }
        .tipconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1100;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
        }
        .tipconfirm-modalcontent {
            max-width: 450px;
            margin: 35% auto;
            background-color: #fff;
            height: auto;
            z-index: 1200;
            padding-bottom: 15px;
        }
        .tipconfirm-main {
            width: 100%;
            background-color: #fff;
        }
        .tip-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .tip-head h4 {
            width: 95%;
            text-align: center;
            color: #333;
        }
        .tip-content {
            width: 90%;
            margin: 5px auto;
            padding: 15px;
        }
        .quality-content {line-height: 30px;}
        .tip-content-left {
            display: inline-block;
            width: 20%;
            text-align: right;
        }
        .tip-bottom {
            display: flex;
            justify-content:space-around;
            width: 50%;
            margin: auto;
        }
        .tip-bottom .btn {
            border: 1px solid #ddd;
            padding: 5px 20px;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
    }
        .tip-bottom .btn-confirm{
            background-color: #0051a2;
            color: #fff;
        }
        .tip-bottom .btn-cancel{
            background-color: #fff;
            color: #333;
        }
        .zhijiandiv {display: flex; justify-content: space-around;}
        .zhijianspan-left {display:inline-block; width: 15%; text-align: right;}
        .zhijianspan-right {display: inline-block; width: 80%; padding-left: 5px;}
    
        .guidangreturngoodstop, .guidangreturngoodsbottom,.guidangreturnPlaceOrder,.guidangreturnMoney{ display: flex; justify-content:left; width: 65%; margin: auto; margin-bottom: 15px;}
        .guidangreturngoodstop span,.guidangreturngoodsbottom span {line-height: 30px;}
        .returntitspan { display: inline-block; width: 25%; padding-right:15px; text-align: right;}
        .returngoodsp input { border:1px solid #dedede; padding: 5px 5px; width: 100%;}
        .returngoodsp {display: inline-block; width: 55%;}
        .returngoodsname {width: 55%; }
        .PlaceOrder-p ,.returnMoney-p {margin-left: 25%;}
        .tip-head.tipguidang-head,.tip-head.dltipguidang-head {
            background-color: #eaeff5;
            width: 100%;
            padding: 15px 15px 0;
        }
        /* 库内报损 */
        .frmlossxuan {clear: both; width: 100%; padding:0 15px;}
        .frmlossmain {
           width: 95%; 
           float: left; 
           z-index: 1;
           border: 1px solid #ddd; 
           /* background-image: url(/static/images/qrm-arrow-down.png); */
           background-position: 98%;
           background-repeat: no-repeat;
           margin:5px 15px 15px 0;
           position: relative;
        }    
        .frmlossinputborder {height: 40px; position: relative;}
        .frmlossinputborder input {
            height: 39px;
            width: 90%;
            padding:5px 15px;
            outline: none;
            border: none;
        }
        .frmsearchin {position: absolute; right: 0; top: 0; width: 40px; height: 40px;}
        .frmsearchin img {width: 25px; height: 25px; margin: 10px auto;}
        .frmloss-panel{
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #0051a2;
            background: #ffffff;
            box-sizing: content-box;
        }
        .frmloss-paborder{
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .frmloss-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .frmloss-paboul span {cursor: pointer;}
        .frmloss-paboul>li{
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
    
        }
        .frmloss-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
    
        .frmloss-lev1>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmloss-lev2>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmlossguige {
            width: 40%;
            float: left;
        }
        .frmlossamount {
            width: 30%;
            margin: 5px 3%;
            float: left;
            
        }
        .frmlossamountmain{
            border: 1px solid #ddd;
        }
        .frmlossamountmain input{
            height: 40px;
            padding: 5px 15px;
        }
        .frmloss-baosun {
            width: 20%;
            float: left;
            margin: 5px 0;
        }
        .frmloss-baosun .frmloss-select {
            width: 80%;
            height: 40px;
            border-color: #ddd;
        }
        input[name="formlossnum"]::-webkit-outer-spin-button,
        input[name="formlossnum"]::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        }
        .frmloss-submit {
            width: 100%;
            margin: 35px 0 5px 3%;
            clear: both;
            text-align: center;
        }
        .frmlosstitle span{
            line-height: 30px;
            font-size: 18px;
            font-family: "Microsoft Yahei", 微软雅黑, 黑体, SimHei, Arial, sans-serif;
            font-weight: 600;
        }
        .frmloss-shujumain {
            clear: both;
            width: 100%;
            padding: 15px;
        }
        .frmloss-sjli {
            width: 100%;
            clear: both;
            padding: 8px 15px;
            background-color: #f7fafe;
            overflow: hidden;
            margin-top: 2px;
            border-radius: 5px;
        }
        .frmloss-sjguig {
            width: 35%;
            float: left;
            overflow: hidden;
            border-right: 1px solid #ddd;
            border-bottom: none;
        }
        .frmloss-sjp {
            width: 70%;
            float: left;
        }
        .frmloss-sjp span {
            font-size: 14px;
            line-height: 30px;
        }
        .frmloss-nummain {
            width: 30%;
            float: left;
        }
        .frmloss-nummain span {
            font-size: 18px;
            color: #FF780D;
            line-height: 30px;
        }
        .allfrmloss-name {
            width: 65%;
            float: left;
            overflow: hidden;
            display: flex;
            justify-content: center;
        }
        .oldfrmloss-name {width: 20%;}
        .namesvg { width: 20%;}
        .namesvg img {
            width: 30px;
            height: 30px;
            transform: rotate(90deg);
        }
        .newfrmloss-name {width: 20%;}
    
        /* 成品率查看展示 */
        .productionyield {
            width: auto;
            overflow: hidden;
        }
        .productionyieldmain {
            overflow: hidden;
        }
        .production_yield_left {
            width: 100%;
            float: left;
            padding: 0;
        }
        .production_yield_left_head, .production_yield_right_head{
            width: 100%;
            overflow: hidden;
            display: flex;
            justify-content: space-around;
            background-color: #efefef;
            padding: 5px 0;
            text-align: center;
        }
        .yield_left_date { width: 23%;}
        .yield_left_total{ width: 20%;}
        .yield_left_repair{ width: 20%;}
        .yield_left_Bban{width: 13%;}
        .yield_left_totalloss{width: 10%;}
        .yield_left_yieldrate{width: 14%;  text-align: left;}
    
        .yield_leftmain_date span{font-size: 12px;}
    
        .production_yield_left_main {
            overflow: hidden;
        }
        .production_yield_left_main li {
            display:flex;
            text-align: center;
            line-height: 40px;
            /* border-bottom: 1px solid #f5f7f9; */
        }
        .production_yield_left_main li:nth-of-type(odd){
            background: #fff;
        }
        .production_yield_left_main li:nth-of-type(even){
            background: #f5f7f9;
        }
        .production_yield_right {
            width: 100%;
            float: right;
            padding: 0 5px 0 15px;
            border-left: 0px dashed #ddd;
            border-top: 1px dashed #ddd;
        }
        .yield_right-tit {
            display: none;
            width:25%; 
            text-align: right;
            color: #666;
        }
        .yield_right_time {width: 25%; padding-left: 5px;}
        .yield_leftmain_date span {
            font-size: 14px;
        }
        .yield_right_guige {width: 25%;}
        .yield_right_yzname{width: 30%; overflow: hidden;}
        .yield_rightmain_yzname {text-overflow: ellipsis; height: 40px; white-space:nowrap;}
        .yield_right_number{width: 10%;}
        .yield_right_type {width: 10%;}
        .production_yield_right_main li {
            display: flex;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #f5f7f9;
        }
        /* 报表下载控制台 */
        .Reportmainul {
            width: 100%;
            overflow: hidden;
        }
        .Reportmainul .reportli {
            width: 50%;
            float: left;
            text-align: center;
            margin: 5px 0;
        }
        .Reportmainul .reportli a {
            display: inline-block;
            border: 1px solid #0051a2;
            padding: 10px 15px;
            width: 60%;
            text-decoration: none;
        }
        .Report-tiptop p {
            font-size:14px ;
            color: #666;
            line-height: 30px;
            text-align: center;
        }
        .Report-tiptop .Report-tip-phone {
            font-size: 24px;
            color: #333;
        }
        .Report-tip-bottom {
            padding: 15px 0;
            text-align: center;
        }
        .Report-tip-code {
            border: 1px solid #ddd;
            padding: 8px 5px;
            width: 70%;
            margin: 5px auto;
        }
        .Report-tip-code #check_phone_Code {
            border-right: 1px solid #dedede;
        }
        .Report-tip-code #check_phonecode_send{
            background-color: #fff;
        }
        .trim_invalid {
            border-right: 1px solid #dedede;
        }
        .trim-get-codesms {
            background-color: #fff;
        }
    
    
    }
    @media (min-width: 1200px) {
        /* 历史排单PDF */
        .mhislist-head {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;
        }
        .hislimg {width: 15%; float: left; text-align: center;}
        .hislprotime {width: 30%; float: left;}
        .hislcreatetime {width: 40%; float: left;}
        .hisldetails {width: 15%; float: left;}
        .hislitmainul li {overflow: hidden; border-bottom: 1px solid #dedede; position: static;padding: 0;}
        .hislitmainul .lihislimg i{font-size: 3em; line-height: 2em;}
        .hislitmainul .lihislprotime {line-height: 5rem;}
        .hislitmainul .lihislcreatetime {line-height: 5rem;}
        .hislitmainul .lihisldetails {line-height: 5rem; cursor: pointer; color: #2c8cfe; position: static;}
        .hislprotimet {display: none;}
        .hislcreatetimet {display: none;}
        .histranmitime {font-size: 12px; padding-left: 15px;}
        .histranmitime span {padding: 0 5px;}
        .historymodal .modal-footer {
            justify-content: center;
            position: relative;
        }
        /* 历史排单PDF搜索 */
        .mhsearchtitle {
            overflow: hidden;
            clear: both;
            background-color: #f9f9f9;
            padding: 10px 15px;
            display: block;}
        .searchlimg {width: 10%; float: left; text-align: center;}
        .searchguige {width: 20%; float: left;}    
        .searchyzname {width: 30%; float: left;}
        .searchprotime{width: 10%; float: left;}
        .searchcreatetime{width: 20%; float: left;}
        .searchdetails {width: 10%; float: left;}
        .mainsearchul li{overflow: hidden; border-bottom: 1px solid #dedede; position: static;padding: 0;}
        .mainsearchul li .lisearchlimg i{font-size: 3em; line-height: 2em;}
        .lisearchguige {line-height: 5rem; display: flex;}
        .lisearchguige span {line-height: 5rem;}
        .lisearchguige .searchdsw {padding: 0 5px;}
        .lisearchyzname {line-height: 5rem;}
        .lisearchprotime {line-height: 5rem;}
        .lisearchcreatetime{line-height: 5rem;}
        .lisearchdetails {line-height: 5rem;}
        .searchprotimet {display: none;}
        .searchprotimet {display: none;}
        .lisearchdetails {
            line-height: 5rem;
            cursor: pointer;
            color: #2c8cfe;
            position: static;
        }
        .lspdlength-gdsearch{
            position: relative;
        }
        .length-panel {
            position: absolute;
            top: 36px;
            left: 5px;
            z-index: 100;
            width: 96%;
            height: 210px;
            border: 1px solid #dc3545;
            background: #ffffff;
            box-sizing: content-box;
        }
        .length-paborder{
            float: left;
            width: 100%;
            height: 208px;
            overflow-y: scroll;
        }
        .length-paboul {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            font-size: 12px;
        }
        .length-paboul>li {
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
        }
        .length-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
        .length-paboul>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:hover{
            background: #FF780D;
            color: #ffffff;
        }
        .length-paborder .dlength-lev1>li:active{
            background: #dc3545;
            color: #ffffff;
        }
    
        /* 历史操作 */
        .mpast-title {background-color: #f9f9f9; padding: 5px 5px 5px 0.5rem; overflow: hidden;display: block;}
        .recordclass {width: 7%; float: left;display: block; text-align: center;}
        .recordguige {width: 15%; float: left; display: flex; justify-content: center;}
        .recordnum {width: 5%; float: left; text-align: center;display: block;}
        .recordcont {width: 48%; float: left; padding: 0 5px;display: block;}
        .recordtime {width: 15%; float: left;display: block; text-align: center;}
        .recordname {width: 10%; float: left;display: block; text-align: center;}
        .phoneshow {display: none;}
        .mpast-content ul li {overflow: hidden; line-height: 40px; border-bottom: 1px solid #dedede; padding: 3px 0;}
        .pastmodal-search{display: flex;}
        .yz-pastsearch{width: 20%; display: flex; line-height: 35px; margin-bottom: 0px;}
        .yz-pastsearchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: 70%;}
        .yz-pastsearchform input {padding:0 15px;width: 100%}

        .operator-pastsearch {width: 20%; display: flex; line-height: 35px; margin-bottom: 0px;}
        .operator-searchform {border: 1px solid #ddd; position: relative; height: 35px; box-sizing: content-box; width: 70%;}
        .operator-searchform input {padding: 0 15px; width: 100%}
        .pastsearchbtn {
            position: absolute;
            top: 0;
            right: 0;
            border: none;
            background: #fff;
            width: 30px;
            height: 30px;
        }
        .pastsearchbtn i {font-size: 1.5rem;}
        .caotime-pastsearch {width:41%; margin-bottom: 0px;}
        .caotime-pastsearch .table {display: flex; line-height: 35px;}
        .caotime-pastsearch .table i.icon-sousuo {padding:0 !important}
        .datepastul {display: flex; border: 1px solid #ddd; height: 35px; position: relative; padding: 0 5px;width: 75%;}
        .datepastul input{ padding: 0 10px !important; width: 100%}
        .datepastul i.bi-calendar2-week {font-size: 1em;}
        .Bpastre-cont {display: flex;}
        .pastre-cont em {padding:0 5px}
        .reconameys {padding-right: 5px; font-size: 15px; color: #333;}
        .recoguigeys { color: #666; font-size: 0.8rem;}
        .Hrecont {display: flex;}
        .Hrecont p {display: flex;}
        .Brecont_newyz {display: inline-block; width: 80px; height: 40px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;padding-left: 5px; }
         .typeopration {
            width: 15%;
            margin-bottom: 0px;

        }
        .typeopration-main {
            border: 1px solid #dedede;
            position: relative;
            padding: 2px;
        }
        .typeopration-main .iconfont {
            position: absolute;
            right: 5px;
            top: 5px;
            cursor: pointer;
            width: 100%;
            text-align: right;
        }
        .typeporetioninput {
            line-height: 30px;
            padding-left: 10px;
            width: 100%;
        }
        .typeoprationdiv {
            position: absolute;
            top: 33px;
            left: -1px;
            background: #fff;
            width: 100%;
            border: 1px solid #dedede;
            box-sizing: initial;
            max-height: 250px;
            overflow-y: auto;
        }
        .typeoprationdiv li {
            line-height: 30px;
            padding-left: 15px;
            cursor: pointer;
        }
        .typeoprationdiv li:nth-child(odd){
            background-color: #eef7ff;
        }
        .typeoprationdiv li:hover {
            background: #043d77;
            color: #fff;
        }
        .searchname {
            font-size: 13px;
            width: 65px;
            text-align: right;
        }
        .caotime-pastsearch .searchname {width: 75px}
        .timespan {
            width: 45%;
        }
        .typeopration .form-select {
            line-height: 25px;
        }


        .pastmodal .modal-pastfooter {justify-content: center;}
        .rb_bottom,.rb_bottom .fy_y,.rb_bottom .pnbtn,.rb_bottom .previous,.rb_bottom .next {
            display:flex;
            justify-content:center;
            align-items:center;
        }
        .fy_y {
            width:24px;
            height:24px;
            box-sizing:border-box;
            background:#fff;
            border:1px solid #7baaa0;
            border-radius:50%;
            color:#4f4f4f;
            font-size:14px;
            font-weight:500;
            margin-right:12px;
            cursor:pointer;
        }
        .fy_d {
            width:8px;
            height:8px;
            border-radius:50%;
            background:#fff;
            margin-right:12px;
        }
        .selected {
            background:#164c86;
            color:#fff;
            border:0;
        }
        .pnbtn,.previous,.next {
            width:62px;
            height:31px;
            box-sizing:border-box;
            border:2px solid #ddd;
            border-radius:10px;
            font-weight:500;
            font-size:14px;
            cursor:pointer;
            color:#333;
            background-color: #fff;
        }
        .previous {
            margin:0 2px;
        }
        .recordguige .rec_dsw {padding-right: 5px;}
        .recordnum .rec_num {text-align: center;}
        .record_content {display: flex;}
        .rec_who {display: flex; width:100%;}        
        .rec_who p {width:23% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
        .rec_who  p.rec_yzname1 {width:31% ; display: flex; }
        .rec_yzname1  .name1span {width:70% ; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
        .recordcont .recontspan {
            font-size: 0.7rem;
            color: #666;
            padding-left: 5px;
    
        }
        .rec_yzname1 img{
            width: 30px;
            height: 30px;
            transform: rotate(90deg);
        }
    
        /* 质检控制台 */
        .mqualitylist-head {
            width: 100%;
            height: 40px;
            display: block;
        }
        .zhijiansubmitime {width: 15%; float: left;}
        .zhijian-guige {width: 15%; float: left;}
        .zhijian-yzname{
            width: 17%;
            float: left; 
            overflow: hidden;
            height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;      
    
        }
        .zhijian-yzname.zhijianspan-right{
            width: 100%;
            overflow: hidden;
            height: 40px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .zhijian-num {width: 5%; float: left; text-align: center;}
        .zhijian-time {width: 8%; float: left;}
        .zhijian-allku {width: 10%; float: left; text-align: center;}
        .zhijian-xiubu {width: 10%; float: left; text-align: center;}
        .zhijian-caozuo{width: 10%; float: left; text-align: center;}
        .qualitylist-mainul {padding:10px 15px !important;}
        .btn.caozuobtn {
            font-size: 14px;
            font-weight: normal;
            border: 1px solid #e7f7ff;
            /* background-color: #e7f7ff; */
            /* background-color: #0d6efd; */
            background-color: #e7f7ff;
            color: #0053a8;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .btn.caozuobtn:hover{
            background-color:#0053a8;
            color: #fff;
        }
        .qualityxiubu .btn.qualityxiububtn {
            width: 90%;
            background-color:#0053a8;
            color: #fff;
        }
        input.zhijianamount::-webkit-input-placeholder { /* WebKit, Blink, Edge */   font-size: 10px; color: #999;}
    
        input.zhijianamount:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 10px;  color: #999;}
    
        input.zhijianamount::-moz-placeholder { /* Mozilla Firefox 19+ */   font-size: 10px;  color: #999;}
    
        input.zhijianamount:-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 10px; color: #999; }
        .zhijianamount {
            border: 1px solid #ddd;
            width: 90%; 
            margin: 0 auto;
            line-height: 30px;
            padding: 2px 10px;
        }
        input.zhijianamount::-webkit-outer-spin-button, input.zhijianamount::-webkit-inner-spin-button {
            -webkit-appearance: none !important;
        }
        .modal-header.qualityheader {
            padding:5px 10px 0 !important; 
            border-bottom:2px solid #0051a2;
            background-color: #0051a2;
        }
        .modal-title .nav-tabs {
            border-bottom:none !important
        }
        .nav-quality li a {
            position: relative;
            color: #fff;
            font-size: 16px;
        }
        .nav-quality li .nav-link.active {
            border: 2px solid #0053a8;
            border-bottom: 2px solid #fff;
            margin-bottom: -2px;
            background-color: #fff;
            color: #0051a2;
        }
        .nav-quality li .nav-link:hover, .nav-quality li .nav-link:focus{
            background-color: #fff;
            color: #0051a2;
        }
        .tipconfirm-modal {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 3000;
            width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            filter: "alpha";
            background: rgba(0,0,0,0.5);
        }
        
        .tipconfirm-modalcontent {
            max-width: 450px;
            margin: 15% auto;
            background-color: #fff;
            height: auto;
            z-index: 3500;
            padding-bottom: 15px;
            position: relative;
        }
        .tipconfirm-modalcontent-out {
            max-width: 450px;
        }
        .modal-trim-tipmain {
            width: 100%;
            margin: 15% auto;
            background-color: #fff;
            height: auto;
            z-index: 3500;
            padding-bottom: 15px;
            position: relative;
        }
        .tipconfirm-main {
            width: 100%;
            background-color: #fff;
        }
        .tip-head {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
        }
        .tip-head h4 {
            width: 95%;
            text-align: center;
            color: #333;
        }
        .tip-content {
            width: 90%;
            margin: 5px auto;
            padding: 15px;
        }
        .quality-content {line-height: 30px;}
        .tip-content-left {
            display: inline-block;
            width: 20%;
            text-align: right;
        }
        .tip-bottom {
            display: flex;
            justify-content:space-around;
            width: 50%;
            margin: auto;
        }
        .tip-bottom .btn {
            border: 1px solid #ddd;
            padding: 5px 20px;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
        }
        .tip-bottom .btn-confirm{
            background-color: #0051a2;
            color: #fff;
        }
        .tip-bottom .btn-cancel{
            background-color: #fff;
            color: #333;
        }
        .zhijiandiv {display: block; justify-content: space-around;}
        .zhijianspan-left {display:none; width: auto; text-align:left}
        .zhijianspan-right {display: inline; width: auto; padding-left: 0px;}
        .guidangreturngoodstop, .guidangreturngoodsbottom,.guidangreturnPlaceOrder,.guidangreturnMoney{ display: flex; justify-content:left; width: 65%; margin: auto; margin-bottom: 15px;}
        .guidangreturngoodstop span,.guidangreturngoodsbottom span {line-height: 30px;}
        .returntitspan { display: inline-block; width: 25%; padding-right:15px; text-align: right;}
        .returngoodsp input { border:1px solid #dedede; padding: 5px 5px; width: 100%;}
        .returngoodsp {display: inline-block; width: 55%;}
        .returngoodsname {width: 55%; }
        .PlaceOrder-p,.returnMoney-p {margin-left: 25%;}
        .tipguidang-head {margin:0}
        .tip-head.tipguidang-head,.tip-head.dltipguidang-head {
            background-color: #eaeff5;
            width: 100%;
            padding: 15px 15px 0;
        }
        /* 库内报损 */
        .frmlossxuan {clear: both; width: 100%; padding:0 15px;}
        .frmlossmain {
           width: 100%; 
           float: left; 
           z-index: 1;
           border: 1px solid #ddd; 
           /* background-image: url(/static/images/qrm-arrow-down.png); */
           background-position: 98%;
           background-repeat: no-repeat;
           margin:5px 15px 15px 0;
           position: relative;
        }    
        .frmlossinputborder {height: 40px; position: relative;}
        .frmlossinputborder input {
            height: 39px;
            width: 90%;
            padding:5px 15px;
            outline: none;
            border: none;
        }
        .frmsearchin {position: absolute; right: 0; top: 0; width: 40px; height: 40px;}
        .frmsearchin img {width: 25px; height: 25px; margin: 10px auto;}
        .frmloss-panel{
            position: absolute;
            top: 40px;
            left: -1px;
            z-index: 99999;
            width: 100%;
            height: 210px;
            border: 1px solid #0051a2;
            background: #ffffff;
            box-sizing: content-box;
        }
        .frmloss-paborder{
            float: left;
            width: 50%;
            height: 208px;
            overflow-y: scroll;
            /*margin-left: 5px;*/
        }
        .frmloss-paboul{
            float: left;
            width: 100%;
            margin:0;
            padding:0 !important;
            font-size: 12px;
        }
        .frmloss-paboul span {cursor: pointer;}
        .frmloss-paboul>li{
            width: 100%;
            position: relative;
            display: block;
            padding-left: 5px;
            line-height: 40px;
    
        }
        .frmloss-paboul>li:hover{
            background: #569af3;
            color: #ffffff;
        }
    
        .frmloss-lev1>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmloss-lev2>li.active{
            background: #0051a2;
            color: #ffffff;
        }
        .frmlossguige {
            width: 40%;
            float: left;
        }
        .frmlossamount {
            width: 15%;
            margin: 5px 1%;
            float: left;
            
        }
        .frmlossamountmain{
            border: 1px solid #ddd;
            margin-top: 30px;
        }
        .frmlossamountmain input{
            height: 40px;
            padding: 5px 15px;
            width: 100%;
        }
        .frmloss-baosun {
            width: 15%;
            float: left;
            margin: 5px 0;
        }
        .frmloss-baosun .frmloss-select {
            width: 80%;
            height: 40px;
            border-color: #ddd;
        }
        input[name="formlossnum"]::-webkit-outer-spin-button,
        input[name="formlossnum"]::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        }
        .frmloss-placeorder {
            width: 15%;
            float: left;
            padding-top: 30px;
        }
        .frmloss-PlaceOrder-p {
            line-height: 50px;
        }
        .frmloss-submit {
            width: 10%;
            float: left;
            margin: 35px 0 5px 1%;
            clear: none;
        }
        .frmlosstitle span{
            line-height: 30px;
            font-size: 18px;
            font-family: "Microsoft Yahei", 微软雅黑, 黑体, SimHei, Arial, sans-serif;
            font-weight: 600;
        }
        .frmlosstitle span.baosuntitle{
            height: 30px;
        }
        .frmloss-shujumain {
            clear: both;
            width: 100%;
            padding: 15px;
        }
        .frmloss-sjli {
            width: 100%;
            clear: both;
            padding: 8px 15px;
            background-color: #f7fafe;
            overflow: hidden;
            margin-top: 2px;
            border-radius: 5px;
        }
        .frmloss-sjguig {
            width: 35%;
            float: left;
            overflow: hidden;
            border-right: 1px solid #ddd;
            border-bottom: none;
        }
        .frmloss-sjp {
            width: 70%;
            float: left;
        }
        .frmloss-sjp span {
            font-size: 14px;
            line-height: 30px;
        }
        .frmloss-nummain {
            width: 30%;
            float: left;
        }
        .frmloss-nummain span {
            font-size: 18px;
            color: #FF780D;
            line-height: 30px;
        }
        .allfrmloss-name {
            width: 65%;
            float: left;
            overflow: hidden;
            display: flex;
            justify-content: center;
        }
        .oldfrmloss-name {width: 35%;}
        .namesvg { width: 20%;}
        .namesvg img {
            width: 30px;
            height: 30px;
            transform: rotate(90deg);
        }
        .newfrmloss-name {width: 20%;}
    
        /* 成品率查看展示 */
        .productionyield {
            width: auto;
            overflow: hidden;
        }
        .productionyieldmain {
            overflow: hidden;
        }
        .production_yield_left {
            width: 45%;
            float: left;
            padding: 0 15px 0 5px;
        }
        .production_yield_left_head, .production_yield_right_head{
            width: 100%;
            overflow: hidden;
            display: flex;
            justify-content: space-around;
            background-color: #efefef;
            padding: 5px 0;
            text-align: center;
        }
        .yield_left_date { width: 25%; display: flex; align-items: center; justify-content: center;}
        .yield_left_total{ width: 15%; display: flex; align-items: center; justify-content: center;}
        .yield_left_repair{ width: 20%; display: flex; align-items: center; justify-content: center;}
        .yield_left_Bban{width: 10%; display: flex; align-items: center; justify-content: center;}
        .yield_left_totalloss{width: 10%; display: flex; align-items: center; justify-content: center;}
        .yield_left_yicilv-yieldrate{width: 10%; text-align: left; display: flex; align-items: center; justify-content: center;}
        .yield_left_ercilv-yieldrate {width:10%; display: flex; align-items: center; justify-content: center;}
        .production_yield_left_main {
            overflow: hidden;
        }
        .production_yield_left_main li {
            display:flex;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #f5f7f9;
        }
        .production_yield_left_main li:nth-of-type(odd){
            background: #fff;
        }
        .production_yield_left_main li:nth-of-type(even){
            background: #f5f7f9;
        }
        .production_yield_right {
            width: 55%;
            float: right;
            padding: 0 5px 0 15px;
            border-left: 1px dashed #ddd;
            border-top: 0px dashed #ddd;
        }
        .yield_right-tit {
            display: none;
            width:25%; 
            text-align: right;
            color: #666;
        }
        .yield_right_time {width: 25%; padding-left: 5px;}
        .yield_leftmain_date span {
            font-size: 14px;
        }
        .yield_right_guige {width: 25%;}
        .yield_right_yzname{width: 30%; overflow: hidden;}
        .yield_rightmain_yzname {text-overflow: ellipsis;  height: 40px; white-space:nowrap; display: inline-block;}
        .yield_right_number{width: 10%;}
        .yield_right_type {width: 10%;}
        .production_yield_right_main li {
            display: flex;
            text-align: center;
            line-height: 40px;
            border-bottom: 1px solid #f5f7f9;
        }
        /* 报表下载控制台 */
        .Reportmainul {
            width: 100%;
            overflow: hidden;
        }
        .Reportmainul .reportli {
            width: 50%;
            float: left;
            text-align: center;
            margin: 5px 0;
        }
        .Reportmainul .reportli a {
            display: inline-block;
            border: 1px solid #0051a2;
            padding: 10px 15px;
            width: 60%;
            text-decoration: none;
        }
        .Report-tiptop p {
            font-size:14px ;
            color: #666;
            line-height: 30px;
            text-align: center;
        }
        .Report-tiptop .Report-tip-phone {
            font-size: 24px;
            color: #333;
        }
        .Report-tip-bottom {
            padding: 15px 0;
            text-align: center;
        }
        .Report-tip-code {
            border: 1px solid #ddd;
            padding: 8px 5px;
            width: 75%;
            margin: 5px auto;
        }
        .Report-tip-code #check_phone_Code {
            border-right: 1px solid #dedede;
        }    
        .Report-tip-code #check_phonecode_send{
            background-color: #fff;
        }
        .Report-tip-code .trim_invalid {
            border-right: 1px solid #dedede;
        }
        .Report-tip-code .trim-get-codesms {
            background-color: #fff;
        }
        .Report-tiptop .trim-Report-tip-phone {
            font-size: 24px;
            color: #333;
        }
    
}
    
    .invalid::-webkit-outer-spin-button,
    .invalid::-webkit-inner-spin-button,
    .trim_invalid::-webkit-outer-spin-button,
    .trim_invalid::-webkit-inner-spin-button{-webkit-appearance: none !important;}
    .newfooter-p {
        line-height: 100px;
        text-align: center;
        color: #fff;
    }
    .newfooter-p a, .newfooter-p a:hover{
        color: #fff;
        text-decoration: none;
    }
    
    
    /* 查看归档 下方的板材和砌块筛选 */
    .shaixuanban {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
    .shaixuanban .form-check {
        padding-left: 15px;
    }
    .shaixuanban  .form-check-input {
        opacity: 0;
    }
    .shaixuanban .form-check-label {
        border: 1px solid #dedede;
        padding: 5px 30px;
        margin-left: 2px;
    }
    .shaixuanban input:checked + label {
        border: 1px solid #00a4ff;
        background-size: 10px 10px;
        color: #00a4ff;
        background:url(../images/selectblue.png) no-repeat right bottom;
    }
    
    .modal-header .modal-title .cardname {
        font-size: 22px;
        line-height: 30px;
    }
    
    .chgnameinput {
        width: 100%;
        border: 1px solid #dedede;
        padding: 5px 15px;
    }
    
    /* 报表控制台 */
    .reportdiv {
        width: 80%;
        margin: auto;
    }
    .report-paymentlog-main {
        border: 1px solid #0051a2;
        padding: 10px 0px;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .report-button {
        width: 35%;
        text-align: center;
        margin: auto;
        cursor: pointer;
    }
    .report-button .report-tip {
        display: none;
    }
    .report-paymentlog-inputd {
        width: 65%;
        padding-left: 15px;
    }
    .report-paymentlog-inputd input {
        border-right: 1px solid #dedede;
        width: 100%;
    }
    .report-paymentlog-radio {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
    }
    .reportiput_panel {
        position: absolute;
        top: 40px;
        left: -1px;
        z-index: 100;
        width: 100%;
        border: 1px solid #0051a2;
        border-top: none;
        background-color: #fff;
        box-sizing: content-box;
    }
    .reportruleiput_ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .reportruleiput_ul li {
        width: 100%;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;        
        cursor: pointer;
        padding: 5px 10px;
    }
    .reportruleiput_ul li span {
        font-size: 14px;
        white-space:nowrap;
        cursor: pointer;
    }
    .reportruleiput_ul li:hover,.titruleiput_ul li.active {
        background-color: #0051a2;
        color: #fff;
    }
    
    .yudingmain .yudinglist_li {
        line-height: 30px;
        padding: 5px 10px;
        cursor: pointer;
    }
    .yudingmain .yudinglist_li.yudingactive {
        background: #0d6efd;
        color: #fff;
    }
    .yudingmain .yudinglist_li:hover {
        background: #0d6efd;
        color: #fff;
    }
    .report-warning {
        color: #B83D3D;
        line-height: 30px;
    }
    .Pallet-report {
        width: 80%;
        margin: auto;
        margin-bottom: 1rem;
    }
    .Pallet-reportli {
        border: 1px solid #0051a2;
        padding: 10px 0px;
        text-align: center;
        
    }
    .Pallet-reportli a {
        text-decoration: none;
    }

@media (min-width: 1200px) {
    #dlguidangfileModal .modal-xl {
        max-width: 1340px;
    }
}
    /* 瀑布流footer */
.kacontent .publ-modal-footer {
    position: relative;
    display: block;
}
.publ-modal-footer .pubuliubtn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.publ-modal-footer .total {
    position: absolute;
    right: 15px;
    top: 15px;
}
.pubuliu-beizhu {
    margin-left:15px ;

}
.publ-modal-footer .pubuliubeizhumain, 
.publ-modal-footer  .pubuliubeizhurepeat{
    width: 90%;
    margin: 20px auto 0;
}
.pubuliubeizhuinput {
    width: 100%;
}
.bztextarea  {
    width: 100%;
    border-color: #dedede;
    padding: 5px;
}
.pblrepeatbzshow {
    display: flex;
    justify-content: flex-start;
    background: #fff;
    padding: 10px 15px;
}

.head-fu {display: flex; align-items: center; justify-content: space-between; padding: 0 1rem;}
.salesman {width: 60%; display: flex; align-items: center; }
.salesman-span {color: #666;}
.salesman-main {width: 80%;}
.salesman-content {cursor: pointer; position: relative; }
.salesman-content:hover::after {
    content: attr(data-hover-text);
    position: absolute;
    display: block;
    width: auto;
    color: #fff;
    text-align: center;
    background-color: #999;
    border: 1px solid #eee;
    font-size: 12px;
    border-radius: 4px;
    padding:2px 5px;
    top: 30px;
    left: 0;
    z-index: 10;
}
.salesman-input {display: flex; align-items: center;}
.salesman-input .salesmaininput {line-height: 25px; border: 1px solid #dedede; padding: 2px 10px;}
.salesman-input  .btn.pubuliusalesbtn {font-size: 12px; line-height: 25px; padding: 2px 10px; margin-left: 5px;}