#preloading{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index: 9999;overflow: hidden}.lds-roller{display:inline-block;position:relative;left:50%;top:40%;transform:translate(-50%,-50%);width:64px;height:64px;}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:32px 32px;}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background: #1890ff;margin:-3px 0 0 -3px;}  .lds-roller div:nth-child(1){animation-delay:-0.036s;}  .lds-roller div:nth-child(1):after{top:50px;left:50px;}  .lds-roller div:nth-child(2){animation-delay:-0.072s;}  .lds-roller div:nth-child(2):after{top:54px;left:45px;}  .lds-roller div:nth-child(3){animation-delay:-0.108s;}  .lds-roller div:nth-child(3):after{top:57px;left:39px;}  .lds-roller div:nth-child(4){animation-delay:-0.144s;}  .lds-roller div:nth-child(4):after{top:58px;left:32px;}  .lds-roller div:nth-child(5){animation-delay:-0.18s;}  .lds-roller div:nth-child(5):after{top:57px;left:25px;}  .lds-roller div:nth-child(6){animation-delay:-0.216s;}  .lds-roller div:nth-child(6):after{top:54px;left:19px;}  .lds-roller div:nth-child(7){animation-delay:-0.252s;}  .lds-roller div:nth-child(7):after{top:50px;left:14px;}  .lds-roller div:nth-child(8){animation-delay:-0.288s;}  .lds-roller div:nth-child(8):after{top:45px;left:10px;}  #preloading .load-tips{color: #1890ff;font-size:1.1rem;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);margin-top:80px;text-align:center;width:400px;height:64px;}  @keyframes lds-roller{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}} .load-tips > span {display: inline-block; height: 1em;line-height: 1;text-align: left;vertical-align: -.34em;overflow: hidden;} .load-tips > span:before {display: block;content: '...\A..\A.';white-space: pre-wrap;animation: dot 3s infinite step-start both;} @keyframes dot {33% {transform: translateY(-2em);} 66% {transform: translateY(-1em);}}