#loading_page {
  width: 100%;
  height: 100%;
  background-image: url(./loadingbg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 0.5s ease;
}

.loadcon {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.loadtitle {
  width: 520px;
}

.loadbar {
  width: 520px;
  height: 36px;
  margin-top: 110px;
  position: relative;
}

.loadbar .outer {
  background: linear-gradient(360deg, #E2D7C7 0%, #C1AE96 100%);
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 2px solid #1E0F0A;
}

.loadbar .outer .inner {
  background: linear-gradient(270deg, #402218 0%, #1E0F0A 100%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin: 2px;
  border-radius: 20px;
}

.loadbar .loadPerson {
  position: absolute;
  left: 0;
  bottom: 6px;
}


.loadlogo {
  position: absolute;
  bottom: 20px;
  right: 50px;
  width: 148px;
}