.tap{
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.tap>div{
  position: relative;
  height: 1.12rem;
  line-height: 1.12rem;
  font-size: .3rem;
  color: #a0a0a0;
}
.tap>div>text{
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: .5rem;
  height: 2px;
  margin-left: -.25rem;
  border-radius: 3px;
  background-color: #fff;
}
.tapActive{
  font-size: .36rem !important;
  font-weight: bold;
  color: #020202 !important;
}
.tapActive>text{
  background-color: #00a0ea !important;
}

.clientList,.clientName,.clientTime{
  display: flex;
  flex-direction: column;
}
.clientMian{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.clientImg{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 20%;
  box-sizing: border-box;
  padding-right: .1rem;
}
.clientImg>img{
  width: .96rem;
  height: .96rem;
  border-radius: 50%;
}
.clientInfo{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width:80%;
  height: 1.48rem;
  box-sizing: border-box;
  padding: 0 .36rem 0 .16rem;
  border-bottom: 1px solid #f0f0f0;
}
.clientName{
  font-size: .28rem;
  color: #000;
}
.clientTime{
  font-size: .2rem;
  color: #b7a081;
}
.clientName text,.clientTime text{
  margin-top: .14rem;
  font-size: .24rem;
  color: #878787;
}