.toast-loader {  
    display: none; /* 初始时隐藏加载器 */  
    position: fixed; /* 固定在屏幕上 */  
    top: 50%; /* 垂直居中 */  
    left: 50%; /* 水平居中 */  
    transform: translate(-50%, -50%); /* 使用transform来确保完全居中 */  
    padding: 10px 20px; /* 添加内边距 */  
    border-radius: 4px; /* 添加圆角 */  
    background-color: rgba(0, 0, 0, 0.8); /* 黑色半透明背景 */  
    color: #fff; /* 文本颜色 */  
    font-size: 22px; /* 文本大小 */  
    z-index: 19999; /* 确保它在其他元素之上 */  
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 可选：添加阴影 */  
    pointer-events: none; /* 阻止用户与加载器交互 */  
}  
  


@media screen and (max-width: 468px) {
	
	.toast-loader {
    	font-size: 16px; /* 文本大小 */  
	}
}



.mini-head {
	display: block;
	margin:2.2rem;	
	margin-top: 5rem;
	color: rgb(93, 93, 93);
	font-size: 2.4rem;
}

.mini-info {
	display: block;
    margin: 4rem;
    font-size: 2rem;
    line-height: 4rem;
    color: gray;
}

.mini_nav {
	margin: 2rem;
}


.mini_nav .mini-item{
	margin-left: 4rem;
	margin-bottom: 4rem;	
	list-style-type: circle;
	color: #393030;;
	font-size: 2rem;
}

.mini_nav .mini-item .pra{
	margin: 1rem;
	color: #a7a5a5;
    font-size: 1.8rem;
    line-height: 3.3rem;
}


@media screen and (max-width: 108px) {
    .mini-head {  
    	font-size: 13px;  
	} 
	
	.mini-info {
		font-size: 11px;  
	} 
	
	.mini_nav .mini-item {
		font-size: 11px;  
	}
	
	.mini_nav .mini-item .pra{
		font-size: 10px;  
	}
}


#markerDiv {  
  	position: fixed;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    padding: 3px;
    /* border: 1px solid #ccc; */
    box-sizing: border-box;
    z-index: 200000;
    display: flex;
}  
  
#markerDiv .item {  
 	width: 2px;
    height: 2px;
    margin: 1rem;
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    border-radius: 50%;
}  

#markerDiv .item:hover {
	cursor: pointer;
}
  
#markerDiv .item.highlight {  
  background-color: #4fd40b;
}