body{
	margin: 0;
	padding: 0;
    background: #e9f2ff!important;
}
.nav-head{
	position: fixed;
	top:0;
	left: 0;
	width: 100vw;
	height: 56px;
	flex-shrink: 0;
	background: #ffffff66;
	box-shadow: 0 1px 0 0 #d5e3f440;
	backdrop-filter: blur(7.5px);
	z-index: 999 !important;
}
.nav-head:hover{
    background: #fff;
}
@media (max-width: 768px) {
    .nav-head {
        /* height: 48px; */
		z-index: 999 !important;
    }
}


.nav-head-tab{
	 color: #333333;
	 font-family: "PingFang SC";
	 font-size: 14px;
	 font-style: normal;
	 font-weight: 600;
	 line-height: normal;
	 text-align: center;
	 width: 100px;
     cursor: pointer;
}
.nav-head-tab.active{
    color: #007bff;
}
.nav-head-tab:hover{
    text-decoration: none;
}
@media (max-width: 768px) {
	.nav-head-tab{
		flex-direction: column;
		 align-items: center; /* Center items vertically */
		 line-height: 1.8;
	}
	 .flex-1 {
	        width: 100%; /* Occupy full width */
	    }
}

.nav-head-right{
	width: 168px;
	height: 56px;
	flex-shrink: 0;
	background: #185FAF;
	box-shadow: 0 1px 0 0 #d5e3f440;
	padding-left: 28px;
}
@media (max-width: 768px) {
    .nav-head-right {
        padding-left: 5px; /* Adjust padding for smaller screens */
    }
}

@media (max-width: 768px) {
    .head-mini {
        display: none !important;
    }
}



.nav-head-right-describe{
	margin-left: 14px;
}

/* 样式化搜索框容器 */
.search-container {
  position: relative;
  width: 200px; /* 调整搜索框宽度 */
  height: 36px;
}
@media (max-width: 768px) {
    .search-container {
        width: 60%; /* Adjust width for smaller screens */
        margin-right: 10px; /* Adjust margin for smaller screens */
        width: 300px !important;
        margin-right: 0px !important;
    }
    .submenu li a {
        padding: 12px 6px !important;
    }
    .mini-screen-item > li{
        width: 25% !important;
    }
}

/* 样式化搜索框输入框 */
.search-input {
  width: 100%;
  padding: 10px 35px 10px 15px; /* 调整内边距以适应图标 */
  font-size: 16px;
  border: 1px solid #D5E3F4;
  border-radius: 20px; /* 圆角边框 */
  outline: none;
}

/* 样式化搜索框容器 */
.search-container {
  position: relative;
  width: 200px; /* 调整搜索框宽度 */
  height: 36px;
  flex-shrink: 0;
  border-radius: 44px;
  border: 1px solid #D5E3F4;
  background: #ffffff80;
  margin-right: 97px;
}

/* 样式化搜索框输入框 */
.search-input {
  width: 100%;
  padding: 10px 35px 10px 15px; /* 调整内边距以适应图标 */
  box-sizing: border-box; /* 确保内边距不会增加元素的总宽度 */
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 20px; /* 圆角边框 */
  outline: none;
   color: #185faf;
   font-family: "PingFang SC";
   font-size: 12px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
}
@media (max-width: 768px) {
    .search-input {
        padding: 5px 2vw 8px 2vw; /* Adjust padding for smaller screens */
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}
.test{
	width: 100%;
	height: 0px;

}
@media (max-width: 768px) {
    .test {
        width: 100%;
        height: 150px;
        position: fixed;
        top: 56px;
        left: 0;
        backdrop-filter: blur(7.5px);
        opacity: 0; /* 初始时透明 */
        pointer-events: none; /* 初始时不可交互 */
        flex-shrink: 0;
        background: #fff;
        box-shadow: 0 1px 0 0 #d5e3f440;
        z-index: 999; /* !important 通常不是必需的，除非有冲突 */
        transition: opacity 0.5s ease; /* 添加过渡效果 */
    	 border-bottom: 1px solid #f8f8ff;
    	 box-shadow: 2px 12px 20px 0px rgba(123, 130, 165, 0.26);
    }

    /* 可能的类来添加显示时的样式（但在本例中我们通过JavaScript动态添加/移除样式） */
    .test.visible {
        opacity: 1;
        pointer-events: auto;
    }
}



/* 样式化搜索框放大镜图标容器 */
.search-icon {
  position: absolute;
  top: 50%;
  right: 10px; /* 设置图片靠右的间距 */
  transform: translateY(-50%); /* 垂直居中 */
  /*pointer-events: none; !* 如果需要，可阻止图标上的点击事件冒泡 *!*/
}

/* 调整放大镜图片样式 */
.search-icon img {
  width: 24px;
  height: 24px;
  display: block; /* 确保图片作为块级元素显示 */
}
.tkkfcx{
	 color: #ffffff;
	 font-family: "PingFang SC";
	 font-size: 12px;
	 font-style: normal;
	 font-weight: 300;
	 line-height: normal;
}
.tkkfcx-call-number{
	 color: #ffffff;
	 font-family: "PingFang SC";
	 font-size: 16px;
	 font-style: normal;
	 font-weight: 600;
	 line-height: normal;
}
/*.navShow{*/
/*    visibility: visible;*/
/*}*/

/*@media (max-width: 768px) {*/
/*    .navShow {*/
/*        visibility:hidden;*/
/*    }*/
/*}*/
.navShow{
    display: none;
}

@media (max-width: 768px) {
    .navShow {
        display:block;
    }
}