#example:hover {
    font-size: larger;
}
.search {
    width: 500px;
    font: 16px arial,sans-serif;
  }
  // .search:hover, .search:focus {
  //   outline: none;
  //   box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  // }

  .parent{
    display:flex;
    flex-direction: column;
    // justify-content: center;
    justify-content: flex-start;
    align-items: center;
    
    vertical-align:top;
  }

  .svgblock{
    vertical-align:top;
  }

  .parent-top{
    margin-left: 20%;
    margin-bottom: 10%;
    display:flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; // 垂直居中展示
  }

  .search-top {
    width: 75%;
    height: 50px;
    font: 16px arial,sans-serif;
    // margin:auto;
  }

  .search-empty{
    align-self: center;
  }

  .search-content {
    width: 75%;
  }

  .search-list{
    width: 75%;
  }