#pzj-preloader{
position: fixed;
inset: 0;
background: #ffffff;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}
.pzj-preloader__inner{
text-align: center;
width: 220px;
}
.pzj-preloader__logo{
max-width: 120px;
margin-bottom: 30px;
}
.pzj-preloader__bar{
width: 100%;
height: 6px;
background: #eee;
overflow: hidden;
border-radius: 4px;
}
.pzj-preloader__bar span{
display: block;
height: 100%;
width: 0%;
background: #d10000; animation: pzj-loading 1.6s ease-in-out infinite;
}
@keyframes pzj-loading{
0%{ width: 0%; }
50%{ width: 80%; }
100%{ width: 100%; }
} #pzj-preloader.is-hidden{
opacity: 0;
pointer-events: none;
transition: opacity .4s ease;
}