.city-select-container[data-v-a5f0a778]{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;position:relative}.city-select-container .header[data-v-a5f0a778]{position:sticky;top:0;z-index:10;display:flex;align-items:center;height:1.17333rem;background-color:#fff;padding:0 .42667rem;box-shadow:0 .02667rem .10667rem rgba(0,0,0,.05)}.city-select-container .header .back-icon[data-v-a5f0a778]{padding:.21333rem;margin-right:.21333rem;cursor:pointer}.city-select-container .header .back-icon .icon-arrow-left[data-v-a5f0a778]{display:inline-block;width:.32rem;height:.32rem;border-top:.05333rem solid #333;border-left:.05333rem solid #333;transform:rotate(-45deg)}.city-select-container .header .title[data-v-a5f0a778]{flex:1;text-align:center;font-size:.45333rem;font-weight:500}.city-select-container .city-tabs[data-v-a5f0a778]{display:flex;background-color:#fff;margin-bottom:.02667rem;position:relative}.city-select-container .city-tabs .tab-item[data-v-a5f0a778]{flex:1;height:1.06667rem;display:flex;align-items:center;justify-content:center;font-size:.4rem;color:#666;position:relative;cursor:pointer;z-index:2;transition:color .3s ease}.city-select-container .city-tabs .tab-item.active[data-v-a5f0a778]{color:#1989fa;font-weight:500}.city-select-container .city-tabs .tab-slider[data-v-a5f0a778]{position:absolute;bottom:0;height:.08rem;width:.53333rem;background-color:#1989fa;border-radius:.05333rem;left:25%;transform:translateX(-50%);transition:left .3s cubic-bezier(.645,.045,.355,1)}.city-select-container .city-tabs .tab-slider.domestic[data-v-a5f0a778]{left:25%}.city-select-container .city-tabs .tab-slider.international[data-v-a5f0a778]{left:75%}.city-select-container .fade-slide-enter-active[data-v-a5f0a778],.city-select-container .fade-slide-leave-active[data-v-a5f0a778]{transition:all .3s ease}.city-select-container .fade-slide-enter-from[data-v-a5f0a778]{opacity:0;transform:translateX(.53333rem)}.city-select-container .fade-slide-leave-to[data-v-a5f0a778]{opacity:0;transform:translateX(-.53333rem)}.city-select-container .scale-enter-active[data-v-a5f0a778],.city-select-container .scale-leave-active[data-v-a5f0a778]{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.city-select-container .scale-enter-from[data-v-a5f0a778],.city-select-container .scale-leave-to[data-v-a5f0a778]{opacity:0;transform:translate(-50%,-50%) scale(.5)}.city-select-container .search-box[data-v-a5f0a778]{padding:.32rem .42667rem;background-color:#fff}.city-select-container .search-box .search-input[data-v-a5f0a778]{display:flex;align-items:center;height:.96rem;background-color:#f5f5f5;border-radius:.48rem;padding:0 .32rem}.city-select-container .search-box .search-input .search-icon[data-v-a5f0a778]{width:.42667rem;height:.42667rem;background-color:transparent;margin-right:.21333rem;position:relative}.city-select-container .search-box .search-input .search-icon[data-v-a5f0a778]:before{content:"";position:absolute;width:.26667rem;height:.26667rem;border:.05333rem solid #999;border-radius:50%;top:0;left:0}.city-select-container .search-box .search-input .search-icon[data-v-a5f0a778]:after{content:"";position:absolute;width:.16rem;height:.05333rem;background-color:#999;bottom:0;right:0;transform:rotate(45deg)}.city-select-container .search-box .search-input input[data-v-a5f0a778]{flex:1;height:100%;border:none;background:transparent;font-size:.37333rem}.city-select-container .search-box .search-input input[data-v-a5f0a778]:focus{outline:none}.city-select-container .search-box .search-input .clear-icon[data-v-a5f0a778]{width:.42667rem;height:.42667rem;position:relative;cursor:pointer}.city-select-container .search-box .search-input .clear-icon[data-v-a5f0a778]:after,.city-select-container .search-box .search-input .clear-icon[data-v-a5f0a778]:before{content:"";position:absolute;width:.32rem;height:.05333rem;background-color:#999;top:.18667rem;left:.05333rem}.city-select-container .search-box .search-input .clear-icon[data-v-a5f0a778]:before{transform:rotate(45deg)}.city-select-container .search-box .search-input .clear-icon[data-v-a5f0a778]:after{transform:rotate(-45deg)}.city-select-container .current-city[data-v-a5f0a778],.city-select-container .hot-cities[data-v-a5f0a778]{padding:.42667rem;background-color:#fff;margin-bottom:.26667rem}.city-select-container .current-city .section-title[data-v-a5f0a778],.city-select-container .hot-cities .section-title[data-v-a5f0a778]{font-size:.37333rem;color:#666;margin-bottom:.32rem}.city-select-container .current-city .city-tags[data-v-a5f0a778],.city-select-container .hot-cities .city-tags[data-v-a5f0a778]{display:flex;flex-wrap:wrap}.city-select-container .current-city .city-tag[data-v-a5f0a778],.city-select-container .hot-cities .city-tag[data-v-a5f0a778]{padding:.21333rem .42667rem;background-color:#f5f5f5;border-radius:.10667rem;margin:0 .21333rem .21333rem 0;font-size:.37333rem;cursor:pointer;transition:all .2s ease}.city-select-container .current-city .city-tag[data-v-a5f0a778]:active,.city-select-container .hot-cities .city-tag[data-v-a5f0a778]:active{transform:scale(.95)}.city-select-container .current-city .city-tag[data-v-a5f0a778]:hover,.city-select-container .hot-cities .city-tag[data-v-a5f0a778]:hover{background-color:#e8f3ff;color:#1989fa}.city-select-container .search-result[data-v-a5f0a778]{padding:.42667rem;background-color:#fff}.city-select-container .search-result .section-title[data-v-a5f0a778]{font-size:.37333rem;color:#666;margin-bottom:.32rem}.city-select-container .search-result .city-list .city-item[data-v-a5f0a778]{padding:.32rem 0;font-size:.4rem;border-bottom:.02667rem solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.city-select-container .search-result .city-list .city-item[data-v-a5f0a778]:last-child{border-bottom:none}.city-select-container .search-result .city-list .city-item[data-v-a5f0a778]:hover{color:#1989fa}.city-select-container .search-result .city-list .city-item[data-v-a5f0a778]:active{background-color:#f8f8f8}.city-select-container .empty-result[data-v-a5f0a778]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.06667rem .42667rem;background-color:#fff}.city-select-container .empty-result .empty-icon[data-v-a5f0a778]{width:1.6rem;height:1.6rem;background-color:#f0f0f0;border-radius:50%;margin-bottom:.32rem;position:relative}.city-select-container .empty-result .empty-icon[data-v-a5f0a778]:after,.city-select-container .empty-result .empty-icon[data-v-a5f0a778]:before{content:"";position:absolute;background-color:#ccc}.city-select-container .empty-result .empty-icon[data-v-a5f0a778]:before{width:.10667rem;height:.53333rem;top:.53333rem;left:.74667rem;transform:rotate(-45deg)}.city-select-container .empty-result .empty-icon[data-v-a5f0a778]:after{width:.53333rem;height:.10667rem;top:.74667rem;left:.53333rem;transform:rotate(-45deg)}.city-select-container .empty-result .empty-text[data-v-a5f0a778]{font-size:.37333rem;color:#999}.city-select-container .city-index[data-v-a5f0a778]{background-color:#fff}.city-select-container .city-index .index-group[data-v-a5f0a778]{padding:0 .42667rem}.city-select-container .city-index .index-group .group-title[data-v-a5f0a778]{padding:.21333rem 0;font-size:.37333rem;color:#666;background-color:#f5f5f5;padding-left:.42667rem}.city-select-container .city-index .index-group .group-cities .city-item[data-v-a5f0a778]{padding:.32rem 0;font-size:.4rem;border-bottom:.02667rem solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.city-select-container .city-index .index-group .group-cities .city-item[data-v-a5f0a778]:last-child{border-bottom:none}.city-select-container .city-index .index-group .group-cities .city-item[data-v-a5f0a778]:hover{color:#1989fa}.city-select-container .city-index .index-group .group-cities .city-item[data-v-a5f0a778]:active{background-color:#f8f8f8}.city-select-container .loading-more[data-v-a5f0a778]{padding:.42667rem;text-align:center;color:#999;font-size:.37333rem;background-color:#fff}.city-select-container .index-bar[data-v-a5f0a778]{position:fixed;right:.21333rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;background-color:hsla(0,0%,100%,.7);border-radius:.53333rem;padding:.21333rem .10667rem;box-shadow:0 .05333rem .21333rem rgba(0,0,0,.1);z-index:9;backdrop-filter:blur(.10667rem);-webkit-backdrop-filter:blur(.10667rem);border:.02667rem solid hsla(0,0%,100%,.3)}.city-select-container .index-bar .letter-item[data-v-a5f0a778]{width:.53333rem;height:.53333rem;display:flex;align-items:center;justify-content:center;font-size:.32rem;color:#666;font-weight:500;margin:.02667rem 0;border-radius:50%;cursor:pointer;transition:all .2s ease}.city-select-container .index-bar .letter-item[data-v-a5f0a778]:hover{color:#1989fa;background-color:rgba(25,137,250,.1)}.city-select-container .index-bar .letter-item.active[data-v-a5f0a778]{background-color:#1989fa;color:#fff;transform:scale(1.2);box-shadow:0 .05333rem .10667rem rgba(25,137,250,.3)}.city-select-container .letter-hint[data-v-a5f0a778]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;background-color:rgba(25,137,250,.8);color:#fff;font-size:.74667rem;font-weight:700;border-radius:50%;box-shadow:0 .10667rem .32rem rgba(25,137,250,.4);z-index:99}