@charset "UTF-8";

.fullScreen-animation {
  animation:lay_out .5s ease-in-out 1.5s;
  animation-fill-mode:forwards;
  background-color:#fff;
  height:100vh;
  position:fixed;
  text-align:left;
  top:0;
  width:100vw;
  z-index:1050
}
@keyframes lay_out {
  0% {
    opacity:1
  }
  to {
    opacity:0;
    z-index:-1
  }
}
@keyframes move_left {
  0% {
    transform:translateX(-50%)
  }
  to {
    transform:translateX(-250%)
  }
}
@keyframes move_right {
  0% {
    opacity:0;
    transform:translateX(-90%)
  }
  to {
    opacity:1;
    transform:translateX(-30%)
  }
}
.fullScreen-animation .title-box {
  animation:move_right 1s linear;
  animation-fill-mode:forwards;
  background-image:url(../images/下载.svg);
  background-position:50%;
  opacity:0;
  transform:translateX(-40%);
  width:360px
}
.fullScreen-animation .header-banner-icon,
.fullScreen-animation .title-box {
  background-repeat:no-repeat;
  background-size:contain;
  height:75px;
  left:50%;
  position:absolute;
  top:calc(50% - 40px)
}
.fullScreen-animation .header-banner-icon {
  animation:move_left 1s linear;
  animation-fill-mode:forwards;
  background-color:#fff;
  background-image:url(../images/xm-logo.png);
  width:75px;
  z-index:2
}
.fullScreen-animation .header-banner-icon:before {
  animation:scale_min 1s ease-in-out 1.5s;
  animation-fill-mode:forwards;
  background-color:#fff;
  content:" ";
  display:block;
  height:75px;
  position:absolute;
  right:100%;
  width:500%
}
@keyframes scale_min {
  0% {
    background-color:transparent;
    height:0;
    width:0
  }
  to {
    background-color:transparent;
    height:0;
    width:0
  }
}
@media screen and (max-width:640px) {
  .fullScreen-animation .title-box {
    height:1rem;
    top:calc(50% - .5rem);
    width:5rem
  }
  .fullScreen-animation .header-banner-icon {
    height:1rem;
    position:absolute;
    top:calc(50% - .5rem);
    width:1rem
  }
}

/*# sourceMappingURL=main.338969.css.map*/