.drawer-main {
  color: #222;
  background: #fff;
}

.drawer-main em {
  color: #6a3906;
}

.drawer-main li {
  font-size: 15px;
  line-height: 1.2;
}

.drawer-main li p {
  padding: 8px 0;
  font-weight: bold;
}

.drawer-main li a {
  position: relative;

  display: block;

  padding: 8px 0 8px 18px;
}

.drawer-main .drawer-menu {
  padding: 25px 20px;
  overflow-y: auto;
  height: 89vh;
}

.drawer-main .drawer-menu>li {
  border-bottom: 1px #3a9bc1 dotted;
}

.drawer-main .drawer-menu>li:last-child {
  border-bottom: none;
}

.drawer-main .drawer-menu>li>a::before {
  position: absolute;
  top: 50%;
  left: 4px;

  display: block;

  width: 8px;
  height: 0;
  margin-top: -1.5px;

  content: " ";

  border-bottom: 3px #3a9bc1 solid;
}

.drawer-main .drawer-menu>li>ul {
  border-top: 1px #3a9bc1 dotted;
}

.drawer-main .drawer-menu>li>ul:fairst-child {
  border-bottom: none;
}

.drawer-main .drawer-menu>li>ul>li>a {
  padding-left: 34px;
  position: relative;
}

.drawer-main .drawer-menu>li>ul>li>a::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;

  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 1000;

  transform: translate(0, -50%) rotate(45deg);

  border-top: 2px solid #3a9bc1;
  border-right: 2px solid #3a9bc1;
}


.drawer-main .drawer-submenu {
  padding-left: 1.4em;
}

.drawer-main .drawer-submenu>li {
  border-top: 1px #906447 dotted;
  border-bottom: none;
}