* {font-family: Arial, "微软雅黑" !important;}
body {padding: 0px;}
table td {font-size: 14px;}
table td img {max-width:80px; max-height: 50px;}

.cen {text-align: center;}
.clearfix {float: none; clear:both;}
.anim {transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.layui-btn {border-radius: 8px;}
.cur:hover {cursor: pointer;}
.vCen{  display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;}

select {background:#fff; border:1px solid #ccc}

.borderRed{border:1px solid red;}
.curBlue:hover {border: 2px solid #00a2d4; overflow: hidden; border-radius: 50%; padding:5px; background:#00a2d4; color: #fff;    cursor: pointer; }

 .layui-table td, .layui-table th {font-size: 16px;}

 .vxe-table--render-default .vxe-cell {white-space:inherit; word-break: break-word;}
.searchMain input[type='text']{ float: right; width: 100%;  line-height: 28px; padding:0 3px;}
.searchMain input[type='number']{ float: right; width: 100%;  line-height: 28px; padding:0 3px;}
.searchMain textarea{ float: right; width: 100%;  line-height: 28px; padding:0 3px;}
.searchMain select{ float: right; width: 100%;  line-height: 28px; height: 28px;    min-width: 50px;}
.searchMain input[type="date"]{width: 200px;}
.searchMain table tr:hover {background: #ccc!important; color: #fff!important;}
.searchMain .rInfo {float: right; font-weight: 800; width: 100%;  text-align: left;}

.searchBox .sTyle{float: right; width:69.2%;}
@media only screen and (max-width: 800px) {
    .searchBox .sTyle{float: right; width:67%;}
}

.youFuDong{top: 5px;
    right: 5px; position: absolute;}

 /*.searchState label{ width: 30%;}*/

.kehuKuai{width: 100%; float:left; border-bottom:1px solid #ccc; padding:3px; color: #000; line-height: 30px; box-sizing: border-box; padding: 5px 10px; letter-spacing: 1px;}
.kehuKuai:hover,.kehuKuai:active,.KuaiCur{background: #2BAFFC; color: #fff; cursor: pointer;}
.kehuKuai:hover:first-letter{background: #2BAFFC; color: #fff; cursor: pointer;}
.kehuKuai:first-letter {color: red;font-size: 15px;}
@media only screen and (max-width: 800px) {
    .kehuKuai{width:100%;}
    .searchMain input[type="date"]{width: 110px;}
}

.ztKuai a{width:18.5%;}
@media only screen and (max-width: 800px) {
    .ztKuai a{width:17.5%;  }
    .ztKuai a:nth-child(4){font-size: 9px;}
    .ztKuai a:nth-child(5){font-size: 9px;}
}

.showBox{position:fixed;width:96%;background:#fff;left:2%;top:2%;border-radius:10px;overflow:auto;box-shadow:#999 6px 6px 51px;z-index:9;padding:15px;box-sizing:border-box;height:82%;z-index:999}
.showBox2{padding-top:10px;position:fixed;width:96%;height:10%;background:#fff;left:2%;bottom:5%;border-radius:10px;overflow:hidden;box-shadow:1px 14px 118px #666;z-index:9;padding:15px;box-sizing:border-box;z-index:9999;justify-content:space-between;display:flex; justify-content: center;}

/*工厂布料信息弹窗样式 - 电脑版*/
/* 注意：这里不能再用 overflow:visible，否则会覆盖 .showBox 的 overflow:auto，
   导致固定高度容器内容溢出后无法上下滚动，多张图片时下面的图看不到。
   改为 overflow-y:auto 让弹窗内容可纵向滚动。 */
.factoryInfoBox{width:50%!important; left:25%!important; overflow-y:auto!important;}
.factoryInfoTable.layui-table td{font-size:22px!important; line-height:36px!important;}
.factoryInfoTable.layui-table .title{font-size:24px!important; line-height:40px!important;}
/*工厂布料信息弹窗关闭按钮*/
/* 注意：按钮必须完全放在弹窗内部（top/right 留 8px 间距，不做 translate 探出）——
   弹窗是 overflow-y:auto（为了内容可滚动），探出弹窗外的那一半会被裁掉、显示不完整。 */
.factoryCloseBtn{
    position:absolute;
    top:8px;
    right:8px;
    width:40px;
    height:40px;
    background:#F35F58;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 4px 12px rgba(0,0,0,0.4);
    transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);
    z-index:10;
}
.factoryCloseBtn:hover{
    background:#e04a43;
    transform:scale(1.2) rotate(90deg);
    box-shadow:0 6px 20px rgba(243,95,88,0.6);
}
.factoryCloseBtn i{
    color:#fff;
    font-size:20px;
    font-weight:bold;
    transition:all 0.3s;
}
.factoryCloseBtn:hover i{
    transform:scale(1.1);
}

/*工厂布料信息弹窗样式 - 手机版*/
@media only screen and (max-width: 800px) {
    .factoryInfoBox{width:96%!important; left:2%!important;}
    .factoryInfoTable.layui-table td{font-size:25px!important; line-height:40px!important;}
    .factoryInfoTable.layui-table .title{font-size:22px!important; line-height:1.8!important;}
    .factoryCloseBtn{
        width:48px;
        height:48px;
    }
    .factoryCloseBtn i{
        font-size:24px;
    }
}

/*COPY预览页的文字效果*/
 .copyYuLan {z-index: 999;}
 .copyYuLan span{    float: left; width: 100%; color: #4778c7; font-weight:800;}

.layui-nav .layui-nav-item a{padding:0 10px;}
.layui-nav .layui-nav-item a:hover {            cursor: pointer;}
.layui-nav .layui-nav-more{right:-7px;}
.layui-nav .layui-this:after, .layui-nav-bar {background:none;}
.layui-table-click, .layui-table-hover, .layui-table[lay-even] tbody tr:nth-child(even) {background: #EAEAEA}

.layui-laypage a, .layui-laypage span{    height: 32px;    line-height: 32px;    font-size: 16px;} /*底部分页样式*/
.layui-nav .layui-nav-item {line-height:49px;} /*头部导航条高度*/

.sizeBox {width: 100%;}
.sizeBox tr:nth-child(1) td{font-size: 16px;}
.sizeBox input { text-align: center; width: 100%;}
.sizeBox input:hover { border:1px solid #f00;}
.sizeBox td {text-align: center;}
/* 出货日期列会随录入一条条增加，列多了靠外层容器横向滚动，不压缩每一列的宽度 */
.factory-order-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
/* 表格宽度取内容宽度（列多就撑开、触发横向滚动），最小占满容器宽度（列少时不留空档） */
.factory-order-table{width:max-content!important;min-width:100%;table-layout:auto;}
/* 前四列给个最小宽度，免得内容少时被压成一条缝 */
.factory-order-table td:nth-child(1){min-width:46px;}
.factory-order-table td:nth-child(2){min-width:46px;}
.factory-order-table td:nth-child(3){min-width:58px;}
.factory-order-table td:nth-child(4){min-width:56px;}
/* 出货日期列：表头显示日期，格子显示当天录入的数量 */
.shipment-date-col{min-width:52px;white-space:nowrap;}
.shipment-date-text{font-size:12px;font-weight:700;color:#087f78;line-height:14px;}
/* 今天录入的那一列高亮，一眼看出最新一次出货记在哪天 */
.shipment-date-col.shipment-date-today{background:#e3f5f2;box-shadow:inset 0 -2px 0 #079c91;}
.shipment-date-today .shipment-date-text{color:#056861;}
.shipment-date-cell{min-width:52px;text-align:center;}
/* 同一日期录了多条时竖着排开 */
.shipment-date-cell-inner{display:flex;flex-direction:column;align-items:center;gap:3px;}
/* 录入列 / 总数列固定最小宽度，手机端也不会被挤扁 */
.factory-shipment-entry-title,.shipment-entry-cell{min-width:62px;}
.factory-shipment-total-title,.shipment-total-cell{min-width:52px;}
/* ===== 出货区统一标题「工厂成品出货数量」 ===== */
/* 只横跨出货区那几列：全部日期列 + 右侧「录入」列 + 「总数」列（跨列数由 getShipmentGroupColSpan() 计算）；
   左边 Size / Stock / Customer Order / Making Order 上方是留白，不铺底色，标题不盖到订单自身信息上 */
/* 注意：这一格的 td 会被 .sizeBox tr:nth-child(1) td 命中（16px），所以字号要用 !important 压住 */
.factory-order-table td.factory-shipment-group-title{font-size:13px!important;font-weight:700;color:#087f78;letter-spacing:1px;text-align:center;white-space:nowrap;background:#eef7f6;border-bottom:1px solid #cfe6e3;padding:3px 6px!important;}
@media (max-width:800px){
    .factory-order-table-cell{padding-left:0!important;padding-right:0!important;}
    .factory-order-table{margin-left:0!important;margin-right:0!important;}
    .factory-order-table td{box-sizing:border-box;padding:7px 3px!important;font-size:13px!important;word-break:normal;overflow-wrap:break-word;}
    /* 手机端列窄：标题字缩一点、去掉字间距；并改成左对齐 ——
       出货区在手机上一般超出屏幕要横向滑，居中会让标题初屏只露出半截，左对齐一进来就能看全 */
    .factory-order-table td.factory-shipment-group-title{font-size:12px!important;letter-spacing:0;padding:3px 4px 3px 8px!important;text-align:left;}
}
/* 出货数量小标签：正数绿底、负数红底，一眼看出哪条是冲账数据 */
.shipment-tag{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:2px 6px;border-radius:4px;box-sizing:border-box;line-height:16px;white-space:normal;word-break:keep-all;}
.shipment-quantity-tag{min-width:30px;background:#d8f1ed;color:#087f78;font-size:16px;font-weight:800;}
/* 负数（冲账）记录：标红，保证一眼就能看出哪条是负数 */
.shipment-quantity-minus{background:#fdeaea;color:#c0392b;}
.shipment-display-empty{padding:8px 2px;color:#7d9296;font-size:12px;}
/* ===== 表格右侧的「录入」列与「总数」列 ===== */
.shipment-entry-cell,.shipment-total-cell{text-align:center;}
/* 录入框必须水平居中：
   只靠 td 的 text-align:center 属于"行内居中"，一旦这条被任何其它规则改成右对齐（或线上残留旧样式），
   整列输入框就会贴到右边。所以这里加一层兜底 —— td 用高特异性 + !important 锁死居中，
   input 本身改成 block + margin:0 auto 做"物理居中"，两重保险，与 text-align 无关。 */
.factory-order-table td.shipment-entry-cell{text-align:center!important;}
.factory-order-table td.shipment-entry-cell>.shipment-entry-input{display:block!important;float:none!important;margin:0 auto!important;}
.shipment-entry-input{box-sizing:border-box!important;width:76px!important;max-width:100%!important;height:26px!important;padding:2px 4px!important;border:1px solid #9fc4c0!important;border-radius:4px;background:#fff;font-size:14px!important;text-align:center;color:#087f78;font-weight:700;}
.shipment-entry-input::placeholder{color:#b6c6c8;font-weight:400;font-size:12px;}
.shipment-entry-input:hover{border-color:#079c91!important;}
.shipment-entry-input:focus{border-color:#079c91!important;outline:none;box-shadow:0 0 0 2px rgba(7,156,145,.15);}
.shipment-total-cell,.shipment-total-text{font-weight:800;color:#087f78;text-align:center;}
/* 注意：这条必须写在 .shipment-total-cell 后面，否则同优先级下负数不被标红 */
.shipment-total-minus{color:#c0392b;}
.vxe-table--render-default .vxe-cell{/*font-weight: 800!important;*/ font-size: 14px; text-align: center; color:#000;} /*单元格样式*/
.vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title {margin:0 auto;}  /*首行表格样式*/


/*滚动条整体部分*/

 .mytable-scrollbar {
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
}

 .mytable-scrollbar ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    border:10px solid #f00;

}
/*滚动条的轨道*/
.mytable-scrollbar ::-webkit-scrollbar-track {
    background-color: #FFFFFF;
}
/*滚动条里面的小方块，能向上向下移动*/
.mytable-scrollbar ::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 5px;
    border: 1px solid #F1F1F1;
    /*box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
}
.mytable-scrollbar ::-webkit-scrollbar-thumb:hover {
    background-color: #A8A8A8;
}
.mytable-scrollbar ::-webkit-scrollbar-thumb:active {
    background-color: #000;
}
/*边角，即两个滚动条的交汇处*/
.mytable-scrollbar ::-webkit-scrollbar-corner {
    background-color: #FFFFFF;
}


.col-blue {background:#CCCCCC; color:#000;}

tbody  {margin-bottom: 45px;}


 .vxe-table--render-default {color: #000;}
 /*.vxe-table--render-default.border--full .vxe-body--column, .vxe-table--render-default.border--full .vxe-footer--column, .vxe-table--render-default.border--full .vxe-header--column{border: 1px solid #000;}*/
 /*表格边框颜色*/
 .vxe-table--render-default.border--full .vxe-body--column, .vxe-table--render-default.border--full .vxe-footer--column, .vxe-table--render-default.border--full .vxe-header--column{background-image:-webkit-gradient(linear,left top,left bottom,from(#bfbfbf),to(#bfbfbf)),-webkit-gradient(linear,left top,left bottom,from(#bfbfbf),to(#bfbfbf))}

 /*表格内每两行间间隔行背景颜色*/
 .vxe-table--render-default .vxe-body--row.row--stripe{background-color:#EEEEEE}

 /*表格内单元格内的间距*/
 .vxe-table--render-default .vxe-body--column:not(.col--ellipsis), .vxe-table--render-default .vxe-footer--column:not(.col--ellipsis), .vxe-table--render-default .vxe-header--column:not(.col--ellipsis){padding:0px; }
 .vxe-table--render-default .vxe-cell{padding:3px;}


 /*底部分页边框*/
 .layui-laypage a, .layui-laypage span {border:1px solid #999;}

 /*颠倒下方的水平滚动条在上面*/
 /*.vxe-table--body-wrapper {transform:scaleY(-1);}*/
 /*.vxe-table--body {transform:scaleY(-1);}*/

 .vxe-table--body{
     padding-bottom:150px;
 }