body {
		margin: 0px;
		overflow-x: hidden;
	}
	table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 20px;
		table-layout: fixed; 
	}
	.Fid{
		display: none;
	}
	th, td {
	    
	    border: 1px solid #ddd;
	}
	tbody td{
		word-wrap: break-word;
		white-space: normal;
		padding: 0.5rem 2px;
	}
	/* styles.css */
	.FSeepage .underline-element{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: underline;
		background-color: lightblue;
		cursor: pointer;
	}
	.stopSupply{
		color: orangered;
	}

	#container {
		display: flex;
		height: 100vh;
		
	}
	
	/*左侧*/
	#con-left{
		height: 100vh;
		width: 60%;
		min-width: 40%;
		transition: width 0.3s;
		display: flex;
		flex-direction: column; /* 垂直排列子元素 */
	}
	#con-left-top{
		width:100%;
		height: 3rem;
		background-color: #b4d8d5; 
		display: flex;
		/* flex-direction: row; */
		justify-content: space-between; /* 子元素分散对齐 */
		align-items: center; /* 垂直居中对齐 */
		text-align: center;
		font-size: 14px;
	}
	#con-left-down{
		width:100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		flex: 1;
	}
	/* 关闭按钮：只在附录页的子页面（?child=true）里显示，
	   由 js/index.js 的 $(document).ready 里 isChildWindow 分支打开 */
	#con-left-top #goback{
		display: none;
		padding: 2px 6px;
		/* background-color: #007bff; */
		color: #28596a;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		border: 1px solid #45aecd;
		margin-right: 4px;
		line-height: 1.25;

	}
	#con-left-top #goback:hover{
		color: #fff;
		background-color: #28596a;
		border-color: #28596a;
	}
	#con-left-top #btnLogout{
		padding: 2px;
		/* background-color: #007bff; */
		color: #28596a;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		border: 1px solid #45aecd;

	}
	#con-left-top #btnLogout:hover{
		color: #fff;
		background-color: #28596a;
		border-color: #28596a;
	}
	#con-left-top #handbook{
		/* display: inline-block; */
		padding: 3px 10px;
		/* background-color: #007bff; */
		color: #28596a;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		border: 1px solid #45aecd;
		margin: 5px;
	}

	#con-left-top #custom-search-box{
		display: flex;
		z-index: 1;
	}
	
	
	/* 左侧目录栏 */
	#sidebar-left {
		max-width: 25%;
		/* 目录栏和详情块的宽度 */
		transition: width 0.3s;
		/* overflow : hidden; */
		position: relative;
		box-sizing: border-box;
		height: 100%;
		background-color: #dde6ea;
		display: flex;
	}

	/* 隐藏 #sidebar-left 的样式 */
	#sidebar-left.hidden {
		width: 0;
		padding: 0;
		border: none;
	}

	/* 隐藏 #sidebar-left 时 #toggleButton 的样式 */
	#sidebar-left.hidden #toggleButton {
		left: 0px; /* 保持按钮位置 */
	}
	#sidebar-left.hidden #pdfplus {
		left: 0px; /* 保持按钮位置 */
	}
	#sidebar-left.hidden #pdfmini {
		left: 0px; /* 保持按钮位置 */
	}

	/* 隐藏侧边栏内部内容的样式 */
	#sidebar-left.hidden .sidebar {
		display: none;
	}
	
	.sidebar {
	    background-color: #dde6ea;
	    padding-right: 5px;
		display: flex;
		flex-direction: column;
	}
	.sidebar .sidebar-header{
		font-size: 14px;
	}
	.sidebar .sidebar-nav{
		/* height: 100%; */
		margin-top: 5px;
		/* background-color: #bee5eb; */
		flex: 1;
		overflow-y: auto;
		font-size: 14px;
	}

	
/* 设置切换按钮的样式 */
/* 设置 #toggleButton 的样式 */
	#toggleButton {
		position: absolute;
		/* transform: translateY(-50%); */
		background-color: #007BFF;
		color: white;
		border: none;
		/* padding: 0.125rem; */
		cursor: pointer;
		border-radius: 0;
		z-index: 1; /* 确保按钮在最上层 */
	}
		
	#pdfplus{
		position: absolute;
		top: 200px;
		width:20px ;
		height:20px ;
		/* transform: translateY(-50%); */
		background-color: #007BFF;
		color: white;
		border: none;
		padding: 0.125rem;
		cursor: pointer;
		border-radius: 10px;
		z-index: 1; /* 确保按钮在最上层 */
	}
	#pdfmini{
		position: absolute;
		top: 240px;
		/* left: 250px;  */
		/* bottom:100px; */
		width:20px ;
		height:20px ;
		/* transform: translateY(-50%); */
		background-color: #007BFF;
		color: white;
		border: none;
		padding: 0.125rem;
		cursor: pointer;
		border-radius: 10px;
		z-index: 1; /* 确保按钮在最上层 */
	}
        
	
	.sidebar h2 {
	    margin-bottom: 10px;
	}
	
	#searchInput {
	    width: 90%;
	    padding: 8px;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	}
	
	
	.menu, .submenu, .subsubmenu {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	}
	
	.menu > li {
	    margin-bottom: 10px 0;
	}
	
	.menu a {
	    display: block;
	    padding: 10px;
	    text-decoration: none;
	    color: #333;
	    border: 1px solid transparent;
	    border-radius: 5px;
	    position: relative; /* 为伪元素定位 */
	}
	
	.menu a::before {
	    content: "▶ "; /* 添加图标  ▼ https://cn.piliapp.com/symbol/menu/ */
	    font-size: 14px;
	    margin-right: 5px;
	    color: #666;
	}
	
	.menu a:hover {
	    background-color: #ddd;
	}
	
	.submenu, .subsubmenu {
	    display: none;
	    margin-left: 20px;
	}
	.submenu.active, .subsubmenu.active{
		display: block;
	} 
	
