.orderListWrap[data-v-96823c98] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.orderListWrap .tabWrap[data-v-96823c98] {
    display: flex;
    padding: 24px;
    box-sizing: border-box;
}
.orderListWrap .tabWrap > div[data-v-96823c98] {
      padding: 7px 16px;
      font-size: 14px;
      color: #191B21;
      cursor: pointer;
      border: 1px solid #E1E2E6;
}
.orderListWrap .tabWrap > div[data-v-96823c98]:nth-child(1) {
      border-radius: 4px 0 0 4px;
      border-right-color: transparent;
}
.orderListWrap .tabWrap > div[data-v-96823c98]:last-child {
      border-radius: 0 4px 4px 0;
}
.orderListWrap .tabWrap > div[data-v-96823c98]:hover {
      color: #1D6EFE;
}
.orderListWrap .tabWrap .active[data-v-96823c98] {
      color: #1D6EFE;
      background: #EBF0FA;
}
.orderListWrap .orderListCon[data-v-96823c98] {
    width: 100%;
    min-height: calc(100% - 50px);
    padding: 0 24px 24px;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 8px;
}
.orderListWrap .orderListCon .topSelect[data-v-96823c98] {
      width: 100%;
      min-height: 36px;
}
.orderListWrap .orderListCon .topSelect span[data-v-96823c98] {
        color: #191B21;
        font-size: 14px;
        margin-right: 16px;
}
.orderListWrap .orderListCon .topSelect .postage[data-v-96823c98] {
        float: right;
        font-size: 14px;
        font-weight: 400;
        color: #787C88;
        line-height: 36px;
        cursor: pointer;
}
.orderListWrap .orderListCon .topSelect .postage img[data-v-96823c98] {
          width: 16px;
          height: 16px;
          margin-left: 6px;
          margin-bottom: -3px;
}
.orderListWrap .orderListCon .tableList[data-v-96823c98] {
      position: relative;
      margin-top: 8px;
}
.orderListWrap .orderListCon .tableList .topLine[data-v-96823c98] {
        width: calc(100% + 48px);
        height: 1px;
        background: #F0F1F5;
        position: absolute;
        left: -24px;
        top: -1px;
}
.orderListWrap .orderListCon .tableList .tableTopWrap[data-v-96823c98] {
        padding: 19px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.orderListWrap .orderListCon .tableList .tableTopWrap .title[data-v-96823c98] {
          font-weight: 600;
          font-size: 18px;
          color: #596178;
}
.orderListWrap .orderListCon .tableList .green[data-v-96823c98] {
        width: 8px;
        height: 8px;
        background: #1DD454;
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
}
.orderListWrap .orderListCon .tableList .grey[data-v-96823c98] {
        width: 8px;
        height: 8px;
        background: #EAEAEA;
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
}
.orderListWrap .orderListCon .tableList .yellow[data-v-96823c98] {
        width: 8px;
        height: 8px;
        background: #FFBD3A;
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
}
.orderListWrap .orderListCon .tableList .blue[data-v-96823c98] {
        width: 8px;
        height: 8px;
        background: #1D6EFE;
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
}
.orderListWrap .orderListCon .tableList .pointErr[data-v-96823c98] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #F25556;
}
.orderListWrap .orderListCon .tableList .pointSucc[data-v-96823c98] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #1DD454;
}
.orderListWrap .orderListCon .tableList .pointWar[data-v-96823c98] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #F8A94A;
}
.orderListWrap .orderListCon .tableList .pointSucc2[data-v-96823c98] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #1D6EFE;
}