.attr-edit {
  width: 500px;
  height: 100%;
  background-color: #fff;
  box-shadow: -5px 0 5px #f2f2f2;
  & > .attr-item {
    border: 1px solid #f2f2f2;
    &.show {
      flex: 1;
      .head {
        box-shadow: -5px 5px 7px 0 #f2f2f2;
      }
    }
    .head {
      flex-direction: row;
      padding: 10px;
      z-index: 1;
      .icon {
        transition: transform 0.2s;
        &.show {
          transform: rotate(90deg);
        }
      }
      .name {
        font-size: 24px;
        color: #333;
        margin-left: 10px;
      }
    }
  }
}