.navbar-toggle {
  background-size: cover;
  margin-right: 0.15rem;
  height: 0.45rem;
  width: 0.45rem;
  box-sizing: border-box;
  display: none;
  background-position: center center;
  background-size: cover;
}

.head .col-lg-8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.m-menu-area {
  display: none;
  height: 100%;
}

.m-menu-area.on {
  display: block;
}

#m-header {
  display: none;
}

#m-header .i-close {
  width: 0.45rem;
  height: 0.45rem;
  float: right;
  background-position: center center;
  background-size: cover;
  display: block;
  margin: 0.3rem 0.15rem;
}

#m-header .m-nav {
  clear: both;
}

#m-header .m-nav span {
  background: url("/cj/images/down.png") no-repeat right 0.2rem center;
}

#m-header .m-nav > ul {
  background: #006bb5;
}

#m-header .m-nav > ul ul {
  display: none;
}

#m-header .m-nav > ul > li > a,
#m-header .m-nav > ul > li > span {
  border-bottom: 1px solid #e0e0e0;
  padding-left: 20px;
}

#m-header .m-nav > ul > li > ul {
  background: #1282cf;
}

#m-header .m-nav > ul > li > ul > li > span,
#m-header .m-nav > ul > li > ul > li > a {
  padding-left: 40px;
}

#m-header .m-nav > ul > li > ul > li > ul {
  background: #279ced;
  padding-left: 40px;
}

#m-header .m-nav > ul > li:first-child > a,
#m-header .m-nav > ul > li:first-child > span {
  border-top: none;
}

#m-header .m-nav a,
#m-header .m-nav span {
  padding: 10px 20px;
  font-size: 14px;
  display: block;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  color: #ffffff;
}