.loading-contain{display:none;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:32px;height:32px;transform-origin:32px 16px;animation:loading-rotate 5s infinite}
.loading-item-move{animation:loading-move 2.5s infinite;position:absolute}
.loading-item{width:64px;height:24px;position:absolute}
.loading-item:nth-child(0){transform:rotate(0)}
.loading-item:nth-child(1){transform:rotate(90deg)}
.loading-item:nth-child(2){transform:rotate(180deg)}
.loading-item:nth-child(3){transform:rotate(270deg)}
.loading-item-move:nth-child(1){width:8px;height:8px;top:50%;left:50%;margin-top:-4px;margin-left:-4px;border-radius:4px;animation-delay:-0.3s}
.loading-item-move:nth-child(2){width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;border-radius:8px;-webkit-animation-delay:-0.6s;animation-delay:-0.6s}
.loading-item-move:nth-child(3){width:24px;height:24px;top:50%;left:50%;margin-top:-12px;margin-left:-12px;border-radius:12px;animation-delay:-0.9s}
.loading-color-1{background-color:#999}
.loading-color-2{background-color:#aaa}
.loading-color-3{background-color:#bbb}
.loading-color-4{background-color:#ccc}
@keyframes loading-rotate{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes loading-move{0{transform:translateX(0)}
25%{transform:translateX(-64px)}
75%{transform:translateX(32px)}
100%{transform:translateX(0)}
}