@charset "UTF-8";
.leftSideBarBox {
  padding-left: 15px;
  background: #184072; }
  .leftSideBarBox h2 {
    font: 27px/89px "微软雅黑";
    background: #184072;
    color: #fff;
    text-align: center; }
  .leftSideBarBox ul {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 18px;
    background: #fff; }
    .leftSideBarBox ul li {
      position: relative;
      border-top: 1px solid #e5e5e5;
      background: #fff;
      cursor: pointer; }
      .leftSideBarBox ul li .per {
        height: 0;
        overflow: hidden; }
      .leftSideBarBox ul li h3 {
        font: 17px/58px ""; 
        color: #666666;
        padding-left: 20px;
        position: relative; }
        .leftSideBarBox ul li h3 a {
          color: #666666;
          height: 100%;
          display: block; }
        .leftSideBarBox ul li h3 .rotateImg {
          position: absolute;
          -webkit-transition: .3s ease-in;
          transition: .3s ease-in;
          top: 50%;
          right: 20px;
          
          margin-top: -4px;
          width: 13px;
          height: 8px;
          display: block; }
          .leftSideBarBox ul li h3 .rotateImg img {
            height: 8px;
            display: block; }
      .leftSideBarBox ul li p {
        font: 16px/35px "";
        background: #f4f4f4;
        padding-left: 20px;
        border-top: 1px solid #e5e5e5; }
        .leftSideBarBox ul li p a {
          color: #666666; }
      .leftSideBarBox ul li .active {
        background: #184072; }
        .leftSideBarBox ul li .active a {
          color: #e3b64f; }
      .leftSideBarBox ul li p:hover {
        background: #184072; }
        .leftSideBarBox ul li p:hover a {
          color: #e3b64f; }
      .leftSideBarBox ul li .leftBorder {
        display: none;
        position: absolute;
        left: -5px;
        top: -1px;
        width: 5px;
        height: 60px;
        background: #f1be4c; }
    .leftSideBarBox ul .on .per {
      height: auto;
      -webkit-animation: heightAuto .3s ease-in;
      animation: heightAuto .3s ease-in; }
    .leftSideBarBox ul .on .leftBorder {
      display: block;
      -webkit-animation: jianbian .3s ease-in;
      animation: jianbian .3s ease-in; }
    .leftSideBarBox ul .on h3 a {
      color: #184072; }
    .leftSideBarBox ul .on h3 .rotateImg {
      -webkit-transform: rotateZ(180deg);
      transform: rotateZ(180deg); }

@-webkit-keyframes jianbian {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes jianbian {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes heightAuto {
  from {
    height: 0; }
  to {
    height: auto; } }

@keyframes heightAuto {
  from {
    height: 0; }
  to {
    height: auto; } }