html {
  -ms-touch-action: none;
}

body, canvas, div {
  display: block;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
}

body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  margin: 0;
  overflow: hidden;
  cursor: default;
  color: #fff;
  background-color: #000;
  text-align: center;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  display: flex;
  flex-direction: column;
}

#Cocos2dGameContainer {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

canvas {
  background-color: rgba(0, 0, 0, 0);
}

#splash {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff;
  background: #000;
}

#splash.splash-background-ready {
  background-image: url(./lewo-loading-bg.93603.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#splash.splash-lightweight {
  background: #000;
}

.splash-stage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  max-width: 177.777778vh;
  max-height: 100vh;
  transform: translate(-50%, -50%);
}

.splash-logo {
  position: absolute;
  top: 24.722222%;
  left: 50%;
  display: block;
  width: 30.208333%;
  height: auto;
  transform: translateX(-50%);
}

.loading-panel {
  position: absolute;
  top: 63.333333%;
  left: 50%;
  width: 49.791667%;
  transform: translateX(-50%);
}

.loading-tip,
.loading-status {
  color: #fff;
  font-size: min(1.666667vw, 2.962963vh);
  font-weight: 400;
  line-height: 1.25;
  white-space: nowrap;
}

.loading-tip {
  margin-bottom: min(1.09375vw, 1.944444vh);
}

.progress-bar {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.progress-track {
  display: block;
  width: 100%;
  height: auto;
}

.progress-bar span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  overflow: hidden;
}

.progress-fill {
  display: block;
  width: 100%;
  height: 100%;
}

.loading-status {
  margin-top: min(1.302083vw, 2.314815vh);
}

.splash-version {
  position: absolute;
  right: 1.458333%;
  bottom: 2.037037%;
  color: rgba(255, 255, 255, 0.72);
  font-size: min(1.145833vw, 2.037037vh);
  font-weight: 400;
  letter-spacing: 0.06em;
}
