@import "@styles/theme.scss";

.myClient {
  position: relative;
  width: 100%;
  background: #fff;
  height: 100%;
  .empty{
    width:100vw;
    height:80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    &__img{
      width:300px;
    }
    &__text{
      font-size:30px;
      color: $text-color-light;
      margin-top: 20px;
    }
  }

  .search__box {
    position: relative;
    width: 100%;
    height: 120px;
  }

  .client__content {
    position: relative;
    width: 100%;
    height:100%;
    display: inline-block;

    .client__list {
      width: 680px;
      height:240px;
      margin:0 auto;
      position: relative;
      border-top: none;
      border-radius: 15px;
      margin-top: 50px;
      box-shadow: 0 1px 2px rgba(0,0,0,0.7);

      .client__top {
        display: flex;

        .client__infor {

          height: 67px;

          .client__name {
            font-weight: bold;
            font-size: 35px;
          }

          .infor {
            line-height: 50px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }

        }
       
        .client__status {
          width: 24%;
          height: 65px;
          line-height: 65px;
          text-align: center;
          display: inline-block;
          // padding: 5px 0;
          border-top-left-radius: 30px;
          border-bottom-left-radius: 30px;
          text-align: center;
          color: #fff;
          font-size: 30px;
          background: $btnbg-color;
          margin-top: 30px;

          text {
            color: #fff;
          }
        }
      }

      .line {
        width: 350px;
        border-bottom: 1px solid rgb(236, 234, 234);
        margin-top: -50px;
        margin-bottom: 20px;
      }
    }

  }
}

.client__status2{
  position:absolute;
  width: 140px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  border-bottom-left-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  top:0;
  right:0;
  background:$primary-color;

  text {
    color: #fff;
  }
}


.sex{
  width:35px;
}

.phone{
  line-height:50px;
  width: 360px;
  @include text-ellipsis; 

}

.time{
  position:absolute;
  font-size:24px;
  right:20px;
  bottom:10px;
}

.bg{
  position:absolute;
  width:680px;
  height:230px;
  left:0;
  tpop:0;
}

.client{
  position:absolute;
  width:680px;
  height:230px;
  left:0;
  tpop:0;
  padding:50px;
}