body{
    background: #F7F7F7 !important;
}

.inv-history-title{
    width: 1200px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.86);
    margin: 0 auto;
    padding: 24px 0 12px;
}

.title_btn {
    display: inline-block;
    padding: 0 9px;
    margin: 0 46px 12px 0;
    height: 30px;
    line-height: 30px;
    border-bottom: 3px solid #fff;
    cursor: pointer;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.86);
}

.title_btn_hov {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1E64FF;
    border-bottom: 3px solid #1E64FF;
}

.inv-card-wrap{
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 32px;
    border-radius: 4px;
}

.inv-card-wrap:last-child{
    margin-bottom: 0;
}

.inv-title {
    height: 40px;
        line-height: 40px;
        background: #F5F5F5;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.46);
}

.inv-content {
    line-height: 26px;
    padding: 16px 32px;
    width: 728px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.86);
    box-sizing: border-box;
}

.inv-content-label {
    display: inline-block;
    min-width: 56px;
    margin-right: 28px;
    text-justify: distribute-all-lines;
    text-align-last: justify;
}

.inv-bold {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.86);
}

.inv-money{
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.86);
}
.inv-money-icon{
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.86);
}

.inv-see-order{
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1E64FF;
    line-height: 20px;
    cursor: pointer;
    position: absolute;
    top: 57%;
    left: 0;
    width: 100%;
}

.blue-see-inv{
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    line-height: 26px;
    height: 26px;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1E64FF;
    margin-bottom: -15px;
    cursor: pointer;
}

.gray-see-inv{
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    line-height: 26px;
    height: 26px;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.24);
    margin-bottom: -15px;
}

.orange-inv-status,.green-inv-status{
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    line-height: 26px;
    height: 26px;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FF7700;
}

.orange-inv-tip,.green-inv-tip{
    position: absolute;
    top: 57%;
    left: 0;
    width: 100%;
    line-height: 24px;
    height: 24px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.46);
}

.green-inv-status{
    color: #13C25F;
}

.no-invoice-list{
    margin: 210px auto;
    text-align: center;
}

.no-invoice-list img{
      width: 80px;
      height: 92px;
  }
.no-invoice-list .tip-title{
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #000000;
      margin-top: 16px;
  }
.no-invoice-list .tip-centent{
      height: 17px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.46);
      line-height: 17px;
      margin-top: 4px;
  }

  #historyList .link-invoice{
    color: #1E64FF;
    cursor: pointer;
    text-decoration: underline;
  }

  #historyList .link-invoice:hover{
    opacity: 0.8;
  }