/* 首页头图加载样式 */
.pl-container {  
  width: 100%;  
  height: 100%;  
  position: relative;  
  overflow: hidden;  
  will-change: transform;
  animation: blur-to-clear 2s cubic-bezier(.62,.21,.25,1) 0s 1 normal backwards running, scale 1.5s cubic-bezier(.62,.21,.25,1) 0s 1 both;
}  
.pl-img {  
  width: 100%;  
  height: 100%;  
  position: absolute;  
  background-position: center;  
  background-size: cover;  
  background-repeat: no-repeat;  
  opacity: 0;  
  transition: opacity 1s;  
}  

@keyframes blur-to-clear {  
  0% {  
    filter: blur(50px);  
    opacity: 1;  
  }  
  100% {  
    filter: blur(0);  
    opacity: 1;  
  }  
}  

@keyframes scale {  
  0% {  
    transform: scale(1.5);  
    opacity: 0;  
  }  
  100% {  
    transform: scale(1);  
    opacity: 1;  
  }  
}  

.pl-visible {  
  opacity: 1;  
}  
.pl-blur {  
  filter: blur(50px);
}