.alphabet {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  flex-wrap: wrap;
  margin: 0 0 1px;
  
}
.alphabet .btn {
    border-radius: 10px;
    border: 1px solid #df1c76;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    color: #f5f9fe;
    background: #ff6400;
    display: block;
    white-space: nowrap;
    margin: 2px 2px;
    transition: color .3s, background .3s, border .3s;
}

.alphabet div.btn {
  display: none;
  border: none;
  padding: 0%;
}

.alphabet .btn.dvd {
  background: #5e5f36;
  color: #cccccc;
  border: 2px solid #2f2f2f;
}

.alphabet .btn.models {
  background: #543636cc;
  color: #cccccc;
  border: 2px solid #2f2f2f;
}

.alphabet .btn.active {
  color: #cccccc;
  background: #000;
}

.alphabet a:hover {
    color: #fff;
    }

.alphabet .label {
  line-height: 44px;
  font-size: 18px;
  font-weight: 700;
  margin: 0 8px 0 0;
}

@media screen and (max-width: 1172px) {
  .alphabet {
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin: 5px -10px 10px;
  }

  .alphabet .label {
    white-space: nowrap;
    padding: 0 0 0 10px;
  }

  .alphabet div.btn {
    display: block;
    width: 30px;
    padding: 0 5px 0 0;
  }

  .alphabet {
    margin: 5px -10px 10px;
  }

  .alphabet .label {
    padding: 0px 0 0 10px;
  }

  .alphabet .btn {
    margin: 0px 2px 10px;
  }


}