.searchbar-wrap{align-items:center;background:#fff;display:flex;height:.92rem;left:50%;overflow:hidden;padding:.16rem .24rem;position:fixed;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:7.5rem;z-index:10}.body-inc-navbar .searchbar-wrap{top:1rem}.body-inc-notice .searchbar-wrap{top:.8rem}.body-inc-navbar.body-inc-notice .searchbar-wrap{top:1.8rem}.searchbar-wrap .searchbar-input{background:rgba(0,0,0,.05);border-radius:.1875rem;display:flex;flex:1;font-size:.3rem;position:relative}.searchbar-wrap .searchbar-input .searchbar-icon-search{padding-left:.2rem}.searchbar-wrap .searchbar-input .searchbar-icon-search .icon{font-size:.3rem;line-height:2}.searchbar-wrap .searchbar-input input{background:0 0;font-size:.3rem;line-height:2;padding-left:.1rem;width:100%}.searchbar-wrap .searchbar-cancel{color:#108ee9;font-size:.3rem;margin-left:.2rem;margin-right:-.8rem;opacity:0;text-align:center}.searchbar-wrap .searchbar-repos{margin-right:0;opacity:1}.searchbar-wrap .searchbar-anim{transition:margin-right .3s,opacity .3s}.content-wrap{margin:.15rem .3rem;padding-top:1rem}.content-wrap .location-city{padding:.24rem}.content-wrap .location-city .city-current{color:#108ee9}.content-wrap .city-location-panel{margin:.32rem 0 .4rem}.content-wrap .city-location-panel .city-location-head{align-items:center;display:flex}.content-wrap .city-location-panel .city-location-title{margin:0 .24rem 0 0}.content-wrap .city-location-panel .location-refresh-btn{background:#fff;border:1px solid #dfdfdf;border-radius:.08rem;box-sizing:border-box;color:#8b8b8b;font-size:.28rem;height:.58rem;min-width:1.42rem;padding:0 .2rem}.content-wrap .city-location-panel .location-refresh-btn.is-loading{color:#b4b4b4}.content-wrap .city-location-panel .geo-city-box{display:block;font-size:.28rem;margin-top:.2rem;padding:.24rem}.content-wrap .city-location-panel .geo-city-value{border:0;color:#108ee9;cursor:pointer;display:inline;margin:0;padding:0;width:auto}.content-wrap .city-location-panel .geo-city-value.geo-city-empty{color:#8b8b8b;cursor:default}.content-wrap .city-label{font-size:.32rem;margin:.2rem 0 .2rem .1rem}.content-wrap .city-box{background:#fdfdfc;border:1px solid #f0efed;display:flex;flex-wrap:wrap;font-size:.28rem;margin-bottom:-1px;overflow:hidden}.content-wrap .city-box .char-tit,.content-wrap .city-box a{align-items:center;border-bottom:1px solid #f0efed;border-right:1px solid #f0efed;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:-1px;overflow:hidden;padding:.24rem 0;width:25%}.content-wrap .city-box a:nth-child(4n){border-right:0}.content-wrap .city-box .char-tit{color:#108ee9;font-size:.32rem;padding:0}.suggestion-box{padding-top:.92rem}.suggestion-box .empty{color:#999;padding:.24rem;text-align:center}.suggestion-box .city-list{background:#fff;height:100%;overflow:hidden;overflow-y:scroll}.suggestion-box a{border-bottom:1px solid #f4f4f4;display:flex;font-size:.32rem;padding:.2rem 0 .2rem .3rem}.suggestion-box a .extra{color:hsla(0,0%,39%,.5);font-size:.3rem;padding-left:.12rem}