html,
body {
  position: relative;
  height: 100%;
}

body{
  position: relative;
  width: 7.5rem;
  height: 100%;
  margin: 0 auto;
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

#app{
  width: 7.5rem;
  margin: 0 auto;
}

.mask{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  top: 0;
  left: 0;
  z-index: 10;
}

/* 在引入的css文件中写入这个*/
[v-cloak] {
  display: none;
}

* {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@keyframes rotateing {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

body{
  width: 7.5rem;
  height: 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: relative;
}

.mask{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  top: 0;
  left: 0;
  z-index: 10;

}

.fade-enter-active {
  animation: bounce 1s ease;
}

.fade-leave-active {
  animation: bounce 1s ease reverse;
}

/* 定义帧动画 */
@keyframes bounce {
  0% {
      transform: scale(0);
  }

  50% {
      transform: scale(1.2);
  }

  100% {
      transform: scale(1);
  }
}

html,
body{
  position: relative;
  width: 100%;
  height: 100%;
}

#app{
  width: 7.5rem;
  margin: 0 auto;
}

input{
  outline-style: none ;
}

img{
  width: 100%;
  display: block;
  height: auto;
}

.btn {
  cursor: pointer;
}

.btn:hover {
  filter: brightness(1.1);
}

/* # sourceMappingURL=index.css.map */