.layer {
  width: 100%;
  height: 100vh;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.side-menu {
  flex-direction: column;
  justify-content: space-between;
  width: 73.6vw;
  height: 100vh;
  background-color: #181f25;
  transition: all 0.5s;
}

.side-menu.folded {
  margin-left: -73.6vw;
}

.sm-list {
  margin-top: 13.333vw;
}

.sm-list > a {
  padding-left: 24vw;
  color: #fff;
  display: block;
  line-height: 17.333vw;
}

.sm-list > a:active {
  background-color: #252d34;
}

.sml-home {
  background: url('../../images/sml-home.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-app {
  background: url('../../images/sml-app.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-game {
  background: url('../../images/sml-game.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-set {
  background: url('../../images/sml-set.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-hign {
  background: url('../../images/sml-hign.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-news {
  background: url('../../images/sml-news.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-strategy {
  background: url('../../images/sml-strategy.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.sml-novel {
  background: url('../../images/sml-novel.png') 10.667vw center no-repeat;
  background-size: 5.333vw;
}

.fold {
  height: 10.667vw;
  background-color: #2d353c;
  line-height: 40px;
  color: #81899c;
}