这个网站的样式代码主要包括以下几个部分:

  1. .mip-nav-wrapper 是一个高度为72px的导航栏容器,当.show类存在时,导航栏将显示出来。
  2. .hr-xs 是一个隐藏的小横线样式,用于设置导航栏中的水平分割线。
  3. #bs-navbar 是一个浮动在右侧的导航栏元素,其外边距和右边距都设置为0。
  4. .navbar-nav 是导航栏中的菜单列表,使用了多种浏览器兼容的弹性盒子布局。
  5. .navbar-nav li 是导航栏中的菜单项,没有列表项目符号,并且设置了字体行高为50px。
  6. .active a 类被应用到一个菜单项上时,该菜单项将变为当前激活状态。
.mip-nav-wrapper{height:72px}.mip-nav-wrapper.show{opacity:1 !important}.mip-nav-wrapper .hr-xs{display:none}mip-nav-slidedown #bs-navbar{margin-bottom:0;margin-right:0;float:right}mip-nav-slidedown #bs-navbar .navbar-nav{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;margin-top:10px;margin-right:-25px}mip-nav-slidedown #bs-navbar .navbar-nav li{list-style:none;line-height:50px}.active a{color:#fff!important;font-size:16px;background:url(../img/avartar.png) center no-repeat #5b9bd5;border-left:5px solid #e85c46;padding:5px 10px 5px 20px}.mip-nav-slidedown #bs-navbar .navbar-na{float:left}.mip-nav-slidedown #bs-navbar .navbar-na a{text-decoration:none;color:#fff;font-size:16px;line-height:48px;padding:0 12px}.mip-nav-slidedown #bs-navbar .navbar-na a i{font-size:18px;vertical-align:middle;margin-right:8px}.mip-nav-slidedown #bs-navbar .navbar-na a span{color:#999;font-size:14px}.mip-nav-slidedown #bs-navbar .navbar-na a em{font-style:normal}.mip-nav-slidedown #bs-navbar .navbar_close{position:absolute;z-index:2;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:13px;background:rgba(0,0,0,0.5);border:1px solid transparent;border_radius:50%;top:9px;right:15px};