body { padding: 0; margin: 0;overflow:hidden; }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%;width: 100%; height: 100%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background-size:100%;}
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-bg {background: url('BG.png') no-repeat ;position: absolute;left: 0%; top: 0%;height:10%;width:10%;overflow:hidden; background-size:cover;}
#unity-loading-bar { position: absolute; left: 50%; bottom: 0%; transform: translate(-50%, -50%); display: none;width:100%;margin:0 ;}
#unity-logo {position: absolute;top: 75%; width: 100%; height: 100%; -webkit-animation: alarm 0.5s ease infinite alternate; /* Safari 和 Chrome */ }
#unity-logo.loading {background: url('loading.png') no-repeat center;background-size:20%;}
#unity-logo.loaded {background: url('loaded.png') no-repeat center;background-size:20%;}
#unity-progress-bar-empty { width: 1920px; height: 100px; margin-top: 100px; }
#unity-progress-bar-full { position: absolute;left: 0.55%; top:0%;width:110%; height: 110px; margin-top: 120px; background: url('progress.png') no-repeat left center;}
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { display:none;float:left; width: 351px; height: 85px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { display:none;float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button {display:none; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
@keyframes alarm {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}