
.active {
  width: 2.5vw;
  overflow-wrap: break-word;
  color: rgba(91, 192, 158, 1) !important;
  font-size: 1.25vw;
  font-family: HarmonyOS Sans SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  
  position: relative;
}
.active::after{
	content: " ";
	position: absolute;
	left: 0%;
	
	width: 100%;
	height: 2px;
	
	background-color: rgba(91, 192, 158, 1);
}
.liitem {
  width: 5vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: HarmonyOS Sans SC-Regular;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
	position: relative;
  margin: 0 0 0 4.79vw;
  display: block;
}
.liitem a{
	color: rgba(51, 51, 51, 1);
}
.liitem:hover .posibotmslist{
	opacity: 1;
}
.posibotmslist{
	opacity: 0;
	position: absolute;
	left: 50%;
	margin-left: -4.9vw;
	width: 9.8vw;
	background-color: #fff;
	z-index: 999;
	overflow-wrap: break-word;
	
	font-size: 1.04vw;
	font-family: HarmonyOS Sans SC-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
.posibotmslist a{ 
	display: block;
	text-align: center;
	color: rgba(51, 51, 51, 1);
	/* height: 70px; */
	/* line-height: 70px; */
}
.posibotmslist a:hover{
	color: #5BC09E;
} 
.mebso{
  width: 10.53vw;
  height: 3.55vw;
}
.sontns {
	 width: 91.15vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	/* padding: 0 0 0 2.6vw; */
}

.timesx {
  background-color: rgba(255, 255, 255, 1);
  height: 6.25vw;
  
  line-height: 6.25vw;
  display: flex;
  align-items: center;
}