/* html {
  zoom: 200%;  缩放比例 会导致页面滚动定位错误
} */

/* 页面头即最顶部标题栏 */
.mui-bar-nav{   
	transition: opacity 0.3s ease; 
	cursor: pointer;
} 

/* 弹出菜单即外层的div */
.pop_menu{
	display: none;
	position: fixed;
	/* left: calc(50% - max(260px,80%)/2); */
	top:48px;
	z-index: 999;
	/* width: 280px; */
	/* width: max(260px,80%); */
	min-width: 200px;
	max-width: 95%;
	background-color: white;
	border: 1px solid #c8c7cc;
	border-radius: 10px;
	max-height: calc(100% - 100px);
	overflow: scroll;
	left: 50%;
    transform: translateX(-50%);
}

/* 弹出菜单中内层的无序列表 */
.pop_menu ul{
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* 弹出菜单无序列表的列表项 */
.pop_menu li{
	list-style: none;
	height: 40px;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* 除第一个列表项外，后面的每项顶部边框设置为实线灰色 */
.pop_menu li:nth-child(n+2){
	border-top: 1px solid #c8c7cc;
}
/* 下箭头类会增加向下的箭头 */
.down_arrow::after{
	content:  ' \e615';/* 下箭头 */
}
/* 上箭头类会增加向上的箭头 */
.up_arrow::after{
	content:  ' \e60c';/* 上箭头 */
}
/* 弹出菜单的蒙层 */
#over_layer{
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	display: none;
}