.area-select[data-v-2197bd82]{width:100%;height:30px;background:#fff;position:relative;z-index:1}.area-select .input[data-v-2197bd82]{width:100%;height:30px;display:flex;border:1px solid #e5e5e5}.area-select .input input[data-v-2197bd82]{flex:1;height:30px;padding:0 10px}.area-select .input i[data-v-2197bd82]{width:30px;height:30px;position:relative;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.area-select .input i[data-v-2197bd82]:after{content:"";width:8px;height:8px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;position:absolute;top:8px;left:10px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.area-select .input i.active[data-v-2197bd82]{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.area-select .show[data-v-2197bd82]{width:100%;height:242px;background:#fff;position:absolute;top:100%;left:0;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);margin-top:5px;display:flex}.area-select .show label[data-v-2197bd82]{flex:1;height:32px;font-size:14px;color:#9a9a9a;text-align:center;line-height:32px;cursor:pointer;background:#f5f5f5;border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}.area-select .show label.active[data-v-2197bd82]{background:#fff;color:#666}.area-select .show .list[data-v-2197bd82]{width:100%;height:208px;background:#fff;position:absolute;overflow-y:auto;top:34px;left:0}.area-select .show .list div[data-v-2197bd82]{display:flex;line-height:34px;padding:0 20px;font-size:14px;color:#666;cursor:pointer}.area-select .show .list div.active[data-v-2197bd82]{color:#e82434}.area-select[data-v-2197bd82] ::-webkit-scrollbar{display:none}