/* 菜单列表相关样式 */

#mask {
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  z-index: 0;
  transition: all 0.5s;
}

#menuList {
  width: 0%;
  height: 100vh;

  background: rgba(10, 93, 102, 0.98);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 998;
  color: #4eb1ac;
  box-sizing: border-box;
  transition: all 0.5s;
}

div.show-menu {
  width: 67.3% !important;
  padding-left: 1rem !important;
  /* padding: 1.2rem 0rem 1.3rem 1.3rem !important; */
}

#menuList > div.list-item {
  font-size: 0.48rem;
  line-height: 0.58rem;
  margin: 0.12rem 0rem;
  cursor: pointer;
  display: inline-block;
  max-width: 4.8rem;
  transition: all 0.5s;
  transform: translateY(-0.2rem);
  opacity: 0;
  position: relative;
  white-space: nowrap;
}

#menuList > div.list-item > div.sub-text {
  transition: all 0.5s;
}

#menuList > div.list-item > div.sub-list {
  display: flex;
  flex-direction: column;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #4eb1ac;
  position: absolute;
  top: 0.08rem;
  left: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
}

#menuList > div.list-item > div.sub-list > span {
  margin: 0.08rem 0rem;
  transition: all 0.5s;
  white-space: nowrap;
}

.active {
  color: #ffffff;
}