.preload-cover{ position: fixed; width:100%; height:100%; top:0;left:0; background: rgba(0,0,0,.8);  z-index: 9999999999999;}
.preload-container{ width:100%; max-width:600px; margin:calc(25% - 200px) auto;}
.preload-container .preload-body{ padding: 20px; text-align: center;}
.preload-container .preload-body img{ display: block; width:90%; max-width:400px; margin: 0 auto; }
@media all and (max-width:767px){
    .preload-container{ margin:50% auto 0;}
}

.lds-ellipsis{display:inline-block;position:relative;width:64px;height:64px;}
.lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1){left:6px;animation:lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2){left:6px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3){left:26px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4){left:45px;animation:lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1{0%{transform:scale(0);}
    100%{transform:scale(1);}
}
@keyframes lds-ellipsis3{0%{transform:scale(1);}
    100%{transform:scale(0);}
}
@keyframes lds-ellipsis2{0%{transform:translate(0, 0);}
    100%{transform:translate(19px, 0);}
}