.nav {
  position: fixed;
  /*position: absolute;*/
  z-index: 99;
  left: 0;
  top: 0;
  width: 0.86rem;
  /*height: 10.8rem;*/
  height: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.nav .navItem {
  margin-top: -1px;
  flex: 1;
  color: #D9B876;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D9B876;
  /*position: relative;*/
}
.nav .navItem .title {
  display: flex;
  font-family: 'DreamHanSerifCN15';
}
.nav .navItem .title .left {
  font-size: 0.2rem;
  line-height: 0.24rem;
  writing-mode: vertical-rl;
}
.nav .navItem .title .right {
  width: 0.1rem;
}
.nav .navItem .title .right > div {
  font-size: 0.12rem;
  writing-mode: vertical-rl;
}
.nav .navItem:first-child {
  margin-top: 0;
}
.nav .navItem.active {
  background-color: #894426;
  color: #D9B876;
  border: 1px solid #894426;
}
.nav .navItem:hover {
  background-color: #894426;
  color: #D9B876;
  border: 1px solid #894426;
}
.nav .navItem:hover .subNav {
  display: flex;
}
.subNav {
  display: none;
  position: absolute;
  top: 0;
  left: 0.86rem;
  width: 2.2rem;
  /*height: 10.8rem;*/
  height: 100%;
  background-color: rgba(255, 248, 234, 0.9);
  flex-direction: column;
  padding-top: 1.13rem;
  /* .triangle1{} */
  /* .triangle3{} */
  /* .triangle4{} */
}
.right-triangle {
  position: absolute;
  right: -0.08rem;
  width: 0;
  height: 0;
  border-top: 0.1rem solid transparent;
  border-bottom: 0.1rem solid transparent;
  border-left: 0.17rem solid #894426;
  display: none;
  z-index: 99;
}

.nav .navItem:hover .right-triangle{
    display: block;
}
.subNav .triangle2 {
  top: 0.67rem;
}
.subNav .triangle5 {
  top: 6.8rem;
}
.subNav .triangle6 {
  top: 8.34rem;
}
.subNav .triangle7 {
  top: 9.91rem;
}
.subNav .subNavItem {
  margin-left: 0.57rem;
  margin-top: 0.67rem;
  display: flex;
  align-items: center;
  font-family: 'Microsoft YaHei-Regular';
}
.subNav .subNavItem:hover .icon {
  background-image: url('../img/aboutJinniu/space1.png');
}
.subNav .subNavItem:hover .text {
  color: #843200;
}
.subNav .subNavItem .icon {
  width: 0.12rem;
  height: 0.12rem;
  background-image: url('../img/aboutJinniu/space2.png');
  background-size: 100% 100%;
  margin-right: 0.06rem;
}
.subNav .subNavItem .text {
  font-size: 0.18rem;
  color: #BDA679;
  line-height: 0.24rem;
  font-weight: 400;
}
.subNav .subNavItem.active .icon {
  background-image: url('../img/aboutJinniu/space1.png');
}
.subNav .subNavItem.active .text {
  color: #843200;
}
.show {
  display: flex;
}