/* pages/backlog/backlogList/backlogList.wxss */
page {
// .container {
  width: 100vw;
  height: 100vh;
  position: relative;
  .top {
    width: 100%;
    background: #ffffff;
    position: absolute;
    top: 0;
    z-index: 10;
    .tab-container {
      width: 100%;
      height: 48px;
      display: flex;
      overflow: hidden;
      .tabs {
        width: 100%;
        // overflow-x: auto;
      }
    }
  }
  >.list {
    width: 100%;
    height: calc(100vh - 48px);
    padding: 8px 0 48px;
    box-sizing: border-box;
    background: #EFF1F4;
    position: absolute;
    top: 46px;
    // overflow-y: auto;
    .scroll-view_H {
      height: 100%;
      // padding: 0 8px;
      box-sizing: border-box;
    }
    .item {
      padding: 12px 10px;
      margin: 0 8px 8px;
      background: #fff;
      border-radius: 8px;
      .row:first-child {
        margin-bottom: 8px;
      }
      .row {
        color: #2E3A4F;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .number-plate {
          display: flex;
          .status {
            padding: 0 4px;
            margin: 0 4px;
            border-radius: 2px;
            color: #FFFFFF;
            font-size: 14px;
            flex-shrink: 1;
          }
          .status1 {
            background: linear-gradient(90deg, #0D92FF 0%, #38B1FE 100%);
          }
          .status2 {
            background: linear-gradient(270deg, #4CDBAD 0%, #2FCBAB 100%);
          }
          .status3 {
            background: linear-gradient(270deg, #A1A8BB 0%, #838EAA 100%);
          }
          .val {
            font-size: 16px;
            font-weight: bold;
            flex-shrink: 0;
            display: flex;
            align-items: center;
          }
        }
        .project-name, .code {
          font-size: 14px;
        }
        .time {
          font-size: 14px;
          color: #858CA0;
        }
        .type-list {
          display: flex;
          .type {
            height: 22px;
            line-height: 22px;
            padding: 0 8px;
            margin-left: 5px;
            background: #FFF1F0;
            border-radius: 4px;
            border: 1px solid #FFA39E;
            color: #FF4D4F;
            font-size: 12px;
          }
          .color-red {
            color: #FF4D4F;
          }
        }
      }
      // .item {
      //   padding: 12px 10px;
      //   margin-bottom: 8px;
      //   background: #fff;
      //   border-radius: 8px;
      //   .row:first-child {
      //     margin-bottom: 8px;
      //   }
      //   .row {
      //     color: #2E3A4F;
      //     display: flex;
      //     justify-content: space-between;
      //     align-items: center;
          
      //     .project-name {
      //       font-size: 14px;
      //     }
      //     .time {
      //       font-size: 14px;
      //       color: #858CA0;
      //     }
      //     .type-list {
      //       display: flex;
      //       .type {
      //         height: 22px;
      //         line-height: 22px;
      //         padding: 0 8px;
      //         margin-left: 5px;
      //         background: #FFF1F0;
      //         border-radius: 4px;
      //         border: 1px solid #FFA39E;
      //         color: #FF4D4F;
      //         font-size: 12px;
      //       }
      //     }
      //   }
      // }
    }
    .is-last {
      padding-bottom: 80px;
    }
    .no-data {
      width: 100%;
      height: 100%;
      background: #fff;
    }
  }
// }
}