.p-item[data-v-2c3306f0] {
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 0.9em;
  cursor: pointer;
}
.p-item .i-wrap[data-v-2c3306f0] {
    height: 35px;
    padding: 0 10px;
    line-height: 35px;
    text-align: center;
    display: block;
    border-radius: 5px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.p-item .name-link[data-v-2c3306f0] {
    font-weight: bold;
    display: block;
    background-color: #f8f2a0;
    margin-bottom: 5px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 1px 15px;
    border-radius: 25px;
    cursor: pointer;
}
.p-item .name-link[data-v-2c3306f0]:last-child {
      margin-bottom: 0;
}
.p-item .name-link.female[data-v-2c3306f0] {
      background-color: #ffd4d4;
}
.p-item .name-link.male[data-v-2c3306f0] {
      background-color: #d9e3ff;
}
.room-info[data-v-2c3306f0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.room-info .room-name[data-v-2c3306f0] {
    background-color: #dbe5ff;
    padding: 3px 15px;
    font-size: 0.85em;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.unselect-block[data-v-2c3306f0] {
  border: 5px solid #dbe5ff;
  background-color: #dbe5ff;
  min-height: 200px;
}
.room-block[data-v-2c3306f0] {
  border: 5px solid #dbe5ff;
  background-color: #dbe5ff;
  margin-bottom: 20px;
}
.room-block .list-group[data-v-2c3306f0] {
    min-height: 105px;
}