<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="scss">

video{
    object-fit: cover;
}
@font-face {
    font-family: "Microsoft Yahei";
    src: url("assets/fonts/微软雅黑.ttf");
}
@font-face {
    font-family: "logo";
    src: url("assets/fonts/三极韵律圆体.ttf");
}

*{
  padding: 0;
  margin: 0;
  font-family: "Microsoft Yahei";
  box-sizing: border-box;
}

body{
  width: 100vw;
  height: 100vh;
  #app{
    width: 100%;
    height: 100%;
    color: $font-color;
  }
}
ul,li{
  list-style: none;
}

@font-face {
    font-family: number;
    src: url("./assets/common/fonts/DIN-Regular.otf");
}
@font-face {
    font-family: en;
    src: url("./assets/common/fonts/Roboto-Regular.ttf");
}

//滚动条
::-webkit-scrollbar {
  width:0px;
  height: 0px;
}

/*滑动轨道*/
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 12px;
}

/*滑块*/
::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #33F8F4 0%, #229A97 50%, #1E9895 100%);;
  border-radius: 12px;

}
.header-box .nav-box .nav-block{
  transition: all .5s;
}
</style>
