.loading{ position:fixed; width:130px; height:140px; background:rgba(0,0,0,.5); left:50%; top:50%; margin:-70px 0 0 -65px; border-radius:20px; z-index:9999}
#loading3 {
     position: relative;
     width: 50px;
     height: 50px;
     margin:30px auto 0
 }
  .demo3 {
      width: 4px;
      height: 4px;
      border-radius: 2px;
     background: #fff;
     position: absolute;
     animation: demo3 linear 1.45s infinite;
     -webkit-animation: demo3 linear 1.45s infinite;
 }
 .demo3:nth-child(1){
     left: 24px;
     top: 2px;
     animation-delay:0s;
 }
 .demo3:nth-child(2){
     left: 40px;
     top: 8px;
     animation-delay:0.25s;
 }
 .demo3:nth-child(3){
     left: 47px;
     top: 24px;
     animation-delay:0.25s;
 }
 .demo3:nth-child(4){
     left: 40px;
     top: 40px;
     animation-delay:0.45s;
 }
 .demo3:nth-child(5){
     left: 24px;
     top: 47px;
     animation-delay:0.65s;
 }
 .demo3:nth-child(6){
     left: 8px;
     top: 40px;
     animation-delay:0.85s;
 }
 .demo3:nth-child(7){
     left: 2px;
     top: 24px;
     animation-delay:1.05s;
 }
 .demo3:nth-child(8){
     left: 8px;
     top: 8px;
     animation-delay:1.25s;
 }
 
 @keyframes demo3 
 {
     0%,40%,100% {transform: scale(1);}
     20% {transform: scale(2.5);}
 }
 @-webkit-keyframes demo3 
 {
     0%,40%,100% {transform: scale(1);}
     20% {transform: scale(2.5);}
 }
 .loading-ts{ text-align:center; color:#fff; font-size:16px; margin-top:20px}