@font-face {
  font-family: "Icon";  /* 自定义字体名称 */
  src: url("font.woff2") format("woff2");  /* 指定 .woff2 文件路径 */
  font-weight: normal;
  font-style: normal;
}
html{
	font-size: 10px;
}

i{
	font-style: normal;
}
body,p{
padding: 0;
margin:0;
background: #f5f7fa;
color:#333;
}
ul{
	padding: 0;
	margin:0;    
}
li{
  list-style: none
}
body{
	display: flex;
	height: 100vh;
}

  /* 针对所有滚动条的基础样式 */
::-webkit-scrollbar {
  width: 5px;  /* 竖向滚动条宽度 */
  height: 5px; /* 横向滚动条高度 */
}

/* 竖向滚动条轨道 */
::-webkit-scrollbar-track:vertical {
  background: #f5f5f5;
}

/* 横向滚动条轨道 */
::-webkit-scrollbar-track:horizontal {
  background: #f5f5f5;
}

/* 竖向滚动条滑块 */
::-webkit-scrollbar-thumb:vertical {
  background: #ddd;
  border-radius: 1px;
}

/* 横向滚动条滑块 */
::-webkit-scrollbar-thumb:horizontal {
  background: #ddd;
  border-radius: 1px;
}

/* 滚动条滑块悬停效果 */
::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

