#appLoading {
	margin: 200px auto 0;
	font-size: 15px;
	display: flex;
	flex-direction: column;

	justify-content: center;
}

.appLoading-img {
	/* margin-bottom: 10px; */
	height: 59px;
	width: 59px;
	margin: 150px auto 27px;
}

#appLoading-content {
	width: 44px;
	/* background-color: red; */
	/* margin: 0 auto; */
	height: 14px;
	position: relative;
	left: 50%;
	transform: translateX(-25px);

}

.appLoading-text {
	margin-top: 24px;
	text-align: center;
	color: #666666;
	font-size: 15px;
}

.radius {
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 50%;
}

.radius:first-child {
	transform: scale(0.8) translate(0);
	background-color: #8ABAF5;
}

.radius:nth-child(2) {
	transform: scale(0.9) translate(22px, 0px);
	background-color: #FFAAB6;
}
.radius:nth-child(3) {
	transform: scale(0.8) translate(44px, 0);
	background-color: #FFAB48;
}

.radius1 {
	animation: move1 1.8s infinite linear;
}

.radius2 {
	animation: move2 1.8s infinite linear;
}

.radius3 {
	animation: move3 1.8s infinite linear;
}

@keyframes move1 {
	0% {
		transform: scale(0.8) translate(0);
		z-index: 2;
	}

	33.33% {
		transform: scale(1.1) translate(22px, 0px);
		z-index: 3;
	}

	66.66% {
		transform: scale(0.8) translate(44px, 0);
		z-index: 2;
	}

	100% {
		transform: scale(0.8) translate(0);
		z-index: 1;
	}
}

@keyframes move2 {
	0% {
		transform: scale(1.1) translate(22px, 0px);
		z-index: 3;
	}

	33.33% {
		transform: scale(0.8) translate(44px, 0);
		z-index: 2;
	}

	66.66% {
		transform: scale(0.8) translate(0);
		z-index: 1;
	}

	100% {
		transform: scale(1.1) translate(22px, 0px);
		z-index: 3;
	}
}

@keyframes move3 {
	0% {
		transform: scale(0.8) translate(44px, 0);
		z-index: 1;
	}

	33.33% {
		transform: scale(0.8) translate(0);
		z-index: 2;
	}

	66.66% {
		transform: scale(1.1) translate(22px, 0px);
		z-index: 3;
	}

	100% {
		transform: scale(0.8) translate(44px, 0);
		z-index: 1;
	}
}