#loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#loading .tree {
  position: relative;
  width: 446px;
  height: 341px;
  text-align: center;
  margin: 60px auto;
}
#loading .tree .peaceh {
  cursor: pointer;
  width: 40px;
  height: 30px;
  position: absolute;
  background: url('/static/home/widget/loading/images/loadingPeach.png') 50% no-repeat;
}
#loading .tree .peaceh:hover {
  animation: toBig 300ms forwards;
}
#loading .tree .peaceh1 {
  top: 137px;
  left: 20px;
}
#loading .tree .peaceh2 {
  top: 79px;
  left: 80px;
}
#loading .tree .peaceh3 {
  top: 97px;
  left: 132px;
}
#loading .tree .peaceh4 {
  top: 137px;
  left: 144px;
  transform: rotate(-27deg);
}
#loading .tree .peaceh5 {
  top: 157px;
  left: 115px;
  transform: rotate(-22deg);
}
#loading .tree .peaceh6 {
  top: 56px;
  left: 140px;
}
#loading .tree .peaceh7 {
  top: 69px;
  left: 196px;
  transform: rotate(14deg);
}
#loading .tree .peaceh8 {
  top: 91px;
  left: 285px;
  transform: rotate(-22deg);
}
#loading .tree .peaceh9 {
  top: 79px;
  left: 352px;
  transform: rotate(27deg);
}
#loading .tree .peaceh10 {
  top: 141px;
  left: 321px;
  transform: rotate(21deg);
}
#loading .tree .peaceh11 {
  top: 140px;
  left: 357px;
  transform: rotate(13deg);
}
#loading .progress-bar {
  width: 80%;
  height: 14px;
  margin: 20px auto;
}
#loading .progress-bar .bar-box {
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid #5aaaa4;
  border-radius: 15px;
}
#loading .progress-bar .bar-box #progress {
  position: relative;
  width: 0%;
  height: 100%;
  overflow: hidden;
  background: url('/static/home/widget/loading/images/loadingPres.png') 50% repeat-x;
}
#loading .progress-bar .bar-box .barPeaceh {
  position: absolute;
  top: -16px;
  left: 0px;
  width: 46px;
  height: 35px;
  transform: translate(-50%);
}
#loading .progress-bar .text-box {
  margin-top: 22px;
}
#loading .progress-bar .text-box .progress-bar-text,
#loading .progress-bar .text-box .reloadTip {
  text-align: center;
  margin: 0 0 10px 0;
}
#loading .progress-bar .reloadTip {
  display: none;
}
@keyframes toBig {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}