.box{display:flex;flex-direction:column;height:100%;padding-top:3.5rem}.box .headerFixed{position:fixed;top:0;left:0;right:0;z-index:100;background-color:#fff}.box .cityList{flex:1;overflow-y:auto}.searchBox{margin:.4rem .35rem;background-color:#f5f5f5;border-radius:.5rem;padding:.25rem .6rem;display:flex;align-items:center;font-size:.35rem}.searchBox .inputBox{flex:1;display:flex;align-items:center}.searchBox .inputBox .icon{width:.45rem;height:.45rem;margin-left:.1rem}.searchBox .inputBox .input-style{background-color:#f5f5f5;border:none;outline:none}.location-box{margin:.4rem .35rem;margin-top:.4rem;font-size:.35rem}.location-box .location-title{font-weight:700;color:#989898}.location-box .location-content{margin-top:.25rem;display:flex;justify-content:space-between;align-items:center}.location-box .location-content .location-name{color:#999}.location-box .location-content .right-location{color:#f8a24d}.location-box .location-content .right-location .icon{width:.3rem;height:.3rem}.line{width:100%;height:.2rem;background-color:#f5f5f5}.cityList{margin:.4rem .35rem}.cityList,.cityList .hotCity{font-size:.35rem}.cityList .hotCity .title{font-weight:700;color:#989898;margin-bottom:.25rem}.cityList .hotCity .hotBox{display:flex;justify-content:flex-start;flex-wrap:wrap}.cityList .hotCity .hotBox .hot-item{width:1.8rem;height:.8rem;line-height:.8rem;text-align:center;border-radius:.5rem;margin-right:.3rem;margin-bottom:.3rem;background-color:#f5f5f5;color:#333}.letter-item{font-size:.35rem}.letter-item>div:first-child{line-height:1rem;margin-bottom:2px;border:none;color:#999;font-weight:700}.letter-item>div{line-height:1.2rem;border-bottom:1px solid #f2f2f2}.letter-aside{position:fixed;right:10px;top:4.3rem}.letter-aside ul{list-style:none;line-height:1.4em;font-size:14px;color:#aaa}#tip,.letter-aside ul li{text-align:center}#tip{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;background-color:hsla(0,0%,97.6%,.5);width:100px;height:100px;z-index:10;line-height:100px;font-size:50px;opacity:0}.tipAppear{animation:appearTip .5s linear 1}@keyframes appearTip{0%{opacity:1}80%{opacity:.5}to{opacity:0}}.search-city{text-align:center;padding:5px 0}.search-city input{line-height:24px;border-radius:5px;outline:none}.tipShow{text-align:center;line-height:60px;font-size:16px;color:#bbb}