.name-link[data-v-55a7cfd1] {
  background-color: #d9e3ff;
  padding: 3px 15px;
  border-radius: 25px;
  display: inline-block;
  cursor: pointer;
}
.name-link.female[data-v-55a7cfd1] {
    background-color: #ffd4d4;
}
.p-card[data-v-55a7cfd1] {
  background-color: #fff;
  overflow: hidden;
  border-radius: 6px;
  margin: 10px;
}
.p-card .person-info[data-v-55a7cfd1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    position: relative;
    z-index: 2;
    margin-bottom: -20px;
}
.p-card .person-info img[data-v-55a7cfd1] {
      width: 100px;
      height: 100px;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 10px;
      -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
      margin-right: 15px;
}
.p-card .person-info .info[data-v-55a7cfd1] {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
}
.p-card .person-info .info .name[data-v-55a7cfd1] {
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 5px;
}
.p-card .person-info .info .id[data-v-55a7cfd1] {
        font-size: 0.8em;
}
.p-card .person-info .info .job[data-v-55a7cfd1] {
        background-color: #5380f7;
        color: #fff;
        padding: 3px 15px;
        font-size: 0.8em;
        margin-top: 17px;
        border-radius: 25px;
        display: inline-block;
}
.p-card .job-info[data-v-55a7cfd1] {
    background-color: #d9e3ff;
    padding: 20px;
    position: relative;
}
.p-card .job-info[data-v-55a7cfd1]::after {
      content: "";
      width: 200%;
      height: 100px;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #d9e3ff;
      -webkit-transform: rotate(-7deg);
              transform: rotate(-7deg);
      -webkit-transform-origin: top left;
              transform-origin: top left;
}
.p-card .job-info label[data-v-55a7cfd1] {
      background-color: #fff;
      border-radius: 25px;
      padding: 3px 5px;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      z-index: 2;
}
.p-card .job-info label .svg-wrap[data-v-55a7cfd1] {
        background-color: #5380f7;
        margin-right: 5px;
        border-radius: 50%;
        padding: 5px;
        width: 30px;
        height: 30px;
}
.p-card .job-info label .svg-wrap svg[data-v-55a7cfd1] {
          width: 100%;
          height: 100%;
          fill: #fff;
          position: relative;
          top: -4px;
}
.p-card .job-info label[data-v-55a7cfd1] .el-input__inner {
        border: none !important;
}
.p-card .job-info label span[data-v-55a7cfd1] {
        line-height: 40px;
        margin-left: 10px;
}