.loadL{position: fixed;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);height:200px;width: 200px;background-color: rgba(0, 0, 0, 0.7);border-radius: 16px;}
.loadL_cont{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}

.loading1{width:150px;height:15px;margin:0 auto;}
.loading1 span{display:inline-block;width:15px;height:100%;margin-right:5px;border-radius:50%;background:lightgreen;-webkit-animation:load1 1.04s ease infinite;}
.loading1 span:last-child{margin-right:0px;}
@-webkit-keyframes load1{
	0%{opacity:1;}
	100%{opacity:0;}
}
.loading1 span:nth-child(1){-webkit-animation-delay:0.13s;}
.loading1 span:nth-child(2){-webkit-animation-delay:0.26s;}
.loading1 span:nth-child(3){-webkit-animation-delay:0.39s;}
.loading1 span:nth-child(4){-webkit-animation-delay:0.52s;}
.loading1 span:nth-child(5){-webkit-animation-delay:0.65s;}

.loading2{width:150px;height:15px;margin:0 auto;}
.loading2 span{display:inline-block;width:15px;height:100%;margin-right:5px;border-radius:50%;background:lightgreen;-webkit-animation:load2 1.04s ease infinite;}
.loading2 span:last-child{margin-right:0px;}
@-webkit-keyframes load2{
	0%{opacity:1;-webkit-transform:scale(1.3);}
	100%{opacity:0.2;-webkit-transform:scale(.3);}
}
.loading2 span:nth-child(1){-webkit-animation-delay:0.13s;}
.loading2 span:nth-child(2){-webkit-animation-delay:0.26s;}
.loading2 span:nth-child(3){-webkit-animation-delay:0.39s;}
.loading2 span:nth-child(4){-webkit-animation-delay:0.52s;}
.loading2 span:nth-child(5){-webkit-animation-delay:0.65s;}

.loading3{width:150px;height:15px;margin:0 auto;position:relative;}
.loading3 span{position:absolute;width:15px;height:100%;border-radius:50%;background:lightgreen;-webkit-animation:load3 1.04s ease-in infinite alternate;}
@-webkit-keyframes load3{
	0%{opacity:1;-webkit-transform:translate(0px);}
	100%{opacity:0.2;-webkit-transform:translate(150px);}
}
.loading3 span:nth-child(1){-webkit-animation-delay:0.13s;}
.loading3 span:nth-child(2){-webkit-animation-delay:0.26s;}
.loading3 span:nth-child(3){-webkit-animation-delay:0.39s;}
.loading3 span:nth-child(4){-webkit-animation-delay:0.52s;}
.loading3 span:nth-child(5){-webkit-animation-delay:0.65s;}

.loading4{width:150px;height:15px;margin:0 auto;text-align:center;}
.loading4 span{display:inline-block;width:15px;height:100%;margin-right:5px;background:lightgreen;-webkit-animation:load4 1.04s ease infinite;}
.loading4 span:last-child{margin-right:0px;}
@-webkit-keyframes load4{
	0%{opacity:1;}
	100%{opacity:0;}
}
.loading4 span:nth-child(1){-webkit-animation-delay:0.13s;}
.loading4 span:nth-child(2){-webkit-animation-delay:0.26s;}
.loading4 span:nth-child(3){-webkit-animation-delay:0.39s;}
.loading4 span:nth-child(4){-webkit-animation-delay:0.52s;}
.loading4 span:nth-child(5){-webkit-animation-delay:0.65s;}

.loading5{width:150px;height:15px;margin:0 auto;}
.loading5 span{display:inline-block;width:15px;height:100%;margin-right:5px;background:lightgreen;-webkit-transform-origin:right bottom;-webkit-animation:load5 1s ease infinite;}
.loading5 span:last-child{margin-right:0px;}
@-webkit-keyframes load5{
	0%{opacity:1;}
	100%{opacity:0;-webkit-transform:rotate(90deg);}
}
.loading5 span:nth-child(1){-webkit-animation-delay:0.13s;}
.loading5 span:nth-child(2){-webkit-animation-delay:0.26s;}
.loading5 span:nth-child(3){-webkit-animation-delay:0.39s;}
.loading5 span:nth-child(4){-webkit-animation-delay:0.52s;}
.loading5 span:nth-child(5){-webkit-animation-delay:0.65s;}

