@charset "utf-8";
*{padding:0;margin:0;font-size:0;}
div,p,img,span,form,table,td,textarea,input{border:none;margin:0;padding:0}
html{font-size:100px;min-height:100%;}
/*ios*/
body 
 {height:100%; /*position:fixed;*/
  -webkit-text-size-adjust: 100% !important; 
  text-size-adjust: 100% !important; 
  -moz-text-size-adjust: 100% !important; 

 } 
#preloadDiv{width:100%;height:100%;background:url(https://n.eastday.com/EastUI/special/shmobile2022h5/images/fm.jpg) no-repeat center top;background-size:7.5rem 100%;position:fixed;z-index:9999}
#preload{width:100%;position:absolute;top:6rem;}
.outer {height:100%; width:100%;display:table; position:static;}  
.middle {display: table-cell; vertical-align: middle; position: static;}  
.perText{position:absolute;top:0.5rem;left:50%;margin-left:-3rem;width:6rem;height:0.5rem;font:0.2rem/0.5rem Arial, Helvetica, sans-serif;color:#fff;text-align:center;}


.spinner {
  position:absolute;
  left:50%;top:6rem;
  margin-left:-0.75rem;
  width: 1.5rem;
  text-align: center;
}
 
.spinner > div {
  width: 0.3rem;
  height: 0.3rem;
  background-color: #fff;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}