.orderListWrap[data-v-878976b8] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.orderListWrap .tabWrap[data-v-878976b8] {
    display: flex;
    padding: 24px;
    box-sizing: border-box;
}
.orderListWrap .tabWrap > div[data-v-878976b8] {
      padding: 7px 16px;
      font-size: 14px;
      color: #191B21;
      cursor: pointer;
      border: 1px solid #E1E2E6;
}
.orderListWrap .tabWrap > div[data-v-878976b8]:nth-child(1) {
      border-radius: 4px 0 0 4px;
}
.orderListWrap .tabWrap > div[data-v-878976b8]:last-child {
      border-radius: 0 4px 4px 0;
      border-left-color: transparent;
}
.orderListWrap .tabWrap > div[data-v-878976b8]:hover {
      color: #1D6EFE;
}
.orderListWrap .tabWrap .active[data-v-878976b8] {
      color: #1D6EFE;
      background: #EBF0FA;
}
.orderListWrap .orderListCon[data-v-878976b8] {
    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-878976b8] {
      width: 100%;
      min-height: 36px;
}
.orderListWrap .orderListCon .topSelect span[data-v-878976b8] {
        color: #191B21;
        font-size: 14px;
        margin-right: 16px;
}
.orderListWrap .orderListCon .topSelect .postage[data-v-878976b8] {
        float: right;
        font-size: 14px;
        font-weight: 400;
        color: #787C88;
        line-height: 36px;
        cursor: pointer;
}
.orderListWrap .orderListCon .topSelect .postage img[data-v-878976b8] {
          width: 16px;
          height: 16px;
          margin-left: 6px;
          margin-bottom: -3px;
}
.orderListWrap .orderListCon .tableList[data-v-878976b8] {
      position: relative;
      margin-top: 8px;
}
.orderListWrap .orderListCon .tableList .topLine[data-v-878976b8] {
        width: calc(100% + 48px);
        height: 1px;
        background: #F0F1F5;
        position: absolute;
        left: -24px;
        top: -1px;
}
.orderListWrap .orderListCon .tableList .tableTopWrap[data-v-878976b8] {
        padding: 19px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.orderListWrap .orderListCon .tableList .tableTopWrap .title[data-v-878976b8] {
          font-weight: 600;
          font-size: 18px;
          color: #596178;
}
.orderListWrap .orderListCon .tableList .green[data-v-878976b8] {
        width: 8px;
        height: 8px;
        background: #1DD454;
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
}
.orderListWrap .orderListCon .tableList .grey[data-v-878976b8] {
        width: 8px;
        height: 8px;
        background: #EAEAEA;
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
}
.orderListWrap .orderListCon .tableList .yellow[data-v-878976b8] {
        width: 8px;
        height: 8px;
        background: #FFBD3A;
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
}
.orderListWrap .orderListCon .tableList .blue[data-v-878976b8] {
        width: 8px;
        height: 8px;
        background: #1D6EFE;
        display: inline-block;
        border-radius: 50%;
        margin-right: 8px;
}
.orderListWrap .orderListCon .tableList .pointErr[data-v-878976b8] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #F25556;
}
.orderListWrap .orderListCon .tableList .pointSucc[data-v-878976b8] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #1DD454;
}
.orderListWrap .orderListCon .tableList .pointWar[data-v-878976b8] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #F8A94A;
}
.orderListWrap .orderListCon .tableList .pointSucc2[data-v-878976b8] {
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #1D6EFE;
}
.payDialog[data-v-878976b8] .el-dialog__body {
  padding: 30px 0 50px 0;
}
.payDialog .payDiv[data-v-878976b8] {
  width: 500px;
  text-align: center;
}
.payDialog .payDiv .payAmount[data-v-878976b8] {
    background: #f5f9ff;
    margin: 0 30px;
    height: 46px;
    line-height: 46px;
    border: 1px solid #DAE7FF;
    border-radius: 2px;
    text-align: left;
}
.payDialog .payDiv .payAmount img[data-v-878976b8] {
      vertical-align: middle;
      margin-right: 10px;
      margin-left: 20px;
      width: 14px;
      height: 14px;
}
.payDialog .payDiv .payAmount span[data-v-878976b8] {
      color: #f25556;
}
.payDialog .payDiv .payHint[data-v-878976b8] {
    line-height: 40px;
}
.payDialog .payDiv .payHint img[data-v-878976b8] {
      vertical-align: middle;
      margin-right: 5px;
}
.payDialog .payDiv .payNotice[data-v-878976b8] {
    height: 74px;
    background: #f5f7fa;
    margin-top: 30px;
    line-height: 74px;
}
[data-v-878976b8] .el-statistic {
  width: auto;
  display: inline-block;
  line-height: 23px;
}
[data-v-878976b8] .el-statistic .con .number {
    font-size: 14px;
    padding: 0;
}