.loading6{width:150px;height:15px;margin:0 auto;}
.loading6 span{display:inline-block;width:15px;height:100%;margin-right:5px;background:lightgreen;-webkit-transform-origin:right bottom;-webkit-animation:load6 1s ease infinite;}
.loading6 span:last-child{margin-right:0px;}
@-webkit-keyframes load6{
	0%{opacity:1;-webkit-transform:scale(1);}
	100%{opacity:0;-webkit-transform:rotate(90deg) scale(.3);}
}
.loading6 span:nth-child(1){-webkit-animation-delay:0.13s;}
.loading6 span:nth-child(2){-webkit-animation-delay:0.26s;}
.loading6 span:nth-child(3){-webkit-animation-delay:0.39s;}
.loading6 span:nth-child(4){-webkit-animation-delay:0.52s;}
.loading6 span:nth-child(5){-webkit-animation-delay:0.65s;}

.loading7{width:100px;height:100px;position:relative;margin:0 auto;}
.loading7 span{display:inline-block;width:16px;height:16px;border-radius:50%;background:lightgreen;position:absolute;-webkit-animation:load7 1.04s ease infinite;}
@-webkit-keyframes load7{
	0%{opacity:1;}
	100%{opacity:0.2;}
}
.loading7 span:nth-child(1){left:0;top:50%;margin-top:-8px;-webkit-animation-delay:0.13s;}
.loading7 span:nth-child(2){left:14px;top:14px;-webkit-animation-delay:0.26s;}
.loading7 span:nth-child(3){left:50%;top:0;margin-left:-8px;-webkit-animation-delay:0.39s;}
.loading7 span:nth-child(4){top:14px;right:14px;-webkit-animation-delay:0.52s;}
.loading7 span:nth-child(5){right:0;top:50%;margin-top:-8px;-webkit-animation-delay:0.65s;}
.loading7 span:nth-child(6){right:14px;bottom:14px;-webkit-animation-delay:0.78s;}
.loading7 span:nth-child(7){bottom:0;left:50%;margin-left:-8px;-webkit-animation-delay:0.91s;}
.loading7 span:nth-child(8){bottom:14px;left:14px;-webkit-animation-delay:1.04s;}

.loading8{width:100px;height:100px;position:relative;margin:0 auto;}
.loading8 span{display:inline-block;width:20px;height:20px;border-radius:50%;background:lightgreen;position:absolute;-webkit-animation:load8 1.04s ease infinite;}
@-webkit-keyframes load8{
	0%{-webkit-transform:scale(1.2);opacity:1;}
	100%{-webkit-transform:scale(.3);opacity:0.5;}
}
.loading8 span:nth-child(1){left:0;top:50%;margin-top:-10px;-webkit-animation-delay:0.13s;}
.loading8 span:nth-child(2){left:14px;top:14px;-webkit-animation-delay:0.26s;}
.loading8 span:nth-child(3){left:50%;top:0;margin-left:-10px;-webkit-animation-delay:0.39s;}
.loading8 span:nth-child(4){top:14px;right:14px;-webkit-animation-delay:0.52s;}
.loading8 span:nth-child(5){right:0;top:50%;margin-top:-10px;-webkit-animation-delay:0.65s;}
.loading8 span:nth-child(6){right:14px;bottom:14px;-webkit-animation-delay:0.78s;}
.loading8 span:nth-child(7){bottom:0;left:50%;margin-left:-10px;-webkit-animation-delay:0.91s;}
.loading8 span:nth-child(8){bottom:14px;left:14px;-webkit-animation-delay:1.04s;}