#List {
  width: 100%;
  height: 100%;
  color: #fff;
  //background-color: rgba(0, 0, 0, .3);
  border-radius: .6vw;


  .list-title {
    width: 50vw;
    margin: 0 auto;
    font-size: .8vw;
    display: flex;
    color: #2362A6;
    font-family: 'CustomFont';

    span {
      width: 12vw;
      display: block;
      text-align: center;
    }
  }

  .list-content {
    overflow: auto;
    height: 15vh;

    &::-webkit-scrollbar {
      width: 0px;
      height: 0px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: #bbb;
      border-radius: 0px;
    }

    &::-webkit-scrollbar-thumb:hover {
      background-color: #999;
    }

    &::-webkit-scrollbar-track {
      background-color: #fff;
      border-radius: 0px;
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
  }

  .list-airport {
    width: 50vw;
    height: 2.5vh;
    display: flex;
    margin: 0 auto;
    margin-top: 1vh;
    cursor: pointer;
    justify-content: center;
    padding: 0 .5vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;




    &:nth-child(odd) {
      background-image: url(./images/hui.png);
    }

    //奇数行

    &:nth-child(even) {
      background-image: url(./images/lan.png);
    }

    span {
      width: 12vw;
      font-size: .6vw;
      display: block;
      line-height: 2.5vh;
      text-align: center;
      margin-right: 0.3vw;
      color: #fff;

      &:hover {
        color: #00d8ff;
      }
    }

    button {
      background-color: transparent;
      border: none;
      padding: 0;
      height: auto;

      span {
        font-size: 2vh;
        vertical-align: middle;
        cursor: pointer;
        transition: all .5s;

        &:hover {
          transform: scale(1.2);
        }
      }



    }
  }

}