/* nav */
.leo-nav-head{ line-height: 80px; background-color: #e60012; color: #fff; font-size: 24px; padding-left: 28px;}
.nav_off{ width: 24px; height: 24px; margin-right: 28px; margin-top: 24px; cursor: pointer;
  float: right; position: relative;}
.nav_off i {
  height    : 2px;
  background: #fff;
  display   : block;
  overflow  : hidden;
  width     : 100%;
  position  : absolute;
  left      : 0;
  transition: all .3s
}

.nav_off i.bar-1 {
  top: 7px
}

.nav_off i.bar-2 {
  top: 15px
}

.nav_off i.bar-3 {
  top: 23px
}
.nav_off.open .bar-1 {
  top      : 50%;
  transform: rotate(45deg)
}

.nav_off.open .bar-2 {
  height: 0
}

.nav_off.open .bar-3 {
  top      : 50%;
  transform: rotate(-45deg)
}
.leo-nav{ position: relative;  height: 100%;background: #fff;transition: all .3s;}
.leo-nav a{display: block;overflow: hidden; line-height: 72px; font-size: 18px; color: #5a5a5a;transition: all .3s; text-decoration: none; border-bottom: 1px dashed #cccccc;} 
.leo-nav a span{margin-left: 30px;}
.leo-nav a img{  margin-right: 10px;}
.nav-item{position: relative;}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{ padding: 0 30px; display: none;background: #fff}
.nav-item ul span{ margin-left: 0;}
.nav-item.nav-show ul{display: block;}
 
.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px;}

 
/*---------------------*/
.nav-more{float:right;margin-right: 20px;  margin-top: 25px; line-height: 72px;  font-size: 12px;transition: transform .3s; width: 20px; height: 20px; background: url(/static/images/jia.png) no-repeat center; background-size: 100%;}
 
/*---------------------*/
.nav-show .nav-more{  background-image: url(/static/images/jian.png);} 
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}