.hao-ul-tab{border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.3rem;font-weight:500;list-style:none;margin:0;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}@media screen and (max-width:800px){.hao-ul-tab li{max-width:100%!important;min-width:1.75rem!important}}.hao-ul-tab li{border-radius:30px;color:var(--color-text);margin:.2rem;min-width:2rem;padding:.2rem;text-align:center;-webkit-transition:all .5s;transition:all .5s;white-space:nowrap;width:auto}.hao-ul-tab .isSelect{-webkit-box-shadow:inset 2px 2px 12px var(--col-bg-start),-2px -2px 12px var(--col-bg-end);box-shadow:inset 2px 2px 12px var(--col-bg-start),-2px -2px 12px var(--col-bg-end);-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}