/* 	.menu li:hover > .submenu {
	    display: block;
	}
	.menu li:hover > .subsubmenu {
	    display: block;
	} */
	/*end 左侧目录栏 */
	
	/* 查询零件手册 */
	
	.search-interface {
		background-color: #dbf5f5;
		padding: 20px;
		border-radius: 8px;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		margin:   20px auto; 
		display: none; /* 默认隐藏 */
		position: absolute;
		left: 5%;
		z-index: 2;
		width:90%;
	}
	
	.search-filters {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 10px;
	}
	
	.search-filters select,
	.search-filters input[type="text"],
	.search-filters button {
	    padding: 8px;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	}
	
	.search-filters button {
	    background-color: #007bff;
	    color: white;
	    cursor: pointer;
	}
	/* .search-filters #input-select-container{
		min-width: 200px;
	} */

	#hookbook-container{
		font-size: 13px;
		text-align: left;
	}

	.parts table {
	    width: 100%;
	    border-collapse: collapse;
	    margin-top: 20px;
		font-size: 1rem;
	}
	
	.parts th,
	.parts td {
	    padding: 8px;
	    border: 1px solid #ddd;
	    text-align: left;
	}
	
	.parts th {
	    background-color: #f2f2f2;
	}
	
	.parts td:last-child {
	    display: flex;
	    justify-content: space-between;
	}
	
	.parts button {
	    padding: 5px 10px;
	    background-color: #28a745;
	    color: white;
	    border: none;
	    border-radius: 4px;
	    cursor: pointer;
	}
	
	.parts button:hover {
	    background-color: #218838;
	}
	
	/*end 查询零件手册*/

	/* 购物车明细 */

	#cart table{
		/* table-layout:auto; */
		table-layout:fixed; 
	}
	
	#cart table .name,
	#cart table .num{
		min-width: 50px;
	}
	
	#accessories table{
		table-layout:auto; 
	}
	#accessories table .name{
		min-width: 60px;
	}
	
	/* 右侧目录栏 */
	#con-right{
		width: 40%;
		min-width: 30%;
		transition: width 0.3s;
		border: 1px solid #ccc;
		background-color: #dbf5f5;
	}
	
	#sidebar-right {
		width: 100%;
		border-left: 1px solid #ccc;
		/* 目录栏和详情块的宽度 */
		transition: width 0.3s;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
	
	.sidebar-right-top{
		display: flex;
		flex-direction: column;
		margin: 0px auto;
		border: 1px solid #ccc;
		border-radius: 5px;
		height: 50vh;
		width: 100%;
		position: relative;
	}
	.sidebar-right-down{
		display: flex;
		flex-direction: column;
		margin: 0px auto;
		border: 1px solid #ccc;
		border-radius: 5px;
		flex: 1;
	}
	
	#cart #cart-button{
		display:flex;
		flex-direction: row;
		float: right;
		margin: 5px;
	 }

	
	  /* 圆形提示框样式 */
	  .badge {
		position: absolute; /* 绝对定位 */
		top: 10px;          /* 距离父容器顶部的距离 */
		right: 10px;        /* 距离父容器右侧的距离 */
		min-width: 20px;
		height: 20px;       /* 高度 */
		background-color: red;
		color: white;
		border-radius: 40%; /* 圆形 */
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		font-weight: bold;
	}

	.tabs {
	    display: flex;
	    justify-content: space-around;
		height: 3rem;
		flex-direction: row;
		font-size: 14px;
		text-align: center;
	}
	
	.tab {
	    cursor: pointer;
		width: 50%;
	    /* padding: 10px; */
	    transition: background-color 0.3s;
		/* height: 50%; */
		background-color: #b4d8d5;
		color: #28596a;
		cursor: pointer;
		
	}
	
	.tab:hover {
	    background-color: #2c7475;
	}
	.tab.active {
	    background-color: #dbf5f5;
	}
	
	.content {
	    display: block; /* 默认隐藏内容 */
		font-size: 13px;
		flex: 1;
		overflow-y: scroll;
		/* position: relative; */
	}
	
	.content-item {
	    display: none; /* 默认隐藏内容项 */
		height: 45vh;
	}
	
	.content-item.active {
	    display: block; /* 显示活动的内容项 */
	}
	
	
	
    /*输入框美化*/
    input[type="number"] {
        width: 100%;
		min-width: 50px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 5px;
        font-size: 14px;
        outline: none; /* 移除聚焦时的边框 */
		box-sizing: border-box; /* 确保宽度包括边框和内边距 */
        
    }
	/* 隐藏默认的上下箭头 */
	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	.custom-number-input input[type="number"] {
		-moz-appearance: textfield; /* Firefox */
	}

	th {
	    background-color: #f4f4f4;
	}

	 /* 固定表头 */
	 #con-right thead {
		background-color: #f2f2f2;
		position: sticky; /* 粘性定位 */
		top: 0; /* 粘性定位的顶部偏移 */
		z-index: 1; /* 确保表头在滚动时覆盖其他内容 */
	}
	/* 设置 tbody 的滚动区域 */
	#con-right tbody {
		/* display: block;  */
		/* max-height: 200px;  */
		overflow-y: auto; /* 垂直滚动条 */
	}

	/* 调整 tbody 的宽度，使其与表格宽度一致 */
	#con-right tbody td {
		/* 确保单元格宽度与表头一致 */
		/* width: 100%;  */
		/* white-space: normal; */
	}
	.ellipsis {
		/* 设置最大宽度 */
		/* max-width: 200px; */
		/* 不换行 */
		/* 两行高度，根据字体大小调整 */
		/* max-height: 2em; */
		/* 不换行 */
		white-space: nowrap; /* 允许换行，但保留空白符 */
		/* 超出部分显示省略号 */
		overflow: hidden;
		/* 文本溢出时显示省略号 */
		text-overflow: ellipsis;
		/* 使用 line-clamp 实现两行省略号 */
	/* 	display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical; */
	}
	
	button {
	    padding: 5px 5px;
	    background-color: #007BFF;
	    color: white;
	    border: none;
	    border-radius: 5px;
	    cursor: pointer;
		margin: 2px;
	}
	
	button:hover {
	    background-color: #0056b3;
	}

	.tr-selected{
		background-color: lightsalmon;
	}
	/*end 右侧目录栏 */
	
	
	
	
	/* 物料详情 */
	
	.material-image-container {
	    display: flex;
	    justify-content: space-between;
		margin-top: 5px;
		max-height: 100%;
	}
	
	.image-box {
	    width: 48%;
	    background-color: #d1ecf1;
	    padding: 3px;
	    border: 1px solid #bee5eb;
	    text-align: center;
	    border-radius: 3px;
	}
	
	.image-box p {
	    margin-bottom: 10px;
	}
	
	/* end 物料详情 */
	
	/* begin 购物车 */
	/* 添加样式以高亮显示可编辑单元格 */
	.editable-cell {
	    background-color: #f0f8ff; /* 浅蓝色背景 */
	    cursor: pointer; /* 鼠标悬停时显示可编辑光标 */
	}
	
	/* 输入框的样式 */
	.editable-cell input {
	    width: 50px;
	    box-sizing: border-box;
	    text-align: center;
		pointer-events: none;
	}
	/* end 购物车 */
	



	/* begin 图片预览弹窗*/
	
	/* 弹窗样式 */
	.modal {
		display: none; /* 默认隐藏 */
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		justify-content: center;
		align-items: center;
		z-index: 2;
	}
	
	.close-button {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 24px;
		font-weight: bold;
		color: white;
		cursor: pointer;
		z-index: 1;
	}
	
	#preview-image {
		max-width: 100%;
		max-height: 100%;
		display: block;
		margin: auto;
		transition: transform 0.2s ease; /* 添加平滑过渡效果 */
