#loadingPanel{
  	display: none;
  	flex-direction: column; /* 垂直排列子元素 */
  	justify-content: center;
  	align-items: center;     /* 垂直居中 */
  	height: 100px;
  	position: fixed;
    top: 30vh;
    left:45vw;
    background-color: white;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);padding: 5px
}
#loadingPanel .spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
  	width: 36px;
  	height: 36px;
  	border-radius: 50%;
  	border-left-color: #09f;
  	animation: spin 1s infinite linear;
}
 
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}