*{
  margin: 0;
  padding: 0;
}

[v-cloak] {
  display: none;
}
body,html{
  width: 100%;
  height: 100%;
    background-color: #00D1FE;
}
#app{
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
body{
  font: Myriad Set Pro,Arial,Helvetica,sans-serif;
}
:after, :before, a, b, body, dd, del, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a{
  text-decoration:none
}
.nav{
  width: 100%;
  height: 56px;
}
.nav-bar2{
  width: 100%;
    height: 56px;
    padding-left: 295px;
    padding-right: 327px;
    min-width: 640px;
    z-index: 20;
    box-shadow: 0 3px 8px 0 rgb(16 0 76 / 60%);
    margin-bottom: 10px;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #7d20fe;
    box-shadow: 0 3px 8px 0 rgb(31 31 31 / 60%);
}
.nav-bar2 .left-side {
  position: absolute;
  left: 0;
  padding-left: 36px;
  width: 295px;
  height: 100%;
}
.nav-bar2 .left-side img{
  height: 56px;
}
.nav-bar2 .center{
  width: 1290px;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  margin-left: 100px;
}
.nav-bar2 .center .center-list{
  width: 100%;
  height: 100%;
  list-style: none;
  overflow: hidden;
}
.nav-bar2 .center .center-list li{
  width: 186px;
  line-height: 56px;
  float: left;
  box-sizing: border-box;
  margin-right: 20px;
}
.nav-bar2 .center .center-list li:hover{
  border-top: 3px solid #FFF81A;
  background-color: #701DE4;
}
.nav-bar2 .center .center-list li a{
  display: flex;
  justify-content: center;
}
.nav-bar2 .center .center-list li a p{
  color: #FFFFFF;
}
.nav-bar2 .center .center-list li a .img-icon{
  margin-top: 16px;
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 8px;
}
.nav-bar2 .right-side{
  width: 335px;
  height: 100%;
  position: absolute;
  right: 0;
}
.nav-bar2 .right-side .search{
  width: 312px;
  height: 40px;
  border-radius: 8px;
  background-color: rgba(0,0,0,.6);
  margin-top: 8px;
}
.nav-bar2 .right-side .search .search-icon{
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align:middle;
}
.nav-bar2 .right-side .search .search-input{
  width: 222px;
  height: 40px;  
  outline:none;
  border:0px; 
  font-size: 16px;
  background:none;
  display: inline-block;
  vertical-align:middle;
}
@media screen and (max-width:1495px) {
  .nav-bar2 .label-list {
    display: none !important
  }
}
@media screen and (max-width:1290px) {
  .nav-bar2 .label-list2 {
    display: none !important
  }
}
@media screen and (max-width:1100px) {
  .nav-bar2 .label-list3 {
    display: none !important
  }
}
@media screen and (max-width:920px) {
  .nav-bar2 .center-list {
    display: none
  }
}