::-webkit-scrollbar {
  display: none;
}
html,
body {
  width: 100vw;
  min-height: 100vh;
}
#app {
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  font-size: 0.24rem;
  color: #2c3e50;
}

.router-view-wrap {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  width: 100%;
}
.forward-enter,
.back-leave-active {
  position: absolute;
  opacity: 0.5;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.forward-leave-active,
.back-enter {
  position: absolute;
  opacity: 0.5;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
#app .vue-content-placeholders .vue-content-placeholders-img:before {
  background: #efefef;
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
  background-image: linear-gradient(to right, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
}
#app .vue-content-placeholders .vue-content-placeholders-text__line:before {
  background: #efefef;
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
  background-image: linear-gradient(to right, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
}
#app .vue-content-placeholders .vue-content-placeholders-heading__img::before {
  background: #efefef;
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
  background-image: linear-gradient(to right, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
}
#app .vue-content-placeholders .vue-content-placeholders-heading__title {
  background-color: #eee;
}
#app .vue-content-placeholders .vue-content-placeholders-heading__title::before {
  background: #efefef;
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
  background-image: linear-gradient(to right, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
}
#app .vue-content-placeholders .vue-content-placeholders-heading__subtitle::before {
  background: #efefef;
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
  background-image: linear-gradient(to right, #eeeeee 8%, #f5f5f5 18%, #eeeeee 33%);
}