.receivables-list {
  font-size: 0;
  background: #F5F7FA;
}
.receivables-list .receivables-list-top {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1;
}
.receivables-list .receivables-list-top .sort {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.receivables-list .receivables-list-top .sort .sort-list {
  width: 50%;
  color: #8392A7;
  font-size: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1rem;
}
.receivables-list .receivables-list-top .sort .sort-list img {
  width: 0.32rem;
}
.receivables-list .receivables-list-top .sort .sort-list:nth-child(1) img {
  width: 0.26rem;
}
.receivables-list .receivables-list-top .sum-up {
  padding: 0 0.32rem;
  height: 0.74rem;
  background: #E1EFFF;
  display: flex;
  align-items: center;
}
.receivables-list .receivables-list-top .sum-up span {
  font-size: 0.24rem;
  color: #8392A7;
  font-weight: bold;
  width: 50%;
}
.receivables-list .receivables-list-top .sum-up span b {
  font-size: 0.28rem;
  color: #0079FD;
}
.receivables-list .receivables-list-content {
  margin-top: 2rem;
}
.receivables-list .receivables-list-content ul li {
  margin: 0.2rem 0.32rem;
  box-shadow: 0 0.04rem 0.2rem 0 rgba(77, 125, 197, 0.1);
  border-radius: 0.2rem;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.receivables-list .receivables-list-content ul li .list-top {
  padding: 0 0.32rem;
  height: 0.9rem;
  background: linear-gradient(270deg, #FCFDFF 0%, #F2F7FF 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.receivables-list .receivables-list-content ul li .list-top .title {
  font-size: 0.3rem;
  font-weight: bolder;
  overflow:hidden;/*内容超出后隐藏*/
  text-overflow:ellipsis;/*超出内容显示为省略号*/
  white-space:nowrap;/*文本不进行换行*/
}
.receivables-list .receivables-list-content ul li .list-top .order-sn {
  font-size: 0.24rem;
  color: #8392A7;
  word-break: keep-all;
}
.receivables-list .receivables-list-content ul li .list-top .order-sn b {
  font-weight: normal;
  margin-left: 0.2rem;
  color: #0079FD;
}
.receivables-list .receivables-list-content ul li .list-top.active {
  background: linear-gradient(270deg, #FFF8F7 0%, rgba(248, 250, 255, 0.5) 100%);
}
.receivables-list .receivables-list-content ul li .list-top.active .order-sn {
  color: #E94544;
}
.receivables-list .receivables-list-content ul li .list-top.active:after {
  content: '';
  position: absolute;
  width: 0.06rem;
  height: 0.3rem;
  background: #E94544;
  right: 0;
  border-radius: 10px  0 0  10px;
}
.receivables-list .receivables-list-content ul li .list-bottom {
  padding: 0.32rem;
}
.receivables-list .receivables-list-content ul li .list-bottom .zt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  height: 1rem;
}
.receivables-list .receivables-list-content ul li .list-bottom .zt div {
  width: 50%;
  text-align: left;
  color: #8392A7;
  font-size: 0.24rem;
}
.receivables-list .receivables-list-content ul li .list-bottom .zt div span {
  color: #39475B;
  font-weight: bolder;
}
.receivables-list .receivables-list-content ul li .list-bottom .time {
  color: #8392A7;
  font-size: 0.24rem;
  display: flex;
  align-items: center;
}
.receivables-list .receivables-list-content ul li .list-bottom .time img {
  margin-right: 0.1rem;
  width: 0.22rem;
}
/*# sourceMappingURL=receivables.css.map */