body {
  margin: 0;
}

.init-hide {
  display: none;
}

#failBox .browser-tip {
  position: fixed;
  width: 100%;
  height: 100%;
  /* padding: 20px 10px; */
  background: #f0f0f0aa;
}
#failBox .browser-tip .icon {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 56px;
}

#failBox .browser-tip .dots {
  font-weight: bold;
}

#failBox .browser-tip .bold {
  font-weight: bold;
  color: rgb(248, 174, 36);
}

#failBox .browser-tip .tip {
    position: fixed;
    top: 33%;
    width: 100%;
    text-align: center;
    font-size: 19px;
}
#failBox .browser-tip .tip .smile {
  font-size: 60px;
  margin-bottom: 20px;
}

#failBox .browser-tip .tip .smile-img {
  width: 85px;
  margin-bottom: 20px;
  // transform: rotateY(180deg);
}

#failBox .browser-tip .tip .dot-box {
  position: absolute;
  bottom: -38px;
  left: calc(50% - 140px);
}