@keyframes jumping {
  50% {
    top: 0;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  }
  100% {
    top: -50px;
    box-shadow: 0px 120px 50px rgba(0, 0, 0, 0.2);
  }
}
@keyframes eyemove {
  0%,10% {
    transform: translate(50%);
  }
  90%,100% {
    transform: translate(-50%);
  }
}


.pageLoading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  flex-direction: column;
  transition: opacity 0.5s 0.5s; 
}
.pageLoading.complete {
  opacity: 0; z-index:-1; background:#Fff; transition:0.3s; 
}
.pageLoading.complete .monster {
  transform: scale(0.01) rotate(360deg); 
}

.pageLoading .titwz{ width:70%; margin:0 auto}
.pageLoading .titwz .tit{ color:#FFF; font-size:48px; float:left; width:30%; text-align:right; animation-name: fadeInUp !important}
.pageLoading .titwz .tit01{ float:left; color:#FFF; font-size:16px; width:48%; line-height:25px; margin-left:5%; color:#585858; animation-name: fadeInUp !important}
.pageLoading .titwz .tit01 p{color:#585858; font-size:16px; line-height:25px;}

.loading {
  width: 200px;
  height: 8px;
  margin-top: 80px;
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
  transition: 0.5s; display:none;
}

.loading .bar {
  background-color: #E55A54; display:none;
  width: 0%;
  height: 100%;
}