ion-content{
  .serve-manage{
    margin-top: 20pt;
    display: flex;
    justify-content: space-between;
  }
  .serve-manage-select{
    margin-top: 5pt;
    .select{
      border: 1px solid #cccccc;
      padding: 5pt;
      border-radius: 5px;
      .chevron{
        position: absolute;
        right: 16px + 5pt;
      }
    }
    .select-list{
      position: absolute;
      z-index: 99;
      background-color: #fff;
      border: 1px solid #cdcdcd;
      padding: 5pt;
      margin: 0;
      width: calc(100% - 32px);
      li{
        display: flex;
        list-style: none;
        padding: 5pt 0;
        .select-item-name{
          width: 100%;
        }
        .delete-item{
          position: absolute;
          right: 16px + 5pt;
          z-index: 99;
        }
      }
    }
  }

  .add-serve{
    margin-top: 20pt;
    height: 100%;
    ion-input{
      border: 1px solid #cccccc;
      border-radius: 5px;
      height: 30pt;
      width: 50%;
      float: left;
      + ion-input{
        margin-left: 2.5%;
        width: 25%;
      }
    }
    ion-button{
      height: 30pt;
      float: right;
      margin:0;
      width: 20%;
    }
    &::after{
      clear: both;
    }
  }

  .to-link{
    margin-top: 20pt;
    text-align: center;
    ion-button{
      width: 100pt;;
    }
  }

}