html, body {
        height: 100%; /* 确保 html 和 body 标签高度为 100% */
        margin: 0;
        padding: 0;
        overflow-x: hidden; /* 隐藏body的水平滚动条 */
        overflow-y: auto; /* 启用垂直滚动 */
        font-size: 16px; /* header 字体大小 */
		font-family: "Microsoft YaHei", sans-serif; /* 将字体更改为微软雅黑 */
    }

	/**高级查询***/
	.highersearch {
	    width: 100%;
	    background-color: #F1F4F8; /* 背景颜色 */
	    display: flex;
    	justify-content: center;
	}

	.highersearch_item {
	    display: flex;
	    justify-content: center;
	    width: 100%;
	    box-sizing: border-box;
	    border-bottom: 1px solid rgb(241, 245, 254);
	    align-items: flex-start; /* 将项目靠上对齐 */
	}

	.highersearch_left {
	    background-color: #F1F5FE; /* 左边仪器分类背景颜色 */
	    margin-top: 10px;
	    margin-bottom: 10px;
	    color: #1F88FF; /* 文字颜色 */
	    width: 120px;
	    display: flex;
	    justify-content: center;
	    align-items: flex-start; /* 将项目靠上对齐 */
	    height: 38px; /* 固定每行高度 */
	    line-height: 38px; /* 使文字垂直居中 */
	    /*border: 1px solid red;*/
	}

	.highersearch_middle {
	    flex-grow: 1;
	    display: flex;
	    flex-wrap: wrap;
	    padding: 10px;
	    height: 38px; /* 固定每行高度 */
	    overflow: hidden; /* 隐藏溢出的项目 */
	    align-items: flex-start; /* 保持靠上对齐 */
	    /*border: 1px solid red;*/
	}
	
	.highersearch_middle.expanded {
	    height: auto; /* 展开所有项目时高度自动 */
	}
	
	.highersearch_middle .item {
	    margin-right: 20px;
	    height: 38px; /* 固定每行高度 */
	    line-height: 38px; /* 使文字垂直居中 */
	    cursor: pointer;
	}
	
	.highersearch_right {
	    display: flex;
	    align-items: flex-start; /* 将项目靠上对齐 */
	    padding: 10px;
	    width: 90px;
	    height: 38px; /* 固定每行高度 */
	    line-height: 38px; /* 使文字垂直居中 */
	    cursor: pointer;
	    /*border: 1px solid red;*/
	}
	
	.highersearch_right.expanded {
	    align-items: flex-start; /* 保持靠上对齐 */
	}

	.highersearch_right a {
	    text-decoration: none;
	    color: rgb(153, 153, 153);
	}
	
	.highersearch_right_toggle-icon {
	    margin-left: 5px;
	    vertical-align: middle;
	}
	
	.highersearchSelected_item {
	    display: flex;
	    width: 100%;
	    height: auto; 
	    box-sizing: border-box;
	    border-bottom: 1px solid rgb(241, 245, 254);
	    align-items: flex-start; /* 将项目靠上对齐 */
	}
	
	.item.selected {
	    /*background-color: #2A8EFF;*/
	    color: #2A8EFF;
	}
	
	.selected-condition {
	    background-color: #F7FAFF;
	    color: #666666;
	    border-radius: 5px;
	    padding: 5px 10px;
	    margin: 5px;
	    display: flex;
	    align-items: center;
	    white-space: nowrap; /* 确保内容不折行 */
	    display: inline-block; /* 确保 item 不折行 */
	 
	}
	
	.selected-condition .delete-icon {
	    margin-left: 10px;
	    cursor: pointer;
	}
	
	
	
	/**伸缩隐藏***/
	#higherSearchContainer.hidden, 
	#higherSearchMorContainer.hidden {
	    display: none;
	}
	

	#higherSearchMorContainer {
	    display: flex;
	    align-items: center;
	    margin-top: 10px;
	}
	
	#higherSearchMorContainer > span {
	    margin-right: 15px;
	    margin-left: 5px;
	    fontWeight: bold;
	}
	
	.higherSearch-box {
	    height: 38px;
	    display: flex;
	    align-items: center;
	    border: 1px solid #E4E9F5;
	    border-radius: 5px;
	    margin-right: 8px;
	}
	
	.higherSearch-box input[type="text"] {
	    border: none;
	    outline: none;
	    padding: 5px;
	    width: 200px;
	    font-size: 16px;
	}
	
	.higherSearch-box img.highersearch-icon {
	    cursor: pointer;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	
	.listform {
	    width: 100%;
	    background-color: #F1F4F8; /* 背景颜色 */
	    display: flex;
    	justify-content: center;
	}
	
	.listformtabs {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E4E9F5;
    padding-bottom: 10px;
}

.listformtab {
    margin-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    width:80px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listformtab.selected {
    border-top: 1px solid #1F88FF;
    color:#1F88FF;
}

.page-info {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding-top:10px;
    padding-right:10px;
}

.page-arrow {
    cursor: pointer;
    margin: 0 5px;
}

	.equipment-item {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start; /* 改为 flex-start 使内容居左 */
	    width: 20%; /* 每行显示五个 */
	    box-sizing: border-box;
	    padding: 10px;
	}
	
	.equipment-image-container {
	    width: 210px; /* 固定宽度 */
	    height: 210px; /* 固定高度 */
	    overflow: hidden; /* 隐藏溢出部分 */
	    position: relative; /* 使其成为定位父容器 */
	    cursor: pointer;
	}
	
	.equipment-image {
	    width: 100%;
	    height: 100%;
	    transition: transform 0.3s ease; /* 添加过渡效果 */
	    transform-origin: center center; /* 以中心为放大点 */
	}
	
	.equipment-image-container:hover .equipment-image {
	    transform: scale(1.2); /* 鼠标悬停时内容放大 */
	}

	
	.equipment-name {
	    margin-top: 5px;
	    text-align: left;
    	word-wrap: break-word;
	}
	
	.pagination {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-top: 20px;
	}
	
	.pagination .page-arrow {
	    cursor: pointer;
	    margin: 0 10px;
	}
	
	.toggleText{
		color : #2A8EFF;
	}
	
	.pagination {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-top: 20px;
	}
	
	.page-info1 {
	    margin-right: 10px;
	}
	
	.page-numbers {
	    list-style-type: none;
	    padding: 0;
	    margin: 0;
	    display: flex;
	}
	
	.page-numbers li {
	    margin: 0 5px;
	}
	
	.page-numbers a {
	    text-decoration: none;
	    color: #2A8EFF;
	    border: 1px solid #ddd;
	    padding: 5px 10px;
	    display: inline-block;
	}
	
	.page-numbers .active a {
	    background-color: #2A8EFF;
	    color: white;
	    border-color: #2A8EFF;
	}
	
	.icon-arrow-left, .icon-arrow-right {
	    font-size: 16px;
	}
	
	.page-numbers .ellipsis a {
	    pointer-events: none;
	    color: #ccc;
	}
    
	/* 自定义跳转到第输入框 */
	#jumpToPage {
	    -webkit-appearance: none; /* Safari and Chrome */
	    -moz-appearance: textfield; /* Firefox */
	    appearance: none;
	    width: 50px;
	    height: 28px;
	    padding: 0 5px;
	    box-sizing: border-box;
	    border: 1px solid #ddd;
	    border-radius: 4px;
	    text-align: center;
	}
	
	/* 移除上下箭头 */
	#jumpToPage::-webkit-inner-spin-button,
	#jumpToPage::-webkit-outer-spin-button {
	    -webkit-appearance: none;
	    margin: 0;
	}
	
	#jumpToPage::-moz-focus-inner {
	    border: 0;
	}
	
	#jumpToPage[type=number] {
	    -moz-appearance: textfield; /* Firefox */
	}
	
	/* 额外的兼容性处理 */
	input[type=number] {
	    -moz-appearance: textfield; /* Firefox */
	}
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
	    -webkit-appearance: none;
	    margin: 0;
	}
	
	/* 自定义每页显示条数的选择控件 */
	#pageSize {
	    -webkit-appearance: none; /* Safari and Chrome */
	    -moz-appearance: none; /* Firefox */
	    appearance: none;
	    width: 50px;
	    height: 28px;
	    padding: 0 5px;
	    box-sizing: border-box;
	    border: 1px solid #ddd;
	    border-radius: 4px;
	    background-color: white;
	    text-align: center;
	    cursor: pointer;
	}
	
	#pageSize:focus {
	    outline: none;
	    border-color: #007bff;
	}
	
	/* 隐藏默认的下拉箭头 */
	#pageSize::-ms-expand {
	    display: none;
	} 

    .pageOkButton {
		background-color: #2A8EFF; /* 默认浅蓝色 */
	    color: white;
	    border: none;
	    padding: 8px 12px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 14px;
	    margin: 4px 2px;
	    cursor: pointer;
	    transition: background-color 0.3s; /* 平滑过渡 */
	    
     }
     
     .pageOkButton:hover {
         background-color: #125DB2; /* 鼠标移过时深蓝色 */
     }