@import url('@/assets/fonts/font.css');
@import url('./animations.scss');


/**适应移动端 */
@media screen and (max-width: 500px) {

  html,
  body {
    width: 1920px;
  }
}

#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #f7f7f7;
  box-sizing: border-box;
}

div,
span,
ul,
li {
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

//一些公共样式 
.empty-space {
  height: 100px;
  background-color: #2069c4;
  width: 100%
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

// 浏览量图标样式
.view-container {
  .view-svg-icon {
    color: #61666d;
    margin-right: 5px
  }

  .view-text {
    color: #61666d
  }
}

.content-wrapper {
  // width: 1200px;
  width: 100%;
  padding: 0 13%;
  display: flex;
  flex-direction: column;
  align-items: center;
}