/* 		position: relative;
		cursor:grab; 
		user-select:none; */
	}

	/* end 图片预览弹窗*/
	#totalPrice{
		display: none;
		position: absolute;
		bottom: 0;
		right: 0;
		padding-right: 15px;
    	margin-bottom: 12px;
		font-size: larger;
		/* background-color: #b4d8d5; */
		text-align: right;
	}
	
	/* iframe 弹窗样式 */
	#myIframeDiv {
		display: none; /* 默认隐藏 */
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		justify-content: center;
		align-items: center;
		z-index: 10;
	}
	#myIframe{
		border: 1px solid #ccc; 
		width: 95%;
		height: 95%;
		margin-top: 20px; 
		z-index: 10;
		background-color: antiquewhite;
	}

	/* 附录页关闭按钮 */
	#iframeCloseBtn {
		position: absolute;
		top: 10px;
		right: 22px;
		padding: 6px 14px;
		color: #fff;
		background-color: #28596a;
		border: 1px solid #45aecd;
		border-radius: 5px;
		cursor: pointer;
		z-index: 11;
		font-size: 13px;
		line-height: 1.25;
		text-align: center;
		user-select: none;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
	}
	#iframeCloseBtn:hover {
		background-color: #1b3f4e;
		border-color: #b4d8d5;
	}

	/* 加入订单：暂未启用 */
	#order-button.order-button:disabled,
	#order-button.is-disabled {
		opacity: 0.55;
		cursor: not-allowed;
	}
	
	.resizer {
	  width: 5px;
	  border-radius: 3;
	  background-color: #ccc;
	  cursor: ew-resize;
	}