body{
    background-image: url("../img/彩儿.png");
}



.window1{
    width: 100%;
    height: 40px;
}
.top-title{
    display: flex;
    width: 100%;
    height: 42px;
    position: relative;
}

.title-padding{
    font-size: 20px;
    margin: 0;
    padding: 0;
}
.title-margin{
    width: 100px;
    height: 20px;
    text-align: center;
    margin-top: 15px;
}
.title-right-margin{
    height: 40px;
    right: 0;
    display: flex;
    position: absolute;
}
.title-margin1{
    padding-right: 10px;
}
.btn{
    font-size: 20px;
}
.btn1{
    width: 80%;
    /*position: relative;*/
    /*bottom: 6px;*/
    display: inline-block;
}



.window2{
    width: 100%;
    height: 40pc;
    display: flex;
}
.Left-title{
    width: 15%;
    height: 30pc;
}
.h1{
    height: 50px;
    text-align: center;
    background-color: #28a745;
    cursor: pointer;
}
.h1.hh1{
    background-color: white;
    border: 2px solid green;
}
.Left-title-padding{
    width: 100%;
    height: 72px;
}
.Color-titlle{
    width: 95px;
    height: 50px;
    padding-left: 30%;
}
.Right-title{
    width: 100%;
    height: 41pc;
    overflow-y: auto;
    border: 1px solid #e0e0e0;

    position: relative;
    max-height: calc(100vh - 200px);

}
.shangpin{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;

    border-collapse: separate;
    border-spcing: 0;
}

.table th, .table td {
    padding: 8px 12px;
    text-align: center;
    border: 1px solid #dee2e6;
}

.shangpin tbody tr{
    height: 60px;
    border-bottom: 1px solid #eee;
}
.shangpin tbody td{
    height: 50px;
    line-height: 60px;
    font-size: 22px;
    text-align: center;


}
.table thead th{
    position: sticky;
    top: 0;
    z-index: 10; /* 确保覆盖表格内容 */
    background-color: #a8e6cf; /* 与原图绿色表头一致，防止透明穿透 */
    font-weight: bold;
}
.table tfoot td {
    position: sticky;
    bottom: 0; /* 吸底距离 */
    z-index: 10; /* 确保覆盖滚动条内容 */
    background-color: #ffffff; /* 白色背景，避免数字被滚动行遮挡 */
    font-weight: bold;
    border-top: 2px solid #dee2e6; /* 分隔线，突出汇总行 */
}



.thead1{
    width: 100%;
    height: 40px;
    background-color: lawngreen;
}
th{
    font-size: 25px;
    text-align: center;
}
tr{
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}
.index1{
    cursor: default;
    font-size: 25px;
}
.name1{
    cursor: default;
    font-size: 25px;
}
.price1{
    cursor: default;
    font-size: 25px;
}
.total1{
    cursor: default;
    font-size: 25px;
}
.tr1{
    height: 40px;
}
.tr2:hover{
    background-color: #1d3e81;
}
.tr2.tr22{
    background-color: #28a745;
}
.caozuo{
    width: 500px;
    height: 100px;
}




/*.table-container{*/
/*    position*/
/*}*/