.area-select{position:absolute;left:0;right:0;bottom:0;top:0;z-index:1000;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.area-select.slide-right-enter-active .mask{-webkit-animation:fadeIn .3s ease both;animation:fadeIn .3s ease both}.area-select.slide-right-enter-active .wrap{-webkit-animation:fadeInRight .3s ease .1s both;animation:fadeInRight .3s ease .1s both}.area-select.slide-right-leave-active .mask{-webkit-animation:fadeOut .3s ease both;animation:fadeOut .3s ease both}.area-select.slide-right-leave-active .wrap{-webkit-animation:fadeOutRight .3s ease both;animation:fadeOutRight .3s ease both}.area-select .wrap{position:absolute;right:0;top:0;left:35%;bottom:0;background:#fff;z-index:1100}.area-select .wrap .content-inner{position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.area-select .wrap .content-inner .ht{padding:.2rem;font-size:.24rem;color:grey;background:#eee}.area-select .wrap .content-inner .rel-area{padding:.2rem;font-size:14px;background:#eee}.area-select .wrap .content-inner .rel-area a{display:inline-block;border:1px solid #ccc;padding:.05rem .15rem;border-radius:.05rem;margin-right:.1rem;margin-bottom:.1rem;color:grey;background:#fff}.area-select .wrap .content-inner .rel-area a:hover{border-color:#027be3;background:#027be3;color:#fff}.area-select .wrap .content-inner .body{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:scroll;-webkit-overflow-scrolling:touch}.area-select .wrap .content-inner .body .item span{display:block;padding:.2rem;font-size:.28rem;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.area-select .wrap .content-inner .body .item span.active{color:#fff;background:#027be3}.area-select .wrap .content-inner .foot{padding:20px 30px;background:#f7f7f7;border-top:1px solid #ededed;border-radius:0 0 6px 6px;text-align:center}.area-select .wrap .content-inner .close{position:absolute;right:20px;top:20px;opacity:.5;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s}.area-select .wrap .content-inner .close:hover{opacity:1}.area-select .mask{position:fixed;left:0;right:0;bottom:0;top:0;z-index:1000;background:rgba(0,0,0,.5)}