._CommonLayout-container {
  height: 100vh;
}
._CommonLayout-container .header-wrap {
    height: 0.6rem;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30000;
}
._CommonLayout-container .header-main {
    min-width: 9.6rem;
    max-width: 10.24rem;
    width: 100%;
    margin: 0 auto;
}
._CommonLayout-container .menu-list {
    margin-left: 0.5rem;
    color: #999;
    height: 0.6rem;
    line-height: 0.6rem;
}
._CommonLayout-container .menu-list li {
      padding: 0 0.15rem;
      font-size: 0.14rem;
      cursor: pointer;
}
._CommonLayout-container .menu-list .active {
      color: #333;
}
._CommonLayout-container .after-wrap {
    height: 100%;
}
._CommonLayout-container .after-wrap li {
      padding: 0.05rem 0.18rem;
      font-size: 0.14rem;
}
._CommonLayout-container .after-wrap .after-regest {
      background: #33ac37;
      color: #fff;
      margin-left: 0.2rem;
      border-radius: 0.03rem;
}
._CommonLayout-container .el-card__body {
    padding: 0;
    height: 100%;
}
._CommonLayout-container .fade-enter-active,
  ._CommonLayout-container .fade-leave-active {
    transition: all 0.2s ease-out;
}
._CommonLayout-container .fade-leave-to,
  ._CommonLayout-container .fade-enter {
    opacity: 0;
    height: 0;
}
._CommonLayout-container .fade-enter-to,
  ._CommonLayout-container .fade-leave {
    opacity: 1;
    height: 0.6rem;
}
@media (max-width: 640px) and (min-width: 0) {
html {
    font-size: 20vw;
}
}
@media screen and (max-width: 640px) and (min-width: 0) and (max-width: 320px) {
html {
      font-size: 64px;
}
}
@media screen and (max-width: 640px) and (min-width: 0) and (min-width: 640px) {
html {
      font-size: 128px;
}
}
@media (max-width: 640px) and (min-width: 0) {
._CommonLayout-container .header-main {
    min-width: 320px;
    max-width: 640px;
}
._CommonLayout-container .header-main .after-wrap {
      display: none;
}
._CommonLayout-container .menu-list li {
    font-size: 14px;
}
}