#custom-splash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: black;
}

#custom-splash-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 720px;
  transform: scale(1, 1);
  transform-origin: top left;
}

#custom-splash-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 720px;
  background-image: url(./custom-splash.cdbc7.png);
}

#custom-splash-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 720px;
  background-color: rgba(0, 0, 0, 0.5);
}

#custom-splash-progress {
  position: absolute;
  left: 320px;
  top: 244px;
  width: 648px;
  height: 193px;
  background-image: url(./custom-loading1.263d8.png);
}

#custom-splash-progress-barbox {
  position: absolute;
  left: 184px;
  top: 145px;
  width: 283px;
  height: 11px;
}

#custom-splash-progress-bar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 283px;
  height: 11px;
  background-image: url(./custom-loading2.0fdc5.png);
  background-repeat: no-repeat;
}

#custom-splash-progress-label {
  position: absolute;
  left: 0px;
  top: 105px;
  width: 648px;
  height: 30px;

  color: white;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#custom-splash-tip {
  position: absolute;
  top: 225px;
  left: 294px;
  width: 691px;
  height: 270px;
  background-image: url(./custom-loading3.8c47d.png);
}

#custom-splash-tip-label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 691px;
  height: 270px;

  color: white;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#custom-a2hs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);

  display: none;
}

#custom-a2hs-bottom {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 60px;
  background: #f9f9f9;
}

#custom-a2hs-bottom-tip {
  position: absolute;
  top: 50%;
  left: 45%;
  width: 88%;
  transform: translate(-50%, -50%);

  color: #5d5d5d;
  text-align: center;
}

#custom-a2hs-bottom-add {
  position: absolute;
  top: 20%;
  left: 90%;
  width: 10%;
  height: 60%;
  border-radius: 5px;
  background: #5786ec;
}

#custom-a2hs-bottom-add-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);

  color: #5d5d5d;
  text-align: center;
}

#custom-back {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 64px;
  height: 64px;

  background: rgba(0, 0, 0, 0) url(./custom-back.07c2e.png) no-repeat center;
  z-index: 100;
}