body{margin:0;}
.loadingMain{width:300px;margin-top:-150px;}
#loadingBox{
  background: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-logo{
  width:250px;
  height:163px;
  margin:0 auto;
  background-size:100%;
  background-image:url('./logo2.png');
}
.loading-barbox{
  width:270px;
  margin:5px 15px;
  height:18px;
  border-radius:12px;
  background-color:#005999;
  box-sizing:border-box;
  padding:3px;
  position:relative;
}
.loading-barbox:after{
  content:'LOADING';
  position:absolute;
  right:5px;
  top:3px;
  height:12px;
  line-height:12px;
  font-size:12px;
  color:#fff;
  opacity:0.7;
  transform:scale(0.8);
  font-style:italic;
  letter-spacing:1px;
}

#loadingBar{
 width:0%;
 height:12px;
 border-radius:6px;
 background-color:#29edff;
 position:relative;
 z-index:10;
}
#loadingText{
 margin-top:10px;
 text-align:center;
 color:#fff;
 font-size:12px;
 opacity:0.7;
 letter-spacing:1px;
}

.fixbox{position:fixed;top:10px;z-index:999;width:150px;}
.fixbox1{left:10px;}
.fixbox2{right:0px;}
.fixbox a,.fixbox img{display:block;width:100%;outline:none;}

@media screen and (max-width:768px){
  .loadingMain{transform:scale(0.9);}
}
@media screen and (max-width:500px){
  .fixbox{width:100px}
}
.vrboxout{
  width:100%;
  height:100vh;
  display: flex;
  align-items: center;
  justify-content: center;	
  overflow:hidden;
}
.vrbox{
	max-width:1920px;
	max-height:1080px;
	margin:0 auto;
	position:relative;
}
.img100{display:block;width:100%;}
.vrframe{
 position: absolute;    
 top:0;
 left: 0;
 width:100%;
 height:100%;
}