.the-header-area[data-v-7e38571a]{position:relative;display:inline-block;margin-left:16px;height:36px;line-height:36px;vertical-align:middle}.the-header-area span[data-v-7e38571a]{color:#ddd;cursor:pointer;transition:.33s}.the-header-area span[data-v-7e38571a]:hover{color:#fff}.the-header-area span i[data-v-7e38571a]{margin-left:4px;font-size:16px;vertical-align:-3px}.area-panel[data-v-7e38571a]{position:absolute;left:0;top:100%;z-index:22;width:440px;margin-top:12px;padding:16px 16px 12px;line-height:1.5715;background:#fff;box-shadow:0 3px 11px 0 hsla(0,0%,57.3%,.5)}.area-panel[data-v-7e38571a]:before{content:"";position:absolute;left:24px;bottom:100%;width:0;height:0;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff}.area-panel .area-item[data-v-7e38571a]{display:inline-block;height:32px;padding:0 16px;margin-right:8px;margin-bottom:4px;text-align:center;font-size:13px;line-height:30px;background:#f5f6fa;background:linear-gradient(270deg,rgba(251,251,253,.7),#f5f6fa);border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.33s;cursor:pointer}.area-panel .area-item.active[data-v-7e38571a],.area-panel .area-item[data-v-7e38571a]:hover{color:#427af4}.area-panel-enter-active[data-v-7e38571a]{transition:all .5s}.area-panel-enter[data-v-7e38571a],.area-panel-leave-active[data-v-7e38571a]{opacity:0;transform:translateY(32px)}.area-panel-move[data-v-7e38571a]{transition:all .5s}.area-panel-leave-active[data-v-7e38571a]{position:absolute;transition:all .5s}