1 |
- .pin-spinner{display:none;width:34px;height:34px;position:fixed;margin-left:-17px;z-index:999999999;left:50%;top:35%}.pin-spinner-container1>div,.pin-spinner-container2>div,.pin-spinner-container3>div{width:10px;height:10px;background-color:#df2127;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.pin-spinner .pin-spinner-container{position:absolute;width:100%;height:100%}.pin-spinner-container2{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pin-spinner-container3{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pin-spinner-circle1{top:0;left:0}.pin-spinner-circle2{top:0;right:0}.pin-spinner-circle3{right:0;bottom:0}.pin-spinner-circle4{left:0;bottom:0}.pin-spinner-container2 .pin-spinner-circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.pin-spinner-container3 .pin-spinner-circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.pin-spinner-container1 .pin-spinner-circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.pin-spinner-container2 .pin-spinner-circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.pin-spinner-container3 .pin-spinner-circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.pin-spinner-container1 .pin-spinner-circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.pin-spinner-container2 .pin-spinner-circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.pin-spinner-container3 .pin-spinner-circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.pin-spinner-container1 .pin-spinner-circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.pin-spinner-container2 .pin-spinner-circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.pin-spinner-container3 .pin-spinner-circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.pin-toast-container{display:block;position:fixed;width:100%;max-width:640px;height:300px;height:auto;bottom:120px;z-index:999999999}.pin-toast{display:none;width:60%;height:auto;margin:auto;background-color:rgba(0,0,0,.8);color:#f0f0f0;font-size:16px;padding:10px;text-align:center;border-radius:5px;box-shadow:0 0 24px -1px #383838}
|