.content{
.referral.referral-router-view {
    background: #fff;
    border-radius: .04rem;
    height: calc(100dvh - 1.5rem);
    padding: 0 .1rem;
    //margin: 0 .1rem;
    box-sizing: border-box;
}
.referral .search {
    padding-top: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: .1rem;
}
.referral .search>div:first-child {
    margin-right: .16rem;
    padding-left: .1rem;
}
.referral .search>div {
    border: .01rem solid #bababa;
    width: 43%;
    border-radius: .02rem;
    height: .28rem;
    line-height: .28rem;
    font-size: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.referral .search>div .icon-guanbi, .referral .search>div .icon-rili {
    font-size: .16rem;
    margin-right: .04rem;
    color: #aaa;
    margin-left: .04rem;
}
.referral .search>div .icon-guanbi {
    font-size: .13rem;
}
  .referral-header{
      font-weight: 700;
  }
  .referral-table {
    height: .26rem;
    line-height: .26rem;
    border-bottom: .01rem solid #ccc;
    color: grey;
    display: grid;
    grid-template-columns: .2rem 0.6rem 0.7rem 1.1rem 1fr;
    gap: 0.04rem;
    text-align: right;
    font-size: .11rem;
  }

.referral .list {
    max-height: -webkit-calc(100vh - 2.96rem);
    max-height: calc(100vh - 2.96rem);
    overflow: auto;
}
.van-list__finished-text {
    font-size: .11rem;
}
.van-list__error-text, .van-list__finished-text, .van-list__loading {
    color: #969799;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
}
.van-list__placeholder {
    height: 0;
    pointer-events: none;
}
.referral .total>div, .referral .total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .12rem;
}
.referral .total {
    padding-top: .12rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.referral .total>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .12rem;
    color: grey;
}
.referral .total>div .num {
    font-family: SWISSC-BT;
    font-size: .18rem;
    color: #000;
}
}
