$nav_gap:28px;
$nav_height:50px;
nav{
  height:$nav_height;
  min-width:$width;
  box-sizing:border-box;
  border:0 solid $nav_color;
  border-top-width:1px;
  border-bottom-width:1px;
  margin-top:60px;
}
.nav-list{
  width:$width;
  height:$nav_height;
  margin:0 auto;
  position:relative;
  padding-left:30px + $gap;
  box-sizing:border-box;
  li{
    float:left;
    &.cur .nav{
      background:$nav_color;
      color:#fff;
    }
    margin-top:($nav_height - 30px) * 0.5;
  }
  .right{
    margin-left:60px;
    .nav{
      margin-right:0;
    }
  }
  .nav{
    @include in-bl;
    @include bcenter(30px,80px);
    color:$nav_color;
    margin-right:$nav_gap;
    &:hover{
      background:$nav_color;
      color:#fff;
    }
  }
  .logo{
    margin-top:0;
    padding:0 22px;
    background-color:$bgcolor;
    position:relative;
    top:-20px;
  }
}
#logo{
  @include icon-sprite(logo);
  width:image-width('soccernight/icon/logo.png');
  height:image-height('soccernight/icon/logo.png');
  background-color:$bgcolor;
  position:relative;
  @include in-bl;
}