.userDefaultGrid {
  box-sizing: border-box;
  .gridContent {
    transition: opacity 0.3s;
    .gridTable {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      text-align: left;
      border-radius: 4px 4px 0 0;
      overflow: hidden;
      .gridThead {
        & > tr > th {
          font-size: 14px;
          padding: 16px 2px;
          font-weight: bold;
          background: #f5f5f5;
          box-shadow: inset 0 -1px 0 0 rgba(235, 235, 235, 0.5);
        }
      }
      .gridBody {
        overflow: auto !important;
        &::-webkit-scrollbar {
          /*滚动条整体样式*/
          width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
          height: 1px;
        }
        &::-webkit-scrollbar-thumb {
          /*滚动条里面小方块*/
          border-radius: 10px;
          background: #9e9e9e;
        }
        &::-webkit-scrollbar-track {
          /*滚动条里面轨道*/
          border-radius: 17px;
          background: #e0e0e0;
        }
        .gridExpandedRow {
          background: #fffbf5;
          & > td {
            padding: 4px 4px;
            border-bottom: 1px dashed #ddd;
          }
          &:hover {
            td:first-child {
              border-left: none !important;
            }
          }
        }
        .gridRow {
          & > td {
            padding: 10px 1px;
            border-bottom: 1px solid #e6e6e6;
          }
          &:hover {
            box-shadow: 3px 3px 3px 0 #e6e6e6;
            td {
              background: #fff3f0;
            }
          }
        }
      }
    }
  }
}
