orchestra-app/src/school/orchestra/compontent/photo.module.less

.phone {
  padding: 0 13px 32px;
}
.addPhone {
  margin-top: 12px;
  color: var(--van-primary-text);
  border-color: #fff;
  border-radius: 10px;
  font-size: 16px;
}

.phoneContainer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  .item {
    position: relative;
    padding-top: 12px;
    .more {
      display: inline-block;
      position: absolute;
      top: 18px;
      right: 6px;
      background: url('../images/icon_more.png') center center no-repeat;
      background-size: contain;
      width: 24px;
      height: 24px;
      z-index: 9;
    }
    .img {
      width: 170px;
      height: 170px;
      border-radius: 10px;
      overflow: hidden;
    }
    .default {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #eaeaea;
      .defaultImg {
        width: 45px;
      }
    }
    .name {
      padding: 6px 0 4px;
      font-size: 16px;
      font-weight: 500;
      color: #333333;
      max-width: 168px;
    }
    .num {
      font-size: 12px;
      color: #777777;
      line-height: 17px;
    }
  }
}

.dialogTitle {
  i {
    display: inline-block;
    width: 4px;
    height: 14px;
    background: #ff8057;
    border-radius: 2px;
    margin-right: 6px;
  }

  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  line-height: 25px;
  padding: 20px 0 20px 25px;
}
.phoneName {
  background: #f2f2f2;
  border-radius: 10px;
  margin: 0 15px 30px;
  width: auto;
}