@font-face {
  font-family: 'AgendaURWTBol';
  src: url(/fonts/AgendaURWTBol.ttf)
}

body {
  /* min-width: 320px; */
  max-width: 750px;
  /* flexible  10 */
  width: 10rem;
  height: 21.6667rem;
  margin: 0 auto;
  font-family: Arial, Helvetica;
  background: rgb(124, 125, 127);
}

.app {
  height: 100%;
  width: 100%;
  background: url(../images/bg.png) no-repeat;
  background-size: 100%;
  position: relative;
}

.modal-event-root {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
}


.modal-root {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.modal-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 半透明黑色 */
}

.modal-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}