.container {
  display: flex;
  align-items: center;
  font-size: 14px;
  background: var(--easyv-background-2);
  padding: 0 40px;
  height: 60px;
  min-height: 60px;
  .centerBox {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .menu {
    :global {
      .menu_item {
        height: 60px;
        line-height: 60px;
      }
      .menu_template {
        border-bottom: none;
      }
    }
  }
  .back {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-left: -20px;
    color: var(--easyv-text-tab);
    transition: background-color 0.3s;
    // &:hover {
    //   color: #ffffff;
    // }
    :global {
      .iconfont {
        font-size: 18px;
        transition: color 0.3s;
      }
    }
    &:hover {
      background: #30333d;
    }
    &:hover {
      :global {
        .iconfont {
          color: #3f87ff;
        }
      }
    }
  }

  // .title {
  //   flex: 1;
  //   text-align: center;
  //   text-indent: 52px;
  // }
  // .right {
  //   background-color: #2491f7;
  //   border-radius: 29px;
  //   padding: 3px 14px;
  //   a {
  //     color: #fff;
  //   }
  //   &:hover {
  //     background-color: #3a9cf8;
  //   }
  // }
}
