.white {
  color: #cacaca; }

.lightwhite {
  color: #fff; }

.darkwhite {
  color: #DDE2E7; }

.gray1 {
  color: #333; }

.gray2 {
  color: #747474; }

.gray3 {
  color: #666; }

.gray4 {
  color: #cdcdcd; }

.grey1 {
  color: #939393; }

.grey2 {
  color: #999; }

.grey3 {
  color: #ccc; }

.black {
  color: #000; }

.black2 {
  color: #000; }

.green {
  color: #004D65; }

.brown {
  color: #8F7C5F; }

.icon1 {
  color: #EC528A; }

.icon2 {
  color: #EC7451; }

.icon3 {
  color: #EDAE52; }

.icon4 {
  color: #51A7EE; }

.icon5 {
  color: #8452EC; }

.icon6 {
  color: #33CC99; }

.f12 {
  font-size: 12px; }

.f15 {
  font-size: 15px; }

.f18 {
  font-size: 18px; }

.f20 {
  font-size: 20px; }

.f22 {
  font-size: 22px; }

.f23 {
  font-size: 32px; }

.f24 {
  font-size: 24px; }

.f25 {
  font-size: 25px; }

.f26 {
  font-size: 26px; }

.f28 {
  font-size: 28px; }

.f30 {
  font-size: 30px; }

.f32 {
  font-size: 32px; }

.f36 {
  font-size: 36px; }

.f37 {
  font-size: 37px; }

.f46 {
  font-size: 46px; }

.f48 {
  font-size: 48px; }

.f60 {
  font-size: 60px; }

.bg1 {
  background-color: #EBEEF3; }

.bg2 {
  background-color: #EC528A; }

.bg3 {
  background-color: #EC7451; }

.bg4 {
  background-color: #EDAE52; }

.bg5 {
  background-color: #51A7EE; }

.bg6 {
  background-color: #8452EC; }

.bg7 {
  background-color: #33CC99; }

.bg8 {
  background-color: #fff; }

.bg9 {
  background-color: #353535; }

.jx-block, .nav-sidebar .container .item .list a {
  display: block; }

.jx-inline {
  display: inline; }

.jx-middle {
  vertical-align: middle; }

.jx-inlineB {
  display: inline-block; }

.jx-none {
  display: none; }

.jx-center {
  text-align: center; }

.jx-auto, .nav-sidebar .container {
  margin: 0 auto; }

.jx-hidden {
  overflow: hidden; }

.jx-visible {
  overflow: visible; }

.jx-repeat {
  background: no-repeat; }

.jx-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

body {
  background: #999;
   }

.nav-sidebar {
  /*width: 90px;
  position: fixed;
  top: 12%;
  left: 247px;*/
      width: 90px;
    position: fixed;
    top: 50%;
    /*left: 247px;*/
    left:-13px;
    transform: translateY(-50%);


   }
  .nav-sidebar .container {
    height: auto; }
    .nav-sidebar .container .item {
      /*width: 75px;*/
      width: 100px;
      height: 65px;
      position: relative;

      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: rgba(0,0,0,.8);
      color: #999;
      border-bottom: 1px dashed #999; }
      .nav-sidebar .container .item .navicon {
        display: flex;
        margin-top: 5px; }
      .nav-sidebar .container .item .navicon_active {
         }
      .nav-sidebar .container .item .navmold {
        display: flex;
        font-size: 12px;
        line-height: 1;
        padding-top: 10px;
        color: #999; }
      .nav-sidebar .container .item .navmold_active {
        /*color: #fff !important;*/
         }
      .nav-sidebar .container .item em {
        position: absolute;
        top: 12px;
        left: 50%;
         }
      .nav-sidebar .container .item .em_active {
         }
      .nav-sidebar .container .item .list {
        width: 120px;
        height: auto;
        position: absolute;
        top: 0;
        left: 100px;
        display: none;
        flex-flow: column; }
        .nav-sidebar .container .item .list a {
          height: 40px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 14px;
          line-height: 1;
          background-color: #fff;
          color: #333; }
        .nav-sidebar .container .item .list .list-span {
          background-color: #f1f1f1;
          color: #999; }
      .nav-sidebar .container .item .list-active {
        display: flex; }
      .nav-sidebar .container .item:first-child {
        position: relative; 

      }
        .nav-sidebar .container .item:first-child .navicon {
          width: 29px;
          height: 28px; }
        .nav-sidebar .container .item  em {
          width: 29px;
          height: 28px;
          background: url("/suc/picture//canyin01.png") no-repeat;
          margin-left: -14.5px; 
          margin-top: -6px;

        }
    .nav-sidebar .container .item_active {
      background: #be1e21 !important;
      border-bottom: none; }

/*# sourceMappingURL=styles.css.map */