1.loading {
2  width: 60px;
3  height: 60px;
4  position: relative;
5}
6
7.d1 ,
8.d2 {
9  border: 5px solid #64dfdf;
10  border-radius: 50px;
11}
12
13.loading .d1 {
14  width: 55px;
15  height: 55px;
16  position: absolute;
17  top: -9px;
18  border-left-color: transparent;
19  border-right-color: transparent;
20  animation: load161 1s linear infinite;
21}
22
23.loading .d2 {
24  width: 40px;
25  height: 40px;
26  border-top-color: transparent;
27  border-bottom-color: transparent;
28  margin: 7.5px;
29  animation: load2812 2s linear infinite;
30}
31
32@keyframes load161 {
33  0% {
34    transform: rotate(0);
35  }
36
37  100% {
38    transform: rotate(360deg);
39  }
40}
41
42@keyframes load2812 {
43  0% {
44    transform: rotate(0);
45  }
46
47  100% {
48    transform: rotate(-360deg);
49  }
50}