.container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  .left,
  .right {
    position: absolute;
    top: 0;
    width: 380px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    .item {
      flex: 1;
      width: 380px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      .title {
        position: relative;
        color: #fff;
        margin: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        &::after {
          position: absolute;
          width: 18px;
          height: 4px;
          background-color: rgba(255, 255, 255, 0.7);
          content: "";
          right: 0;
          bottom: -2px;
          border-radius: 4px;
        }
      }
      > div {
        flex: 1;
        overflow: hidden;
      }
    }
  }
  .left{
    left: 0 !important;
    z-index: 100;
  }
  .right {
    right: 0 !important;
    z-index: 100;
  }
  .bac{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
}