.lc {
 width: 30px;
 height: 30px;
 border: 7px solid #62ffb4;
 border-bottom-color: #FFFFFF;
 border-radius: 50%;
 display: inline-block;
 box-sizing: border-box;
 animation: rotate 1s linear infinite;
}

.lc_lf {
 width: 30px;
 height: 30px;
 border: 7px solid #feced7;
 border-bottom-color: #FFFFFF;
 border-radius: 50%;
 display: inline-block;
 box-sizing: border-box;
 animation: rotate 1s linear infinite;
}

.lc_cn {
 width: 30px;
 height: 30px;
 border: 7px solid #FFFFFF;
 border-bottom-color: #000000;
 border-radius: 50%;
 display: inline-block;
 box-sizing: border-box;
 animation: rotate 1s linear infinite;
}

@keyframes rotate {

0% {

transform: rotate(0deg);

}

100% {

transform: rotate(360deg);

}
}