/* AB模版网 做最好的织梦整站模板下载网站 */
/* 模版源码：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 图标：Sc.AdminBuy.Cn 专业图标素材网站 */
/* QQ：9490489 */
/*
Script by : https://connoratherton.com/loaders
File : loaders.min.css
*/
@-webkit-keyframes scale {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
45% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:.7
}
80% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes scale {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
45% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:.7
}
80% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
}
.ball-pulse>div:nth-child(0) {
	-webkit-animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.ball-pulse>div:nth-child(1) {
	-webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.ball-pulse>div:nth-child(2) {
	-webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.ball-pulse>div:nth-child(3) {
	-webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}
.ball-pulse>div {
	background-color: #fff;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block
}
@-webkit-keyframes ball-pulse-sync {
33% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
66% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes ball-pulse-sync {
33% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
66% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
.ball-pulse-sync>div:nth-child(0) {
	-webkit-animation: ball-pulse-sync .6s -.21s infinite ease-in-out;
	animation: ball-pulse-sync .6s -.21s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(1) {
	-webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
	animation: ball-pulse-sync .6s -.14s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(2) {
	-webkit-animation: ball-pulse-sync .6s -.07s infinite ease-in-out;
	animation: ball-pulse-sync .6s -.07s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(3) {
	-webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
	animation: ball-pulse-sync .6s 0s infinite ease-in-out
}
.ball-pulse-sync>div {
	background-color: #fff;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	display: inline-block
}
@-webkit-keyframes ball-scale {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes ball-scale {
0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
.ball-scale>div {
	background-color: #fff;
	border-radius: 100%;
	margin: 2px;
	display: inline-block;
	height: 60px;
	width: 60px;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	animation: ball-scale 1s 0s ease-in-out infinite
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
50% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
50% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.ball-rotate {
	position: relative
}
.ball-rotate>div {
	background-color: #fff;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: relative
}
.ball-rotate>div:first-child {
	-webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
	animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite
}
.ball-rotate>div:after, .ball-rotate>div:before {
	background-color: #fff;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 2px;
	content: "";
	position: absolute;
	opacity: .8
}
.ball-rotate>div:before {
	top: 0;
	left: -28px
}
.ball-rotate>div:after {
	top: 0;
	left: 25px
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0deg) scale(1);
transform:rotate(0deg) scale(1)
}
50% {
-webkit-transform:rotate(180deg) scale(0.6);
transform:rotate(180deg) scale(0.6)
}
100% {
-webkit-transform:rotate(360deg) scale(1);
transform:rotate(360deg) scale(1)
}
}
.ball-clip-rotate>div {
	border-radius: 100%;
	margin: 2px;
	border: 2px solid #fff;
	border-bottom-color: transparent;
	height: 25px;
	width: 25px;
	background: 0 0!important;
	display: inline-block;
	-webkit-animation: rotate .75s 0s linear infinite;
	animation: rotate .75s 0s linear infinite
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0deg) scale(1);
transform:rotate(0deg) scale(1)
}
50% {
-webkit-transform:rotate(180deg) scale(0.6);
transform:rotate(180deg) scale(0.6)
}
100% {
-webkit-transform:rotate(360deg) scale(1);
transform:rotate(360deg) scale(1)
}
}
@keyframes scale {
30% {
-webkit-transform:scale(0.3);
transform:scale(0.3)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.ball-clip-rotate-pulse {
	position: relative;
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px)
}
.ball-clip-rotate-pulse>div {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100%
}
.ball-clip-rotate-pulse>div:first-child {
	background: #fff;
	height: 16px;
	width: 16px;
	top: 7px;
	left: -7px;
	-webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite
}
.ball-clip-rotate-pulse>div:last-child {
	position: absolute;
	width: 30px;
	height: 30px;
	left: -16px;
	top: -2px;
	background: 0 0;
	border: 2px solid;
	border-color: #fff transparent;
	-webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0deg) scale(1);
transform:rotate(0deg) scale(1)
}
50% {
-webkit-transform:rotate(180deg) scale(0.6);
transform:rotate(180deg) scale(0.6)
}
100% {
-webkit-transform:rotate(360deg) scale(1);
transform:rotate(360deg) scale(1)
}
}
.ball-clip-rotate-multiple {
	position: relative
}
.ball-clip-rotate-multiple>div {
	position: absolute;
	left: -20px;
	top: -20px;
	border: 2px solid #fff;
	border-bottom-color: transparent;
	border-top-color: transparent;
	border-radius: 100%;
	height: 35px;
	width: 35px;
	-webkit-animation: rotate 1s 0s ease-in-out infinite;
	animation: rotate 1s 0s ease-in-out infinite
}
.ball-clip-rotate-multiple>div:last-child {
	display: inline-block;
	top: -10px;
	left: -10px;
	width: 15px;
	height: 15px;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	border-color: #fff transparent;
	-webkit-animation-direction: reverse;
	animation-direction: reverse
}
@-webkit-keyframes ball-scale-ripple {
0% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:1
}
70% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.7
}
100% {
opacity:0
}
}
@keyframes ball-scale-ripple {
0% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:1
}
70% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.7
}
100% {
opacity:0
}
}
.ball-scale-ripple>div {
	height: 50px;
	width: 50px;
	border-radius: 100%;
	border: 2px solid #fff;
	-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
	animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8)
}
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:1
}
70% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.7
}
100% {
opacity:0
}
}
@keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform:scale(0.1);
transform:scale(0.1);
opacity:1
}
70% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:.7
}
100% {
opacity:0
}
}
.ball-scale-ripple-multiple {
	position: relative;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px)
}
.ball-scale-ripple-multiple>div:nth-child(0) {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}
.ball-scale-ripple-multiple>div:nth-child(1) {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}
.ball-scale-ripple-multiple>div:nth-child(2) {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}
.ball-scale-ripple-multiple>div:nth-child(3) {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}
.ball-scale-ripple-multiple>div {
	position: absolute;
	top: -2px;
	left: -26px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 2px solid #fff;
	-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
	animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8)
}
@-webkit-keyframes ball-beat {
50% {
opacity:.2;
-webkit-transform:scale(0.75);
transform:scale(0.75)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes ball-beat {
50% {
opacity:.2;
-webkit-tr