.e-menu {
  position: absolute;
  top: vw(50);
  width: 100%;
  z-index: 100;
  .e-menu__tree {
    display: flex;
    width: 100%;
    max-height: vw(400);
    .e-menu__items {
      display: flex;
      width: 33.33%;
      flex-direction: column;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      .e-menu__item {
        padding-left: vw(20);
        height: vw(50);
        line-height: vw(50);
        font-family: PingFangSC-Medium;
        font-size: 14px;
        color: #464646;
      }
      .selected {
        color: $primary-color;
      }
    }
  }
  .e-menu__line {
    display: flex;
    width: 100%;
    height: vw(50);
    line-height: vw(50);
    background: #f7f7f7;
    .e-menu__item {
      display: flex;
      justify-content: center;
      width: 33.33%;
      color: #464646;
      font-size: 16px;
      font-family: PingFangSC-Medium;
    }
    .selected {
      color: $primary-color;
    }
  }
}

.level-one {
  .e-menu__item {
    background: #EEEEEE;
  }
  .selected {
    background: #DDDDDD;
  }
}

.level-two {
  .e-menu__item {
    background: #f7f7f7;
  }
  .selected {
    background: #FFFFFF;
  }
}

.level-three {
  .e-menu__item {
    background: #ffffff;
  }
  .selected {
    background: #DDDDDD;
  }
}

.more {
  position: relative;
  &__still {
    position: absolute;
    top: 46px;
    bottom: 0;
    overflow: hidden;
  }
}

.e-tree-select__background {
  position: absolute;
  top: vw(50);
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100vh;
  z-index: 99;
  background: #000000;
  opacity: 0.5;
}