.l{
  flex: 1;
  max-width:18rem;
  min-width: 18rem;
  padding-left: 1rem;
  background: linear-gradient(to bottom, var(--menu-c,var(--main-an,#42485b)), var(--menu-c,var(--main-an,#42485b)));
  color: #fff;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;      
}
.logo{
  height: 6.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex; 
  align-items: center;
  justify-content: center;
  padding-right: 1rem;
  gap:1rem;   
}
.logo i{
    padding: 1rem;
    background: #fff;
    border-radius: 1rem;  
}
.logo i:before{
  font-size: 2rem;
  color:var(--menu-c,var(--main-an,#42485b));
  content: "\f468";
  font-family: "Icon";
}
.menu{
  margin: 2rem 0;
  flex: 1;
  overflow: auto;
  font-size: 1.6rem;
  overflow-y:auto; 
/*  background: #Fff;*/
}
.menu .card{
  display: flex;
  flex-direction: column;
/*  background: var(--menu-c,var(--main-an,#42485b))*/
}
.menu .card p{
  padding: 15px 25px;
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  transition: all 0.2s;
  border-left: 4px solid transparent;   
  background: var(--menu-c,var(--main-an,#42485b));
  color: #fff;                 
}
.menu .card p:hover{
  background: rgba(0, 0, 0, 0.15);
  border-radius: 1rem 0 0 0;  
}
.menu .card .hover{
  background-color: rgba(255, 255, 255, 0.05);
  border-left: 4px solid var(--main,#3498db);
  color: var(--main,#3498db);        
}
.menu .card ul{
  display: none;
  padding: 1rem 0 1rem 1rem;
  background: rgba(255, 255, 255, 0.1)
}
.menu .card ul li{
  padding: 15px 25px;
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  transition: all 0.2s;
  border-left: 4px solid transparent; 
  color: #fff; 
  border-top: 1px solid rgba(255, 255, 255, 0.2);    
}
.menu .card ul li:nth-child(1){
  border-top:0;
}
.menu .card ul li:hover{
    background: rgba(0, 0, 0, 0.15);
    border-radius: 1rem 0 0 1rem;
}
.menu .card i:before{
  content: "\f017";
  font-family: "Icon";
}
.menu .card ul i:before{
  content: "\f5d1";
  font-family: "Icon";
}  
.menu .card .active{
  background-color: #ffa;
  background: var(--main,#f80);
  border-radius: 1rem 0 0 0;
/*  border-left: 4px solid #9ba5c6;*/
  color: var(--menu-c,var(--main-an,#42485b));
  color: #fff;
  font-weight: bold;
}
.menu .card .active:hover{
  background-color: var(--main-hs,#f80);
  color: #fff;
}
.menu .card ul .active{
  border-left: 4px solid var(--main-hs,#9ba5c6);
  background: #fff;
  border-radius: 1rem 0 0 1rem;
  color:var(--menu-c,var(--main-an,#42485b));
}
.menu .card ul .active:hover{
  background:#fff;
  color:var(--menu-c,var(--main-an,#42485b));
}
.menu .card ul .activeup{
  border
}

/*上面为左侧logo和菜单 以及HTML全局样式*/

.r{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.r .top{
  height: 5rem;
  background: #fff;
  border-bottom: 1px solid #f3f4f6;
  display: flex;
}
.r .top .dh{
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    padding: 0 1.5rem;
    gap:0.5rem;
    color:#666;
}
.r .top .dh i{
  margin:0 1rem;
}
.r .top .dh i:before{
  content: "\f03b";
  font-size: 1.5rem;
  font-family: "Icon"
}
.r .top .dh span{
  margin-right: 0.5rem;
  white-space: nowrap;
  display: flex;
  width:calc(100vw - 18rem - 10rem - 6rem - 7rem);
  overflow-x:auto; 
}
.r .top .dh span a{
  border:1px solid #e5e5e5;
  padding: 0.75rem 1rem;
  border-left: 0;
  border-bottom: 0;
  font-size: 1.2rem;
  font-weight: bold;  
}
.r .top .dh span a:before{
  content: "\f017";
  font-family: "Icon";
  margin-right: 0.5rem;
  font-size: 1.2rem;
  color:#888;
}
.r .top .dh span a:nth-child(1){
  border-left: 1px solid #e5e5e5;
  border-radius: 0.75rem 0 0 0;
}
.r .top .dh span a:last-child{
  border-radius: 0 0.75rem 0 0;
}
.r .top .dh span a:only-child{
  border-radius: 0.75rem 0.75rem 0 0;
}
.r .top .dh span a:hover{
  background: #dfe2e4
}
.r .top .dh span a i{
  margin:0;
  padding: 0.25rem;
  margin-left: 0.25rem;
}
.r .top .dh span a i:before{
  content:"\f00d";
  font-size: 1.2rem;
  color:#888;
}
.r .top .dh span a i:hover:before{
  color:red;
}
.r .top .dh span .active{
  background: var(--tab-c,var(--main-an,#42485b));
  border-color: var(--tab-c,var(--main-an,#42485b));  
  color:#fff;
}
.r .top .dh span .active:before{
  color:#d7d7d7;
} 
.r .top .dh span .active:hover{
  background: var(--tab-c,var(--main-an,#42485b));
  color:#fff;
}
.r .top .dh span .active i::before{
  color:#fff;
} 


.r .top .face{
    display: flex;
    padding-right: 1rem;
    min-width:10rem;
}
.r .top .face button{
  margin: auto;
  border:0;
  background: #fff;
  position: relative;  
}
.r .top .face button i:before{
  font-size: 1.5rem;
  color:#6b7280;  
  content:"\F0A2";
  font-family: "Icon"
}
.r .top .face button i:hover:before{
  color:#f70;
}
.r .top .face button span{
  position: absolute;
  right: 0.15rem;
  top:-0.05rem;
  width:0.6rem;
  height:0.6rem;
  background: red;
  border-radius: 50%;
}
.r .top .face .set{
  margin:auto;
  padding-right: 1rem;
  display: flex;
  position: relative;
}
.r .top .face .set img{
  width:3rem;
  height: 3rem;
  border-radius: 50%;
  margin:0 0.5rem;
}
.r .top .face .set span{
  margin:auto 0.5rem;
  font-size: 1.2rem;
  white-space: nowrap;
}
.r .top .face .set i{
  margin:auto;  
}
.r .top .face .set i:before{
  font-size: 1.5rem;
  color:#6b7280;
  content: "\F078";
  font-family: "Icon";
}
.r .top .face .set ul{
  position: absolute;
  top: calc(100% + 1rem + 1px);
  right: calc( -1rem + 2px );
  width: calc(100% - 1rem);
  padding: 1.5rem 1rem;
  margin:0;
  z-index: 2;
  background: #fff;
  border-radius: 0 0 0.4rem 0.4rem;
  box-shadow: 0 0 3px 1px rgba(0,0,0,0.1)
}
.r .top .face .set ul li{
  padding: 1rem;
  text-align: center; 
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.1rem;
  font-weight: bold;
  color: #555;  
}
.r .top .face .set ul li:last-child{
  border:0;
}
/*上面是导航 可能要改为标签页切换*/

.r .main{
  margin:auto;
  flex:1;
  width: calc(100% - 4rem);
  max-width:1460px;  
  max-width: 1680px;
  height: calc(100vh - 5rem - 1px - 4rem);
  padding: 2rem;
  background: #f5f7fa;    
  /*background: #f9fafb;*/
  display: flex;
  position: relative;
}

.r .main .bqy{
  flex: 1;
  display: flex;
  gap:1.5rem;
}

.r .main .hide{
  display: none
}
/*上面是主体部分 全局样式*/

.jrkb{
  flex-direction: column;
}
.jrkb .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 1rem;
   box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05)
}
.jrkb .kb{
   height: 27rem;
  display: flex;
  justify-content: space-between;
  gap:2rem;
}
.jrkb .kb .card{
   width:calc(100% - 4rem) / 3;
   flex: 1;
   background: #fff;
   box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   border-radius: 1rem;
}
.jrkb .content{
  flex: 1;
  background: #fff;
  border-radius: 1rem;
  position: relative;
}


/*下面是 商品分类*/
.spfl{
  flex-direction: column;
}
.spfl .content{
  /*flex: 1;*/
  max-width: 80rem;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  border-radius: 0.5rem;  
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
}
.spfl .content .tit{
  
}
.spfl .content .tit h2{
  margin:0;
  font-size: 2rem;
}
.spfl .content .ul{
  /*flex: 1;*/
  margin-top: 2rem;  
  display: flex;
  flex-direction: column;
  max-width: 80rem;
}
.spfl .content .ul ul{
    min-width: 70rem;
    max-height: calc(100vh - 34rem);
    overflow-y: auto;
    border-radius: 0.5rem;
    padding: 2rem 0;
    margin-bottom: auto;
    /*box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0.1);*/
}
.spfl .content .ul .so{
  margin:0;
  padding-bottom: 1.5rem;
  display: flex;
}
.spfl .content .so .mc{
  margin:0;
  flex: 1;
  display: flex;
  padding: 0.5rem 2rem;
  border:1px solid #e5e5e5;
  border-radius: 0.5rem;
}
.spfl .content .so .mc:hover{
  border-color: var(--main,#03be8d);
}
.spfl .content .so .mc i{
  margin:auto 0;
  font-size: 1.4rem;
  color: #999;  
}
.spfl .content .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.spfl .content .so .mc input{
  padding: 0.5rem 2rem;
  border:0;
  flex: 1;
  color: #555;
}
.spfl .content .so .mc:hover input{
  color:var(--main,#03be8d);
}
.spfl .content .so .mc button{
  border:0;
  background: #fff;
  color:#888;
  padding: 1rem 0.5rem;
}
.spfl .content .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem; 
    font-family: "Icon" 
}
.spfl .content .so .mc button:hover:before{
  color:red;
}

.spfl .content .ul ul li{
  border-bottom: 1px solid #e5e5e5;
  padding: 1.5rem 2rem;
  font-size: 1.3rem;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.spfl .content .ul ul li:hover{
  background: rgba(0,0,0,0.05);
  font-weight: bold;
}
.spfl .content .ul ul li:hover p{
  background: initial;
  color:var(--txt-c,var(--main-an,#42485b));
}
.spfl .content .ul ul li p{
  background: #fff;
  display: flex;
  gap:1.5rem;
}
.spfl .content .ul ul li p xh{

}
.spfl .content .ul ul li p span{

}
.spfl .content .ul ul li p span:before{ /*F07C 打开*/
    content: "\f07c";
    font-family: "Icon";  
    color:#fdd835;
    margin-right: 0.5rem;
    font-size: 1.5rem
}
.spfl .content .ul ul li p .add:before{
    content: "\2b";
    font-family: "Icon";
    color:var(--main,#03be8d);
}
.spfl .content .ul ul li p .edit:before{
    content: "\f044";
    font-family: "Icon";
    color: #888;
}
.spfl .content .ul ul li p .jt{

}
.spfl .content .ul ul li p .jt:before{
    content: "\f078";
    font-family: "Icon";
    color: #888;
}
.spfl .content .ul ul li p .del{
  margin-left: auto;
  padding: 0 0.5rem;
}
.spfl .content .ul ul li p .del:before{
    content: "\f00d";
    font-family: "Icon";
    color: #888;
}
.spfl .content .ul ul li p .del:hover:before{
  color:red;
}

/*子分类*/
.spfl .content .ul ul li:hover ul{
  background: #dfdfd5;
}
.spfl .content .ul ul li:hover ul li{
  background: initial;
  font-weight: initial;
}
.spfl .content .ul ul li:hover ul li:hover{
  background: rgba(0,0,0,0.1);
  font-weight: bold;
  color:#666;
}
.spfl .content .ul ul ul{
  margin:2rem;
  background: #f0f0ec;
  margin-right: 0;
  padding: 0;
}
.spfl .content .ul ul ul li{
  flex-direction: row;
  background: #f0f0ec;
  gap:1.5rem;
}

.spfl .content .ul ul ul li span:before{ /*F07C 打开*/
    content: "\f07c";
    font-family: "Icon";  
    color:#fdd835;
    margin-right: 0.5rem;
    font-size: 1.5rem
}
.spfl .content .ul ul li span:focus{
  color:#999;
}
.spfl .content .ul ul ul li .add:before{
    content: "\2b";
    font-family: "Icon";
    color:var(--main,#03be8d);
}
.spfl .content .ul ul ul li .jt{

}
.spfl .content .ul ul ul li .edit:before{
    content: "\f044";
    font-family: "Icon";
    color: #888;
}
.spfl .content .ul ul ul li .jt:before{
    content: "\f078";
    font-family: "Icon";
    color: #888;
}
.spfl .content .ul ul ul li .del{
  margin-left: auto;
  padding: 0 0.5rem;
}
.spfl .content .ul ul ul li .del:before{
    content: "\f00d";
    font-family: "Icon";
    color: #888;
}
.spfl .content .ul ul ul li .del:hover:before{
  color:red;
}


.spfl .content .ul div{
    margin-top: 2rem;
    display: flex;
    gap:2rem;
    align-items: center;
} 
.spfl .content .ul div span{
  font-size: 1.2rem;
}
.spfl .content .ul div button{
    border: 0;
    border-radius: 0.3rem;
    background: var(--main-hs,#0ca767);
    color: #fff;
    padding: 1rem 2rem;
}
.spfl .content .ul div .addx{
    margin-left: auto;  
    background: #607d8b;
    background: rgb(96,125,139,0.05);
    border:1px solid #607d8b;
    color:#607d8b;    
}
.spfl .content .ul div .addx:hover{
    background: rgb(96,125,139,0.1);
}

/*上面是 商品分类*/



/*产品管理开始*/

/*下面是 商品列表*/

.splb{
   flex-direction: column;
}

.splb .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.splb .so .fl{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.splb .so .fl select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.splb .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;  
}
.splb .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.splb .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.splb .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
}
.splb .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.splb .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem; 
    font-family: "Icon" 
}

.splb .so .cz{
    margin-left: auto;
    display: flex;
    gap:1.5rem;
}
.splb .so .cz button{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border: 0;
    padding: 0.5rem 1.75rem;
    border-radius: 0.35rem;
    background: var(--main-hs,#0ca767);
    font-size: 1.5rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;        
}
.splb .so .cz .add{

}

.splb .so .cz .download{
    
}
.splb .so .cz button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.splb .content{
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
}

.splb .content h2{
  font-size: 2rem;
  margin:0;
}
.splb .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
.splb .content .xzall button{
  border:0;
  background: #4d5262;
  color:#fff;
  padding: 0.75rem 1.5rem;
  border-radius: 0.3rem;  
}
button{
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;    
}
.splb .content .xzall button:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);   
}
.splb .content .xzall span{
    margin-left: auto;
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.splb .content .xzall span i{
    padding: 0 0.5rem;
}
.splb .content .xzall span b{

}
.splb .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}

/* 表格占满宽度 */
.splb .content .ul table {
    width: 100%;
    border-collapse: collapse;
}

/* 表头固定 */
.splb .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}

/* 确保表头背景不透明 */
.splb .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}

/* 表格内容样式 */
.splb .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
.splb .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.splb .content .ul tbody .hover{
  background: #dddfe8;
}

th:first-child,td:first-child{
  width: 4rem;
}
thead,tbody{
  width:100%;
  overflow: auto;
}

.splb .content .xzall .xz{
    background: #f8f8f8;
    border:1px solid var(--tag-c,var(--main-an,#42485b));
    color:var(--tag-c,var(--main-an,#42485b));
}
.splb {
    overflow-x: auto;
    position: relative;
}

.splb .ul th:last-child,
.splb .ul td:last-child {
    position: sticky;
    right: 0;
    background-color: white;
    box-shadow: -2px 0 5px rgba(0,0,0,0.1);
    z-index: 1;
}

.splb th:last-child {
    z-index: 2;
    background-color: #f5f5f5;
}
.splb {
    overflow-x: auto;
    position: relative;
}

/* 固定第一列 */
.splb th:first-child,
.splb td:first-child {
    position: sticky;
    left: 0;
    background-color: white;
    z-index: 1;
}
.splb tr:hover td:first-child,.splb tr:hover td:nth-child(2),.splb tr:hover td:last-child{
    background: #fafafa 
} 

.splb .hover td:first-child,.splb .hover td:nth-child(2),.splb .hover td:last-child{
    background: #dddfe8 
} 

.splb .hover:hover td:first-child,.splb .hover:hover td:nth-child(2),.splb .hover:hover td:last-child{
    background: #dddfe8 
} 
/* 固定第二列 */
.splb th:nth-child(2),
.splb td:nth-child(2) {
    position: sticky;
    left: 4.3rem; /* 根据第一列宽度调整 */
    background-color: white;
    z-index: 1;
}

/* 表头背景色（避免遮挡） */
.splb th:first-child,
.splb th:nth-child(2),
.splb th:last-child {
    background-color: #f5f5f5;
    z-index: 2;
}
@media (max-width: 1860px) {
    .splb .content .ul {
        max-width: calc(100vw - 29rem);
    }
}
/*上面是 产品列表*/

/*上面是 产品列表 编辑弹窗*/
.edits{
   position: absolute;
   left:0;
   top:0;
   width:100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: rgba(0,0,0,0.75);
   z-index: 900;
}
.splb .body{
  width:80rem;
  min-height: 50rem;
  max-height: 60rem;
  background: #fff;
  border-radius: 1rem;
  padding: 2.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap:2rem;
}
.splb .body .bt{
  display: flex;
}
.splb .body .bt h1{
  color:#555;
  margin:0;
}
.splb .body .bt h1:before{
  content:"\f044";
  font-family: "Icon";
  margin-right: 0.5rem;
}
.splb .body .bt small{
  display: flex;
  align-items: end;
  padding: 0.25rem 0.75rem;
  font-size: 1.1rem;
}
.splb .body .from{
  flex:1;
  display: flex;
  flex-direction: column;
  gap:2rem;
  overflow: auto;
}
.splb .body .from .xx{
  display: flex;
  justify-content: space-between;
  gap:2.5rem;
  padding-right: 1rem;
}
.splb .body .from .other{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.splb .body .from .other span{
  padding: 0.5rem 1.5rem;
  font-size: 1.4rem;
  color:#555;
  font-weight: bold;
}
.splb .body .from .other .imgs{
  flex: 1;
  background: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  min-height: 6rem;  
  border:1px solid #e5e5e5;
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow-x:auto;
}
.splb .body .from .other .imgs input{
   width:0;
}
.splb .body .from .other .imgs button{
    background: #e2e8f8;
    border: 1px solid #ccc;
    padding: 1rem 2rem;
    color: var(--txt-c,var(--main-an,#42485b));
    border-radius: 0.5rem;
    margin-left: 1rem;
}
.splb .body .from .other .imgs button i:before{
    content: "\f0ee";
    font-family: "Icon";
    margin-right: 0.5rem;
}
.splb .body .from .z{
  flex: 1;
  display: flex;
  flex-direction: column;
  gap:1.5rem;
}
.splb .body .from .z p{
    display: flex;
    align-items: center;
    padding: 1.25rem 2rem;
    border-radius: 0.5rem;
    border: 1px solid #e5e5e5;
    background: #fff;
}
.splb .body .from .z .xgs{
    background: #dfd;
    color:var(--main,#03be8d);
}
.splb .body .from .z .xgs input,.splb .body .from .z .xgs select{
    background: #dfd;
    color:var(--main,#03be8d);
}
.splb .body .from .z p span{
    min-width: 8rem;
    max-width: 8rem;
    font-size: 1.2rem;
    font-weight: bold;
    color: #555;
    display: flex;
    align-items: center;    
}
.splb .body .from .z p span:before{
    content:"";
    font-family: "Icon";  
    color: #fff;
    font-weight: bold; 
    margin-right: 0.25rem;    
    font-size: 0.8rem; 
}
.splb .body .from .z p .must:before{
    content:"\F005";  
    color:#f80;
}
.splb .body .from .z p input,.splb .body .from .z p select{
    border: 0;
    flex: 1;
    border-radius: 0.3rem;
    color:#6070a1;
    max-width: 13rem;

}

.splb .body .from .pz{
  width:3.5rem;
  height: 3.5rem;
  padding:0.5rem;
  margin:0.5rem;
  border-radius: 0.6rem;
  border:1px solid rgba(0,0,0,0.2);
  position: relative;
  float: left;  
  display: flex;
}
.splb .body .from img{
  width:3.5rem;
  height:3.5rem;
  border-radius: 0.6rem;
}
.splb .body .from .pz span{
  flex: 1;
  padding: 0;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 1rem;
}
.splb .body .from .pz i{
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  color:#fff;
  display: inline-block;
  width:1rem;
  height:1rem;
  text-align: center;
  line-height: 1rem;
  background: red;
  border-radius: 50%;
  font-size: 1rem;
  padding: 0.25rem;
}
.splb .body .from .pz i:before{
  content:"\F00D";
  font-family: "Icon";
}
.splb .body .from .pz progress{
  position: absolute;
  bottom: 0.5rem;
  left:10%;
  width:80%; 
  height:0.5rem;
  border-radius: 0.5rem;
  
}





.splb .body .ft{
  display: flex;
  gap:1rem;
}
.splb .body .ft button{
    padding: 1rem 2rem;
    height: 4rem;
    padding: 0 2rem;
    border: 0;
    border-radius: 0.4rem;
    background: var(--main,#27ae60);
    color: #fff;
    font-size: 1.4rem;
    outline: 0;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;    
}
.splb .body .ft .reset{
    border: 1px solid #ddd;
    background: #fff;
    color: #888;
}
.splb .body .ft .reset:hover{
  background: rgb(96, 125, 139, 0.05);
  border: 1px solid #607d8b;
  color: #607d8b;  
}
.splb .body .ft .qx{
  margin-left: auto;
  background: #fff;
  border: 1px solid #ddd;
  color: #888;
}
.splb .body .ft .qx:hover{
  background: rgb(96, 125, 139, 0.05);
  border: 1px solid #607d8b;
  color: #607d8b;  
}
.splb .body .ft .save{
  
}
/*产品编辑模块结束*/

/*产品导入模块开始*/
       /* ========= 以下为 .daoru 模块完整样式，基于父级 .jrkb .content 相对定位 ========= */
        .daoru {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(2px);
            z-index: 100;
            border-radius: 1rem;
            padding: 1.8rem 2rem;
            display: none;           /* 默认隐藏，点击 .allin 时显示 */
            flex-direction: column;
            gap: 1.5rem;
          /*  overflow-y: auto;*/
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }
        .daoru.show {
            display: flex;
        }

        /* 导入头部区域 */
        .daoru-header {
            background: #f8fafc;
            border-radius: 0.75rem;
            padding: 1.25rem 1.8rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            border: 1px solid #e9edf2;
        }
        .daoru-title h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin: 0 0 0.25rem 0;
            color: #1f2937;
        }
        .daoru-title h3:before{
          content:"\f07c";
          font-family: "Icon";
          margin-right: 0.5rem;
          color:#aaa;
        }
        .daoru-title p {
            font-size: 0.85rem;
            color: #5b6e8c;
            margin: 0;
        }
        .daoru-actions {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
        }
        .daoru-actions button {
            background: #fff;
            border: 1px solid #d1d5db;
            padding: 1rem 1.5rem;
            border-radius: 0.3rem;
            font-size: 1.2rem;
            cursor: pointer;
            transition: all 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: #374151;
        }
        .daoru-actions button i {
            font-style: normal;
            font-size: 1.1rem;
        }
        .daoru-actions .btn-primary {
            background: var(--main-hs,#0ca767);
            border-color: var(--main-hs,#0ca767);
            color: #fff;
        }
        .daoru-actions .btn-primary:hover {
            background: #0b965b;
            transform: translateY(-1px);
            box-shadow: 0 2px 8px rgba(12,167,103,0.2);
        }
        .daoru-actions .btn-outline:hover {
            background: #f1f5f9;
            transform: translateY(-1px);
        }
        /* 文件拖拽区域 */
        .dropzone {
            border: 2px dashed #cbd5e1;
            border-radius: 1rem;
            background: #fefefe;
            padding: 1.8rem 1.5rem;
            text-align: center;
            cursor: pointer;
            transition: all 0.2s;
            margin: 0.25rem 0;
        }
        .dropzone:hover, .dropzone.drag-over {
            border-color: var(--main-hs,#0ca767);
            background: #f0fdf4;
        }
        .dropzone-icon {
            font-size: 2.5rem;
            margin-bottom: 0.75rem;
        }
        .dropzone-icon:before{
            content: "\f6dd";
            font-family: "Icon"
        }
        .dropzone-text {
            font-size: 0.95rem;
            color: #4b5563;
        }
        .dropzone-hint {
            font-size: 0.75rem;
            color: #9ca3af;
            margin-top: 0.5rem;
        }
        /* 预览信息栏 */
        .preview-info {
            background: #f9fafb;
            border-radius: 0.5rem;
            padding: 0.75rem 1.25rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            font-size: 0.85rem;
            border-left: 4px solid var(--main-hs,#0ca767);
        }
        .preview-stats {
            display: flex;
            gap: 1.5rem;
        }
        .preview-stats span {
            color: #2c3e50;
            font-size: 1.2rem
        }
        .preview-stats b {
            color: var(--main-hs,#0ca767);
            margin: 0 0.2rem;
        }
        .preview-close {
            background: none;
            border: none;
            font-size: 1.25rem;
            cursor: pointer;
            color: #9ca3af;
            transition: color 0.2s;
        }
        .preview-close:hover {
            color: #ef4444;
        }
        /* 表格包装器 (产品列表滚动风格) */
        .daoru-table-wrapper {
            max-height: calc(100vh - 380px);
            overflow: auto;
            border: 1px solid #edf2f7;
            background: #fff;
        }
        .daoru-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.85rem;
            min-width: 800px;
        }
        .daoru-table thead tr {
            position: sticky;
            top: 0;
            background: #f9fafb;
            z-index: 10;
        }
        .daoru-table th {
            background: #f9fafb;
            padding: 0.9rem 0.9rem;
            font-weight: 600;
            color: #1f2a3e;
            border-bottom: 1px solid #e2e8f0;
            white-space: nowrap;
            text-align: left;
        }
        .daoru-table td {
            padding: 0.8rem 0.9rem;
            border-bottom: 1px solid #edf2f7;
            white-space: nowrap;
            color: #1e293b;
        }
        .daoru-table tbody tr:hover {
            background: #f5f7fb;
        }
        /* 固定第一列(序号/选择框) + 第二列可适配长表 */
        .daoru-table th:first-child,
        .daoru-table td:first-child {
            position: sticky;
            left: 0;
            background-color: white;
            z-index: 9;
            width: 3rem;
            text-align: center;
        }
        .daoru-table th:nth-child(2),
        .daoru-table td:nth-child(2) {
            position: sticky;
            left: 4.6rem;
            background-color: white;
            z-index: 8;
        }
        .daoru-table th:first-child,
        .daoru-table th:nth-child(2) {
            background-color: #f9fafb;
            z-index: 11;
        }

        .splb .content .daoru tbody .hover{
          background: #dddfe8;
        }
        .splb .daoru .hover td:first-child,.splb .daoru .hover td:nth-child(2),.splb .daoru .hover td:last-child{
            background: #dddfe8 
        } 

        .splb .daoru .hover:hover td:first-child,.splb .daoru .hover:hover td:nth-child(2),.splb .daoru .hover:hover td:last-child{
            background: #dddfe8 
        } 

        .daoru-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            padding-top: 1rem;
            margin-top: 0.5rem;
        }
        .daoru-footer-btns {
            display: flex;
            gap: 1rem;
        }
        .daoru-footer-btns button {
            border: 0;
/*            background: #4d5262;*/
            color: #fff;
            padding: 1rem 1.5rem;
            border-radius: 0.3rem;
            font-size: 1.2rem;
            cursor: pointer;
            transition: 0.2s;
        }
        .daoru-footer-btns .btn-cancel {
            background: #f1f1f1;
            border: 1px solid #e5e5e5;
            color: #555;
        }
        .daoru-footer-btns .btn-confirm {
            background: var(--main-hs,#0ca767);
        }
        .daoru-footer-btns button:hover {
            transform: translateY(-1px);
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }
        .daoru-check-info {
            font-size: 0.85rem;
            color: #374151;
        }
        .empty-table-msg {
            text-align: center;
            padding: 3rem;
            color: #9ca3af;
        }
        /* 关闭按钮(右上角自定义) 和 内部滚动条 */
        .icon-em {
            font-style: normal;
        }
        input[type="checkbox"] {
            width: 1rem;
            height: 1rem;
            cursor: pointer;
        }
        /* 响应式微调 */
        @media (max-width: 720px) {
            .daoru { padding: 1rem; }
            .daoru-header { flex-direction: column; align-items: flex-start; }
        }


/*产品导入模块结束*/




  table{
    width: 100%;
      border-collapse: collapse;  
  }
  th{
    position: sticky;
    top:0;    
    background: #f8f9fa;
    color:#333;
    font-weight: bold;
    font-size: 1.4rem;
    padding: 1.2rem 0;
    white-space: nowrap;
    text-align: left;
  }
  tr{
    border-bottom: 1px solid #dee2e6;   
  } 
  tr:hover{
    background: #fafafa;
  }
  td{
    padding: 1.25rem 0;
    font-size: 1.2rem;
  }
  tr td:first-child,tr th:first-child,tr td:last-child,tr th:last-child{
    text-align: center;
  }
  td .icos{
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  td .icos div{
    padding: 0.5rem 0.75rem;
    margin:0 0.5rem;      
    border-radius: 0.5rem;
    cursor: pointer;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;       
  }
  td .icos div:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
    background: #fff;      
  } 
  td .copy{
    background: #dfd;
    color:var(--main,#03be8d);
  } 
  td .edit{
    background: #e3f2fd;
    color:#3498db;
  }
  td .del{
    background: #ffebee;
    color:#e74c3c;    
  }     
  td .print{
    background: #f8f8f8;
    color:#555;    
  }     
  i{
    font-style: normal; 
  }

  .copy_ico:before{
    content: "\f0c5";
    font-family: "Icon"
  } 
  .edit_ico:before{
    content: "\f044";
    font-family: "Icon"
  }
  .del_ico:before{
    content: "\f1f8";
    font-family: "Icon"
  } 
  .print_ico:before{
    content: "\f02f";
    font-family: "Icon"
  }   
  .bq{
      border-radius: 20px;
      font-size: 1.2rem;
      font-weight: 500; 
      padding: 0.5rem 1rem;
      white-space: nowrap;  
  }
  .editsp{
    position: relative;
  }
  .editsp .body{
    position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.75);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;    
  }
  .editsp .body .from{
    margin:auto;
    width: 60%;
    max-width: 60rem;
    height: 70vh;
    max-height: 65rem;
    padding: 3rem;
    background: #fff;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
  }
  .editsp .body .from .tit{
    padding: initial;
  }
  .editsp .body .from .tit h2{
    margin:0;
    color:var(--main,#03be8d);
  }
  .editsp .body .from .tit small{
      margin-left: 1rem;
      margin-top: auto;
      font-size: 1.5rem;
  }
  .editsp .body .from .tit .close{
    color:#888;   
    margin-left: auto;
  }
  .editsp .body .from .tit .close:before{
    content: "\f00d";
    font-family: "Icon";
    font-size: 2rem;
  } 
  .editsp .body .from .tit .close:hover{
    color:red;
  }
/*产品管理结束*/

/*仓库列表管理开始*/
.cklb {
    flex-direction: column;
}

.cklb .content {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    overflow: hidden;
}

/* 三列通用样式 */
.cklb .col {
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid #e5e5e5;
    border-radius: 0.5rem;    
    overflow: hidden;
}

/* 列头部 */
.cklb .col-hd {
    padding: 10px 12px;
    background: #f8f8f8;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.cklb .col-hd h4 {
    margin: 0;
    font-size: 15px;
}

.cklb .col-hd .btn {
    padding: 0.5rem 1rem;
    cursor: pointer;
    background: var(--main,#03be8d);
    color: #fff;
    border: none;
    border-radius: 3px;
    font-size: 12px;
}

.cklb .col-hd .btn:hover {
    background: var(--main-hs,#0ca767);
}

/* 搜索框 */
.cklb .sch {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0;
}

.cklb .sch input {
    width: 100%;
    padding: 1rem 1.5rem;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 12px;
    box-sizing: border-box;
}

/* 列表容器 - 可滚动，无padding */
.cklb .lst {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

/* 表格样式 */
.cklb .data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.cklb .data-table th {
    background: #f8f9fa;
    padding: 10px 8px;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    position: sticky;
    top: 0;
    z-index: 10;
}

.cklb .data-table tr:hover {
    background: #f5fff5;
}
.cklb .data-table .active{
  background: #dfd;
  color:var(--main,#03be8d);
}
.cklb .data-table .active:hover{
  background: #dfd;
  color:var(--main,#03be8d);
}
.cklb .data-table td{
  padding: 10px 8px;
  white-space: nowrap;
}
.cklb .data-table tr td:nth-child(2){
  font-weight: bold;
  color:#555;
}
.cklb .data-table td .wh-name{
    font-weight: bold;
    display: inline-block;
}
.cklb .data-table td .wh-address {
    font-size: 10px;
    display: inline-block;
    max-width: 8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    color: #888;
    font-weight: 500;
}
/* 状态徽章 */
.cklb .status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
}

.cklb .status.active {
    background: #f6ffed;
    color: #52c41a;
    border: 1px solid #b7eb8f;
}

.cklb .status.inactive {
    background: #fff2f0;
    color: #ff4d4f;
    border: 1px solid #ffccc7;
}
.cklb .capacity{
    font-size: 11px;
    color: #666;
}
.cklb .action-btns{
  display: flex;
  gap:0.5rem;
}
.cklb .action-btns span {
    cursor: pointer;
    font-size: 11px;
    font-family: "Icon";
    padding: 0.5rem;
    display: inline-block;
    width: 1.1rem;
    border-radius: 0.35rem;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.075);
}
.cklb .action-btns span:hover{
  background: #fff;
}
.cklb .action-btns .kg{
    color: #aaa;
    background: #f2f2f2;
}
.cklb .action-btns .active{
    color: var(--main,#03be8d);
    background: #dfd;
}
.cklb .action-btns .active:hover{
    background: #fff
}
.cklb .action-btns .kg::before {
    content: "\F204";
}
.cklb .action-btns .active::before {
    content: "\F205";
}
.cklb .action-btns .edit::before {
    content: "\F044";
}

.cklb .action-btns .del::before {
    content: "\F1F8";
}

/* 序号列宽度 */
.cklb .data-table th:first-child,
.cklb .data-table td:first-child {
    width: 2.5rem;
    text-align: center;
}

/* 备注列 */
.cklb .remark {
    color: #888;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
}

/* 自定义滚动条 */
.cklb .lst::-webkit-scrollbar {
    width: 6px;
}

.cklb .lst::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.cklb .lst::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.cklb .lst::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}


.cklb .ckedit{
    position: absolute;
    left: 0;
    top: 0;
    flex: 1;
    background: rgba(0, 0, 0, 0.75);
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
}
.cklb .ckedit .body{
    width: 680px;
    height: 600px;
    margin:auto;
    background: #fff;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap:1rem;
}
.cklb .ckedit .body .tit{
    padding: 1.5rem;
    display: flex;
    background:#f8f9fc;
    border-radius:  0.5rem 0.5rem 0 0;
    margin-bottom: 1rem;
}
.cklb .ckedit .body .tit b{
    font-size: 1.5rem;
    color:#555;
}
.cklb .ckedit .body .tit small{
  margin:auto 0.5rem 0.25rem 0.5rem;
  font-size: 0.85rem;
  color:#888;
}
.cklb .ckedit .body .tit small:before{
   content:"编号：C20260000";
}
.cklb .ckedit .body .tit i{
    margin-left: auto;
    padding: 0.5rem;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}
.cklb .ckedit .body .tit i:hover{
    background: #ecebeb;
}
.cklb .ckedit .body .tit i:before{
    font-family: "Icon";
    content:"\f00d";
    color:#888;
}
.cklb .ckedit .body .form{
    flex: 1;
    overflow-y:auto; 
    display: flex;
    flex-direction: column;
    gap:1rem;
    padding: 0 2.5rem
}

/* 表单组 */
.cklb .form-group {
}

.cklb .form-group label {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.45rem;
    color: #666;
    letter-spacing: 0.2px;
}

.cklb .form-group .required {
    color: #e74c3c;
    margin-left: 2px;
    font-weight: 600;
}

.cklb .form-group input,
.cklb .form-group textarea,
.cklb .form-group select {
    width: 100%;
    padding: 1rem 1.5rem;
    border: 1px solid #d0d7de;
    border-radius: 0.4rem;
    font-size: 1.1rem;
    transition: all 0.2s;
    font-family: inherit;
    background-color: #fff;
    box-sizing: border-box;
}

.cklb .form-group input:focus,
.cklb .form-group textarea:focus,
.cklb .form-group select:focus {
    border-color: var(--main,#03be8d);
    outline: none;
    box-shadow: 0 0 0 3px var(--main-yd,rgba(3,190,141,.2));
}

.cklb .form-group textarea {
    resize: vertical;
    min-height: 70px;
}

/* 两列布局 */
.cklb .form-row-2 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.cklb .form-row-2 .form-group {
    flex: 1;
    min-width: 110px;
}

.cklb .ckedit .body .ft{
    display: flex;
    gap:1rem;
    padding: 1.6rem;
}
.cklb .ckedit .body .ft button{
    padding: 1rem 2rem;
    height: 4rem;
    padding: 0 2rem;
    border: 0;
    border-radius: 0.4rem;
    background: var(--main,#27ae60);
    color: #fff;
    font-size: 1.4rem;
    outline: 0;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;    
}
.cklb .ckedit .body .ft .qx{
  margin-left: auto;
  background: #fff;
  border: 1px solid #ddd;
  color: #888;
}

.cklb .ckedit .body .ft .qx:hover{
  background: rgb(96, 125, 139, 0.05);
  border: 1px solid #607d8b;
  color: #607d8b;  
}
/*仓库列表管理结束*/

/*库存列表开始*/
.kclb {
    flex-direction: column;
}

/* 上下容器 垂直均分 中间间隔2rem */
.kclb .split-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
    height: calc(100vh - 9.5rem);
    min-width: 1400px;
}
.kclb thead,.kclb tbody{
    border-left:1px solid #f2f3f5;
    border-right:1px solid #f2f3f5;
}
/* 上下区块 各自占一半高度 内部自适应 */
.kclb .split-top,
.kclb .split-bottom {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 0.5rem;
    overflow: hidden;
    box-sizing: border-box;
    padding: 1rem 2rem
}

/* 上表内部搜索栏 复用你原有so样式 */
.kclb .so {
    padding: 1.5rem 0;
    display: flex;
    gap:1rem;
    align-items: center;
    border-bottom: 1px solid #eee;
}
.kclb .so .fl {
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
    gap: 1rem;
}
.kclb .so .fl select {
    padding: 0.5rem;
    border:0;
    color:#666;
}
.kclb .so .mc {
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}
.kclb .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.kclb .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.kclb .so .mc input{
  padding: 0.6rem 1rem;
  border:0;
  width:18rem;
}
.kclb .so .sopp input{
  width:8rem;
  text-align: center;
}
.kclb .so .sock input{
  width: 8rem;
  text-align: center;
}
.kclb .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.kclb .so .cz{
    margin-left: auto;
    display: flex;
    gap:1.5rem;
    align-items: center;
}
.kclb .so .cz button{
    background: var(--main-hs,#0ca767);
    color: #fff;
    border: 0;
    padding: 0.75rem 1.75rem;
    border-radius: 0.35rem;
    font-size: 1.5rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;        
}
.kclb .so .cz button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 4px 3px rgb(0 0 0 / 0.1);  
}
.kclb .so .cz span{
    padding: 0.9rem 1.5rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: #666;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #ddd;
}
.kclb .so .cz .active{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border-color: var(--btn-c,var(--main-an,#42485b));
}
.kclb .so .cz span:hover{
   transform: translateY(-1px);
   box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}

/* 下表内部搜索+Tab栏 */
.kclb .bottom-so {
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
    background: #fff;
    border-bottom: 1px solid #eee;
    gap: 1rem;
}
.kclb .bottom-so .mc {
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.kclb .bottom-so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.kclb .bottom-so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.kclb .bottom-so .mc input{
  width:18rem;
  padding: 0.6rem 1.5rem;
  border:0;
}
.kclb .tab {
    display: flex;
    gap: 1rem;
    margin-left: auto;
}
.kclb .tab .tab-item {
    padding: 0.9rem 1.25rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: #666;
    background: #e5e7eb;
    border:1px solid #e5e7eb;
}
.kclb .tab .tab-item:hover{
    border-color: var(--tag-c,var(--main-an,#42485b));
    color: var(--tag-c,var(--main-an,#42485b));
}
.kclb .tab .tab-item.active {
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border-color: var(--btn-c,var(--main-an,#42485b));
}
.kclb .tab .tab-item.active:hover{
    border-color: var(--tag-c,var(--main-an,#42485b));
    background: #585f6d;
}
/* 表格区域 剩余高度自动滚动 */
.kclb .ul {
    flex: 1;
    overflow: auto;
}

.kclb .ul table {
    width: 100%;
    border-collapse: collapse;
}
.kclb .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}
.kclb .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}
.kclb .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
.kclb .ul tbody tr:hover {
    background: #dddfe8;
    cursor: pointer;
}
.kclb .ul tbody td button{
    border: 0;
    padding: 0.5rem 0.6rem 0.35rem 0.6rem;
    font-size: 1.1rem;
    border-radius: 0.4rem;
    margin:0.25rem;
}
.kclb .ul .edit:before{
   content:"\F044";
   font-family: "Icon";
}
.kclb .ul .del:before{
   content:"\F1F8";
   font-family: "Icon";
}
.kclb .load{
  text-align: center;
  padding: 1rem;
  color:#999;
}

.kclb .ul table .hover{
    background: #dddfe8;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: bold;
}

/* 每个表底部统计栏 */
.kclb .table-foot-info {
    padding: 1rem 0;
    border-top: 1px solid #e5e5e5;
    font-size: 1.4rem;
    color: #666;
    background: #fff;
}
.kclb .table-foot-info b {
    color: var(--main-hs,#0ca767);
    font-weight: bold;
    padding: 0 0.5rem;
}



/* 品牌/仓库 模糊搜索下拉 */
.search-dropdown {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    max-height: 180px;
    overflow-y: auto;
    z-index: 9999;
    display: none;
    border-radius: 0 0 0.5rem 0.5rem;
}
.search-dropdown .item {
    padding: 0.7rem 1.5rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: #333;
}
.search-dropdown .item:hover {
    background: #f5f7fa;
}



.kclb .x{
    border: 3px solid #e6e9f3;
    cursor: ns-resize;
    border-radius: 0.5rem;
    height: 0;           /* 关键！让高度只有border撑起 */
    background: #e6e9f3;
    background-clip: padding-box;
}
.kclb .x:hover{
    border-color: #989fb5
}

.search-dropdown .item.selected {
    background: var(--btn-c,var(--main-an,#42485b)) !important;
    color: #fff !important;
}
/*库存列表结束*/

/*库存入库开始*/
.kcrk {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    padding: 1rem;
}
.kcrk .content{
    flex: 1;
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    gap:1rem;
}

.kcrk .content .copyc{
   height: 12rem;
   border:1px solid #e5e5e5;
   padding: 1rem;
   resize: vertical;
}
.kcrk .content .btn{
    display: flex;
    gap:1rem;
}
.kcrk .content .btn button{
    padding: 0.75rem 1.5rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: var(--txt-c,var(--main-an,#42485b));
    background: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #ddd;  
}
.kcrk .content .btn .next{
    background: #f2f2f2;
    color:var(--txt-c,var(--main-an,#42485b));
}
.kcrk .content .btn .xlsin{
    background: var(--main-hs,#0ca767);
    color:#fff;
}
.kcrk .content .btn button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
}


.kcrk .content .ul {
    flex: 1;
    border: 1px solid #e5e5e5;
    overflow: auto;        /* 支持横向和纵向滚动 */
    max-width: 1608px;
    position: relative;
}
@media (max-width: 1920px) {
    .kcrk .content .ul {
        max-width: calc(100vw - 30.2rem);
    }
}
.kcrk .content .ul table {
    width: max-content;    /* 关键：宽度根据内容自动适应 */
    min-width: 100%;       /* 如果内容不够宽，至少占满容器 */
    border-collapse: collapse;
    /* 移除 table-layout: fixed */
}

.kcrk .content .ul th,
.kcrk .content .ul td {
    border-right: 1px solid #e5e5e5;
    height: 4rem;
}
.kcrk .content .ul th{
    padding: 0.5rem 1rem;
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;  /* 表头需要最高层级，始终在内容之上 */
}
.kcrk .content .ul td{
  padding: 0;
}
.kcrk .content .ul td>div{
  display: flex;
  height: 100%;
  position: relative;
}
.kcrk .content .ul td div span{
  flex: 1;
  padding: 0.5rem 1rem;  
  line-height: 3rem;
  white-space: nowrap;   /* 内容不换行 */    
}
.kcrk .content .ul td div .sots{
    position: absolute;
    left: 0;
    top: calc(100% + 2px);
    width: calc(100% - 1rem - 2px);
    min-width: 50rem;
    background: #fff;
    border-radius: 0.4rem;
    border: 1px solid #fff;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    z-index: 20;  /* 弹窗层级更高 */
    display: flex;
    flex-direction: column;
    padding: 1rem;
}
.kcrk .content .ul td div .sots .body{
    flex: 1;
}
.kcrk .content .ul td div .sots .body ul{
    margin:0;
    padding: 0;
    width: 100%;
    height: 20rem;    
    overflow-y: auto;
}
.kcrk .content .ul td div .sots .body ul li{
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #E5E5E5
}
.kcrk .content .ul td div .sots .body ul li:hover{
    background: #efe;
    color: var(--main-hs,#0ca767);
}
.kcrk .content .ul td div .sots .body ul .hover{
    background: #efe;
    color: var(--main-hs,#0ca767);  
}
.kcrk .content .ul td div .hide{
  display: none;
}

.kcrk .content .ul th:last-child,
.kcrk .content .ul td:last-child {
    border-right: 0;
}

.kcrk .content .ul td div>span:hover {
    background: #efe;
    color: var(--main-hs,#0ca767);
}

/* 固定列样式 - 提高 z-index 确保滚动时不被其他单元格覆盖 */
.kcrk .content .ul th:nth-child(1),
.kcrk .content .ul td:nth-child(1) {
    position: sticky;
    left: 0;
    width: 4rem;
    border-right: 0px solid #E5E5E5;
    background-color: #fff;
}

.kcrk .content .ul th:nth-child(2),
.kcrk .content .ul td:nth-child(2) {
    position: sticky;
    left: 6rem;
    border-right: 0px solid #E5E5E5;
    width: 10rem;
    background-color: #fff;
}



.kcrk .content .ul th:nth-child(3),
.kcrk .content .ul td:nth-child(3) {
    position: sticky;
    left: 18rem;
    border-right: 0px solid #E5E5E5;
    width: 10.4rem;
    background-color: #fff;
}

.kcrk .content .ul th:nth-child(4),
.kcrk .content .ul td:nth-child(4) {
    position: sticky;
    left: 30.4rem;
    border-right: 0px solid #E5E5E5;
    width: 10.4rem;
    background-color: #fff;
}

/* 第4列及之后不需要 sticky，正常显示 */
.kcrk .content .ul th:nth-child(5),
.kcrk .content .ul td:nth-child(5) {
    border-left: none;
}

/* 表头背景色统一 */
.kcrk .content .ul th:nth-child(1),
.kcrk .content .ul th:nth-child(2),
.kcrk .content .ul th:nth-child(3),
.kcrk .content .ul th:nth-child(4),
.kcrk .content .ul th {
   background: #f8f9fa;
}

.kcrk .content .ul th:nth-child(1),.kcrk .content .ul th:nth-child(2),.kcrk .content .ul th:nth-child(3),.kcrk .content .ul th:nth-child(4) {
    z-index: 11;  /* 固定列的表头需要更高层级，覆盖普通固定列单元格 */
}
.kcrk .content .ul td:nth-child(1),.kcrk .content .ul td:nth-child(2),.kcrk .content .ul td:nth-child(3),.kcrk .content .ul td:nth-child(4) {
    z-index: 9;  /* 固定列的表头需要更高层级，覆盖普通固定列单元格 */
}

.kcrk .content .ul th:nth-child(1)::after,
.kcrk .content .ul td:nth-child(1)::after,
.kcrk .content .ul th:nth-child(2)::after,
.kcrk .content .ul td:nth-child(2)::after,
.kcrk .content .ul th:nth-child(3)::after,
.kcrk .content .ul td:nth-child(3)::after,
.kcrk .content .ul th:nth-child(4)::after,
.kcrk .content .ul td:nth-child(4)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    width: 0.5px;    
    background: #E5E5E5;
    pointer-events: none;
}



/* 右边固定最后一列 */
.kcrk .content .ul th:last-child,
.kcrk .content .ul td:last-child {
    position: sticky;
    right: 0;
    background-color: #fff;
    z-index: 9;
}
.kcrk .content .ul th:last-child {
    z-index: 11;
    background: #f8f9fa;
}

/* 最后一列左边框用伪元素模拟 */
.kcrk .content .ul th:last-child::before,
.kcrk .content .ul td:last-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #E5E5E5;
    pointer-events: none;
}
.kcrk .content .ul td:last-child button{
    margin: auto;
    background: none;
    border: 0;
}
.kcrk .content .ul td:last-child button:before{
  content:"\f00d";
  font-family: "Icon";
  color:red;
}

.kcrk .content .ul tr:hover td,
.kcrk .content .ul tr:hover td:nth-child(1),
.kcrk .content .ul tr:hover td:nth-child(2),
.kcrk .content .ul tr:hover td:nth-child(3),
.kcrk .content .ul tr:hover td:nth-child(4),
.kcrk .content .ul tr:hover td:last-child {
    background-color: #f0f0f0;
}


.kcrk .content .ul td:nth-child(8){
  background: #f5f7fa
}

.kcrk .content .xzall{
  display: flex;
  gap:1rem;
}
.kcrk .content .xzall button{
    padding: 0.75rem 1.5rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: var(--txt-c,var(--main-an,#42485b));
    background: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #ddd;
}
.kcrk .content .xzall button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
}
.kcrk .content .xzall .add{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;    
}
.kcrk .content .xzall .save{
    background: var(--main-hs,#0ca767);
    color: #fff;  
}
.kcrk .content .xzall .pc{
  position: relative;
}
.kcrk .content .xzall .pc input{
    display: flex;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 1rem 1.5rem;
    text-align: center;
}
.kcrk .content .xzall .pc ul{
    position: absolute;
    bottom: calc(100% + 4px);
    left: 0;
    width: calc(100% - 2rem);
    height: 40rem;
    background: #ffffff;
    overflow-y: auto;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.15);
}
.kcrk .content .xzall .pc ul li{
    padding: 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 1.1rem
}
.kcrk .content .xzall .pc ul li:hover{
    background: rgba(0,0,0,0.1);
    font-weight: bold;
    font-size: 1.2rem;
}
.kcrk .content .xzall span{
    margin-right: auto;
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.kcrk .content .xzall span i{
    padding: 0 0.5rem;
}
/*库存入库结束*/


/*采购入库开始*/
.cgrk {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    padding: 1rem;
}
.cgrk .content{
    flex: 1;
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    gap:1rem;
}
.cgrk .content .cgxx{
  display: flex;
  gap:1rem;
  flex-direction: column;
  padding: 1rem 0;  
}
.cgrk .content .cgxx div{
  display: flex;
  gap:5rem;
  flex-direction: row;
  background: #fff
}
.cgrk .content .cgxx div>span{
  flex: 1;
  display: flex;
}
.cgrk .content .cgxx div .gys{
   position: relative;  
} 
.cgrk .content .cgxx div .gys span{
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    min-width:calc(100% - 2rem);
    height: 20rem;
    background: #fff;
    z-index: 12;
    border-radius: 0.4rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    display: flex;
    padding: 1rem;
}
.cgrk .content .cgxx div .gys .hide{
  display: none
}
.cgrk .content .cgxx div .gys span ul{
    padding: 0;
    flex:1;
    overflow: auto;
}
.cgrk .content .cgxx div .gys span ul li{
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.2rem;
    color:#555;
    white-space: nowrap;
    display: flex;
    align-items: center;    
}
.cgrk .content .cgxx div .gys span ul li b{
    width: initial;
    padding: 0 0.5rem;
}
.cgrk .content .cgxx div .gys span ul li small{
    font-size: 1.05rem;
    margin-right: 1rem;
}
.cgrk .content .cgxx div .gys span ul li small:first-child{
  font-size: 1.2rem;
  font-weight: bold;
}
/* 新增：限制公司名称宽度为8个字 */
.cgrk .content .cgxx div .gys span ul li small:first-child{
    min-width: 8em;
    max-width: 8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

/* 新增：限制地址宽度为10个字 */
.cgrk .content .cgxx div .gys span ul li small:nth-child(2){
    min-width: 10em;
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}


.cgrk .content .cgxx div span b{
  display: inline-block;
  white-space: nowrap;
  width:5.5rem;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  color:#555;
}
.cgrk .content .cgxx div span input,.cgrk .content .cgxx div span select{
  padding: 1rem 1.5rem;
  border:1px solid #e5e5e5;
  border-radius: 0.4rem;
  flex: 1;
  cursor: pointer;
  color:#555;
}

.cgrk .content .cgxx div span input:hover,.cgrk .content .cgxx div span select:hover{
    background: #f5ffff;
    border-color: #607d8b
}
.cgrk .content .cgxx div span .sc{
    text-align: center;
}
.cgrk .content .copyc{
   height: 12rem;
   border:1px solid #e5e5e5;
   padding: 1rem;
   resize: vertical;
   display: none
}
.cgrk .content .btn{
    display: flex;
    gap:1rem;
}
.cgrk .content .btn button{
    padding: 0.75rem 1.5rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: var(--txt-c,var(--main-an,#42485b));
    background: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #ddd;  
}
.cgrk .content .btn .next{
    background: #f2f2f2;
    color:var(--txt-c,var(--main-an,#42485b));
}
.cgrk .content .btn .xlsin{
    background: var(--main-hs,#0ca767);
    color:#fff;
}
.cgrk .content .btn button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
}


.cgrk .content .ul {
    flex: 1;
    border: 1px solid #e5e5e5;
    overflow: auto;        /* 支持横向和纵向滚动 */
    max-width: 1608px;
    position: relative;
}
@media (max-width: 1920px) {
    .cgrk .content .ul {
        max-width: calc(100vw - 30.2rem);
    }
}
.cgrk .content .ul table {
    width: max-content;    /* 关键：宽度根据内容自动适应 */
    min-width: 100%;       /* 如果内容不够宽，至少占满容器 */
    border-collapse: collapse;
    /* 移除 table-layout: fixed */
}

.cgrk .content .ul th,
.cgrk .content .ul td {
    border-right: 1px solid #e5e5e5;
}
.cgrk .content .ul th{
    padding: 0.5rem 1rem;
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;  /* 表头需要最高层级，始终在内容之上 */
}
.cgrk .content .ul td{
  padding: 0;
  height: initial;
}
.cgrk .content .ul td>div{
  display: flex;
  height: 100%;
  position: relative;
}
.cgrk .content .ul td div span{
  flex: 1;
  padding: 0.5rem 1rem;  
  line-height: 2rem;
  white-space: nowrap;   /* 内容不换行 */    
}
.cgrk .content .ul td div .sots{
    position: absolute;
    left: 0;
    top: calc(100% + 2px);
    width: calc(100% - 1rem - 2px);
    min-width: 50rem;
    background: #fff;
    border-radius: 0.4rem;
    border: 1px solid #fff;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    z-index: 20;  /* 弹窗层级更高 */
    display: flex;
    flex-direction: column;
    padding: 1rem;
}
.cgrk .content .ul td div .sots .body{
    flex: 1;
}
.cgrk .content .ul td div .sots .body ul{
    margin:0;
    padding: 0;
    width: 100%;
    height: 20rem;    
    overflow-y: auto;
}
.cgrk .content .ul td div .sots .body ul li{
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #E5E5E5
}
.cgrk .content .ul td div .sots .body ul li:hover{
    background: #efe;
    color: var(--main-hs,#0ca767);
}
.cgrk .content .ul td div .sots .body ul .hover{
    background: #efe;
    color: var(--main-hs,#0ca767);  
}
.cgrk .content .ul td div .hide{
  display: none;
}

.cgrk .content .ul th:last-child,
.cgrk .content .ul td:last-child {
    border-right: 0;
}

.cgrk .content .ul td div>span:hover {
    background: #f5ffff;
    color: var(--main-hs,#0ca767);
}

/* 固定列样式 - 提高 z-index 确保滚动时不被其他单元格覆盖 */
.cgrk .content .ul th:nth-child(1),
.cgrk .content .ul td:nth-child(1) {
    position: sticky;
    left: 0;
    width: 3rem;
    border-right: 0px solid #E5E5E5;
    background-color: #fff;
}

.cgrk .content .ul th:nth-child(2),
.cgrk .content .ul td:nth-child(2) {
    position: sticky;
    left: 5rem;
    border-right: 0px solid #E5E5E5;
    min-width: 12em;
    max-width: 12rem;
    background-color: #fff;
}



.cgrk .content .ul th:nth-child(3),
.cgrk .content .ul td:nth-child(3) {
    position: sticky;
    left: 19rem;
    border-right: 0px solid #E5E5E5;
    min-width: 8rem;
    max-width: 8rem;
    background-color: #fff;
}

.cgrk .content .ul th:nth-child(4),
.cgrk .content .ul td:nth-child(4) {
    position: sticky;
    left: 29rem;
    border-right: 0px solid #E5E5E5;
    min-width: 6rem;
    max-width: 6rem;
    background-color: #fff;
}

.cgrk .content .ul th:nth-child(5),
.cgrk .content .ul td:nth-child(5) {
    position: sticky;
    left: 37rem;
    border-right: 0px solid #E5E5E5;
    min-width: 6rem;
    max-width: 6rem;
    background-color: #fff;
}

.cgrk .content .ul th:nth-child(6),
.cgrk .content .ul td:nth-child(6) {
    position: sticky;
    left: 45rem;
    border-right: 0px solid #E5E5E5;
    min-width: 5rem;
    max-width: 5rem;
    background-color: #fff;
}

.cgrk .content .ul th:nth-child(7),
.cgrk .content .ul td:nth-child(7) {
    position: sticky;
    left: 50rem;
    border-right: 0px solid #E5E5E5;
    min-width: 6rem;
    max-width: 6rem;
    background-color: #fff;
}
.cgrk .content .ul th:nth-child(8),
.cgrk .content .ul td:nth-child(8) {
    position: sticky;
    left: 60rem;
    border-right: 0px solid #E5E5E5;
    min-width: 8rem;
    max-width: 8rem;
    background-color: #fff;
}
/* 第4列及之后不需要 sticky，正常显示 */
.cgrk .content .ul th:nth-child(8),
.cgrk .content .ul td:nth-child(8) {
    border-left: none;
}

/* 表头背景色统一 */
.cgrk .content .ul th:nth-child(1),
.cgrk .content .ul th:nth-child(2),
.cgrk .content .ul th:nth-child(3),
.cgrk .content .ul th:nth-child(4),
.cgrk .content .ul th:nth-child(5),
.cgrk .content .ul th:nth-child(6),
.cgrk .content .ul th:nth-child(7),
.cgrk .content .ul th:nth-child(8),
.cgrk .content .ul th {
   background: #f8f9fa;
}

.cgrk .content .ul th:nth-child(1),.cgrk .content .ul th:nth-child(2),.cgrk .content .ul th:nth-child(3),.cgrk .content .ul th:nth-child(4),.cgrk .content .ul th:nth-child(5) ,.cgrk .content .ul th:nth-child(6) ,.cgrk .content .ul th:nth-child(7),.cgrk .content .ul th:nth-child(8) {
    z-index: 11;  /* 固定列的表头需要更高层级，覆盖普通固定列单元格 */
}
.cgrk .content .ul td:nth-child(1),.cgrk .content .ul td:nth-child(2),.cgrk .content .ul td:nth-child(3),.cgrk .content .ul td:nth-child(4),.cgrk .content .ul td:nth-child(5) ,.cgrk .content .ul td:nth-child(6),.cgrk .content .ul td:nth-child(7) ,.cgrk .content .ul td:nth-child(8) {
    z-index: 9;  /* 固定列的表头需要更高层级，覆盖普通固定列单元格 */
}

.cgrk .content .ul th:nth-child(1)::after,
.cgrk .content .ul td:nth-child(1)::after,
.cgrk .content .ul th:nth-child(2)::after,
.cgrk .content .ul td:nth-child(2)::after,
.cgrk .content .ul th:nth-child(3)::after,
.cgrk .content .ul td:nth-child(3)::after,
.cgrk .content .ul th:nth-child(4)::after,
.cgrk .content .ul td:nth-child(4)::after,
.cgrk .content .ul th:nth-child(5)::after,
.cgrk .content .ul td:nth-child(5)::after,
.cgrk .content .ul th:nth-child(6)::after,
.cgrk .content .ul td:nth-child(6)::after,
.cgrk .content .ul th:nth-child(7)::after,
.cgrk .content .ul td:nth-child(7)::after,
.cgrk .content .ul th:nth-child(8)::after,
.cgrk .content .ul td:nth-child(8)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    width: 0.5px;    
    background: #E5E5E5;
    pointer-events: none;
}


.cgrk .content .ul th{
  border-bottom: 1px solid #ddd;
}
/* 右边固定最后一列 */
.cgrk .content .ul th:last-child,
.cgrk .content .ul td:last-child {
    position: sticky;
    right: 0;
    background-color: #fff;
    z-index: 9;
}
.cgrk .content .ul th:last-child {
    z-index: 11;
    background: #f8f9fa;
}

/* 最后一列左边框用伪元素模拟 */
.cgrk .content .ul th:last-child::before,
.cgrk .content .ul td:last-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #E5E5E5;
    pointer-events: none;
}
.cgrk .content .ul td:last-child button{
    margin: auto;
    background: none;
    border: 0;
}
.cgrk .content .ul td:last-child button:before{
  content:"\f00d";
  font-family: "Icon";
  color:red;
}

.cgrk .content .ul tr:hover td,
.cgrk .content .ul tr:hover td:nth-child(1),
.cgrk .content .ul tr:hover td:nth-child(2),
.cgrk .content .ul tr:hover td:nth-child(3),
.cgrk .content .ul tr:hover td:nth-child(4),
.cgrk .content .ul tr:hover td:nth-child(5),
.cgrk .content .ul tr:hover td:nth-child(6),
.cgrk .content .ul tr:hover td:nth-child(7),
.cgrk .content .ul tr:hover td:last-child {
    background-color: #f0f0f0;
}


.cgrk .content .ul .must{
  background: #f5f7fa
}

.cgrk .content .xzall{
  display: flex;
  gap:1rem;
}
.cgrk .content .xzall button{
    padding: 0.75rem 1.5rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: var(--txt-c,var(--main-an,#42485b));
    background: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #ddd;
}
.cgrk .content .xzall button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
}
.cgrk .content .xzall .add{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;    
}
.cgrk .content .xzall .save{
    background: var(--main-hs,#0ca767);
    color: #fff;  
}

.cgrk .content .xzall .pc{
  position: relative;
}
.cgrk .content .xzall .pc input{
    display: flex;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 1rem 1.5rem;
    text-align: center;
}
.cgrk .content .xzall .pc ul{
    position: absolute;
    bottom: calc(100% + 4px);
    left: 0;
    width: calc(100% - 2rem);
    height: 40rem;
    background: #ffffff;
    overflow-y: auto;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.15);
}
.cgrk .content .xzall .pc ul li{
    padding: 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 1.1rem
}
.cgrk .content .xzall .pc ul li:hover{
    background: rgba(0,0,0,0.1);
    font-weight: bold;
    font-size: 1.2rem;
}
.cgrk .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.cgrk .content .xzall span i{
    padding: 0 0.5rem;
}

.cgrk .content .xzall .hj{

}
.cgrk .content .xzall .hj b{
  color:#e40;
}
.cgrk .content .xzall .hj b:before{
    content:"\f157";
    font-size: 1.2rem;
    font-family: "Icon";  
    margin-right: 0.5rem;
}
.cgrk .content .xzall .yf{
  display: flex;
  margin-left: auto;
}
.cgrk .content .xzall .yf span{
  display: flex;
}
.cgrk .content .xzall .yf span b{
  display: flex;
  align-items: center;
  font-weight: 500;
}
.cgrk .content .xzall .yf span i {
   padding: 0.25rem 1rem; 
   border-bottom: 1px solid #ccc;
   border-radius: 0.3rem;   
}
.cgrk .content .xzall .yf span i input{
    width: 5.5rem;
    border: 0;
    padding: 0 0.5rem;
}
.cgrk .content .xzall .yf span i:before{
    content:"\f157";
    font-size: 1rem;
    font-family: "Icon";
}
/*已收金额 特殊高亮 2026.10.16*/
.cgrk .content .xzall .yf span.sk b{
    color:#e4393c;
    font-weight: bold;
}
.cgrk .content .xzall .yf span.sk i{
    background: #fff8e1;
    border: 1px solid #ffb800;
    border-bottom: 1px solid #ffb800;
    box-shadow: 0 0 4px 0 rgba(255,184,0,0.45);
}
.cgrk .content .xzall .yf span.sk i:before{
    color:#ffb800;
}
.cgrk .content .xzall .yf span.sk i input{
    color:#e4393c;
    font-weight: bold;
    width: 11rem;
}
/*采购入库结束*/

/*供应商开始*/
/*供应商开始*/
.gysgl{
   flex-direction: column;
   position: relative;
}

.gysgl .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.gysgl .so .fl{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.gysgl .so .fl select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.gysgl .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;  
}
.gysgl .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.gysgl .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.gysgl .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
}
.gysgl .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.gysgl .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem; 
    font-family: "Icon" 
}

.gysgl .so .cz{
    margin-left: auto;
    display: flex;
    gap:1.5rem;
}
.gysgl .so .cz button{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border: 0;
    padding: 0.9rem 1.5rem;
    margin:auto 0;  
    border-radius: 0.35rem;
    background: var(--main-hs,#0ca767);
    font-size: 1.3rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;        
}
.gysgl .so .cz .add{

}

.gysgl .so .cz .download{
    
}
.gysgl .so .cz button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.gysgl .content{
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
}

.gysgl .content h2{
  font-size: 2rem;
  margin:0;
}
.gysgl .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
button{
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;    
}
.gysgl .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.gysgl .content .xzall span i{
    padding: 0 0.5rem;
}
.gysgl .content .xzall span b{

}
.gysgl .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}

/* 表格占满宽度 */
.gysgl .content .ul table {
    width: 100%;
    border-collapse: collapse;
}

/* 表头固定 */
.gysgl .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}

/* 确保表头背景不透明 */
.gysgl .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}

/* 表格内容样式 */
.gysgl .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}

/* 开关轨道 - 椭圆形 */
.gysgl .content .ul tbody td span {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 3rem;
    height: 1.6rem;
    border-radius: 2rem;
    background: #e0e2e6;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background 0.3s ease;
}

/* 开关滑块 - 圆形 before */
.gysgl .content .ul tbody td span::before {
    content: '';
    position: absolute;
    left: 0.35rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease;
}

/* 点亮状态 - 背景变绿，滑块右移 */
.gysgl .content .ul tbody td span.qy {
    background: #4caf50;
}

.gysgl .content .ul tbody td span.qy::before {
    left: 1.5rem;
}

.gysgl .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.gysgl .content .ul tbody .hover{
  background: #dddfe8;
}

th:first-child,td:first-child{
  width: 4rem;
}
thead,tbody{
  width:100%;
  overflow: auto;
}

.gysgl .content .xzall .xz{
    background: #f8f8f8;
    border:1px solid var(--tag-c,var(--main-an,#42485b));
    color:var(--tag-c,var(--main-an,#42485b));
}
/*编辑gys*/
 /* ----- 全局重置 & 基础 ----- */

    /* ----- 模态遮罩 (弹窗背景) ----- */
    .gysgl .editgys-zhe {
      position: absolute;
      top: -2rem;
      left: -2rem;
      width: calc(100% + 4rem);
      height: calc(100% + 4rem);
      background-color: rgba(0, 0, 0, 0.45);
      backdrop-filter: blur(2px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 999;
      padding: 1.25rem;
      animation: gysgl-fadein 0.2s ease;
    }

    @keyframes gysgl-fadein {
      0% { opacity: 0; transform: scale(0.97); }
      100% { opacity: 1; transform: scale(1); }
    }

    /* ----- 弹窗卡片 ----- */
    .gysgl .editgys-card {
      background: #ffffff;
      border-radius: 1rem;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.08);
      width: 100%;
      max-width: 500px;
      padding: 2rem 2rem 1.8rem;
      position: relative;
    }

    /* ----- 弹窗头部 ----- */
    .gysgl .editgys-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.8rem;
      border-bottom: 1px solid #e9edf2;
      padding-bottom: 0.9rem;
    }

    .gysgl .editgys-header .editgys-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #0b1a33;
      letter-spacing: -0.01em;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .gysgl .editgys-header .editgys-title .gysid {
      font-size: 0.9rem;
      font-weight: 400;
      color: #6c7a8d;
      margin: auto 0 0 0.5rem;
    }
    .gysgl .editgys-header .editgys-gb {
      background: transparent;
      border: none;
      padding: 1rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #6b7a8f;
      cursor: pointer;
      transition: 0.15s;
    }
    .gysgl .editgys-header .editgys-gb:before{
        font-family: "Icon";
        content: "\f00d";
    }
    .gysgl .editgys-header .editgys-gb:hover {
      background: #f1f5f9;
      color: #1e2a3a;
    }

    /* ----- 表单整体 ----- */
    .gysgl .editgys-form {
      display: flex;
      flex-direction: column;
      gap: 1.4rem;
    }

    /* 网格布局：两列 */
    .gysgl .editgys-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.2rem 1.5rem;
    }

    /* 每个字段组 */
    .gysgl .editgys-field {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
    }

    .gysgl .editgys-field.editgys-quan {
      grid-column: 1 / -1;
    }

    /* 标签 */
    .gysgl .editgys-field label {
      font-size: 1rem;
      font-weight: 500;
      color: #1f2a41;
      letter-spacing: 0.02em;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .gysgl .editgys-field label .editgys-bixu {
      color: #e03a3a;
      font-weight: 600;
      margin-left: 2px;
    }

    /* 输入框 & 下拉 */
    .gysgl .editgys-field input,
    .gysgl .editgys-field select {
      padding: 1rem 1.5rem;
      border: 1px solid #d7dee8;
      border-radius: 0.4rem;
      font-size: 1.1rem;
      background: #fafcff;
      transition: 0.2s;
      color: #121f33;
      max-width: 100%;
      outline: none;
    }

    .gysgl .editgys-field input:focus,
    .gysgl .editgys-field select:focus {
      border-color: var(--main,#2b6ed7);
      box-shadow: 0 0 0 3px var(--main-yd,rgba(43,110,215,.15));
      background: #ffffff;
    }

    .gysgl .editgys-field input::placeholder {
      color: #a9b9ce;
      font-weight: 350;
      font-size: 0.9rem;
    }

    .gysgl .editgys-field select {
      appearance: auto;
      background-color: #fafcff;
      cursor: pointer;
    }

    /* ----- 底部操作按钮 ----- */
    .gysgl .editgys-actions {
      display: flex;
      justify-content: flex-end;
      gap: 1rem;
      margin-top: 1.8rem;
      padding-top: 1.2rem;
      border-top: 1px solid #edf2f8;
    }

    .gysgl .editgys-actions .editgys-btn {
      padding: 0.6rem 1.8rem;
      border-radius: 40px;
      font-weight: 550;
      font-size: 0.95rem;
      border: 1px solid transparent;
      cursor: pointer;
      transition: 0.15s;
      background: transparent;
    }

    .gysgl .editgys-actions .editgys-btn-quxiao {
      color: #4a5a72;
      background: #f0f4fa;
      border-color: #e0e6ef;
    }

    .gysgl .editgys-actions .editgys-btn-quxiao:hover {
      background: #e6ecf4;
      border-color: #cbd4e0;
    }

    .gysgl .editgys-actions .editgys-btn-baocun {
      background: #1a3b6b;
      color: white;
      border-color: #1a3b6b;
    }

    .gysgl .editgys-actions .editgys-btn-baocun:hover {
      background: #0f2a4e;
      border-color: #0f2a4e;
      box-shadow: 0 4px 10px rgba(26, 59, 107, 0.2);
    }

    /* 小屏适配 */
    @media (max-width: 500px) {
      .gysgl .editgys-card {
        padding: 1.5rem 1.2rem;
      }
      .gysgl .editgys-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
      }
      .gysgl .editgys-field.editgys-quan {
        grid-column: 1;
      }
      .gysgl .editgys-actions {
        flex-direction: column-reverse;
        align-items: stretch;
      }
      .gysgl .editgys-actions .editgys-btn {
        text-align: center;
        justify-content: center;
      }
    }
/*编辑gys*/


/*供应商结束*/

/*采购订单开始*/


.cgdd{
   flex-direction: column;
   position: relative;
}

.cgdd .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.cgdd .so .zt{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.cgdd .so .zt select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.cgdd .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;  
}
.cgdd .so .qk{
    padding: 0.9rem 1.25rem;
    margin: auto 0;
    background: #555b6c;
    color: #ffffff;
    border: 1px solid var(--tag-c,var(--main-an,#42485b));
    border-radius: 0.3rem;
}
.cgdd .so .qk:before{
    font-family: "Icon";
    content:"\f458";
    margin-right: 0.5rem;
}
.cgdd .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.cgdd .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.cgdd .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
  color: var(--txt-c,var(--main-an,#42485b));
}
.cgdd .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.cgdd .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem; 
    font-family: "Icon" 
}

.cgdd .so .cz{
    margin-left: auto;
    display: flex;
    gap:1.5rem;
}
.cgdd .so .cz button{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border: 0;
    padding: 0.9rem 1.5rem;
    margin:auto 0;  
    border-radius: 0.35rem;
    background: var(--main-hs,#0ca767);
    font-size: 1.3rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;        
}
.cgdd .so .cz .add{

}

.cgdd .so .cz .download{
    
}
.cgdd .so .cz button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}

.cgdd .so .gys{
  position: relative;
}
.cgdd .so .gys .ts{
  position: absolute;
  left:0;
  top:calc(100% + 2px);
  padding: 1rem;
  min-width: calc(100% - 2rem);
  height:20rem;
  background: #fff;
  overflow-y: auto;
  z-index: 12;
  border-radius: 0.4rem;
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}
.cgdd .so .gys .ts ul{
  padding: 0;
  margin:0;
}
.cgdd .so .gys .ts>ul>li{
  padding: 1rem;
  font-size: 1.1rem;
  white-space: nowrap;
}
.cgdd .so .gys .ts>ul>li:not(:last-child){
  border-bottom: 1px solid #e5e5e5;
}
.cgdd .so .gys .ts>ul>li>span{
  margin-right: 1rem;
}
.cgdd .so .gys .ts>ul>li>span:first-child{
  font-weight: bold;
  font-size: 1.2rem;
}
.cgdd .content{
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
}

.cgdd .content h2{
  font-size: 2rem;
  margin:0;
}
.cgdd .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
.cgdd .content .xzall button{
  border:0;
  background: #4d5262;
  color:#fff;
  border:1px solid #4d5262;
  padding: 0.75rem 1.5rem;
  border-radius: 0.3rem;  
}
.cgdd .content .xzall .zhe{
  background: var(--main-ys,rgba(66,72,91,.06));
  color:#4d5262;  
}

button{
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;    
}
.cgdd .content .xzall button:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);   
}
.cgdd .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.cgdd .content .xzall span i{
    padding: 0 0.5rem;
}
.cgdd .content .xzall span b{

}
.cgdd .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}

/* 表格占满宽度 */
.cgdd .content .ul table {
    width: 100%;
    border-collapse: collapse;
}

/* 表头固定 */
.cgdd .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}

/* 确保表头背景不透明 */
.cgdd .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}

/* 表格内容样式 */
.cgdd .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
.cgdd .content .ul tbody td .tui{
    background: #ffffee;
    color: #f80;
    border-radius: 0.3rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;    
}
.cgdd .content .ul tbody td .tui:hover{
  background: #fff;
  color: #f80;
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1); 
}
.cgdd .content .ul tbody td .tui .tui_ico:before{
  content: "退单";
}

.cgdd .content .ul tbody td .fk{
    background: #f1fff1;
    color: var(--main,#03be8d);
    border-radius: 0.3rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;    
}
.cgdd .content .ul tbody td .fk:hover{
  background: #fff;
  color: var(--main,#03be8d);   
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.cgdd .content .ul tbody td .fk .fk_ico:before{
  content: "付款";
}

.cgdd .content .ul tbody td .xg{
    background: #eef6ff;
    color: #095cde;
    border-radius: 0.3rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;    
}
.cgdd .content .ul tbody td .xg:hover{
  background: #fff;
  color: #095cde;   
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.cgdd .content .ul tbody td .xg .xg_ico:before{
  content: "修改";
}

.cgdd .content .ul tbody td .hui{
    color: #888;
    background: #f2f2f2;  
}
.cgdd .content .ul tbody td .hui:hover{
  color: #888;
  background: #f2f2f2;    
  transform: translateY(0px);
  box-shadow: 0 0 2px 1px rgb(0 0 0 / 0.1);  
}

.cgdd .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.cgdd .content .ul tbody .hover{
  background: #dddfe8;
}

th:first-child,td:first-child{
  width: 4rem;
}
thead,tbody{
  width:100%;
  overflow: auto;
}

.cgdd .content .xzall .xz{
    background: #f8f8f8;
    border:1px solid var(--tag-c,var(--main-an,#42485b));
    color:var(--tag-c,var(--main-an,#42485b));
}

.cgdd .content .ul tbody .mx td{
   text-align: left;
   padding: 0
}
.cgdd .content .ul tbody .mx td ul{
    overflow: auto;
    padding: 1rem 1rem 1rem 4rem;
    background: #f9f9ff;
}
.cgdd .content .ul tbody .mx td li{
  padding: 0.5rem;
}
/*明细行hover*/
.cgdd .content .ul tbody .mx td li:hover{
  background: #f5f5f5;
}
.cgdd .content .ul tbody .mx td li span { display: inline-block;width: calc(100% / 19);overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /*min-width:8rem; max-width:8rem; */

.cgdd .content .ul tbody .mx td li span button{
    background: #ffffee;
    color: #f80;
    border: 0;
    font-size: 1.15rem;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    margin: 2px;
}

.cgdd .content .ul tbody .mx  td li span .hui{
    color: #888;
    background: #f2f2f2;  
}
.cgdd .content .ul tbody .mx  td li span .hui:hover{
  color: #888;
  background: #f2f2f2;    
  transform: translateY(0px);
  box-shadow: 0 0 2px 1px rgb(0 0 0 / 0.1);  
}

.cgdd .content .ul tbody .mx td li span:first-child{
  border-color: #fff;
  min-width: 10rem;
  max-width: 10rem;   
}
.cgdd .content .ul tbody .mx td li span:nth-child(2){
  border-color: #fff;
  min-width: 13rem;
  max-width: 13rem;   
}
.cgdd .content .ul tbody .mx td li span:nth-child(12){
  border-color: #fff;
  min-width: 8rem;
  max-width: 8rem;   
}
.mx-li { display:flex; width:100%; list-style:none; }
.mx-li span { width:calc(100%/19); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
.mx-li span:first-child{
  border-color: #fff;
  min-width: 10rem;
  max-width: 10rem;   
}
.mx-li span:nth-child(2){
  border-color: #fff;
  min-width: 13rem;
  max-width: 13rem;   
}
.mx-li span:nth-child(12){
  border-color: #fff;
  min-width: 8rem;
  max-width: 8rem;   
}
/* 2026.10.17 采购明细行末尾的「入库」「退货」两格：
   固定按按钮自身宽度并排靠紧，不再跟着其它列分 1/19，免得格子撑太宽、两个按钮隔一大片空白 */
.cgdd .content .ul tbody .mx td li > span:nth-last-child(2),
.cgdd .content .ul tbody .mx td li > span:last-child{
    flex:0 0 auto;
    width:auto;
    min-width:0;
    max-width:none;
    overflow:visible;
    display:inline-flex;
    align-items:center;
}


/*采购付款弹窗*/


.cgdd .ddedit,.ddmx .ddedit{
    position: absolute;
    left: 0;
    top: 0;
    flex: 1;
    background: rgba(0, 0, 0, 0.75);
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
}
.cgdd .ddedit .body,.ddmx .ddedit .body{
    width: 600px;
    height: 500px;
    margin:auto;
    background: #fff;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap:1rem;
}
.cgdd .ddedit .body .tit,.ddmx .ddedit .body .tit{
    padding: 2.5rem 2rem 1rem 2rem;
    display: flex;
    background:#f8f9fc;
    border-radius:  0.5rem 0.5rem 0 0;
}
.cgdd .ddedit .body .fkxx,.ddmx .ddedit .body .fkxx{
  background: #f1f2f5;
  margin: 0 2rem;
  padding: 1rem 2rem;
  display: flex;
  gap:1rem;
  flex-wrap: wrap
}
.cgdd .ddedit .body .fkxx div,.ddmx .ddedit .body .fkxx div{
    min-width: calc((100% - 2rem)/2);
    max-width: calc((100% - 2rem)/2);
}
.cgdd .ddedit .body .tit b,.ddmx .ddedit .body .tit b{
    font-size: 1.5rem;
    color:#555;
}
.cgdd .ddedit .body .tit small,.ddmx .ddedit .body .tit small{
  margin:auto 0.5rem 0.25rem 0.5rem;
  font-size: 0.85rem;
  color:#888;
}
.cgdd .ddedit .body .tit small:before,.ddmx .ddedit .body .tit small:before{
   content:"订单号：";
}
.cgdd .ddedit .body .tit i,.ddmx .ddedit .body .tit i{
    margin-left: auto;
    padding: 0.5rem;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}
.cgdd .ddedit .body .tit i:hover,.ddmx .ddedit .body .tit i:hover{
    background: #ecebeb;
}
.cgdd .ddedit .body .tit i:before,.ddmx .ddedit .body .tit i:before{
    font-family: "Icon";
    content:"\f00d";
    color:#888;
}
.cgdd .ddedit .body .form,.ddmx .ddedit .body .form{
    flex: 1;
    overflow-y:auto; 
    display: flex;
    flex-direction: column;
    gap:1rem;
    padding: 0 2.5rem
}

/* 表单组 */
.cgdd .form-group {
}

.cgdd .form-group label {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.45rem;
    color: #666;
    letter-spacing: 0.2px;
}

.cgdd .form-group .required {
    color: #e74c3c;
    margin-left: 2px;
    font-weight: 600;
}

.cgdd .form-group input,
.cgdd .form-group textarea,
.cgdd .form-group select {
    width: 100%;
    padding: 1rem 1.5rem;
    border: 1px solid #d0d7de;
    border-radius: 0.4rem;
    font-size: 1.1rem;
    transition: all 0.2s;
    font-family: inherit;
    background-color: #fff;
    box-sizing: border-box;
}

.cgdd .form-group input:focus,
.cgdd .form-group textarea:focus,
.cgdd .form-group select:focus {
    border-color: var(--main,#03be8d);
    outline: none;
    box-shadow: 0 0 0 3px var(--main-yd,rgba(3,190,141,.2));
}

.cgdd .form-group textarea {
    resize: vertical;
}

.cgdd .form-group button{
    padding: 0.5rem 1rem;
    border: 1px solid #ddd;
    color: #555;
    border-radius: 0.25rem;
    margin: 0.5rem;  
}

/* 两列布局 */
.cgdd .form-row-2 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.cgdd .form-row-2 .form-group {
    flex: 1;
    min-width: 110px;
}

.cgdd .ddedit .body .ft,.ddmx .ddedit .body .ft{
    display: flex;
    gap:1rem;
    padding: 1rem 2.5rem 2rem;
}
.cgdd .ddedit .body .ft button,.ddmx .ddedit .body .ft button{
    padding: 1rem 2rem;
    height: 4rem;
    padding: 0 2rem;
    border: 0;
    border-radius: 0.4rem;
    background: var(--main,#27ae60);
    color: #fff;
    font-size: 1.4rem;
    outline: 0;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;    
}
.cgdd .ddedit .body .ft .qx,.ddmx .ddedit .body .ft .qx{
  margin-left: auto;
  background: #fff;
  border: 1px solid #ddd;
  color: #888;
}

.cgdd .ddedit .body .ft .qx:hover,.ddmx .ddedit .body .ft .qx:hover{
  background: rgb(96, 125, 139, 0.05);
  border: 1px solid #607d8b;
  color: #607d8b;  
}


/*采购退货开始*/

.cgth{
   flex-direction: column;
   position: relative;
}

.cgth .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.cgth .so .zt{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.cgth .so .zt select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.cgth .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;  
}
.cgth .so .qk{
    padding: 0.9rem 1.25rem;
    margin: auto 0;
    background: #555b6c;
    color: #ffffff;
    border: 1px solid var(--tag-c,var(--main-an,#42485b));
    border-radius: 0.3rem;
}
.cgth .so .qk:before{
    font-family: "Icon";
    content:"\f458";
    margin-right: 0.5rem;
}
.cgth .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.cgth .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.cgth .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
}
.cgth .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.cgth .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem; 
    font-family: "Icon" 
}

.cgth .so .cz{
    margin-left: auto;
    display: flex;
    gap:1.5rem;
}
.cgth .so .cz button{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border: 0;
    padding: 0.9rem 1.5rem;
    margin:auto 0;  
    border-radius: 0.35rem;
    background: var(--main-hs,#0ca767);
    font-size: 1.3rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;        
}
.cgth .so .cz .add{

}

.cgth .so .cz .download{
    
}
.cgth .so .cz button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.cgth .content{
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
}

.cgth .content h2{
  font-size: 2rem;
  margin:0;
}
.cgth .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
button{
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;    
}
.cgth .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.cgth .content .xzall span i{
    padding: 0 0.5rem;
}
.cgth .content .xzall span b{

}
.cgth .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}

/* 表格占满宽度 */
.cgth .content .ul table {
    width: 100%;
    border-collapse: collapse;
}

/* 表头固定 */
.cgth .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}

/* 确保表头背景不透明 */
.cgth .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}

/* 表格内容样式 */
.cgth .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
.cgth .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.cgth .content .ul tbody .hover{
  background: #dddfe8;
}

th:first-child,td:first-child{
  width: 4rem;
}
thead,tbody{
  width:100%;
  overflow: auto;
}

.cgth .content .xzall .xz{
    background: #f8f8f8;
    border:1px solid var(--tag-c,var(--main-an,#42485b));
    color:var(--tag-c,var(--main-an,#42485b));
}

/*采购退货结束*/


/*员工管理开始*/

.yggl{
   flex-direction: column;
   position: relative;
}

.yggl .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.yggl .so .fl{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.yggl .so .fl select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.yggl .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;  
}
.yggl .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.yggl .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.yggl .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
}
.yggl .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.yggl .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem; 
    font-family: "Icon" 
}

.yggl .so .cz{
    margin-left: auto;
    display: flex;
    gap:1.5rem;
}
.yggl .so .cz button{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border: 0;
    padding: 0.9rem 1.5rem;
    margin:auto 0;  
    border-radius: 0.35rem;
    background: var(--main-hs,#0ca767);
    font-size: 1.3rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;        
}
.yggl .so .cz .add{

}

.yggl .so .cz .download{
    
}
.yggl .so .cz button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.yggl .content{
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
}

.yggl .content h2{
  font-size: 2rem;
  margin:0;
}
.yggl .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
button{
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;    
}
.yggl .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.yggl .content .xzall span i{
    padding: 0 0.5rem;
}
.yggl .content .xzall span b{

}
.yggl .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}

/* 表格占满宽度 */
.yggl .content .ul table {
    width: 100%;
    border-collapse: collapse;
}

/* 表头固定 */
.yggl .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}

/* 确保表头背景不透明 */
.yggl .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}

/* 表格内容样式 */
.yggl .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
/* 开关轨道 - 椭圆形 */
.yggl .content .ul tbody td span {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 3rem;
    height: 1.6rem;
    border-radius: 2rem;
    background: #e0e2e6;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background 0.3s ease;
}

/* 开关滑块 - 圆形 before */
.yggl .content .ul tbody td span::before {
    content: '';
    position: absolute;
    left: 0.35rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease;
}

/* 点亮状态 - 背景变绿，滑块右移 */
.yggl .content .ul tbody td span.qy {
    background: #4caf50;
}

.yggl .content .ul tbody td span.qy::before {
    left: 1.5rem;
}

.yggl .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.yggl .content .ul tbody .hover{
  background: #dddfe8;
}

th:first-child,td:first-child{
  width: 4rem;
}
thead,tbody{
  width:100%;
  overflow: auto;
}

.yggl .content .xzall .xz{
    background: #f8f8f8;
    border:1px solid var(--tag-c,var(--main-an,#42485b));
    color:var(--tag-c,var(--main-an,#42485b));
}
/*编辑yg*/

    /* ----- 模态遮罩 (弹窗背景) ----- */
    .yggl .edityg-zhe {
      position: absolute;
      top: -2rem;
      left: -2rem;
      width: calc(100% + 4rem);
      height: calc(100% + 4rem);
      background-color: rgba(0, 0, 0, 0.45);
      backdrop-filter: blur(2px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 999;
      padding: 1.25rem;
      animation: yggl-fadein 0.2s ease;
    }

    @keyframes yggl-fadein {
      0% { opacity: 0; transform: scale(0.97); }
      100% { opacity: 1; transform: scale(1); }
    }

    /* ----- 弹窗卡片 ----- */
    .yggl .edityg-card {
      background: #ffffff;
      border-radius: 1rem;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.08);
      width: 100%;
      max-width: 500px;
      padding: 2rem 2rem 1.8rem;
      position: relative;
    }

    /* ----- 弹窗头部 ----- */
    .yggl .edityg-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.8rem;
      border-bottom: 1px solid #e9edf2;
      padding-bottom: 0.9rem;
    }

    .yggl .edityg-header .edityg-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #0b1a33;
      letter-spacing: -0.01em;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .yggl .edityg-header .edityg-title .ygid {
      font-size: 0.9rem;
      font-weight: 400;
      color: #6c7a8d;
      margin: auto 0 0 0.5rem;
    }
    .yggl .edityg-header .edityg-gb {
      background: transparent;
      border: none;
      padding: 1rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #6b7a8f;
      cursor: pointer;
      transition: 0.15s;
    }
    .yggl .edityg-header .edityg-gb:before{
        font-family: "Icon";
        content: "\f00d";
    }
    .yggl .edityg-header .edityg-gb:hover {
      background: #f1f5f9;
      color: #1e2a3a;
    }

    /* ----- 表单整体 ----- */
    .yggl .edityg-form {
      display: flex;
      flex-direction: column;
      gap: 1.4rem;
    }

    /* 网格布局：两列 */
    .yggl .edityg-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.2rem 1.5rem;
    }

    /* 每个字段组 */
    .yggl .edityg-field {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
    }

    .yggl .edityg-field.edityg-quan {
      grid-column: 1 / -1;
    }

    /* 标签 */
    .yggl .edityg-field label {
      font-size: 1rem;
      font-weight: 500;
      color: #1f2a41;
      letter-spacing: 0.02em;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .yggl .edityg-field label .edityg-bixu {
      color: #e03a3a;
      font-weight: 600;
      margin-left: 2px;
    }

    /* 输入框 & 下拉 */
    .yggl .edityg-field input,
    .yggl .edityg-field select {
      padding: 1rem 1.5rem;
      border: 1px solid #d7dee8;
      border-radius: 0.4rem;
      font-size: 1.1rem;
      background: #fafcff;
      transition: 0.2s;
      color: #121f33;
      max-width: 100%;
      outline: none;
    }

    .yggl .edityg-field input:focus,
    .yggl .edityg-field select:focus {
      border-color: var(--main,#2b6ed7);
      box-shadow: 0 0 0 3px var(--main-yd,rgba(43,110,215,.15));
      background: #ffffff;
    }

    .yggl .edityg-field input::placeholder {
      color: #a9b9ce;
      font-weight: 350;
      font-size: 0.9rem;
    }

    .yggl .edityg-field select {
      appearance: auto;
      background-color: #fafcff;
      cursor: pointer;
    }

    /* ----- 底部操作按钮 ----- */
    .yggl .edityg-actions {
      display: flex;
      justify-content: flex-end;
      gap: 1rem;
      margin-top: 1.8rem;
      padding-top: 1.2rem;
      border-top: 1px solid #edf2f8;
    }

    .yggl .edityg-actions .edityg-btn {
      padding: 0.6rem 1.8rem;
      border-radius: 40px;
      font-weight: 550;
      font-size: 0.95rem;
      border: 1px solid transparent;
      cursor: pointer;
      transition: 0.15s;
      background: transparent;
    }

    .yggl .edityg-actions .edityg-btn-quxiao {
      color: #4a5a72;
      background: #f0f4fa;
      border-color: #e0e6ef;
    }

    .yggl .edityg-actions .edityg-btn-quxiao:hover {
      background: #e6ecf4;
      border-color: #cbd4e0;
    }

    .yggl .edityg-actions .edityg-btn-baocun {
      background: #1a3b6b;
      color: white;
      border-color: #1a3b6b;
    }

    .yggl .edityg-actions .edityg-btn-baocun:hover {
      background: #0f2a4e;
      border-color: #0f2a4e;
      box-shadow: 0 4px 10px rgba(26, 59, 107, 0.2);
    }

    /* 小屏适配 */
    @media (max-width: 500px) {
      .yggl .edityg-card {
        padding: 1.5rem 1.2rem;
      }
      .yggl .edityg-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
      }
      .yggl .edityg-field.edityg-quan {
        grid-column: 1;
      }
      .yggl .edityg-actions {
        flex-direction: column-reverse;
        align-items: stretch;
      }
      .yggl .edityg-actions .edityg-btn {
        text-align: center;
        justify-content: center;
      }
    }
/*编辑yg*/

/*员工管理结束*/




/*客户管理开始*/

.khgl{
   flex-direction: column;
   position: relative;
}

.khgl .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.khgl .so .fl{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.khgl .so .fl select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.khgl .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;  
}
.khgl .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.khgl .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.khgl .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
}
.khgl .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.khgl .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem; 
    font-family: "Icon" 
}

.khgl .so .cz{
    margin-left: auto;
    display: flex;
    gap:1.5rem;
}
.khgl .so .cz button{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border: 0;
    padding: 0.9rem 1.5rem;
    margin:auto 0;  
    border-radius: 0.35rem;
    background: var(--main-hs,#0ca767);
    font-size: 1.3rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;        
}
.khgl .so .cz .add{

}

.khgl .so .cz .download{
    
}
.khgl .so .cz button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.khgl .content{
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
}

.khgl .content h2{
  font-size: 2rem;
  margin:0;
}
.khgl .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
button{
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;    
}
.khgl .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.khgl .content .xzall span i{
    padding: 0 0.5rem;
}
.khgl .content .xzall span b{

}
.khgl .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}

/* 表格占满宽度 */
.khgl .content .ul table {
    width: 100%;
    border-collapse: collapse;
}

/* 表头固定 */
.khgl .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}

/* 确保表头背景不透明 */
.khgl .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}

/* 表格内容样式 */
.khgl .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
/* 开关轨道 - 椭圆形 */
.khgl .content .ul tbody td span {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 3rem;
    height: 1.6rem;
    border-radius: 2rem;
    background: #e0e2e6;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background 0.3s ease;
}

/* 开关滑块 - 圆形 before */
.khgl .content .ul tbody td span::before {
    content: '';
    position: absolute;
    left: 0.35rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease;
}

/* 点亮状态 - 背景变绿，滑块右移 */
.khgl .content .ul tbody td span.qy {
    background: #4caf50;
}

.khgl .content .ul tbody td span.qy::before {
    left: 1.5rem;
}



.khgl .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.khgl .content .ul tbody .hover{
  background: #dddfe8;
}

th:first-child,td:first-child{
  width: 4rem;
}
thead,tbody{
  width:100%;
  overflow: auto;
}

.khgl .content .xzall .xz{
    background: #f8f8f8;
    border:1px solid var(--tag-c,var(--main-an,#42485b));
    color:var(--tag-c,var(--main-an,#42485b));
}
/*编辑kh*/

    /* ----- 模态遮罩 (弹窗背景) ----- */
    .khgl .editkh-zhe {
      position: absolute;
      top: -2rem;
      left: -2rem;
      width: calc(100% + 4rem);
      height: calc(100% + 4rem);
      background-color: rgba(0, 0, 0, 0.45);
      backdrop-filter: blur(2px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 999;
      padding: 1.25rem;
      animation: khgl-fadein 0.2s ease;
    }

    @keyframes khgl-fadein {
      0% { opacity: 0; transform: scale(0.97); }
      100% { opacity: 1; transform: scale(1); }
    }

    /* ----- 弹窗卡片 ----- */
    .khgl .editkh-card {
      background: #ffffff;
      border-radius: 1rem;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.08);
      width: 100%;
      max-width: 500px;
      padding: 2rem 2rem 1.8rem;
      position: relative;
    }

    /* ----- 弹窗头部 ----- */
    .khgl .editkh-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.8rem;
      border-bottom: 1px solid #e9edf2;
      padding-bottom: 0.9rem;
    }

    .khgl .editkh-header .editkh-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #0b1a33;
      letter-spacing: -0.01em;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .khgl .editkh-header .editkh-title .khid {
      font-size: 0.9rem;
      font-weight: 400;
      color: #6c7a8d;
      margin: auto 0 0 0.5rem;
    }
    .khgl .editkh-header .editkh-gb {
      background: transparent;
      border: none;
      padding: 1rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #6b7a8f;
      cursor: pointer;
      transition: 0.15s;
    }
    .khgl .editkh-header .editkh-gb:before{
        font-family: "Icon";
        content: "\f00d";
    }
    .khgl .editkh-header .editkh-gb:hover {
      background: #f1f5f9;
      color: #1e2a3a;
    }

    /* ----- 表单整体 ----- */
    .khgl .editkh-form {
      display: flex;
      flex-direction: column;
      gap: 1.4rem;
    }

    /* 网格布局：两列 */
    .khgl .editkh-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.2rem 1.5rem;
    }

    /* 每个字段组 */
    .khgl .editkh-field {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
    }

    .khgl .editkh-field.editkh-quan {
      grid-column: 1 / -1;
    }

    /* 标签 */
    .khgl .editkh-field label {
      font-size: 1rem;
      font-weight: 500;
      color: #1f2a41;
      letter-spacing: 0.02em;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .khgl .editkh-field label .editkh-bixu {
      color: #e03a3a;
      font-weight: 600;
      margin-left: 2px;
    }

    /* 输入框 & 下拉 */
    .khgl .editkh-field input,
    .khgl .editkh-field select {
      padding: 1rem 1.5rem;
      border: 1px solid #d7dee8;
      border-radius: 0.4rem;
      font-size: 1.1rem;
      background: #fafcff;
      transition: 0.2s;
      color: #121f33;
      max-width: 100%;
      outline: none;
    }

    .khgl .editkh-field input:focus,
    .khgl .editkh-field select:focus {
      border-color: var(--main,#2b6ed7);
      box-shadow: 0 0 0 3px var(--main-yd,rgba(43,110,215,.15));
      background: #ffffff;
    }

    .khgl .editkh-field input::placeholder {
      color: #a9b9ce;
      font-weight: 350;
      font-size: 0.9rem;
    }

    .khgl .editkh-field select {
      appearance: auto;
      background-color: #fafcff;
      cursor: pointer;
    }

    /* ----- 底部操作按钮 ----- */
    .khgl .editkh-actions {
      display: flex;
      justify-content: flex-end;
      gap: 1rem;
      margin-top: 1.8rem;
      padding-top: 1.2rem;
      border-top: 1px solid #edf2f8;
    }

    .khgl .editkh-actions .editkh-btn {
      padding: 0.6rem 1.8rem;
      border-radius: 40px;
      font-weight: 550;
      font-size: 0.95rem;
      border: 1px solid transparent;
      cursor: pointer;
      transition: 0.15s;
      background: transparent;
    }

    .khgl .editkh-actions .editkh-btn-quxiao {
      color: #4a5a72;
      background: #f0f4fa;
      border-color: #e0e6ef;
    }

    .khgl .editkh-actions .editkh-btn-quxiao:hover {
      background: #e6ecf4;
      border-color: #cbd4e0;
    }

    .khgl .editkh-actions .editkh-btn-baocun {
      background: #1a3b6b;
      color: white;
      border-color: #1a3b6b;
    }

    .khgl .editkh-actions .editkh-btn-baocun:hover {
      background: #0f2a4e;
      border-color: #0f2a4e;
      box-shadow: 0 4px 10px rgba(26, 59, 107, 0.2);
    }

    /* 小屏适配 */
    @media (max-width: 500px) {
      .khgl .editkh-card {
        padding: 1.5rem 1.2rem;
      }
      .khgl .editkh-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
      }
      .khgl .editkh-field.editkh-quan {
        grid-column: 1;
      }
      .khgl .editkh-actions {
        flex-direction: column-reverse;
        align-items: stretch;
      }
      .khgl .editkh-actions .editkh-btn {
        text-align: center;
        justify-content: center;
      }
    }
/*编辑kh*/

/*客户管理结束*/

.zdgl{
   position: relative;
}

.zdgl .list{
    flex:1;
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
    border:1px solid #e5e5e5;
    gap:1rem;
    position: relative;
}
.zdgl .l1{
    max-width: 35%
}
.zdgl .list .fltit{
  display: flex;
}

.zdgl .list .fltit button{
    padding: 0.75rem 1rem;
    cursor: pointer;
    background: var(--main,#03be8d);
    color: #fff;
    border: none;
    border-radius: 3px;
    font-size: 12px;  
    margin: auto 0 auto auto;    
}
.zdgl .list .fltit button:before{
  font-family: "Icon";
  content:"\2b";
  margin-right: 0.25rem 
}
.zdgl .list .so{
  display: flex;
}
.zdgl .list .so input{
    width: 100%;
    margin: auto;
    border: 1px solid #e5e5e5;
    padding: 1rem;
    border-radius: 0.4rem;

}
.zdgl .list .ul{
    flex:1;
}
.zdgl .list .ul table{

}

.zdgl .list .ul table tbody{
    max-height: 100%;
    overflow-y: auto
}
.zdgl .list .ul table tbody .active{
    background: #dfd;
    color: var(--main,#03be8d);    
}

.zdgl .list .ul .icos>div{
    cursor: pointer;
    font-size: 11px;
    font-family: "Icon";
    padding: 0.5rem;
    display: inline-block;
    width: 1.1rem;
    border-radius: 0.35rem;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.075);  
}
.zdgl .list .ul .icos>.copy i:before{
    content:"\f062";
}
.zdgl .list .ul .icos>div:hover{
    background: #fff
}

.zdgl .ul thead th, .zdgl .ul tbody td{
   padding: 1rem 2rem
}

.zdgl .ul tbody td span {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: 2.6rem;
    height: 1.4rem;
    border-radius: 2rem;
    background: #e0e2e6;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background 0.3s ease;
}
/* 开关滑块 - 圆形 before */
.zdgl .ul tbody td span::before {
    content: '';
    position: absolute;
    left: 0.3rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    transition: left 0.3s ease;
}

/* 点亮状态 - 背景变绿，滑块右移 */
.zdgl .ul tbody td span.qy {
    background: #4caf50;
}

.zdgl .ul tbody td span.qy::before {
    left: 1.3rem;
}


/*编辑zd*/

    /* ----- 模态遮罩 (弹窗背景) ----- */
    .zdgl .editzd-zhe {
      position: absolute;
      top: -2rem;
      left: -2rem;
      width: calc(100% + 4rem);
      height: calc(100% + 4rem);
      background-color: rgba(0, 0, 0, 0.45);
      backdrop-filter: blur(2px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 999;
      padding: 1.25rem;
      animation: zdgl-fadein 0.2s ease;
    }

    @keyframes zdgl-fadein {
      0% { opacity: 0; transform: scale(0.97); }
      100% { opacity: 1; transform: scale(1); }
    }

    /* ----- 弹窗卡片 ----- */
    .zdgl .editzd-card {
      background: #ffffff;
      border-radius: 1rem;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.08);
      width: 100%;
      max-width: 500px;
      padding: 2rem 2rem 1.8rem;
      position: relative;
    }

    /* ----- 弹窗头部 ----- */
    .zdgl .editzd-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.8rem;
      border-bottom: 1px solid #e9edf2;
      padding-bottom: 0.9rem;
    }

    .zdgl .editzd-header .editzd-title {
      font-size: 1.5rem;
      font-weight: 600;
      color: #0b1a33;
      letter-spacing: -0.01em;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .zdgl .editzd-header .editzd-title .zdid {
      font-size: 0.9rem;
      font-weight: 400;
      color: #6c7a8d;
      margin: auto 0 0 0.5rem;
    }
    .zdgl .editzd-header .editzd-gb {
      background: transparent;
      border: none;
      padding: 1rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      color: #6b7a8f;
      cursor: pointer;
      transition: 0.15s;
    }
    .zdgl .editzd-header .editzd-gb:before{
        font-family: "Icon";
        content: "\f00d";
    }
    .zdgl .editzd-header .editzd-gb:hover {
      background: #f1f5f9;
      color: #1e2a3a;
    }

    /* ----- 表单整体 ----- */
    .zdgl .editzd-form {
      display: flex;
      flex-direction: column;
      gap: 1.4rem;
    }

    /* 网格布局：两列 */
    .zdgl .editzd-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.2rem 1.5rem;
    }

    /* 每个字段组 */
    .zdgl .editzd-field {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
    }

    .zdgl .editzd-field.editzd-quan {
      grid-column: 1 / -1;
    }

    /* 标签 */
    .zdgl .editzd-field label {
      font-size: 1rem;
      font-weight: 500;
      color: #1f2a41;
      letter-spacing: 0.02em;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .zdgl .editzd-field label .editzd-bixu {
      color: #e03a3a;
      font-weight: 600;
      margin-left: 2px;
    }

    /* 输入框 & 下拉 */
    .zdgl .editzd-field input,
    .zdgl .editzd-field select {
      padding: 1rem 1.5rem;
      border: 1px solid #d7dee8;
      border-radius: 0.4rem;
      font-size: 1.1rem;
      background: #fafcff;
      transition: 0.2s;
      color: #121f33;
      max-width: 100%;
      outline: none;
    }

    .zdgl .editzd-field input:focus,
    .zdgl .editzd-field select:focus {
      border-color: var(--main,#2b6ed7);
      box-shadow: 0 0 0 3px var(--main-yd,rgba(43,110,215,.15));
      background: #ffffff;
    }

    .zdgl .editzd-field input::placeholder {
      color: #a9b9ce;
      font-weight: 350;
      font-size: 0.9rem;
    }

    .zdgl .editzd-field select {
      appearance: auto;
      background-color: #fafcff;
      cursor: pointer;
    }

    /* ----- 底部操作按钮 ----- */
    .zdgl .editzd-actions {
      display: flex;
      justify-content: flex-end;
      gap: 1rem;
      margin-top: 1.8rem;
      padding-top: 1.2rem;
      border-top: 1px solid #edf2f8;
    }

    .zdgl .editzd-actions .editzd-btn {
      padding: 0.6rem 1.8rem;
      border-radius: 40px;
      font-weight: 550;
      font-size: 0.95rem;
      border: 1px solid transparent;
      cursor: pointer;
      transition: 0.15s;
      background: transparent;
    }

    .zdgl .editzd-actions .editzd-btn-quxiao {
      color: #4a5a72;
      background: #f0f4fa;
      border-color: #e0e6ef;
    }

    .zdgl .editzd-actions .editzd-btn-quxiao:hover {
      background: #e6ecf4;
      border-color: #cbd4e0;
    }

    .zdgl .editzd-actions .editzd-btn-baocun {
      background: #1a3b6b;
      color: white;
      border-color: #1a3b6b;
    }

    .zdgl .editzd-actions .editzd-btn-baocun:hover {
      background: #0f2a4e;
      border-color: #0f2a4e;
      box-shadow: 0 4px 10px rgba(26, 59, 107, 0.2);
    }

    /* 小屏适配 */
    @media (max-width: 500px) {
      .zdgl .editzd-card {
        padding: 1.5rem 1.2rem;
      }
      .zdgl .editzd-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
      }
      .zdgl .editzd-field.editzd-quan {
        grid-column: 1;
      }
      .zdgl .editzd-actions {
        flex-direction: column-reverse;
        align-items: stretch;
      }
      .zdgl .editzd-actions .editzd-btn {
        text-align: center;
        justify-content: center;
      }
    }
/*编辑zd*/







/*load加载动画和全局样式*/

  .load{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    font-size: 1.2rem;
    background: #f8f9fa
  }
  .ajax-load {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgba(255, 255, 255, 0.9);
      padding: 10px 20px;
      white-space: nowrap;
      border-radius: 4px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      font-size: 14px;
      color: rgb(102, 102, 102);
  }
  .ajax-spinner {
      width: 16px;
      height: 16px;
      border-width: 2px;
      border-style: solid;
      border-color: rgb(52, 152, 219) rgb(243, 243, 243) rgb(243, 243, 243);
      border-image: initial;
      border-radius: 50%;
      animation: 1s linear 0s infinite normal none running spin;
      margin-right: 8px;
      display: inline-block;
  }
  /* 添加这个关键帧动画 */
  @keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
  }
  .hide{
    display: none
  }
/*===================采购付款记录页（财务管理-采购付款）===================*/
.cgfk .content .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.cgfk .so .zt{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.cgfk .so .zt select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.cgfk .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.cgfk .so .qk{
    padding: 0.9rem 1.25rem;
    margin: auto 0;
    background: #555b6c;
    color: #ffffff;
    border: 1px solid var(--tag-c,var(--main-an,#42485b));
    border-radius: 0.3rem;
}
.cgfk .so .qk:before{
    font-family: "Icon";
    content:"\f458";
    margin-right: 0.5rem;
}
.cgfk .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;
}
.cgfk .so .mc i:before{
    content: "\f002";
    font-family: "Icon";
}
.cgfk .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
  color: var(--txt-c,var(--main-an,#42485b));
}
.cgfk .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.cgfk .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem;
    font-family: "Icon"
}
.cgfk .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}
.cgfk .content .ul table {
    width: 100%;
    border-collapse: collapse;
}
.cgfk .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}
.cgfk .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}
.cgfk .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
.cgfk .content .ul tbody .hover{
  background: #dddfe8;
}
.cgfk .content .ul tbody .mx td{
   text-align: left;
   padding: 0
}
.cgfk .content .ul tbody .mx td ul{
    overflow: auto;
    padding: 1rem 1rem 1rem 4rem;
    background: #f9f9ff;
}
.cgfk .content .ul tbody .mx td li{
  padding: 0.5rem;
}
/*付款明细列宽：流水号 付款日期 支付渠道 付款金额 付款凭证 备注*/
.cgfk .content .ul tbody .mx td li span{ display: inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle }
.cgfk .content .ul tbody .mx td li span:nth-child(1){ width:7% }
.cgfk .content .ul tbody .mx td li span:nth-child(2){ width:15% }
.cgfk .content .ul tbody .mx td li span:nth-child(3){ width:9% }
.cgfk .content .ul tbody .mx td li span:nth-child(4){ width:11% }
.cgfk .content .ul tbody .mx td li span:nth-child(5){ width:40% }
.cgfk .content .ul tbody .mx td li span:nth-child(6){ width:18% }
.cgfk .content .ul tbody .mx td li .tk{ color:#d9534f }
.cgfk .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.cgfk .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
.cgfk .content .xzall button{
  border:0;
  background: #4d5262;
  color:#fff;
  border:1px solid #4d5262;
  padding: 0.75rem 1.5rem;
  border-radius: 0.3rem;
}
.cgfk .content .xzall .zhe{
  background: var(--main-ys,rgba(66,72,91,.06));
  color:#4d5262;
}
.cgfk .content .xzall button:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
}
.cgfk .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.cgfk .content .xzall span i{
    padding: 0 0.5rem;
}

/*采购付款记录页 内容区占满右侧 + 供应商下拉*/
.cgfk .content{
    flex: 1;
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
}
.cgfk .so .gys{
  position: relative;
}
.cgfk .so .gys .ts{
  position: absolute;
  left:0;
  top:calc(100% + 2px);
  padding: 1rem;
  min-width: calc(100% - 2rem);
  height:20rem;
  background: #fff;
  overflow-y: auto;
  z-index: 12;
  border-radius: 0.4rem;
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}
.cgfk .so .gys .ts ul{
  padding: 0;
  margin:0;
}
.cgfk .so .gys .ts>ul>li{
  padding: 1rem;
  font-size: 1.1rem;
  white-space: nowrap;
}
.cgfk .so .gys .ts>ul>li:not(:last-child){
  border-bottom: 1px solid #e5e5e5;
}
.cgfk .so .gys .ts>ul>li>span{
  margin-right: 1rem;
}
.cgfk .so .gys .ts>ul>li>span:first-child{
  font-weight: bold;
  font-size: 1.2rem;
}

/*付款凭证缩略图（付款明细行 + 付款弹窗流水区共用）*/
.pz-thumb{
  height: 2rem;
  border: 1px solid #607d8b;
  background: #fff;
  padding: 0.25rem;
  margin: 2px 6px 2px 0;
  border-radius: 2px;
  vertical-align: middle;
  cursor: zoom-in;
}
/*付款明细行 文字与缩略图垂直居中对齐*/
.cgfk .content .ul tbody .mx td li{
  display: flex;
  align-items: center;
}
/*明细行hover*/
.cgfk .content .ul tbody .mx td li:hover{
  background: #f5f5f5;
}
.cgfk .content .ul tbody .mx td li>span{
  flex-shrink: 0;
}

/*===================采购退货记录页（采购管理-采购退货）===================*/
.cgth .content{
    flex: 1;
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
}
.cgth .content .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.cgth .so .zt{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.cgth .so .zt select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.cgth .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.cgth .so .qk{
    padding: 0.9rem 1.25rem;
    margin: auto 0;
    background: #555b6c;
    color: #ffffff;
    border: 1px solid var(--tag-c,var(--main-an,#42485b));
    border-radius: 0.3rem;
}
.cgth .so .qk:before{
    font-family: "Icon";
    content:"\f458";
    margin-right: 0.5rem;
}
.cgth .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;
}
.cgth .so .mc i:before{
    content: "\f002";
    font-family: "Icon";
}
.cgth .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
  color: var(--txt-c,var(--main-an,#42485b));
}
.cgth .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.cgth .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem;
    font-family: "Icon"
}
.cgth .so .gys{
  position: relative;
}
.cgth .so .gys .ts{
  position: absolute;
  left:0;
  top:calc(100% + 2px);
  padding: 1rem;
  min-width: calc(100% - 2rem);
  height:20rem;
  background: #fff;
  overflow-y: auto;
  z-index: 12;
  border-radius: 0.4rem;
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}
.cgth .so .gys .ts ul{
  padding: 0;
  margin:0;
}
.cgth .so .gys .ts>ul>li{
  padding: 1rem;
  font-size: 1.1rem;
  white-space: nowrap;
}
.cgth .so .gys .ts>ul>li:not(:last-child){
  border-bottom: 1px solid #e5e5e5;
}
.cgth .so .gys .ts>ul>li>span{
  margin-right: 1rem;
}
.cgth .so .gys .ts>ul>li>span:first-child{
  font-weight: bold;
  font-size: 1.2rem;
}
.cgth .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}
.cgth .content .ul table {
    width: 100%;
    border-collapse: collapse;
}
.cgth .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}
.cgth .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}
.cgth .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
.cgth .content .ul tbody .hover{
  background: #dddfe8;
}
.cgth .content .ul tbody .mx td{
   text-align: left;
   padding: 0
}
.cgth .content .ul tbody .mx td ul{
    overflow: auto;
    padding: 1rem 1rem 1rem 4rem;
    background: #f9f9ff;
}
.cgth .content .ul tbody .mx td li{
  padding: 0.5rem;
}
/*退货明细列：流水号 品名 型号 批号 数量 金额 仓库 库位 操作*/
.cgth .content .ul tbody .mx td li span{ display: inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle }
.cgth .content .ul tbody .mx td li span:nth-child(1){ width:6% }
.cgth .content .ul tbody .mx td li span:nth-child(2){ width:14% }
.cgth .content .ul tbody .mx td li span:nth-child(3){ width:14% }
.cgth .content .ul tbody .mx td li span:nth-child(4){ width:12% }
.cgth .content .ul tbody .mx td li span:nth-child(5){ width:8% }
.cgth .content .ul tbody .mx td li span:nth-child(6){ width:10% }
.cgth .content .ul tbody .mx td li span:nth-child(7){ width:14% }
.cgth .content .ul tbody .mx td li span:nth-child(8){ width:12% }
.cgth .content .ul tbody .mx td li span:nth-child(9){ width:10% }
/*明细行 文字与内容垂直居中*/
.cgth .content .ul tbody .mx td li{
  display: flex;
  align-items: center;
}
/*明细行hover*/
.cgth .content .ul tbody .mx td li:hover{
  background: #f5f5f5;
}
.cgth .content .ul tbody .mx td li>span{
  flex-shrink: 0;
}
.cgth .content .ul tbody .mx td li button.qxmx{
  border:1px solid var(--tag-c,var(--main-an,#42485b));
  background:#fff;
  color:var(--tag-c,var(--main-an,#42485b));
  padding: 0.4rem 0.8rem;
  border-radius: 0.3rem;
  white-space: nowrap;
}
.cgth .content .ul tbody .mx td li button.qxmx:hover{
  background:var(--btn-c,var(--main-an,#42485b));
  color:#fff;
}
.cgth .content .ul tbody td button.qx{
  border:1px solid var(--tag-c,var(--main-an,#42485b));
  background:#fff;
  color:var(--tag-c,var(--main-an,#42485b));
  padding: 0.4rem 0.8rem;
  border-radius: 0.3rem;
  white-space: nowrap;
}
.cgth .content .ul tbody td button.qx:hover{
  background:var(--btn-c,var(--main-an,#42485b));
  color:#fff;
}
.cgth .content .ul tbody td button.qx.hui{
  border-color:#ccc;
  color:#ccc;
  cursor:not-allowed;
  background:#f5f5f5;
}
.cgth .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.cgth .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
.cgth .content .xzall button{
  border:0;
  background: #4d5262;
  color:#fff;
  border:1px solid #4d5262;
  padding: 0.75rem 1.5rem;
  border-radius: 0.3rem;
}
.cgth .content .xzall .zhe{
  background: var(--main-ys,rgba(66,72,91,.06));
  color:#4d5262;
}
.cgth .content .xzall button:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
}
.cgth .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.cgth .content .xzall span i{
    padding: 0 0.5rem;
}

/*销售开单页（销售管理-销售开单）——样式复制自采购入库页*/

/*采购入库开始*/
.xskd {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    padding: 1rem;
}
.xskd .content{
    flex: 1;
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    gap:1rem;
}
.xskd .content .cgxx{
  display: flex;
  gap:1rem;
  flex-direction: column;
  padding: 1rem 0;  
}
.xskd .content .cgxx div{
  display: flex;
  gap:5rem;
  flex-direction: row;
  background: #fff
}
.xskd .content .cgxx div>span{
  flex: 1;
  display: flex;
}
.xskd .content .cgxx div .gys{
   position: relative;  
} 
.xskd .content .cgxx div .gys span{
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    min-width:calc(100% - 2rem);
    height: 20rem;
    background: #fff;
    z-index: 12;
    border-radius: 0.4rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    display: flex;
    padding: 1rem;
}
.xskd .content .cgxx div .gys .hide{
  display: none
}
.xskd .content .cgxx div .gys span ul{
    padding: 0;
    flex:1;
    overflow: auto;
}
.xskd .content .cgxx div .gys span ul li{
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.2rem;
    color:#555;
    white-space: nowrap;
    display: flex;
    align-items: center;    
}
.xskd .content .cgxx div .gys span ul li b{
    width: initial;
    padding: 0 0.5rem;
}
.xskd .content .cgxx div .gys span ul li small{
    font-size: 1.05rem;
    margin-right: 1rem;
}
.xskd .content .cgxx div .gys span ul li small:first-child{
  font-size: 1.2rem;
  font-weight: bold;
}
/* 新增：限制公司名称宽度为8个字 */
.xskd .content .cgxx div .gys span ul li small:first-child{
    min-width: 8em;
    max-width: 8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

/* 新增：限制地址宽度为10个字 */
.xskd .content .cgxx div .gys span ul li small:nth-child(2){
    min-width: 10em;
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}


/*===2026.10.18 销售员搜索下拉（结构同客户 .gys，只是列表只有 姓名+手机号）===*/
.xskd .content .cgxx div .xsrys{
   position: relative;
}
.xskd .content .cgxx div .xsrys span{
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    min-width:calc(100% - 2rem);
    height: 20rem;
    background: #fff;
    z-index: 12;
    border-radius: 0.4rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    display: flex;
    padding: 1rem;
}
.xskd .content .cgxx div .xsrys .hide{
  display: none
}
.xskd .content .cgxx div .xsrys span ul{
    padding: 0;
    flex:1;
    overflow: auto;
}
.xskd .content .cgxx div .xsrys span ul li{
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.2rem;
    color:#555;
    white-space: nowrap;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.xskd .content .cgxx div .xsrys span ul li:hover{ background:#f2fbf8; }
.xskd .content .cgxx div .xsrys span ul li small{
    font-size: 1.2rem;
    margin-right: 1rem;
}
.xskd .content .cgxx div .xsrys span ul li small:first-child{
    font-weight: bold;
    min-width: 6em;
}
.xskd .content .cgxx div .xsrys span ul li small:nth-child(2){
    color:#999;
}

.xskd .content .cgxx div span b{
  display: inline-block;
  white-space: nowrap;
  width:5.5rem;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  color:#555;
}
.xskd .content .cgxx div span input,.xskd .content .cgxx div span select{
  padding: 1rem 1.5rem;
  border:1px solid #e5e5e5;
  border-radius: 0.4rem;
  flex: 1;
  cursor: pointer;
  color:#555;
}

.xskd .content .cgxx div span input:hover,.xskd .content .cgxx div span select:hover{
    background: #f5ffff;
    border-color: #607d8b
}
.xskd .content .cgxx div span .sc{
    text-align: center;
}
.xskd .content .copyc{
   height: 12rem;
   border:1px solid #e5e5e5;
   padding: 1rem;
   resize: vertical;
   display: none
}
.xskd .content .btn{
    display: flex;
    gap:1rem;
}
.xskd .content .btn button{
    padding: 0.75rem 1.5rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: var(--txt-c,var(--main-an,#42485b));
    background: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #ddd;  
}
.xskd .content .btn .next{
    background: #f2f2f2;
    color:var(--txt-c,var(--main-an,#42485b));
}
.xskd .content .btn .xlsin{
    background: var(--main-hs,#0ca767);
    color:#fff;
}
.xskd .content .btn button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
}


.xskd .content .ul {
    flex: 1;
    border: 1px solid #e5e5e5;
    overflow: auto;        /* 支持横向和纵向滚动 */
    max-width: 1608px;
    position: relative;
}
@media (max-width: 1920px) {
    .xskd .content .ul {
        max-width: calc(100vw - 30.2rem);
    }
}
.xskd .content .ul table {
    width: max-content;    /* 关键：宽度根据内容自动适应 */
    min-width: 100%;       /* 如果内容不够宽，至少占满容器 */
    border-collapse: collapse;
    /* 移除 table-layout: fixed */
}

.xskd .content .ul th,
.xskd .content .ul td {
    border-right: 1px solid #e5e5e5;
}
.xskd .content .ul th{
    padding: 0.5rem 1rem;
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;  /* 表头需要最高层级，始终在内容之上 */
}
.xskd .content .ul td{
  padding: 0;
  height: initial;
}
.xskd .content .ul td>div{
  display: flex;
  height: 100%;
  position: relative;
}
.xskd .content .ul td div span{
  flex: 1;
  padding: 0.5rem 1rem;  
  line-height: 2rem;
  white-space: nowrap;   /* 内容不换行 */    
}
.xskd .content .ul td div .sots{
    position: absolute;
    left: 0;
    top: calc(100% + 2px);
    width: calc(100% - 1rem - 2px);
    min-width: 50rem;
    background: #fff;
    border-radius: 0.4rem;
    border: 1px solid #fff;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    z-index: 20;  /* 弹窗层级更高 */
    display: flex;
    flex-direction: column;
    padding: 1rem;
}
.xskd .content .ul td div .sots .body{
    flex: 1;
}
.xskd .content .ul td div .sots .body ul{
    margin:0;
    padding: 0;
    width: 100%;
    height: 20rem;    
    overflow-y: auto;
}
.xskd .content .ul td div .sots .body ul li{
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #E5E5E5
}
.xskd .content .ul td div .sots .body ul li:hover{
    background: #efe;
    color: var(--main-hs,#0ca767);
}
.xskd .content .ul td div .sots .body ul .hover{
    background: #efe;
    color: var(--main-hs,#0ca767);  
}
.xskd .content .ul td div .hide{
  display: none;
}

.xskd .content .ul th:last-child,
.xskd .content .ul td:last-child {
    border-right: 0;
}

.xskd .content .ul td div>span:hover {
    background: #f5ffff;
    color: var(--main-hs,#0ca767);
}

/* 固定列样式 - 提高 z-index 确保滚动时不被其他单元格覆盖 */
.xskd .content .ul th:nth-child(1),
.xskd .content .ul td:nth-child(1) {
    position: sticky;
    left: 0;
    width: 3rem;
    border-right: 0px solid #E5E5E5;
    background-color: #fff;
}

.xskd .content .ul th:nth-child(2),
.xskd .content .ul td:nth-child(2) {
    position: sticky;
    left: 5rem;
    border-right: 0px solid #E5E5E5;
    min-width: 12em;
    max-width: 12rem;
    background-color: #fff;
}



.xskd .content .ul th:nth-child(3),
.xskd .content .ul td:nth-child(3) {
    position: sticky;
    left: 19rem;
    border-right: 0px solid #E5E5E5;
    min-width: 8rem;
    max-width: 8rem;
    background-color: #fff;
}

.xskd .content .ul th:nth-child(4),
.xskd .content .ul td:nth-child(4) {
    position: sticky;
    left: 29rem;
    border-right: 0px solid #E5E5E5;
    min-width: 6rem;
    max-width: 6rem;
    background-color: #fff;
}

.xskd .content .ul th:nth-child(5),
.xskd .content .ul td:nth-child(5) {
    position: sticky;
    left: 37rem;
    border-right: 0px solid #E5E5E5;
    min-width: 6rem;
    max-width: 6rem;
    background-color: #fff;
}

.xskd .content .ul th:nth-child(6),
.xskd .content .ul td:nth-child(6) {
    position: sticky;
    left: 45rem;
    border-right: 0px solid #E5E5E5;
    min-width: 5rem;
    max-width: 5rem;
    background-color: #fff;
}

.xskd .content .ul th:nth-child(7),
.xskd .content .ul td:nth-child(7) {
    position: sticky;
    left: 50rem;
    border-right: 0px solid #E5E5E5;
    min-width: 6rem;
    max-width: 6rem;
    background-color: #fff;
}
.xskd .content .ul th:nth-child(8),
.xskd .content .ul td:nth-child(8) {
    position: sticky;
    left: 60rem;
    border-right: 0px solid #E5E5E5;
    min-width: 8rem;
    max-width: 8rem;
    background-color: #fff;
}
/* 第4列及之后不需要 sticky，正常显示 */
.xskd .content .ul th:nth-child(8),
.xskd .content .ul td:nth-child(8) {
    border-left: none;
}

/* 表头背景色统一 */
.xskd .content .ul th:nth-child(1),
.xskd .content .ul th:nth-child(2),
.xskd .content .ul th:nth-child(3),
.xskd .content .ul th:nth-child(4),
.xskd .content .ul th:nth-child(5),
.xskd .content .ul th:nth-child(6),
.xskd .content .ul th:nth-child(7),
.xskd .content .ul th:nth-child(8),
.xskd .content .ul th {
   background: #f8f9fa;
}

.xskd .content .ul th:nth-child(1),.xskd .content .ul th:nth-child(2),.xskd .content .ul th:nth-child(3),.xskd .content .ul th:nth-child(4),.xskd .content .ul th:nth-child(5) ,.xskd .content .ul th:nth-child(6) ,.xskd .content .ul th:nth-child(7),.xskd .content .ul th:nth-child(8) {
    z-index: 11;  /* 固定列的表头需要更高层级，覆盖普通固定列单元格 */
}
.xskd .content .ul td:nth-child(1),.xskd .content .ul td:nth-child(2),.xskd .content .ul td:nth-child(3),.xskd .content .ul td:nth-child(4),.xskd .content .ul td:nth-child(5) ,.xskd .content .ul td:nth-child(6),.xskd .content .ul td:nth-child(7) ,.xskd .content .ul td:nth-child(8) {
    z-index: 9;  /* 固定列的表头需要更高层级，覆盖普通固定列单元格 */
}

.xskd .content .ul th:nth-child(1)::after,
.xskd .content .ul td:nth-child(1)::after,
.xskd .content .ul th:nth-child(2)::after,
.xskd .content .ul td:nth-child(2)::after,
.xskd .content .ul th:nth-child(3)::after,
.xskd .content .ul td:nth-child(3)::after,
.xskd .content .ul th:nth-child(4)::after,
.xskd .content .ul td:nth-child(4)::after,
.xskd .content .ul th:nth-child(5)::after,
.xskd .content .ul td:nth-child(5)::after,
.xskd .content .ul th:nth-child(6)::after,
.xskd .content .ul td:nth-child(6)::after,
.xskd .content .ul th:nth-child(7)::after,
.xskd .content .ul td:nth-child(7)::after,
.xskd .content .ul th:nth-child(8)::after,
.xskd .content .ul td:nth-child(8)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    width: 0.5px;    
    background: #E5E5E5;
    pointer-events: none;
}


.xskd .content .ul th{
  border-bottom: 1px solid #ddd;
}
/* 右边固定最后一列 */
.xskd .content .ul th:last-child,
.xskd .content .ul td:last-child {
    position: sticky;
    right: 0;
    background-color: #fff;
    z-index: 9;
}
.xskd .content .ul th:last-child {
    z-index: 11;
    background: #f8f9fa;
}

/* 最后一列左边框用伪元素模拟 */
.xskd .content .ul th:last-child::before,
.xskd .content .ul td:last-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #E5E5E5;
    pointer-events: none;
}
.xskd .content .ul td:last-child button{
    margin: auto;
    background: none;
    border: 0;
}
.xskd .content .ul td:last-child button:before{
  content:"\f00d";
  font-family: "Icon";
  color:red;
}

.xskd .content .ul tr:hover td,
.xskd .content .ul tr:hover td:nth-child(1),
.xskd .content .ul tr:hover td:nth-child(2),
.xskd .content .ul tr:hover td:nth-child(3),
.xskd .content .ul tr:hover td:nth-child(4),
.xskd .content .ul tr:hover td:nth-child(5),
.xskd .content .ul tr:hover td:nth-child(6),
.xskd .content .ul tr:hover td:nth-child(7),
.xskd .content .ul tr:hover td:last-child {
    background-color: #f0f0f0;
}


.xskd .content .ul .must{
  background: #f5f7fa
}

.xskd .content .xzall{
  display: flex;
  gap:1rem;
}
.xskd .content .xzall button{
    padding: 0.75rem 1.5rem;
    border-radius: 0.35rem;
    cursor: pointer;
    font-size: 1.3rem;
    color: var(--txt-c,var(--main-an,#42485b));
    background: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #ddd;
}
.xskd .content .xzall button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);
}
.xskd .content .xzall .add{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;    
}
.xskd .content .xzall .save{
    background: var(--main-hs,#0ca767);
    color: #fff;  
}

.xskd .content .xzall .pc{
  position: relative;
}
.xskd .content .xzall .pc input{
    display: flex;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 1rem 1.5rem;
    text-align: center;
}
.xskd .content .xzall .pc ul{
    position: absolute;
    bottom: calc(100% + 4px);
    left: 0;
    width: calc(100% - 2rem);
    height: 40rem;
    background: #ffffff;
    overflow-y: auto;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.15);
}
.xskd .content .xzall .pc ul li{
    padding: 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 1.1rem
}
.xskd .content .xzall .pc ul li:hover{
    background: rgba(0,0,0,0.1);
    font-weight: bold;
    font-size: 1.2rem;
}
.xskd .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.xskd .content .xzall span i{
    padding: 0 0.5rem;
}

.xskd .content .xzall .hj{

}
.xskd .content .xzall .hj b{
  color:#e40;
}
.xskd .content .xzall .hj b:before{
    content:"\f157";
    font-size: 1.2rem;
    font-family: "Icon";  
    margin-right: 0.5rem;
}
.xskd .content .xzall .yf{
  display: flex;
  margin-left: auto;
}
.xskd .content .xzall .yf span{
  display: flex;
}
.xskd .content .xzall .yf span b{
  display: flex;
  align-items: center;
  font-weight: 500;
}
.xskd .content .xzall .yf span i {
   padding: 0.25rem 1rem; 
   border-bottom: 1px solid #ccc;
   border-radius: 0.3rem;   
}
.xskd .content .xzall .yf span i input{
    width: 5.5rem;
    border: 0;
    padding: 0 0.5rem;
}
.xskd .content .xzall .yf span i:before{
    content:"\f157";
    font-size: 1rem;
    font-family: "Icon";
}
/*采购入库结束*/

/*历史订单页（销售管理-历史订单）——样式复制自采购订单页*/
/*采购订单开始*/


.ddmx{
   flex-direction: column;
   position: relative;
}

.ddmx .so{
   height: 4rem;
   padding: 1.5rem;
   background: #fff;
   border-radius: 0.5rem;
   display: flex;
   gap:1rem;
}
.ddmx .so .zt{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
}
.ddmx .so .zt select{
  padding: 0.5rem;
  border:0;
  color:#666;
}
.ddmx .so .mc{
    display: flex;
    border:1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;  
}
.ddmx .so .qk{
    padding: 0.9rem 1.25rem;
    margin: auto 0;
    background: #555b6c;
    color: #ffffff;
    border: 1px solid var(--tag-c,var(--main-an,#42485b));
    border-radius: 0.3rem;
}
.ddmx .so .qk:before{
    font-family: "Icon";
    content:"\f458";
    margin-right: 0.5rem;
}
.ddmx .so .mc i{
  margin:auto;
  font-size: 1.4rem;
  color: #999;  
}
.ddmx .so .mc i:before{
    content: "\f002";
    font-family: "Icon";    
}
.ddmx .so .mc input{
  padding: 0.5rem 1.5rem;
  border:0;
  color: var(--txt-c,var(--main-an,#42485b));
}
.ddmx .so .mc button{
  border:0;
  background: #fff;
  color:#888;
}
.ddmx .so .mc button:before{
    content: "\f00d";
    font-size: 1.2rem; 
    font-family: "Icon" 
}

.ddmx .so .cz{
    margin-left: auto;
    display: flex;
    gap:1.5rem;
}
.ddmx .so .cz button{
    background: var(--btn-c,var(--main-an,#42485b));
    color: #fff;
    border: 0;
    padding: 0.9rem 1.5rem;
    margin:auto 0;  
    border-radius: 0.35rem;
    background: var(--main-hs,#0ca767);
    font-size: 1.3rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;        
}
.ddmx .so .cz .add{

}

.ddmx .so .cz .download{
    
}
.ddmx .so .cz button:hover{
    transform: translateY(-1px);
    box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}

.ddmx .so .gys{
  position: relative;
}
.ddmx .so .gys .ts{
  position: absolute;
  left:0;
  top:calc(100% + 2px);
  padding: 1rem;
  min-width: calc(100% - 2rem);
  height:20rem;
  background: #fff;
  overflow-y: auto;
  z-index: 12;
  border-radius: 0.4rem;
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}
.ddmx .so .gys .ts ul{
  padding: 0;
  margin:0;
}
.ddmx .so .gys .ts>ul>li{
  padding: 1rem;
  font-size: 1.1rem;
  white-space: nowrap;
}
.ddmx .so .gys .ts>ul>li:not(:last-child){
  border-bottom: 1px solid #e5e5e5;
}
.ddmx .so .gys .ts>ul>li>span{
  margin-right: 1rem;
}
.ddmx .so .gys .ts>ul>li>span:first-child{
  font-weight: bold;
  font-size: 1.2rem;
}
.ddmx .content{
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 0.5rem; 
    display: flex;
    flex-direction: column;
}

.ddmx .content h2{
  font-size: 2rem;
  margin:0;
}
.ddmx .content .xzall{
  display: flex;
  padding-top: 1rem;
  gap:1rem;
  border-top: 1px solid #e5e5e5;
}
.ddmx .content .xzall button{
  border:0;
  background: #4d5262;
  color:#fff;
  border:1px solid #4d5262;
  padding: 0.75rem 1.5rem;
  border-radius: 0.3rem;  
}
.ddmx .content .xzall .zhe{
  background: var(--main-ys,rgba(66,72,91,.06));
  color:#4d5262;  
}

button{
  cursor: pointer;
  transition: transform 0.3s, box-shadow 0.3s;    
}
.ddmx .content .xzall button:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);   
}
.ddmx .content .xzall span{
    padding: 0 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.ddmx .content .xzall span i{
    padding: 0 0.5rem;
}
.ddmx .content .xzall span b{

}
.ddmx .content .ul{
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 25rem);
    overflow: auto;
    max-width:1680px;
}

/* 表格占满宽度 */
.ddmx .content .ul table {
    width: 100%;
    border-collapse: collapse;
}

/* 表头固定 */
.ddmx .content .ul thead tr {
    position: sticky;
    top: 0;
    background: #f9fafb;
    z-index: 10;
}

/* 确保表头背景不透明 */
.ddmx .content .ul thead th {
    background: #f9fafb;
    padding: 0.9rem 0.75rem;
}

/* 表格内容样式 */
.ddmx .content .ul tbody td {
    padding: 0.85rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    white-space: nowrap;
}
.ddmx .content .ul tbody td .tui{
    background: #ffffee;
    color: #f80;
    border-radius: 0.3rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;    
}
.ddmx .content .ul tbody td .tui:hover{
  background: #fff;
  color: #f80;
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1); 
}
.ddmx .content .ul tbody td .tui .tui_ico:before{
  content: "退单";
}

.ddmx .content .ul tbody td .fk{
    background: #f1fff1;
    color: var(--main,#03be8d);
    border-radius: 0.3rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;    
}
.ddmx .content .ul tbody td .fk:hover{
  background: #fff;
  color: var(--main,#03be8d);   
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.ddmx .content .ul tbody td .fk .fk_ico:before{
  content: "付款";
}

.ddmx .content .ul tbody td .xg{
    background: #eef6ff;
    color: #095cde;
    border-radius: 0.3rem;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
    transition: transform 0.3s, box-shadow 0.3s;    
}
.ddmx .content .ul tbody td .xg:hover{
  background: #fff;
  color: #095cde;   
  transform: translateY(-1px);
  box-shadow: 0 0 5px 4px rgb(0 0 0 / 0.1);  
}
.ddmx .content .ul tbody td .xg .xg_ico:before{
  content: "修改";
}

.ddmx .content .ul tbody td .hui{
    color: #888;
    background: #f2f2f2;  
}
.ddmx .content .ul tbody td .hui:hover{
  color: #888;
  background: #f2f2f2;    
  transform: translateY(0px);
  box-shadow: 0 0 2px 1px rgb(0 0 0 / 0.1);  
}

.ddmx .content .load{
  min-height: 4rem;
  max-height: 4rem;
}
.ddmx .content .ul tbody .hover{
  background: #dddfe8;
}

th:first-child,td:first-child{
  width: 4rem;
}
thead,tbody{
  width:100%;
  overflow: auto;
}

.ddmx .content .xzall .xz{
    background: #f8f8f8;
    border:1px solid var(--tag-c,var(--main-an,#42485b));
    color:var(--tag-c,var(--main-an,#42485b));
}

.ddmx .content .ul tbody .mx td{
   text-align: left;
   padding: 0
}
.ddmx .content .ul tbody .mx td ul{
    overflow: auto;
    padding: 1rem 1rem 1rem 4rem;
    background: #f9f9ff;
}
.ddmx .content .ul tbody .mx td li{
  padding: 0.5rem;
}
/*明细行hover*/
.ddmx .content .ul tbody .mx td li:hover{
  background: #f5f5f5;
}
.ddmx .content .ul tbody .mx td li span { display: inline-block;width: calc(100% / 19);overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /*min-width:8rem; max-width:8rem; */

.ddmx .content .ul tbody .mx td li span button{
    background: #ffffee;
    color: #f80;
    border: 0;
    font-size: 1.15rem;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
    margin: 2px;
}

.ddmx .content .ul tbody .mx  td li span .hui{
    color: #888;
    background: #f2f2f2;  
}
.ddmx .content .ul tbody .mx  td li span .hui:hover{
  color: #888;
  background: #f2f2f2;    
  transform: translateY(0px);
  box-shadow: 0 0 2px 1px rgb(0 0 0 / 0.1);  
}

.ddmx .content .ul tbody .mx td li span:first-child{
  border-color: #fff;
  min-width: 10rem;
  max-width: 10rem;   
}
.ddmx .content .ul tbody .mx td li span:nth-child(2){
  border-color: #fff;
  min-width: 13rem;
  max-width: 13rem;   
}
.ddmx .content .ul tbody .mx td li span:nth-child(12){
  min-width:0; max-width:none
}

/*历史订单明细行 12列等宽（覆盖采购19列规则）*/
.ddmx .content .ul tbody .mx td li span{ width:calc(100%/12) }
.ddmx .content .ul tbody .mx td li span:first-child{ min-width:0; max-width:none }
.ddmx .content .ul tbody .mx td li span:nth-child(2){ min-width:0; max-width:none }
.ddmx .content .ul tbody .mx td li span:nth-child(12){ min-width:0; max-width:none }
/*历史订单 收款状态颜色*/
.ddmx .content .ul tbody td .zt0{ color:#d9534f }
.ddmx .content .ul tbody td .zt1{ color:#f0ad4e }
.ddmx .content .ul tbody td .zt2{ color:#5cb85c }


/*===================系统首页-今日看板（三版：圆角彩边卡+三面板+待办下拉筛选）===================*/
.jrkb .kb{ height:auto; display:grid; grid-template-columns:repeat(4,1fr); }
.jrkb .kb .card{ border-radius:.75rem; padding:1rem 1.25rem 1.1rem; background:#fff; box-shadow:0 1px 2px rgba(66,72,91,.06); cursor:pointer; transition: transform .3s }
.jrkb .kb .card:hover{ transform:translateY(-2px) }
.jrkb .kb .card p{ margin:0 0 .5rem; font-size:1.5rem; color:var(--txt-c,var(--main-an,#42485b)); background:#fff }
.jrkb .kb .card b.num{ display:block; font-size:2.4rem; line-height:1.3; font-weight:500; padding:.5rem 0 }
.jrkb .kb .card small{ font-size:1.3rem; color:#9ba5c6 }
.jrkb .kb .card small i{ font-style:normal }
.jrkb .kb .card.c1{ border-top:.4rem solid #2e86de }  .jrkb .kb .card.c1 b.num,.jrkb .kb .card.c1 small i{ color:#2e86de }
.jrkb .kb .card.c2{ border-top:.4rem solid #27ae60 }  .jrkb .kb .card.c2 b.num,.jrkb .kb .card.c2 small i{ color:#27ae60 }
.jrkb .kb .card.c3{ border-top:.4rem solid #f80 }     .jrkb .kb .card.c3 b.num,.jrkb .kb .card.c3 small{ color:#f80 }
.jrkb .kb .card.c4{ border-top:.4rem solid #16a085 }  .jrkb .kb .card.c4 b.num{ color:#16a085 }
.jrkb .kb .card.c5{ border-top:.4rem solid #e74c3c }  .jrkb .kb .card.c5 b.num,.jrkb .kb .card.c5 small i{ color:#e74c3c }
.jrkb .kb .card.c6{ border-top:.4rem solid #8e5ce6 }  .jrkb .kb .card.c6 b.num,.jrkb .kb .card.c6 small i{ color:#8e5ce6 }
.jrkb .kb .card.c7{ border-top:.4rem solid #64788f }  .jrkb .kb .card.c7 b.num{ color:var(--tag-c,var(--main-an,#42485b)) } .jrkb .kb .card.c7 small i{ color:#64788f }
.jrkb .kb .card.c8{ border-top:.4rem solid #e67e22 }  .jrkb .kb .card.c8 b.num{ color:#e67e22 }
.jrkb .content.tri{ display:flex; gap:1rem; padding:0; background:#f5f7fa; align-items:stretch }
.jrkb .content.tri .panel{ flex:1; min-width:0; background:#fff; border-radius:.75rem; padding:1.5rem; box-shadow:0 1px 2px rgba(66,72,91,.06); display:flex; flex-direction:column }
.jrkb .content.tri .ptit{ font-size:1.6rem; color:var(--txt-c,var(--main-an,#42485b)); font-weight:500; padding-bottom:.6rem; border-bottom:1px solid #eee; display:flex; justify-content:space-between; align-items:center }
.jrkb .content.tri .more{ color:#f80; font-size:1.4rem; cursor:pointer }
.jrkb .content.tri table{ width:100%; border-collapse:collapse; font-size:1.4rem }
.jrkb .content.tri th{ text-align:left; color:#9ba5c6; font-weight:400; padding:.5rem .25rem; border-bottom:1px solid #eee }
.jrkb .content.tri td{ padding:.55rem .25rem; border-bottom:1px dashed #f0f0f0; color:var(--txt-c,var(--main-an,#42485b)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:0 }
.jrkb .content.tri td:first-child{ max-width:34% }
.jrkb .content.tri tbody tr{ cursor:pointer }
.jrkb .content.tri tbody tr:hover{ background:#fff4e5 }
.jrkb .content.tri td.je{ font-weight:500 }
.jrkb .content.tri tfoot .sum{ border-bottom:none; text-align:center; color:#9ba5c6; font-size:1.4rem; padding-top:.75rem }
.jrkb .content.tri tr.empty td{ text-align:center; color:#9ba5c6; padding:1.5rem 0; cursor:default }
.jrkb .content.tri span.zt0{ color:#d9534f } .jrkb .content.tri span.zt1{ color:#f80 } .jrkb .content.tri span.zt2{ color:#5cb85c }
.jrkb .content.tri span.wt{ color:#f80 }
/*今日待办面板*/
.jrkb .dbpanel select.dbfilt{ width:auto; padding:.2rem .5rem; font-size:1.4rem; color:#f80; border:0; border-radius:.4rem; background:#fff; outline:none; cursor:pointer }
.jrkb .dbpanel ul.dblist{ list-style:none; margin:0; padding:0; flex:1; overflow-y:auto; min-height:0 }
.jrkb .dbpanel ul.dblist li{ display:flex; align-items:center; gap:.5rem; padding:.5rem .25rem; border-bottom:1px dashed #f0f0f0; cursor:pointer; font-size:1.4rem; color:var(--txt-c,var(--main-an,#42485b)) }
.jrkb .dbpanel ul.dblist li:hover{ background:#fff4e5 }
.jrkb .dbpanel ul.dblist li .txt{ flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.jrkb .dbpanel ul.dblist li .txt b{ font-weight:400; color:#9ba5c6; margin-right:.4rem }
.jrkb .dbpanel .tag{ flex:none; display:inline-block; min-width:3.4rem; text-align:center; padding:.1rem .4rem; border-radius:1rem; font-size:1.3rem }
.jrkb .dbpanel .tag.tfh,.jrkb .dbpanel .tag.tsh{ background:#fff4e5; color:#f80 }
.jrkb .dbpanel .tag.tsk,.jrkb .dbpanel .tag.tyk{ background:#fcebeb; color:#e74c3c }
.jrkb .dbpanel .tag.tqt{ background:#f1f2f5; color:#64788f }
.jrkb .dbpanel .dbsum{ padding-top:.6rem; text-align:center; color:#9ba5c6; font-size:1.4rem }
.jrkb .dbpanel ul.dblist li.empty{ justify-content:center; color:#9ba5c6; cursor:default }
.jrkb .dbpanel ul.dblist li.empty:hover{ background:none }

/*===================2026.10.17 订单列表：是否开票 + 行内入库/出库按钮===================*/
/* 开票状态（2026.10.17 按税率区分口径调整）：
      税率 = 0    -> 「无需开票」纯文本，不是按钮，不可点（不含税，本来就不需要开票）
      税率 > 0    -> 彩色「开票」按钮（未开票） / 灰色「已开票」按钮（已开票）
                     点彩色 = 标记已开票；点灰色 = 撤销回未开票 */
.kpnone{
    display:inline-block; padding:.3rem .2rem;
    color:#9aa3b8; font-size:1.25rem; line-height:1.5;
    white-space:nowrap; cursor:default; user-select:none;
}
.kpbadge{
    display:inline-flex; align-items:center;
    padding:.3rem 1rem; border-radius:999px; font-size:1.25rem; line-height:1.5;
    cursor:pointer; white-space:nowrap; user-select:none;
    transition:transform .2s, box-shadow .2s, background .2s, color .2s;
}
.kpbadge:hover{ transform:translateY(-1px); box-shadow:0 2px 6px rgba(66,72,91,.2); }
/* 彩色：待开票（税率>0 且未开） */
.kpbadge.kpbtn{ background:#e8f1ff; color:#2f6fed; }
.kpbadge.kpbtn:hover{ background:#2f6fed; color:#fff; }
/* 灰色：已开票（点击可撤销） */
.kpbadge.kp1{ background:#eef1f6; color:#7c86a2; }
.kpbadge.kp1:hover{ background:#fff; color:#7c86a2; }
/* 兼容旧渲染（老缓存页面） */
.kpbadge.kp0{ background:#eef1f6; color:#7c86a2; }
.kpbadge.kp2{ background:#e8f1ff; color:#2f6fed; }

/* 行内 入库/出库按钮：与退单按钮同款结构(:before 文字)，青绿=执行 灰=撤销 */
.cgdd .content .ul tbody td .ruku,
.ddmx .content .ul tbody td .ruku{
    background:#009688; color:#cfc;
    padding:.5rem .9rem;
    border-radius:.3rem;
    box-shadow:0 0 2px 1px rgba(0,0,0,.1);
    transition:transform .3s, box-shadow .3s;
}
.cgdd .content .ul tbody td .ruku:hover,
.ddmx .content .ul tbody td .ruku:hover{
    background:#00897b; color:#fff;
    transform:translateY(-1px);
    box-shadow:0 0 5px 4px rgb(0 0 0 / .1);
}

.cgdd .content .ul tbody td .ruku .ruku_ico:before{ content:"立即入库"; }
.ddmx .content .ul tbody td .ruku .ruku_ico:before{ content:"立即出库"; }
.cgdd .content .ul tbody td .ruku.qx,
.ddmx .content .ul tbody td .ruku.qx{
    background:#eef1f6; color:#7c86a2;
}
.cgdd .content .ul tbody td .ruku.qx:hover,
.ddmx .content .ul tbody td .ruku.qx:hover{ background:#fff; color:#7c86a2; }
.cgdd .content .ul tbody td .ruku.qx .ruku_ico:before{ content:"撤销入库"; }
.ddmx .content .ul tbody td .ruku.qx .ruku_ico:before{ content:"撤销出库"; }

/* 折叠明细里的单品 入库/出库 按钮（绿色），已入库/出库沿用 .hui 灰色显示"撤销" */
.cgdd .content .ul tbody .mx td li span button.lv,
.ddmx .content .ul tbody .mx td li span button.lv{
    background:#e6f7ee; color:#1e9e58;
}

/*===================2026.10.17 列表列点击筛选===================*/
/* 可筛选的格子：鼠标移上去出现下划线，提示"点我按这个值筛选" */
.cgdd .content .ul tbody td.kpsel,
.ddmx .content .ul tbody td.kpsel{
    cursor:pointer;
}
.cgdd .content .ul tbody td.kpsel:hover,
.ddmx .content .ul tbody td.kpsel:hover{
    text-decoration:underline;
    color:#2f6fed;
}
/* 当前筛选提示条（插在搜索条下面）：显示筛的哪一列、什么值，右侧一键清除 */
.kpfltbar{
    display:flex; align-items:center; gap:1rem;
    margin-top:.8rem; padding:.6rem 1.2rem;
    background:#e8f1ff; border-radius:.5rem;
    font-size:1.25rem; color:#2f6fed;
}
.kpfltbar.hide{ display:none; }
.kpfltbar span{ flex:1; }
.kpfltbar button{
    border:0; cursor:pointer; font-size:1.2rem;
    padding:.35rem .9rem; border-radius:.3rem;
    background:#2f6fed; color:#fff;
    transition:background .2s;
}
.kpfltbar button:hover{ background:#1c56c8; }

/*===================2026.10.17 订单详情弹窗（点订单号打开）===================*/
/* 可点文字：列表里的可筛选格子 + 弹窗里的关联字段，统一"悬停变蓝 + 下划线" */
.cgdd .content .ul tbody td.kpsel:hover span,
.ddmx .content .ul tbody td.kpsel:hover span{
    color:inherit;                /* 收款状态等带颜色的 span 也一起变蓝，不然只有下划线变色 */
}
.cgdd .content .ul tbody td.kpsel[data-f="ddh"],
.ddmx .content .ul tbody td.kpsel[data-f="ddh"]{
    font-weight:bold;
}
.oddinfo .lk{
    color:inherit;
    text-decoration:none;
    cursor:pointer;
    transition:color .2s;
}
.oddinfo .lk:hover{
    color:#2f6fed;
    text-decoration:underline;
}

/* 遮罩 + 弹窗本体 */
.oddmask{
    position:fixed; left:0; top:0; width:100%; height:100%;
    background:rgba(17,24,39,.55); z-index:60;
}
.oddinfo{
    position:fixed; left:0; top:0; width:100%; height:100%;
    z-index:61; display:flex; align-items:center; justify-content:center;
}
.oddmask.hide, .oddinfo.hide{ display:none; }
.oddinfo .body{
    width:1220px; max-width:96vw; max-height:90vh;
    background:#fff; border-radius:.8rem;
    display:flex; flex-direction:column; overflow:hidden;
    box-shadow:0 12px 48px rgba(0,0,0,.28);
}
/* 标题栏 */
.oddinfo .tit{
    display:flex; align-items:center; gap:1rem;
    padding:1.8rem 2.2rem; background:#f8f9fc;
    border-bottom:1px solid #eceef4;
}
.oddinfo .tit b{ font-size:1.7rem; color:#333; }
.oddinfo .tit small{ font-size:1.3rem; color:#8a93a6; }
.oddinfo .tit i.cls{
    margin-left:auto; width:2.4rem; height:2.4rem; border-radius:50%;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    transition:background .2s;
}
.oddinfo .tit i.cls:hover{ background:#ecebeb; }
.oddinfo .tit i.cls:before{ font-family:"Icon"; content:"\f00d"; font-size:1.3rem; color:#8a93a6; }
/* 状态徽标 */
.oddinfo .st{ display:flex; flex-wrap:wrap; gap:.8rem; padding:1.2rem 2.2rem 0 2.2rem; }
.oddinfo .s{
    padding:.25rem 1rem; border-radius:999px; font-size:1.2rem; line-height:1.7;
}
.oddinfo .s.ok{ background:#e6f7ee; color:#1e9e58; }
.oddinfo .s.no{ background:#eef1f6; color:#7c86a2; }
.oddinfo .s.warn{ background:#fff2e0; color:#d97a00; }
.oddinfo .s.muted{ background:#f3f4f6; color:#9aa1b2; }
/* 表头信息 */
/* 2026.10.17 订单信息不滚动、完整显示（原来 max-height:22vh + overflow-y:auto，项多时要滚才看得全）；
   空间不够时由下面的明细区收缩并滚动 */
.oddinfo .kv{
    display:flex; flex-wrap:wrap; gap:.6rem 2rem;
    padding:1.4rem 2.2rem; flex:0 0 auto;
}
.oddinfo .kv .it{ width:calc((100% - 6rem)/4); display:flex; font-size:1.25rem; }
.oddinfo .kv .k{ width:7.5rem; color:#8a93a6; flex:none; }
.oddinfo .kv .v{ color:#333; word-break:break-all; }
/* 明细 */
.oddinfo .mxw{
    flex:1; min-height:0; display:flex; flex-direction:column;
    border-top:1px solid #eceef4; padding:1.2rem 0 0 0;
}
.oddinfo .mxtit{ padding:0 2.2rem .8rem 2.2rem; font-size:1.3rem; color:#666; font-weight:bold; }
.oddinfo .tbw{ flex:1; min-height:0; overflow:auto; padding:0 2.2rem; }
.oddinfo table{ width:100%; border-collapse:collapse; font-size:1.2rem; }
.oddinfo thead th{
    position:sticky; top:0; z-index:1;
    background:#f3f4f7; color:#666; font-weight:bold;
    padding:.9rem .8rem; text-align:left; white-space:nowrap;
    border-bottom:1px solid #e3e6ee;
}
.oddinfo tbody td{
    padding:.8rem; border-bottom:1px solid #f0f1f5; color:#444;
    white-space:nowrap;
}
.oddinfo tbody tr:hover{ background:#f8faff; }
.oddinfo tbody td.empty{ text-align:center; color:#9aa1b2; padding:2.4rem; }
/* 2026.10.17 明细汇总(sum) 移到页脚，与「关闭」按钮同一行：左边汇总、右边按钮 */
.oddinfo .sum{
    flex:1; min-width:0; font-size:1.25rem; color:#666;
}
.oddinfo .sum b{ color:#2f6fed; }
/* 底部 */
.oddinfo .ft{
    flex:0 0 auto;
    padding:1rem 2.2rem 1.5rem;
    display:flex; align-items:center; gap:1.6rem;
    border-top:1px solid #eceef4; background:#fafbfe;
}
.oddinfo .ft button{
    flex:none;
    border:0; cursor:pointer; font-size:1.3rem;
    padding:.6rem 2rem; border-radius:.4rem;
    background:#2f6fed; color:#fff; transition:background .2s;
}
.oddinfo .ft button:hover{ background:#1c56c8; }

/*===================2026.10.17 财务管理 - 待收待付===================*/
/* 左边选供应商/客户，右边看该对象的待结订单并直接结算 */
.dssf .content{
    flex:1; min-height:0; background:#fff; padding:2rem 2.5rem; border-radius:.5rem;
    display:flex; flex-direction:column; gap:1.2rem;
}
.dssf .so{
    display:flex; align-items:center; gap:1rem;
    padding-bottom:1.2rem; border-bottom:1px solid #eceef4;
}
.dssf .so .tab{ display:flex; border:1px solid #ddd; border-radius:.5rem; overflow:hidden; }
.dssf .so .tab span{
    padding:.65rem 1.6rem; font-size:1.3rem; color:#666; cursor:pointer;
    background:#fff; transition:background .2s,color .2s;
}
.dssf .so .tab span.active{ background:var(--main,#03be8d); color:#fff; }
.dssf .so .mc{
    display:flex; align-items:center; gap:.8rem;
    border:1px solid #ddd; border-radius:.5rem; padding:.3rem 1rem;
}
.dssf .so .mc i{ font-size:1.3rem; color:#999; }
.dssf .so .mc i:before{ content:"\f002"; font-family:"Icon"; }
.dssf .so .mc input{ border:0; outline:0; width:24rem; font-size:1.3rem; color:var(--txt-c,var(--main-an,#42485b)); padding:.5rem 0; }
.dssf .so .mc button{ border:0; background:#fff; color:#888; cursor:pointer; }
.dssf .so .mc button:before{ content:"\f00d"; font-size:1.2rem; font-family:"Icon"; }
.dssf .so .qk{
    padding:.75rem 1.4rem; background:#555b6c; color:#fff;
    border:1px solid var(--tag-c,var(--main-an,#42485b)); border-radius:.3rem; font-size:1.25rem;
}
.dssf .so .qk:before{ font-family:"Icon"; content:"\f021"; margin-right:.5rem; }

.dssf .sfmain{ flex:1; min-height:40rem; display:flex; gap:1.2rem; }

/* 左：供应商 / 客户汇总 */
.dssf .sfl{
    width:36rem; flex:none; display:flex; flex-direction:column;
    border:1px solid #eceef4; border-radius:.5rem; overflow:hidden;
}
.dssf .sfh{
    display:flex; align-items:center; padding:1rem 1.2rem;
    background:#f3f4f7; font-size:1.2rem; color:#666; font-weight:bold;
}
.dssf .sfh span:first-child{ flex:1; }
.dssf .sfh span:nth-child(2){ width:6rem; text-align:center; }
.dssf .sfh span:last-child{ width:11rem; text-align:right; }
.dssf .sfull{ flex:1; min-height:0; overflow:auto; }
.dssf .sfull li{
    display:flex; align-items:center; padding:1rem 1.2rem; gap:.4rem;
    font-size:1.3rem; color:#333; cursor:pointer; border-bottom:1px solid #f3f4f8;
}
.dssf .sfull li:hover{ background:#f2fbf8; }
.dssf .sfull li.on{ background:#e4f8f2; color:var(--main,#03be8d); }
.dssf .sfull li.on .w{ color:var(--main,#03be8d); }
.dssf .sfull li .n{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dssf .sfull li .c{ width:6rem; text-align:center; color:#8a93a6; font-size:1.2rem; }
.dssf .sfull li .w{ width:11rem; text-align:right; font-weight:bold; }
.dssf .sfull li.empty,
.dssf .sfull li.empty:hover{ justify-content:center; color:#9aa1b2; cursor:default; background:none; padding:3rem 0; }

/* 右：订单明细 + 结算 */
.dssf .sfr{
    flex:1; min-width:0; display:flex; flex-direction:column;
    border:1px solid #eceef4; border-radius:.5rem; overflow:hidden;
}
.dssf .sfrt{
    display:flex; align-items:center; gap:2.4rem;
    padding:1.1rem 1.6rem; background:#f8f9fc; border-bottom:1px solid #eceef4;
}
.dssf .sfrt .nm{ flex:1; min-width:0; font-size:1.5rem; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dssf .sfrt span{ font-size:1.2rem; color:#8a93a6; white-space:nowrap; }
.dssf .sfrt span b{ font-size:1.4rem; color:#333; margin-left:.3rem; }
.dssf .sfrt span .twf{ color:#e2574c; }
.dssf .sfrt span .tyf{ color:var(--main,#03be8d); }
/* 明细表第 5 列"已结算"与顶部同色 */
.dssf .sfrw tbody td:nth-child(5){ color:var(--main,#03be8d); }
.dssf .sfrw{ flex:1; min-height:0; overflow:auto; }
.dssf .sfrw table{ width:100%; border-collapse:collapse; font-size:1.25rem; }
.dssf .sfrw thead th{
    position:sticky; top:0; z-index:1; background:#f3f4f7; color:#666;
    font-weight:bold; padding:.9rem .8rem; text-align:left; white-space:nowrap;
    border-bottom:1px solid #e3e6ee;
}
.dssf .sfrw tbody td{
    padding:.9rem .8rem; border-bottom:1px solid #f2f3f7; color:#444; white-space:nowrap;
}
.dssf .sfrw tbody tr:hover{ background:#f2fbf8; }
.dssf .sfrw .ck{ width:3.6rem; text-align:center; }
.dssf .sfrw td.empty,
.dssf .sfrw td.empty:hover{ text-align:center; color:#9aa1b2; padding:3rem; background:none; }

.dssf .sff{
    display:flex; align-items:flex-end; flex-wrap:wrap; gap:1.2rem;
    padding:1.2rem 1.6rem; border-top:1px solid #eceef4; background:#fafbfe;
}
.dssf .sff .fi{ display:flex; flex-direction:column; gap:.4rem; }
.dssf .sff .fi label{ font-size:1.15rem; color:#8a93a6; }
.dssf .sff .fi input,
.dssf .sff .fi select{
    height:3.2rem; border:1px solid #ddd; border-radius:.4rem;
    padding:0 .8rem; font-size:1.3rem; color:#333; background:#fff; outline:0;
}
.dssf .sff .fi input:focus,
.dssf .sff .fi select:focus{ border-color:var(--main,#03be8d); }
.dssf .sff .fje{ width:13rem; font-weight:bold; color:#e2574c; }
.dssf .sff .wide{ flex:1; min-width:12rem; }
.dssf .sff .wide input{ width:100%; box-sizing:border-box; }
.dssf .sff .sfdo{
    height:3.4rem; padding:0 2.4rem; margin-left:auto;
    background:var(--main,#03be8d); color:#fff; border:0; border-radius:.4rem; font-size:1.3rem;
    transition:background .2s;
}
.dssf .sff .sfdo:hover{ background:var(--main-hs,#02a87b); }

/*===================2026.10.17 销售出库 / 销售退货===================*/
/* 行内按钮：出库/撤销出库、撤销退单、单品撤销退货（与采购退货页同款描边按钮） */
.xsck .content .ul tbody td button.ck,
.xsck .content .ul tbody td button.qx,
.xsth .content .ul tbody td button.qx,
.xsth .content .ul tbody .mx td li button.qxmx{
    border:1px solid var(--tag-c,var(--main-an,#42485b));
    background:#fff;
    color:var(--tag-c,var(--main-an,#42485b));
    padding:.4rem .8rem;
    border-radius:.3rem;
    white-space:nowrap;
    cursor:pointer;
    font-size:1.15rem;
}
.xsck .content .ul tbody td button.ck:hover,
.xsck .content .ul tbody td button.qx:hover,
.xsth .content .ul tbody td button.qx:hover,
.xsth .content .ul tbody .mx td li button.qxmx:hover{ background:var(--btn-c,var(--main-an,#42485b)); color:#fff; }
.xsck .content .ul tbody td button.qx.hui,
.xsth .content .ul tbody td button.qx.hui{
    border-color:#ddd; color:#aaa; background:#f7f7f7; cursor:default;
}
.xsck .content .ul tbody td button.qx.hui:hover,
.xsth .content .ul tbody td button.qx.hui:hover{ background:#f7f7f7; color:#aaa; }
.xsck .content .ul tbody td.empty,
.xsth .content .ul tbody td.empty{
    text-align:center; color:#9aa1b2; padding:3rem;
}

/* 退货明细行：8 列，按列分宽（基础 .mx-li 是 19 列等分，这里覆盖） */
.xsth .content .ul tbody .mx td li{ display:flex; align-items:center; }
.xsth .content .ul tbody .mx td li:hover{ background:#f5f5f5; }
.xsth .content .ul tbody .mx td li>span{ flex-shrink:0; }
.xsth .content .ul tbody .mx td li span:nth-child(1){ width:7% }
.xsth .content .ul tbody .mx td li span:nth-child(2){ width:19% }
.xsth .content .ul tbody .mx td li span:nth-child(3){ width:17% }
.xsth .content .ul tbody .mx td li span:nth-child(4){ width:12% }
.xsth .content .ul tbody .mx td li span:nth-child(5){ width:13% }
.xsth .content .ul tbody .mx td li span:nth-child(6){ width:8% }
.xsth .content .ul tbody .mx td li span:nth-child(7){ width:12% }
.xsth .content .ul tbody .mx td li span:nth-child(8){ width:12% }

/*===================2026.10.17 销售出库 / 销售退货：页面骨架===================*/
/* 之前只补了行内按钮样式，页面本身（搜索条 / 表格 / 底部栏）没有骨架，所以看着"样式没生效"。
   这里整套照采购退货页 .cgth 的口径补齐。 */
.xsck,.xsth{ flex-direction:column; position:relative; }
.xsck .so,.xsth .so{
    height:4rem; padding:1.5rem; background:#fff; border-radius:.5rem;
    display:flex; gap:1rem;
}
.xsck .so .zt,.xsth .so .zt{
    display:flex; border:1px solid #ddd; border-radius:.5rem; padding:.5rem 1.5rem;
}
.xsck .so .zt select,.xsth .so .zt select{ padding:.5rem; border:0; color:#666; outline:0; background:#fff; }
.xsck .so .mc,.xsth .so .mc{
    display:flex; border:1px solid #ddd; border-radius:.5rem; padding:.5rem 1.5rem;
}
.xsck .so .mc i,.xsth .so .mc i{ margin:auto; font-size:1.4rem; color:#999; }
.xsck .so .mc i:before,.xsth .so .mc i:before{ content:"\f002"; font-family:"Icon"; }
.xsck .so .mc input,.xsth .so .mc input{ padding:.5rem 1.5rem; border:0; outline:0; width:26rem; font-size:1.3rem; color:var(--txt-c,var(--main-an,#42485b)); background:#fff; }
.xsck .so .mc button,.xsth .so .mc button{ border:0; background:#fff; color:#888; cursor:pointer; }
.xsck .so .mc button:before,.xsth .so .mc button:before{ content:"\f00d"; font-size:1.2rem; font-family:"Icon"; }
.xsck .so .qk,.xsth .so .qk{
    padding:.9rem 1.25rem; margin:auto 0; background:#555b6c; color:#fff;
    border:1px solid var(--tag-c,var(--main-an,#42485b)); border-radius:.3rem; font-size:1.25rem;
}
.xsck .so .qk:before,.xsth .so .qk:before{ font-family:"Icon"; content:"\f021"; margin-right:.5rem; }

.xsck .content,.xsth .content{
    flex:1; min-height:0; background:#fff; padding:2rem 2.5rem;
    border-radius:.5rem; display:flex; flex-direction:column;
}
.xsck .content .ul,.xsth .content .ul{
    display:flex; flex-direction:column;
    max-height:calc(100vh - 25rem); overflow:auto; max-width:1680px;
}
.xsck .content .ul table,.xsth .content .ul table{ width:100%; border-collapse:collapse; }
.xsck .content .ul thead tr,.xsth .content .ul thead tr{
    position:sticky; top:0; background:#f9fafb; z-index:10;
}
.xsck .content .ul thead th,.xsth .content .ul thead th{
    background:#f9fafb; padding:.9rem .75rem; text-align:left; font-weight:bold; color:#666; white-space:nowrap;
}
.xsck .content .ul tbody td,.xsth .content .ul tbody td{
    padding:.85rem .75rem; border-bottom:1px solid #edf2f7; white-space:nowrap; font-size:1.25rem; color:#444;
}
.xsck .content .ul tbody tr:hover,.xsth .content .ul tbody tr:hover{ background:#fafafa; }
.xsck .content .load,.xsth .content .load{ min-height:4rem; max-height:4rem; }
.xsck .content .xzall,.xsth .content .xzall{
    display:flex; padding-top:1rem; gap:1rem; border-top:1px solid #e5e5e5; margin-top:1rem;
}
.xsck .content .xzall button,.xsth .content .xzall button{
    border:1px solid #4d5262; background:#4d5262; color:#fff;
    padding:.75rem 1.5rem; border-radius:.3rem; font-size:1.25rem;
}
.xsck .content .xzall button:hover,.xsth .content .xzall button:hover{
    transform:translateY(-1px); box-shadow:0 0 5px 4px rgb(0 0 0 / .1);
}
.xsck .content .xzall span,.xsth .content .xzall span{
    padding:0 1rem; font-size:1.4rem; display:flex; align-items:center; gap:.5rem;
}
.xsck .content .xzall span i,.xsth .content .xzall span i{ padding:0 .5rem; }

/*===================2026.10.17 发票/收款退款弹窗（.ddmx .ddfk）===================*/
/* .cgdd .form-group / .form-row-2 是采购作用域，销售弹窗里这些字段原来全裸奔，这里补一套 */
.ddfk .form-group label{
    display:block; font-size:1.2rem; font-weight:600; margin-bottom:.45rem; color:#666;
}
.ddfk .form-group input,
.ddfk .form-group textarea,
.ddfk .form-group select{
    width:100%; padding:1rem 1.5rem; border:1px solid #d0d7de; border-radius:.4rem;
    font-size:1.2rem; background:#fff; outline:0; box-sizing:border-box; font-family:inherit;
}
.ddfk .form-group input:focus,
.ddfk .form-group textarea:focus,
.ddfk .form-group select:focus{
    border-color:var(--main,#03be8d); box-shadow:0 0 0 3px var(--main-yd,rgba(3,190,141,.2));
}
.ddfk .form-group textarea{ resize:vertical; }
.ddfk .form-row-2{ display:flex; gap:1rem; flex-wrap:wrap; }
.ddfk .form-row-2 .form-group{ flex:1; min-width:110px; }

/* 收款 / 部分退款 切换 */
.ddfk .lxtab{ display:flex; gap:.8rem; padding:0 2.5rem; }
.ddfk .lxtab span{
    padding:.6rem 1.6rem; font-size:1.3rem; color:#666; cursor:pointer;
    background:#f2f3f7; border:1px solid #e3e6ee; border-radius:.4rem;
    transition:background .2s,color .2s,border-color .2s;
}
.ddfk .lxtab span.on{ background:var(--main,#03be8d); border-color:var(--main,#03be8d); color:#fff; }

/* 销售收款/退款弹窗：多了“收款/部分退款”切换和退款原因，固定 500px 高会挤，改成自适应 */
.ddmx .ddedit.ddfk .body{ height:auto; max-height:88vh; }
.ddmx .ddedit.ddfk .form{ padding-bottom:.6rem; }
/* 行内图标文字：销售这边是收款 / 部分退款，跟采购的付款分开 */
.ddmx .content .ul tbody td .fk .fk_ico:before{ content:"收款"; }
/* 部分退款：只退钱不退货，单独一个红调图标（跟“退单”的橙区分开） */
.ddmx .content .ul tbody td .tk{
    background:#fff2f0; color:#e2574c;
    border-radius:.3rem;
    box-shadow:0 0 2px 1px rgba(0,0,0,.1);
    transition:transform .3s, box-shadow .3s;
}
.ddmx .content .ul tbody td .tk:hover{
    background:#fff; color:#e2574c;
    transform:translateY(-1px);
    box-shadow:0 0 5px 4px rgb(0 0 0 / .1);
}
.ddmx .content .ul tbody td .tk .tk_ico:before{ content:"部分退款"; }

/*===================2026.10.17 财务管理：菜单精简 + 新增「收支明细」===================*/
/* 采购付款、销售收款两个模块已从财务管理菜单移除（付款/收款动作仍在采购订单、销售订单行内完成），
   财务管理现在只有：待收待付 → 收支明细。
   收支明细是新页面，页面骨架（搜索条 / 表格 / 底部栏）按 .xsck 的口径整套补齐，
   不补的话页面能用但完全没样式。 */
.szmx{ flex-direction:column; position:relative; }
.szmx .so{
    height:4rem; padding:1.5rem; background:#fff; border-radius:.5rem;
    display:flex; gap:1rem; align-items:center;
}
.szmx .so .mc{ display:flex; border:1px solid #ddd; border-radius:.5rem; padding:.5rem 1.5rem; }
.szmx .so .mc i{ margin:auto; font-size:1.4rem; color:#999; }
.szmx .so .mc i:before{ content:"\f002"; font-family:"Icon"; }
.szmx .so .mc input{ padding:.5rem 1.5rem; border:0; outline:0; width:30rem; font-size:1.3rem; color:var(--txt-c,var(--main-an,#42485b)); background:#fff; }
.szmx .so .mc button{ border:0; background:#fff; color:#888; cursor:pointer; }
.szmx .so .mc button:before{ content:"\f00d"; font-size:1.2rem; font-family:"Icon"; }
.szmx .so .zt{ display:flex; border:1px solid #ddd; border-radius:.5rem; padding:.5rem 1.5rem; }
.szmx .so .zt select{ padding:.5rem; border:0; color:#666; outline:0; background:#fff; }
.szmx .so .qk{
    padding:.9rem 1.25rem; background:#555b6c; color:#fff; cursor:pointer;
    border:1px solid var(--tag-c,var(--main-an,#42485b)); border-radius:.3rem; font-size:1.25rem;
}
.szmx .so .qk:before{ font-family:"Icon"; content:"\f021"; margin-right:.5rem; }
/* 搜索条右侧的合计条：共 N 笔 / 收入 / 支出 / 净额 */
.szmx .so .smtop{ margin-left:auto; display:flex; gap:1.8rem; align-items:center; font-size:1.3rem; color:#999; }
.szmx .so .smtop b{ margin-left:.45rem; font-size:1.6rem; }
.szmx .so .sin b{ color:var(--main,#03be8d); }
.szmx .so .sout b{ color:#e2574c; }
.szmx .so .snet b{ color:var(--txt-c,var(--main-an,#42485b)); }

.szmx .content{
    flex:1; min-height:0; background:#fff; padding:2rem 2.5rem;
    border-radius:.5rem; display:flex; flex-direction:column;
}
.szmx .content .ul{
    display:flex; flex-direction:column;
    max-height:calc(100vh - 26rem); overflow:auto; max-width:1680px;
}
.szmx .content .ul table{ width:100%; border-collapse:collapse; }
.szmx .content .ul thead tr{ position:sticky; top:0; background:#f9fafb; z-index:10; }
.szmx .content .ul thead th{
    background:#f9fafb; padding:.9rem .75rem; text-align:left; font-weight:bold; color:#666; white-space:nowrap;
}
.szmx .content .ul tbody td{
    padding:.85rem .75rem; border-bottom:1px solid #edf2f7; white-space:nowrap; font-size:1.25rem; color:#444;
}
/* 整行可点：点了就是查看关联订单 */
.szmx .content .ul tbody tr{ cursor:pointer; }
.szmx .content .ul tbody tr:hover{ background:#f2fbf8; }
.szmx .content .ul tbody td.dd{ color:#03a87b; font-family:Consolas,Menlo,monospace; }
.szmx .content .ul tbody td.dd:hover{ text-decoration:underline; }
.szmx .content .ul tbody td.in{ color:var(--main,#03be8d); font-weight:bold; }
.szmx .content .ul tbody td.out{ color:#e2574c; font-weight:bold; }
.szmx .content .ul tbody td.bz{ max-width:24rem; overflow:hidden; text-overflow:ellipsis; color:#888; }
.szmx .content .ul tbody .tag{
    display:inline-block; min-width:5.6rem; text-align:center;
    padding:.15rem .6rem; border-radius:1rem; font-size:1.2rem;
}
.szmx .content .ul tbody .tag.in{ background:#e4f8f2; color:#03a87b; }
.szmx .content .ul tbody .tag.out{ background:#fff2f0; color:#e2574c; }
.szmx .content .ul tbody td.empty{ text-align:center; color:#999; padding:3rem 0; cursor:default; }
.szmx .content .load{ min-height:4rem; max-height:4rem; }
.szmx .content .xzall{ display:flex; padding-top:1rem; gap:1rem; border-top:1px solid #e5e5e5; margin-top:1rem; }
.szmx .content .xzall span{ padding:0 1rem; font-size:1.4rem; display:flex; align-items:center; gap:.5rem; }
.szmx .content .xzall span i{ padding:0 .5rem; }


/*===================2026.10.18 费用栏：税费只读框 灰字、无背景===================*/
.cgrk .content .xzall .yf input[readonly],
.xskd .content .xzall .yf input[readonly]{
    color:#999; background:transparent; cursor:default;
}
/*2026.10.18 已收金额输入框加长（大金额写得下），税费只读框灰字无背景*/
.xskd .content .xzall .yf span.sk i input{
    width: 11rem;
}

/*===================2026.10.18 订单折叠明细与表头对齐===================*/
/* 错位根源：① ddmx 明细 13 列却按 100%/12 等分，总宽 108%；② 数据行 span 是 inline-block，
   换行空格每列多约 4px，19 列累计近 80px；③ 品名/型号固定 min-width 再往外顶。
   统一改成：数据行 flex（无空隙）+ 各列等分、超长省略号，列再窄也不会超出表头宽度。 */
.cgdd .content .ul tbody .mx td li,
.ddmx .content .ul tbody .mx td li{
    display:flex; align-items:center;
}
/* 各列等分：flex 基准 0，多余空间均分，内容超长就省略号（配合 JS 里的 title 悬停看全文）*/
.cgdd .content .ul tbody .mx td li > span,
.ddmx .content .ul tbody .mx td li > span{
    flex:1 1 0; width:auto; min-width:0; max-width:none;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/* 采购明细 19 列：末尾「入库」「退货」两格按按钮自适应；历史订单 13 列末格「操作」同理 */
.cgdd .content .ul tbody .mx td li > span:nth-last-child(2),
.cgdd .content .ul tbody .mx td li > span:last-child,
.ddmx .content .ul tbody .mx td li > span:last-child{
    flex:0 0 auto;
}

/*===================2026.10.19 经营统计：销售统计（ECharts 图表，主题绿）===================*/
/*2026.10.19 第三十九轮：整体不超视口，只有明细列表内部滚动（.tbox 拿剩余空间）*/
.xstj{ flex-direction:column; position:relative; overflow:hidden; }
.xstj .content{ background:#f5f6f8; padding:1.5rem; display:flex; flex-direction:column; gap:1.5rem; flex:1; min-height:0; overflow:hidden; }
/*四张指标卡片*/
.xstj .cards{ display:flex; gap:1.5rem; }
.xstj .cards .c0{
    flex:1; background:#fff; border-radius:.8rem; padding:1.6rem 2rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
    border-top:0.5rem solid #d5e2da;
}
.xstj .cards .c0.first{ border-top:.5rem solid var(--main,#03be8d); }
.xstj .cards .c0 p{ margin:0 0 1rem; font-size:1.6rem; color:#8a93a6; padding:1rem; }
.xstj .cards .c0 b{ font-size:2.8rem; color:#2b3245; font-weight:700; }
.xstj .cards .c0 b.je{ color:var(--main,#03be8d); }
.xstj .cards .c0 b i{ font-style:normal; font-size:1.6rem; font-weight:normal; color:#9aa2b1; margin-left:.4rem; }
/*图表面板行*/
/*2026.10.19 图表区高度固定30rem（内部面板纵向 flex，饼图/曲线/排行榜吃满行高；
  必须是确定高度——纯 max-height 会让空的 echarts 容器在初始化时读到 0 高度而塌陷）*/
.xstj .charts{ display:flex; gap:1.5rem; height:30rem; }
.xstj .panel{
    flex:1; min-width:0; background:#fff; border-radius:.6rem; padding:1.5rem 1.8rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
    display:flex; flex-direction:column; min-height:0;
}
/*2026.10.19 饼图最宽30%、排行榜最宽20%，中间剩余全给曲线图*/
.xstj .charts .panel:nth-child(1){ flex:0 1 30%; max-width:30%; }
.xstj .charts .panel:nth-child(3){ flex:0 1 20%; max-width:20%; }
.xstj .ptit{ display:flex; align-items:center; gap:1.2rem; margin-bottom:1rem; }
.xstj .ptit > span{
    font-size:1.45rem; font-weight:bold; color:#2b3245;
    padding-left:.9rem; border-left:.4rem solid var(--main,#03be8d);
}
.xstj .ptit select{
    margin-left:.6rem; padding:.4rem .8rem; border:1px solid #dde1e7; border-radius:.4rem;
    color:#555; outline:0; background:#fff; font-size:1.25rem;
}
.xstj .ptit .prw,.xstj .ptit .lrw{ margin-left:auto; }
.xstj .ptit .mtab,.xstj .ptit .rtab{ margin-left:auto; padding:0; display:flex; background:#f0f2f5; border:0; border-radius:.4rem; overflow:hidden; }
.xstj .mtab b{
    padding:.45rem 1.4rem; font-size:1.25rem; color:#666; cursor:pointer; font-weight:normal;
}
.xstj .mtab b.on{ background:var(--main,#03be8d); color:#fff; }
.xstj .box{ flex:1; min-height:0; }
/*销售明细面板*/
.xstj .mxp{
    background:#fff; border-radius:.6rem; padding:1.5rem 1.8rem 1.8rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
    flex:1; min-height:0; display:flex; flex-direction:column;
}
.xstj .srch{ margin-left:auto; display:flex; }
.xstj .srch input{
    width:26rem; padding:1rem 1.25rem; border:1px solid #dde1e7; border-right:0;
    border-radius:.4rem 0 0 .4rem; outline:0; font-size:1.25rem; color:var(--tag-c,var(--main-an,#42485b));
}
.xstj .srch input:focus{ border-color:var(--main,#03be8d); }
.xstj .srch .q{
    padding:.55rem 1.6rem; border:0; background:var(--main,#03be8d); color:#fff; cursor:pointer;
    border-radius:0 .4rem .4rem 0; font-size:1.25rem;
}
.xstj .srch .q:hover{ background:var(--main-hs,#02a87b); }
/*明细表滚动容器：占 .mxp 剩余高度，只有它滚；表头吸顶*/
.xstj .mxp .tbox{ flex:1; min-height:0; overflow:auto; }
.xstj .mxp table{ width:100%; border-collapse:collapse; }
.xstj .mxp thead th{
    background:#f9fafb; padding:.9rem .8rem; text-align:left; font-weight:bold; color:#666; white-space:nowrap;
    border-bottom:1px solid #edf0f4;
    position:sticky; top:0; z-index:2;
}
.xstj .mxp tbody td{
    padding:.85rem .8rem; border-bottom:1px solid #f1f3f6; font-size:1.25rem; color:#444; white-space:nowrap;
}
.xstj .mxp tbody tr:hover{ background:#f2fbf8; }
.xstj .mxp tbody td.dd{ color:#03a87b; font-family:Consolas,Menlo,monospace; }
.xstj .mxp tbody td.je{ color:var(--main,#03be8d); font-weight:bold; }
.xstj .mxp tbody td.pm{ max-width:30rem; overflow:hidden; text-overflow:ellipsis; }
.xstj .mxp tbody td.empty{ text-align:center; color:#999; padding:3rem 0; }
.xstj .mxp .tag{ display:inline-block; padding:.15rem .8rem; border-radius:1rem; font-size:1.2rem; }
.xstj .mxp .tag.ztok{ background:#e4f8f2; color:#03a87b; }
.xstj .mxp .tag.ztwait{ background:#fff6e5; color:#d98b00; }
.xstj .mxp .tag.zttui{ background:#fff2f0; color:#e2574c; }
/*分页：加载更多模式（2026.10.19 第三十九轮）*/
.xstj .pager{ display:flex; align-items:center; justify-content:flex-end; gap:1rem; padding-top:1.2rem; }
.xstj .pager .info{ font-size:1.25rem; color:#8a93a6; margin-right:auto; }
.xstj .pager .info b{ color:var(--main,#03be8d); }
.xstj .pager .more{
    padding:.5rem 1.4rem; border:1px solid #dde1e7; background:#fff; color:var(--main,#03be8d);
    border-radius:.4rem; cursor:pointer; font-size:1.25rem; user-select:none;
}
.xstj .pager .more:hover{ border-color:var(--main,#03be8d); background:#f2fbf8; }
.xstj .pager .more.done{ color:#c3c9d4; cursor:default; border-color:#eef0f3; background:#fafbfc; }

/*===================2026.10.19 销售统计：产品销售排行榜（第三列）===================*/
.xstj .rtab{ margin-left:auto; padding:0; display:flex; background:#f0f2f5; border:0; border-radius:.4rem; overflow:hidden; }
.xstj .rtab b{ padding:.45rem 1.2rem; font-size:1.25rem; color:#666; cursor:pointer; font-weight:normal; }
.xstj .rtab b.on{ background:var(--main,#03be8d); color:#fff; }
.xstj .rklist{
    flex:1; min-height:0; overflow:auto; margin:0; padding:0; list-style:none;
}
.xstj .rklist li{
    display:flex; align-items:center; gap:1rem;
    padding:.7rem .4rem; border-bottom:1px solid #f1f3f6;
}
.xstj .rklist li:hover{ background:#f2fbf8; }
.xstj .rklist .no{
    flex:0 0 2.2rem; height:2.2rem; line-height:2.2rem; text-align:center;
    background:#eef1f5; color:#8a93a6; border-radius:.3rem; font-size:1.25rem; font-style:normal;
}
.xstj .rklist li:nth-child(1) .no{ background:var(--main,#03be8d); color:#fff; }
.xstj .rklist li:nth-child(2) .no{ background:#4fd1a8; color:#fff; }
.xstj .rklist li:nth-child(3) .no{ background:#8ce0c6; color:#fff; }
.xstj .rklist .nm{ flex:1; min-width:0; }
.xstj .rklist .nm b{
    display:block; font-size:1.3rem; color:#2b3245; font-weight:normal;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.xstj .rklist .nm span{
    display:block; font-size:1.15rem; color:#9aa2b1;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.xstj .rklist .nums{ flex:0 0 auto; text-align:right; }
.xstj .rklist .nums b{
    display:block; font-size:1.3rem; color:var(--main,#03be8d); font-weight:bold;
}
.xstj .rklist .nums em{
    display:block; font-style:normal; font-size:1.15rem; color:#8a93a6;
}
.xstj .rklist .tr{ flex:0 0 0.6rem; text-align:right; font-size:1.2rem; }
.xstj .rklist .tr.up{ color:#e2574c; }
.xstj .rklist .tr.down{ color:#03a87b; }
.xstj .rklist .tr.flat{ color:#9aa2b1; }
.xstj .rklist .empty{ justify-content:center; color:#999; padding:3rem 0; }

/*===================2026.10.19 经营统计：采购统计（克隆销售统计样式，随用户调整同步）===================*/
.cgtj{ flex-direction:column; position:relative; overflow:hidden; }
.cgtj .content{ background:#f5f6f8; padding:1.5rem; display:flex; flex-direction:column; gap:1.5rem; flex:1; min-height:0; overflow:hidden; }
/*四张指标卡片*/
.cgtj .cards{ display:flex; gap:1.5rem; }
.cgtj .cards .c0{
    flex:1; background:#fff; border-radius:.8rem; padding:1.6rem 2rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
    border-top:0.5rem solid #d5e2da;
}
.cgtj .cards .c0.first{ border-top:.5rem solid var(--main,#03be8d); }
.cgtj .cards .c0 p{ margin:0 0 1rem; font-size:1.6rem; color:#8a93a6; padding:1rem; }
.cgtj .cards .c0 b{ font-size:2.8rem; color:#2b3245; font-weight:700; }
.cgtj .cards .c0 b.je{ color:var(--main,#03be8d); }
.cgtj .cards .c0 b i{ font-style:normal; font-size:1.6rem; font-weight:normal; color:#9aa2b1; margin-left:.4rem; }
/*图表面板行*/
/*2026.10.19 图表区高度固定30rem（同 xstj，确定高度防 echarts 初始化塌陷）*/
.cgtj .charts{ display:flex; gap:1.5rem; height:30rem; }
.cgtj .panel{
    flex:1; min-width:0; background:#fff; border-radius:.6rem; padding:1.5rem 1.8rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
    display:flex; flex-direction:column; min-height:0;
}
/*2026.10.19 饼图最宽30%、排行榜最宽20%，中间剩余全给曲线图*/
.cgtj .charts .panel:nth-child(1){ flex:0 1 30%; max-width:30%; }
.cgtj .charts .panel:nth-child(3){ flex:0 1 20%; max-width:20%; }
.cgtj .ptit{ display:flex; align-items:center; gap:1.2rem; margin-bottom:1rem; }
.cgtj .ptit > span{
    font-size:1.45rem; font-weight:bold; color:#2b3245;
    padding-left:.9rem; border-left:.4rem solid var(--main,#03be8d);
}
.cgtj .ptit select{
    margin-left:.6rem; padding:.4rem .8rem; border:1px solid #dde1e7; border-radius:.4rem;
    color:#555; outline:0; background:#fff; font-size:1.25rem;
}
.cgtj .ptit .prw,.cgtj .ptit .lrw{ margin-left:auto; }
.cgtj .ptit .mtab,.cgtj .ptit .rtab{ margin-left:auto; padding:0; display:flex; background:#f0f2f5; border:0; border-radius:.4rem; overflow:hidden; }
.cgtj .mtab b{
    padding:.45rem 1.4rem; font-size:1.25rem; color:#666; cursor:pointer; font-weight:normal;
}
.cgtj .mtab b.on{ background:var(--main,#03be8d); color:#fff; }
.cgtj .box{ flex:1; min-height:0; }
/*销售明细面板*/
.cgtj .mxp{
    background:#fff; border-radius:.6rem; padding:1.5rem 1.8rem 1.8rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
    flex:1; min-height:0; display:flex; flex-direction:column;
}
.cgtj .srch{ margin-left:auto; display:flex; }
.cgtj .srch input{
    width:26rem; padding:1rem 1.25rem; border:1px solid #dde1e7; border-right:0;
    border-radius:.4rem 0 0 .4rem; outline:0; font-size:1.25rem; color:var(--tag-c,var(--main-an,#42485b));
}
.cgtj .srch input:focus{ border-color:var(--main,#03be8d); }
.cgtj .srch .q{
    padding:.55rem 1.6rem; border:0; background:var(--main,#03be8d); color:#fff; cursor:pointer;
    border-radius:0 .4rem .4rem 0; font-size:1.25rem;
}
.cgtj .srch .q:hover{ background:var(--main-hs,#02a87b); }
/*明细表滚动容器：占 .mxp 剩余高度，只有它滚；表头吸顶*/
.cgtj .mxp .tbox{ flex:1; min-height:0; overflow:auto; }
.cgtj .mxp table{ width:100%; border-collapse:collapse; }
.cgtj .mxp thead th{
    background:#f9fafb; padding:.9rem .8rem; text-align:left; font-weight:bold; color:#666; white-space:nowrap;
    border-bottom:1px solid #edf0f4;
    position:sticky; top:0; z-index:2;
}
.cgtj .mxp tbody td{
    padding:.85rem .8rem; border-bottom:1px solid #f1f3f6; font-size:1.25rem; color:#444; white-space:nowrap;
}
.cgtj .mxp tbody tr:hover{ background:#f2fbf8; }
.cgtj .mxp tbody td.dd{ color:#03a87b; font-family:Consolas,Menlo,monospace; }
.cgtj .mxp tbody td.je{ color:var(--main,#03be8d); font-weight:bold; }
.cgtj .mxp tbody td.pm{ max-width:30rem; overflow:hidden; text-overflow:ellipsis; }
.cgtj .mxp tbody td.empty{ text-align:center; color:#999; padding:3rem 0; }
.cgtj .mxp .tag{ display:inline-block; padding:.15rem .8rem; border-radius:1rem; font-size:1.2rem; }
.cgtj .mxp .tag.ztok{ background:#e4f8f2; color:#03a87b; }
.cgtj .mxp .tag.ztwait{ background:#fff6e5; color:#d98b00; }
.cgtj .mxp .tag.zttui{ background:#fff2f0; color:#e2574c; }
/*分页*/
/*分页：加载更多模式（2026.10.19 第三十九轮，同 xstj）*/
.cgtj .pager{ display:flex; align-items:center; justify-content:flex-end; gap:1rem; padding-top:1.2rem; }
.cgtj .pager .info{ font-size:1.25rem; color:#8a93a6; margin-right:auto; }
.cgtj .pager .info b{ color:var(--main,#03be8d); }
.cgtj .pager .more{
    padding:.5rem 1.4rem; border:1px solid #dde1e7; background:#fff; color:var(--main,#03be8d);
    border-radius:.4rem; cursor:pointer; font-size:1.25rem; user-select:none;
}
.cgtj .pager .more:hover{ border-color:var(--main,#03be8d); background:#f2fbf8; }
.cgtj .pager .more.done{ color:#c3c9d4; cursor:default; border-color:#eef0f3; background:#fafbfc; }

/*===================2026.10.19 销售统计：产品销售排行榜（第三列）===================*/
.cgtj .rtab{ margin-left:auto; padding:0; display:flex; background:#f0f2f5; border:0; border-radius:.4rem; overflow:hidden; }
.cgtj .rtab b{ padding:.45rem 1.2rem; font-size:1.25rem; color:#666; cursor:pointer; font-weight:normal; }
.cgtj .rtab b.on{ background:var(--main,#03be8d); color:#fff; }
.cgtj .rklist{
    flex:1; min-height:0; overflow:auto; margin:0; padding:0; list-style:none;
}
.cgtj .rklist li{
    display:flex; align-items:center; gap:1rem;
    padding:.7rem .4rem; border-bottom:1px solid #f1f3f6;
}
.cgtj .rklist li:hover{ background:#f2fbf8; }
.cgtj .rklist .no{
    flex:0 0 2.2rem; height:2.2rem; line-height:2.2rem; text-align:center;
    background:#eef1f5; color:#8a93a6; border-radius:.3rem; font-size:1.25rem; font-style:normal;
}
.cgtj .rklist li:nth-child(1) .no{ background:var(--main,#03be8d); color:#fff; }
.cgtj .rklist li:nth-child(2) .no{ background:#4fd1a8; color:#fff; }
.cgtj .rklist li:nth-child(3) .no{ background:#8ce0c6; color:#fff; }
.cgtj .rklist .nm{ flex:1; min-width:0; }
.cgtj .rklist .nm b{
    display:block; font-size:1.3rem; color:#2b3245; font-weight:normal;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cgtj .rklist .nm span{
    display:block; font-size:1.15rem; color:#9aa2b1;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cgtj .rklist .nums{ flex:0 0 auto; text-align:right; }
.cgtj .rklist .nums b{
    display:block; font-size:1.3rem; color:var(--main,#03be8d); font-weight:bold;
}
.cgtj .rklist .nums em{
    display:block; font-style:normal; font-size:1.15rem; color:#8a93a6;
}
.cgtj .rklist .tr{ flex:0 0 0.6rem; text-align:right; font-size:1.2rem; }
.cgtj .rklist .tr.up{ color:#e2574c; }
.cgtj .rklist .tr.down{ color:#03a87b; }
.cgtj .rklist .tr.flat{ color:#9aa2b1; }
.cgtj .rklist .empty{ justify-content:center; color:#999; padding:3rem 0; }

/*===================2026.10.20 经营统计：利润报表（页签+区间快选+概览卡片+公式行+趋势/排行，配色同销售统计）===================*/
.lrbb{ flex-direction:column; position:relative; overflow:hidden; }
.lrbb .content{ background:#f5f6f8; padding:1.5rem; display:flex; flex-direction:column; gap:1rem; flex:1; min-height:0; overflow:hidden; }
/*页签：总览/营收/商品/顾客*/
.lrbb .tabs{ display:flex; gap:.4rem; background:#fff; border-radius:.6rem; padding:1.5rem .8rem; border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05); }
.lrbb .tabs b{ padding:.5rem 1.8rem; font-size:1.35rem; color:#555; cursor:pointer; border-radius:.4rem; font-weight:normal; }
.lrbb .tabs b:hover{ color:var(--main,#03be8d); }
.lrbb .tabs b.on{ background:var(--main,#03be8d); color:#fff; }
/*区间快选条：今日/昨日/近7日/近30日/自定义 + 已选时间 + 粒度/对比基准*/
.lrbb .sbar{ display:flex; align-items:center; gap:1.2rem; background:#fff; border-radius:.6rem; padding:1.5rem 1.2rem; border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05); flex-wrap:wrap; }
.lrbb .rgs{ display:flex; gap:.3rem; }
.lrbb .rgs b{ padding:.45rem 1.1rem; font-size:1.25rem; color:#555; cursor:pointer; border-radius:.4rem; font-weight:normal; }
.lrbb .rgs b:hover{ color:var(--main,#03be8d); }
.lrbb .rgs b.on{ background:#2b3245; color:#fff; }
.lrbb .rgt{ font-size:1.25rem; color:#8a93a6; white-space:nowrap; }
.lrbb .rgt i{ font-style:normal; color:#2b3245; }
.lrbb .cxr{ display:flex; align-items:center; gap:.6rem; font-size:1.25rem; color:#555; }
.lrbb .cxr.hide{ display:none; }
.lrbb .cxr input{ padding:.35rem .6rem; border:1px solid #dde1e7; border-radius:.4rem; color:#555; font-size:1.2rem; outline:0; }
.lrbb .sbar select{ margin-left:auto; padding:.4rem .8rem; border:1px solid #dde1e7; border-radius:.4rem; color:#555; outline:0; background:#fff; font-size:1.25rem; cursor:pointer; }
.lrbb .sbar select.gmr{ margin-left:auto; }
.lrbb .sbar select.cmp, .lrbb .sbar select.biz{ margin-left:0; }
/*概览卡片行：6 张，主值深色 + 同比行（▲红涨 ▼绿跌 同销售统计）*/
.lrbb .cards{ display:flex; gap:1.5rem; }
.lrbb .cards .c0{
    flex:1; min-width:0; background:#fff; border-radius:.6rem; padding:1.2rem 1.4rem 1.1rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
}
.lrbb .cards .c0.first{ border-top:.5rem solid var(--main,#03be8d); }
.lrbb .cards .c0 p{ margin:0 0 .8rem; font-size:1.4rem; color:#8a93a6; padding:0; }
.lrbb .cards .c0 b{ display:block; font-size:2.4rem; color:#2b3245; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lrbb .cards .c0 b i{ font-style:normal; font-size:1.5rem; font-weight:normal; color:#9aa2b1; margin-left:.2rem; }
.lrbb .cards .c0 .cmp{ display:block; margin-top:.7rem; font-style:normal; font-size:1.2rem; color:#8a93a6; }
.lrbb .cards .c0 .cmp b{ display:inline; font-size:1.2rem; font-weight:normal; }
.lrbb .cards .c0 .cmp b.up{ color:#e2574c; }
.lrbb .cards .c0 .cmp b.down{ color:#03a87b; }
.lrbb .cards .c0 .cmp b.flat{ color:#9aa2b1; }
/*公式行：毛利 = 销售额 - 销售成本*/
.lrbb .formula{
    background:#fff; border-radius:.6rem; padding:1.2rem 2rem; border:1px solid #eceef1;
    box-shadow:0 1px 3px rgba(31,42,68,.05);
    display:flex; align-items:center; gap:2.4rem;
}
.lrbb .formula .f0{ flex:0 0 auto; }
.lrbb .formula .f0 p{ margin:0 0 .6rem; font-size:1.3rem; color:#8a93a6; }
.lrbb .formula .f0 b{ font-size:2.2rem; color:#2b3245; font-weight:700; }
.lrbb .formula .f0 b.fv-lr{ color:var(--main,#03be8d); }
.lrbb .formula .f0 b.fv-cb{ color:#f0ad4e; }
.lrbb .formula .op{ font-size:2.2rem; color:#9aa2b1; font-weight:bold; }
/*趋势 / 排行面板：吃掉剩余高度，整页不超视口*/
.lrbb .panel{
    flex:1; min-height:0; background:#fff; border-radius:.6rem; padding:1.5rem 1.8rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
    display:flex; flex-direction:column;
}
.lrbb .panel.hide{ display:none; }
.lrbb .ptit2{ display:flex; align-items:center; margin-bottom:1rem; }
.lrbb .ptit2 > span{
    font-size:1.45rem; font-weight:bold; color:#2b3245;
    padding-left:.9rem; border-left:.4rem solid var(--main,#03be8d);
}
.lrbb .box{ flex:1; min-height:0; }
/*排行表（商品/顾客）：内部滚动 + 表头吸顶*/
.lrbb .tbox{ flex:1; min-height:0; overflow:auto; }
.lrbb .tbox table{ width:100%; border-collapse:collapse; }
.lrbb .tbox thead th{
    position:sticky; top:0; z-index:1; background:#f9fafb; padding:.85rem .8rem; text-align:left;
    font-weight:bold; color:#666; white-space:nowrap; border-bottom:1px solid #edf0f4; font-size:1.3rem;
}
.lrbb .tbox tbody td{ padding:.85rem .8rem; border-bottom:1px solid #f2f4f7; font-size:1.3rem; color:#444; }
.lrbb .tbox td.rk, .lrbb .tbox th.rk{ width:4.5rem; color:#9aa2b1; }
.lrbb .tbox td.pm{ max-width:26rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lrbb .tbox td.je{ color:#2b3245; font-weight:bold; }
.lrbb .tbox td.lrp{ color:var(--main,#03be8d); font-weight:bold; }
.lrbb .tbox td.empty{ text-align:center; color:#999; padding:3rem 0; }

/*库存管理 批次管理开始 2026.10.30*/
.pcgl{ flex-direction:column; position:relative; overflow:hidden; }
.pcgl .content{ background:#f5f6f8; padding:1.5rem; display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden; }
.pcgl .split-container{
    display:flex; flex-direction:column; gap:.6rem; flex:1; min-height:0;
    min-width:1200px;
}
/*上下两个面板：上表批次列表、下表批次明细，可拖动分隔条调整比例*/
.pcgl .pct,
.pcgl .pcb{
    flex:1; min-height:0; display:flex; flex-direction:column;
    background:#fff; border-radius:.6rem; border:1px solid #eceef1;
    box-shadow:0 1px 3px rgba(31,42,68,.05);
    padding:1rem 2rem; box-sizing:border-box; overflow:hidden;
}
.pcgl .pcx{ height:.5rem; background:#eef0f3; border-radius:.3rem; margin:0 45%; flex:none; }

/*搜索栏*/
.pcgl .so{ padding:1.2rem 0; display:flex; gap:1rem; align-items:center; border-bottom:1px solid #eef0f3; flex:none; }
.pcgl .so .fl{ display:flex; border:1px solid #dde1e6; border-radius:.5rem; padding:.4rem 1.2rem; }
.pcgl .so .fl select{ padding:.5rem; border:0; color:#666; font-size:1.3rem; outline:none; background:transparent; }
.pcgl .so .mc{ display:flex; border:1px solid #dde1e6; border-radius:.5rem; padding:.4rem 1rem; }
.pcgl .so .mc i{ margin:auto; font-size:1.4rem; color:#999; }
.pcgl .so .mc i:before{ content:"\f002"; font-family:"Icon"; }
.pcgl .so .mc input{ padding:.6rem 1rem; border:0; width:20rem; font-size:1.3rem; outline:none; background:transparent; }
.pcgl .so .sock input{ width:12rem; }
.pcgl .so .mc button{ border:0; background:#fff; color:#888; cursor:pointer; }
.pcgl .so .cz{ margin-left:auto; display:flex; gap:1rem; align-items:center; }
.pcgl .so .cz button{
    background:var(--main-hs,#0ca767); color:#fff; border:0; padding:.7rem 1.8rem; border-radius:.35rem;
    font-size:1.35rem; cursor:pointer; transition:box-shadow .3s, transform .3s;
}
.pcgl .so .cz button:hover{ transform:translateY(-1px); box-shadow:0 0 4px 3px rgb(0 0 0 / .1); }

/*表格区：内部滚动，表头吸顶*/
.pcgl .ul{ flex:1; min-height:0; overflow:auto; position:relative; }
.pcgl table{ width:100%; border-collapse:collapse; font-size:1.3rem; }
.pcgl thead th{
    position:sticky; top:0; z-index:2; background:#f7f8fa; color:#6b7280;
    font-weight:400; padding:1rem .6rem; white-space:nowrap; text-align:center;
    border-bottom:1px solid #e8ebef; border-left:1px solid #f4f5f7; border-right:1px solid #f4f5f7;
}
.pcgl tbody td{
    padding:.95rem .6rem; text-align:center; color:#333; white-space:nowrap;
    border-bottom:1px solid #f5f6f8;
}
.pcgl #pcgl_list_tbody tr{ cursor:pointer; }
.pcgl #pcgl_list_tbody tr:hover{ background:#f4fbf8; }
.pcgl #pcgl_list_tbody tr.on{ background:#e9f8f1; box-shadow:inset .3rem 0 0 var(--main-hs,#0ca767); }
.pcgl .numsl{ font-weight:700; color:var(--main-hs,#0ca767); }
.pcgl .cks i{ font-style:normal; background:#f0f2f5; color:#666; border-radius:.3rem; padding:.1rem .6rem; font-size:1.2rem; }
.pcgl .pch{ color:#2b3245; font-weight:600; }
.pcgl .nopc{ font-style:normal; font-weight:400; color:#b0b6c0; font-size:1.2rem; }

/*下表面板标题*/
.pcgl .bottom-so{ display:flex; align-items:center; gap:1.5rem; padding:1.2rem 0; border-bottom:1px solid #eef0f3; flex:none; }
.pcgl .bottom-so .bt{ font-size:1.45rem; color:#2b3245; padding-left:.9rem; border-left:.4rem solid var(--main-hs,#0ca767); }
.pcgl .bottom-so .tip{ font-size:1.2rem; color:#9aa2b1; }

/*底部统计与加载提示*/
.pcgl .table-foot-info{ padding-top:.8rem; color:#9aa2b1; font-size:1.2rem; flex:none; }
.pcgl .table-foot-info b{ color:#2b3245; font-weight:600; margin:0 .2rem; }
.pcgl .load{ text-align:center; color:#9aa2b1; font-size:1.2rem; padding:1.2rem 0; }
.pcgl .pcgl-empty{ color:#9aa2b1; padding:2rem 0 !important; }
/*库存管理 批次管理结束*/

/*==================== 库存管理：仓库调拨 / 库存盘点（共用 .kmod 骨架）2026.10.30 ====================*/
.kmod{ flex-direction:column; position:relative; overflow:hidden; }
.kmod .content{ background:#f5f6f8; padding:1.5rem; display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden; }
.kmod .split-container{ display:flex; flex-direction:column; gap:.6rem; flex:1; min-height:0; min-width:1200px; }
.kmod .pct,
.kmod .pcb{
    flex:1; min-height:0; display:flex; flex-direction:column;
    background:#fff; border-radius:.6rem; border:1px solid #eceef1;
    box-shadow:0 1px 3px rgba(31,42,68,.05);
    padding:1rem 2rem; box-sizing:border-box; overflow:hidden;
}
.kmod .pcx{ height:.5rem; background:#eef0f3; border-radius:.3rem; margin:0 45%; flex:none; }

/*搜索条*/
.kmod .so{ padding:1.2rem 0; display:flex; gap:1rem; align-items:center; border-bottom:1px solid #eef0f3; flex:none; }
.kmod .so .fl{ display:flex; border:1px solid #dde1e6; border-radius:.5rem; padding:.4rem 1.2rem; }
.kmod .so .fl select{ padding:.5rem; border:0; color:#666; font-size:1.3rem; outline:none; background:transparent; }
.kmod .so .mc{ display:flex; border:1px solid #dde1e6; border-radius:.5rem; padding:.4rem 1rem; position:relative; }
.kmod .so .mc i{ margin:auto; font-size:1.4rem; color:#999; }
.kmod .so .mc i:before{ content:"\f002"; font-family:"Icon"; }
.kmod .so .mc input{ padding:.6rem 1rem; border:0; width:26rem; font-size:1.3rem; outline:none; background:transparent; }
.kmod .so .bzbox input{ width:14rem; }
.kmod .so .cz{ margin-left:auto; display:flex; gap:1rem; align-items:center; }
.kmod .so .cz button{
    background:var(--main-hs,#0ca767); color:#fff; border:0; padding:.7rem 1.6rem; border-radius:.35rem;
    font-size:1.35rem; cursor:pointer; transition:box-shadow .3s, transform .3s;
}
.kmod .so .cz button:hover{ transform:translateY(-1px); box-shadow:0 0 4px 3px rgb(0 0 0 / .1); }
.kmod .so .cz button:disabled{ background:#9fd9c2; cursor:not-allowed; }

/*库位下拉*/
.ckdrop{
    display:none; position:absolute; left:0; right:0; top:100%; margin-top:.4rem; z-index:30;
    background:#fff; border:1px solid #e2e6ea; border-radius:.4rem; box-shadow:0 6px 18px rgba(31,42,68,.12);
    max-height:22rem; overflow:auto;
}
.ckdrop .item{ padding:.7rem 1.2rem; font-size:1.25rem; color:#333; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ckdrop .item:hover{ background:#f2fbf7; color:var(--main-hs,#0ca767); }
.ckdrop .none{ padding:.9rem 1.2rem; font-size:1.2rem; color:#9aa2b1; }

/*表格*/
.kmod .ul{ flex:1; min-height:0; overflow:auto; position:relative; }
.kmod table{ width:100%; border-collapse:collapse; font-size:1.3rem; }
.kmod thead th{
    position:sticky; top:0; z-index:2; background:#f7f8fa; color:#6b7280; font-weight:400;
    padding:1rem .6rem; white-space:nowrap; text-align:center;
    border-bottom:1px solid #e8ebef; border-left:1px solid #f4f5f7; border-right:1px solid #f4f5f7;
}
.kmod tbody td{ padding:.9rem .6rem; text-align:center; color:#333; white-space:nowrap; border-bottom:1px solid #f5f6f8; }
.kmod tbody tr:hover{ background:#f7fcf9; }
.kmod #ckdb_reclist tr,
.kmod #kcpd_list tr{ cursor:pointer; }
.kmod #ckdb_reclist tr.on{ background:#e9f8f1; box-shadow:inset .3rem 0 0 var(--main-hs,#0ca767); }
.kmod .numsl{ font-weight:700; color:var(--main-hs,#0ca767); }
.kmod .numsl.red{ color:#e2574c; }
.kmod .nopc{ font-style:normal; color:#b0b6c0; font-size:1.2rem; }
.kmod .chk{ width:4rem; }
.kmod .chk input{ width:1.5rem; height:1.5rem; cursor:pointer; }
.kmod input.dbsl{ width:9rem; padding:.4rem .6rem; border:1px solid #dde1e6; border-radius:.3rem; font-size:1.3rem; text-align:center; outline:none; }
.kmod input.dbsl:focus{ border-color:var(--main-hs,#0ca767); }
.kmod input.ssl{ width:10rem; padding:.4rem .6rem; border:1px solid #dde1e6; border-radius:.3rem; font-size:1.3rem; text-align:center; outline:none; }
.kmod input.ssl:focus{ border-color:var(--main-hs,#0ca767); }
.kmod input.ssl:disabled{ background:#f5f6f8; color:#9aa2b1; }
.kmod .cy.up{ color:#e2574c; font-weight:700; }
.kmod .cy.down{ color:#03a87b; font-weight:700; }

/*面板标题 / 小页签*/
.kmod .bottom-so{ display:flex; align-items:center; gap:1.5rem; padding:1.2rem 0; border-bottom:1px solid #eef0f3; flex:none; }
.kmod .bottom-so .bt{ font-size:1.45rem; color:#2b3245; padding-left:.9rem; border-left:.4rem solid var(--main-hs,#0ca767); }
.kmod .bottom-so .tip{ font-size:1.2rem; color:#9aa2b1; }
.tabmini{ display:flex; border:1px solid #dde1e6; border-radius:.35rem; overflow:hidden; }
.tabmini b{ padding:.5rem 1.3rem; font-size:1.25rem; font-weight:400; color:#666; cursor:pointer; }
.tabmini b.on{ background:var(--main-hs,#0ca767); color:#fff; }
.kmod .table-foot-info{ padding-top:.8rem; color:#9aa2b1; font-size:1.2rem; flex:none; }
.kmod .table-foot-info b{ color:#2b3245; font-weight:600; margin:0 .2rem; }
.kmod .load{ text-align:center; color:#9aa2b1; font-size:1.2rem; padding:1.2rem 0; }
.emptyrow{ color:#9aa2b1; padding:2rem 0 !important; }
.tag{ display:inline-block; padding:.2rem .8rem; border-radius:.3rem; font-size:1.15rem; }
.tag.ok{ background:#e9f8f1; color:var(--main-hs,#0ca767); }
.tag.warn{ background:#fff5e6; color:#d98600; }
.tag.out{ background:#fdeceb; color:#e2574c; }
.tag.wait{ background:#f0f2f5; color:#6b7280; }
.kmod .pbldel{ border:0; background:transparent; color:#e2574c; font-size:1.2rem; cursor:pointer; }
.kmod .pbldel:hover{ text-decoration:underline; }

/*盘点单号条*/
.kmod .pdh{ display:flex; align-items:center; gap:.8rem; padding:.8rem 0 0; font-size:1.25rem; color:#8a93a6; flex:none; }
.kmod .pdh .pddh{ color:#2b3245; font-size:1.35rem; }
.kmod .pdh .pdstate{ font-style:normal; color:#d98600; }

/*==================== 库存预警 2026.10.30 ====================*/
.kcyj{ flex-direction:column; position:relative; overflow:hidden; }
.kcyj .content{ background:#f5f6f8; padding:1.5rem; display:flex; flex-direction:column; gap:1.5rem; flex:1; min-height:0; overflow:hidden; }
.kcyj .cards{ display:flex; gap:1.5rem; flex:none; }
.kcyj .cards .c0{
    flex:1; background:#fff; border-radius:.8rem; padding:1.4rem 2rem;
    border:1px solid #eceef1; box-shadow:0 1px 3px rgba(31,42,68,.05);
    border-top:.5rem solid #d5e2da;
}
.kcyj .cards .c0.first{ border-top-color:#e2574c; }
.kcyj .cards .c0 p{ margin:0 0 .8rem; font-size:1.5rem; color:#8a93a6; }
.kcyj .cards .c0 b{ font-size:2.6rem; color:#2b3245; font-weight:700; }
.kcyj .cards .c0 b i{ font-style:normal; font-size:1.5rem; font-weight:400; color:#9aa2b1; margin-left:.4rem; }
.kcyj .pane{
    flex:1; min-height:0; display:flex; flex-direction:column;
    background:#fff; border-radius:.6rem; border:1px solid #eceef1;
    box-shadow:0 1px 3px rgba(31,42,68,.05); padding:1rem 2rem; overflow:hidden;
}
.kcyj .so{ padding:1.2rem 0; display:flex; gap:1rem; align-items:center; border-bottom:1px solid #eef0f3; flex:none; }
.kcyj .so .fl{ display:flex; border:1px solid #dde1e6; border-radius:.5rem; padding:.4rem 1.2rem; }
.kcyj .so .fl select{ padding:.5rem; border:0; color:#666; font-size:1.3rem; outline:none; background:transparent; }
.kcyj .so .mc{ display:flex; border:1px solid #dde1e6; border-radius:.5rem; padding:.4rem 1rem; }
.kcyj .so .mc i{ margin:auto; font-size:1.4rem; color:#999; }
.kcyj .so .mc i:before{ content:"\f002"; font-family:"Icon"; }
.kcyj .so .mc input{ padding:.6rem 1rem; border:0; width:22rem; font-size:1.3rem; outline:none; background:transparent; }
.kcyj .so .cz{ margin-left:auto; display:flex; gap:1rem; }
.kcyj .so .cz button{ background:var(--main-hs,#0ca767); color:#fff; border:0; padding:.7rem 1.6rem; border-radius:.35rem; font-size:1.35rem; cursor:pointer; }
.kcyj .so .cz button:hover{ box-shadow:0 0 4px 3px rgb(0 0 0 / .1); }
.kcyj .ul{ flex:1; min-height:0; overflow:auto; position:relative; }
.kcyj table{ width:100%; border-collapse:collapse; font-size:1.3rem; }
.kcyj thead th{
    position:sticky; top:0; z-index:2; background:#f7f8fa; color:#6b7280; font-weight:400;
    padding:1rem .6rem; white-space:nowrap; text-align:center;
    border-bottom:1px solid #e8ebef; border-left:1px solid #f4f5f7; border-right:1px solid #f4f5f7;
}
.kcyj tbody td{ padding:.95rem .6rem; text-align:center; color:#333; white-space:nowrap; border-bottom:1px solid #f5f6f8; }
.kcyj tbody tr:hover{ background:#f7fcf9; }
.kcyj .numsl{ font-weight:700; color:var(--main-hs,#0ca767); }
.kcyj .numsl.red{ color:#e2574c; }
.kcyj .gap{ color:#9aa2b1; }
.kcyj .gap.red{ color:#e2574c; font-weight:700; }
.kcyj .table-foot-info{ padding-top:.8rem; color:#9aa2b1; font-size:1.2rem; flex:none; }
.kcyj .table-foot-info b{ color:#2b3245; font-weight:600; margin:0 .2rem; }
.kcyj .load{ text-align:center; color:#9aa2b1; font-size:1.2rem; padding:1.2rem 0; }

/* ===================== 系统参数 / 打印设置 / 打印预览 2026.11.04 ===================== */
:root{ --main:#03be8d; --main-yd:rgba(3,190,141,.2); --main-hs:#0ca767; --main-an:#42485b; --main-ys:rgba(66,72,91,.06); }

/* --- 系统参数 / 打印设置 共用表单（沿用编辑弹窗的卡片风格） --- */
.xtcs .content,.dysz .content{ display:flex; flex-direction:column; gap:1rem; overflow-y:auto; }
.xtcs .csgrp,.dysz .csgrp{ background:#fff; border:1px solid #eceef1; border-radius:.6rem; box-shadow:0 1px 3px rgba(31,42,68,.05); padding:1.4rem 1.6rem; }
.xtcs .csgrp h3,.dysz .csgrp h3{ margin:0 0 1.2rem; font-size:1.5rem; color:#333; border-left:.4rem solid var(--main); padding-left:.8rem; }
.csgrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem 2rem; }
.csfield{ display:flex; flex-direction:column; gap:.5rem; }
.csfield.quan{ grid-column:1 / -1; }
.csfield label{ font-size:1.3rem; color:#666; }
.csfield input,.csfield select{ height:3.4rem; border:1px solid #dcdfe6; border-radius:.4rem; padding:0 1rem; font-size:1.4rem; outline:none; background:#fff; color:#333; }
.csfield input:focus,.csfield select:focus{ border-color:var(--main); box-shadow:0 0 0 3px var(--main-yd); }
.csfield small{ font-size:1.1rem; color:#999; }
.csfield input:disabled{ background:#f5f7fa; color:#999; }
/* 主题色选择 */
.ztk{ display:flex; align-items:center; gap:.8rem; flex-wrap:wrap; }
.ztk .ysk{ width:3.2rem; height:3.2rem; border-radius:.5rem; cursor:pointer; border:2px solid transparent; position:relative; }
.ztk .ysk.on{ border-color:#333; }
.ztk .ysk.on::after{ content:"✓"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.6rem; text-shadow:0 0 2px rgba(0,0,0,.6); }
.ztk input[type=color]{ width:3.2rem; height:3.2rem; border:none; padding:0; background:none; cursor:pointer; }
.cssave{ align-self:flex-start; height:3.6rem; padding:0 2.4rem; border:none; border-radius:.4rem; background:var(--main); color:#fff; font-size:1.4rem; cursor:pointer; }
.cssave:hover{ filter:brightness(1.08); }

/* --- 打印预览弹层 --- */
.dyyl{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:9999; display:flex; flex-direction:column; }
.dyyl.hide{ display:none; }
.dyyl .bar{ height:5rem; background:#fff; display:flex; align-items:center; padding:0 1.6rem; gap:1rem; box-shadow:0 1px 4px rgba(0,0,0,.15); }
.dyyl .bar b{ font-size:1.6rem; color:#333; margin-right:auto; }
.dyyl .bar button{ height:3.2rem; padding:0 1.8rem; border:1px solid #dcdfe6; border-radius:.4rem; background:#fff; color:#333; font-size:1.3rem; cursor:pointer; }
.dyyl .bar button.dyprint{ background:var(--main); border-color:var(--main); color:#fff; }
.dyyl iframe{ flex:1; border:none; background:#fff; }

/* --- 列表/面板上的打印按钮 --- */
.xsck .content .ul tbody td button.dy{ background:var(--main); color:#fff; border:none; }
.kmod .bottom-so .printdy{ height:2.8rem; padding:0 1.4rem; border:1px solid var(--main); color:var(--main); background:#fff; border-radius:.4rem; font-size:1.3rem; cursor:pointer; }
.kmod .bottom-so .printdy:hover{ background:var(--main); color:#fff; }

/* --- 右上角主题快选（个人偏好）2026.11.04 --- */
.r .top .ztsel{ margin:auto 0; position:relative; display:flex; }
.r .top .ztsel > button{ border:0; background:#fff; display:flex; align-items:center; gap:.4rem; cursor:pointer; padding:.4rem .8rem; border-radius:.4rem; }
.r .top .ztsel > button:hover{ background:#f3f4f6; }
.r .top .ztsel > button i{ width:1.4rem; height:1.4rem; border-radius:50%; background:conic-gradient(var(--main,#03be8d),#2f6fed,#7b5cf0,#f0702f,#e64340,var(--main,#03be8d)); display:inline-block; }
.r .top .ztsel > button span{ font-size:1.2rem; color:#4b5563; white-space:nowrap; }
.r .top .ztsel .ztl{ position:absolute; top:calc(100% + .8rem); right:0; width:27rem; background:#fff; border:1px solid #eceef1; border-radius:.6rem; box-shadow:0 6px 20px rgba(31,42,68,.12); padding:1.2rem; z-index:30; }
.r .top .ztsel .ztl.hide{ display:none; }
.r .top .ztsel .ztl-tt{ font-size:1.3rem; font-weight:bold; color:#333; margin-bottom:1rem; }
.r .top .ztsel .ztl-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; }
.r .top .ztsel .zti{ display:flex; align-items:center; gap:.8rem; padding:.8rem 1rem; border:1px solid #eceef1; border-radius:.5rem; cursor:pointer; font-size:1.25rem; color:#444; position:relative; }
.r .top .ztsel .zti:hover{ border-color:var(--main); }
.r .top .ztsel .zti.on{ border-color:var(--main); box-shadow:0 0 0 2px var(--main-yd); }
.r .top .ztsel .zti span{ width:1.6rem; height:1.6rem; border-radius:.35rem; flex:none; }
.r .top .ztsel .zti i{ display:none; margin-left:auto; color:var(--main); font-style:normal; }
.r .top .ztsel .zti.on i{ display:inline; }
.r .top .ztsel .zti.on i::before{ content:"✓"; }
.r .top .ztsel .ztl-tip{ margin-top:1rem; font-size:1.1rem; color:#9aa2b1; text-align:center; }

/* --- 右上角恢复系统默认按钮 --- */
.ztsel .ztl .ztlmr{ width:100%; margin-top:.8rem; height:3rem; border:1px solid #dcdfe6; border-radius:.4rem; background:#fff; color:#666; font-size:1.25rem; cursor:pointer; }
.ztsel .ztl .ztlmr:hover{ border-color:var(--main); color:var(--main); }
/* --- 右上角自定义颜色行 2026.11.04 --- */
.ztsel .ztl .ztlzd{ display:flex; align-items:center; gap:.6rem; margin-top:1rem; padding-top:1rem; border-top:1px dashed #eceef1; }
.ztsel .ztl .ztlzd input[type=color]{ width:3.4rem; height:3rem; border:1px solid #dcdfe6; border-radius:.4rem; padding:0 .2rem; background:#fff; cursor:pointer; flex:none; }
.ztsel .ztl .ztlzd .ztlbc{ flex:1; height:3rem; border:none; border-radius:.4rem; background:var(--main); color:#fff; font-size:1.25rem; cursor:pointer; }
.ztsel .ztl .ztlzd .ztlbc:hover{ filter:brightness(1.08); }
/* --- 配色微调（高级）--- */
.jtrow{ display:flex; align-items:center; gap:.8rem; }
.jtrow input[type=color]{ width:3.2rem; height:3.2rem; border:none; padding:0; background:none; cursor:pointer; }
.jtrow input[type=color]:disabled{ cursor:not-allowed; opacity:.45; }
.jtrow .jtgz{ display:flex; align-items:center; gap:.4rem; font-size:1.2rem; color:#666; cursor:pointer; white-space:nowrap; }

/* --- 原始默认配色方案（右上角"恢复原始配色"用，取自 2026.10.18 原始 index.css） --- */
/* 绿主色 + 灰蓝框架 + 大类橙色选中 + 小类白色选中 + 蓝色悬停；!important 压过 :root 注入与 JS 内联变量 */
html.ztyssg{
  --main:#03be8d !important; --main-hs:#0ca767 !important; --main-yd:rgba(3,190,141,.2) !important;
  --main-an:#42485b !important; --main-ys:rgba(66,72,91,.06) !important;
  --menu-c:#42485b !important; --tab-c:#42485b !important; --btn-c:#42485b !important; --txt-c:#42485b !important; --tag-c:#42485b !important;
}
html.ztyssg .menu .card .hover{ border-left-color:#3498db !important; color:#3498db !important; }
html.ztyssg .menu .card .active{ background:#f80 !important; }
html.ztyssg .menu .card .active:hover{ background-color:#ffa !important; color:#42485b !important; }
html.ztyssg .menu .card ul .active{ background:#fff !important; border-left-color:#9ba5c6 !important; }