@charset "UTF-8";
/* 加载动画 */


.normal_loading {
	display: none;
	position: fixed;
	text-align: center;
	top: 30%;
	/* max-width: 16rem; */
	width: 100%;
	z-index: 201
}

.normal_loading .box {
	background: #fff;
	border-radius: .4rem;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 5% 8%;
	position: relative;
	width: 30%
}

.normal_loading .box.other {
	background: none
}

.normal_loading .box .txt {
	font-size: .6rem;
	margin-top: .6rem;
	color: #999
}

.normal_loading .box .loading {
	width: 100%;
	height: auto;
	position: relative;
	height: 3.75rem
}

.normal_loading .box .shade {
	background: #000;
	border-radius: 50%;
	height: .3rem;
	opacity: .1;
	width: 1.6rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -.8rem
}

.normal_loading .box .stars {
	position: absolute;
	top: .8rem;
	left: 50%;
	margin-left: -.9rem
}

.normal_loading .box .loading.show .stars {
	-webkit-animation: like_poof .7s linear infinite forwards;
	animation: like_poof .7s linear infinite forwards
}

@-webkit-keyframes like_poof {
	0% {
		top: 36px;
		-webkit-transform: rotate(0deg)
	}

	25% {
		top: 0;
		-webkit-transform: rotate(0deg)
	}

	50% {
		top: 0;
		-webkit-transform: rotate(72deg)
	}

	75% {
		-webkit-transform: rotate(72deg)
	}

	to {
		top: 36px;
		-webkit-transform: rotate(72deg)
	}
}

@keyframes like_poof {
	0% {
		top: 36px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		top: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	50% {
		top: 0;
		-webkit-transform: rotate(72deg);
		transform: rotate(72deg)
	}

	75% {
		-webkit-transform: rotate(72deg);
		transform: rotate(72deg)
	}

	to {
		top: 36px;
		-webkit-transform: rotate(72deg);
		transform: rotate(72deg)
	}
}

.normal_loading .box .loading.show .shade {
	-webkit-animation: like_poof_other .7s linear infinite forwards;
	animation: like_poof_other .7s linear infinite forwards
}

@-webkit-keyframes like_poof_other {
	0% {
		-webkit-transform: scale(1)
	}

	25% {
		-webkit-transform: scale(.5)
	}

	50% {
		-webkit-transform: scale(.5)
	}

	75% {
		-webkit-transform: scale(.5)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes like_poof_other {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25% {
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	50% {
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	75% {
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.normal_loading .box .loading2 {
	width: 3.1rem;
	height: 3.1rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background-color: hsla(10,0%,100%,.8);
	border-radius: .25rem;
	box-shadow: 1px 1px 1px 1px #dedede;
}

.normal_loading .box .loading2 img {
	display: block;
	width: 100%;
	height: 100%
}

.normal_loading .box .loading2 .circle-rotating {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.normal_loading .box .loading2 .circle-rotating,.normal_loading .box .loading2 .circle-rotating-new {
	position: absolute;
	-webkit-animation: circle_rotating .7s linear infinite forwards;
	animation: circle_rotating .7s linear infinite forwards
}

.normal_loading .box .loading2 .circle-rotating-new {
	width: 70%;
	height: 70%;
	left: 15%;
	top: 15%;
	border-radius: 50%;
	border: solid hsla(0,0%,100%,.8);
	border-width: 2px;
	box-sizing: border-box;
	border-top-color: #ff464e;
	border-right-color: #ff464e
}

@-webkit-keyframes circle_rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes circle_rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}