.sub-layout {
  max-width: 33.3rem;
  margin: 0 auto;
  min-height: 100vh;
  background-color: #fff;
}
.sub-layout-header {
  height: 1.73rem;
  background: var(--m-theme-color);
  padding: 0 0.65rem;
  color: #fff;
}
.sub-layout-header .sub-bread {
  -webkit-line-clamp: 1;
  max-width: 80%;
}
.sub-layout-header .ant-breadcrumb * {
  color: inherit!important;
}
.sub-layout-nav,
.sub-layout-nav-mask {
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  top: 1.73rem;
  z-index: 11;
}
.sub-layout-nav-mask {
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.sub-layout .sub-tabbar {
  height: 1.73rem;
  max-width: 100%;
}
.sub-layout .sub-tabbar-home {
  width: 30%;
  background-color: #fff;
  text-align: center;
  color: var(--m-theme-color);
}
.sub-layout .sub-tabbar-link {
  width: 70%;
  background-color: #E74C3C;
  color: #fff;
}
.translate-enter-from,
.translate-leave-to {
  width: 0 !important;
}
.translate-enter-active {
  width: 0 !important;
}
.translate-leave-from,
.translate-enter-to {
  width: 60% !important;
}
.translate-enter-active,
.translate-leave-active {
  transition: all 0.15s linear;
}
/*# sourceMappingURL=sub.css.map */