#app{
	/* display: none; */
}

/* 加载动画样式 */
#loading {
	position: fixed;
	/* top: 0;
	left: 0; */
	width: 0%;
	height: 0%;
	/* background: rgba(0, 0, 0, 0.5); */
	background-color: #16161A;
	display: flex;
	/* justify-content: center; 
	align-items: center; */
	z-index: 99999999;
	display:none;
}

/* 加载动画效果 */
.spinner {
	border: 5px solid #f3f3f3;
	/* Light grey */
	border-top: 5px solid #3498db;
	/* Blue */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	animation: spin 1s linear infinite;
	margin-left: 49%;
	margin-top: 23%;
}

/* 动画关键帧 */
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



/* 点状加载动画样式 */
.dot-spinner {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dot-spinner div {
	width: 10px;
	height: 10px;
	margin: 3px;
	background-color: #3498db;
	border-radius: 50%;
	animation: bounce 1.4s infinite ease-in-out;
}

.dot-spinner div:nth-child(2) {
	animation-delay: 0.2s;
}

.dot-spinner div:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-30px);
	}

	60% {
		transform: translateY(-15px);
	}
}