.header-wrap[data-v-8b276b3e]{height:44px;padding:0 15px;display:flex;justify-content:space-between;align-items:center;background-color:#0c3c7a;color:#fff;background-image:radial-gradient(circle at 50% 99%,rgba(0,121,246,.5) 0,rgba(2,149,255,0) 94%);box-shadow:2px 0 12px 0 rgb(0 0 0);position:relative;z-index:4}.header-wrap .logo-wrap[data-v-8b276b3e]{display:flex;align-items:center;cursor:pointer}.header-wrap .logo img[data-v-8b276b3e]{width:34px;height:34px}.header-wrap .title[data-v-8b276b3e]{font-size:18px;padding-left:6px}.header-wrap .title .sub-title[data-v-8b276b3e]{color:#c7d8fc}.header-wrap .title .sub-title[data-v-8b276b3e]:before{content:"";position:relative;top:2px;margin:0 15px;display:inline-block;width:2px;height:19px;background-color:#819cbe}.header-wrap .menu[data-v-8b276b3e]{display:flex}.header-wrap .menu ul[data-v-8b276b3e]{display:flex;align-items:center}.header-wrap .menu ul li[data-v-8b276b3e]{font-size:14px;color:#b0c8e9;cursor:pointer;transition:color .3s ease;position:relative}.header-wrap .menu ul li[data-v-8b276b3e]:hover{color:#fff}.header-wrap .menu ul li[data-v-8b276b3e]:after{content:"";display:inline-block;height:12px;width:1px;margin:0 20px;background-color:#4e77ad;position:relative;top:1px}.header-wrap .menu ul .active[data-v-8b276b3e]{color:#fff;font-weight:500}.header-wrap .menu ul .active span[data-v-8b276b3e]{display:inline-block;height:20px;width:100%;position:absolute;left:-25px;top:15px;background-image:radial-gradient(farthest-side at 50% 50%,rgba(0,170,255,.81) 1%,rgba(0,173,215,0) 95%)}.header-wrap .menu .user-info .user-name[data-v-8b276b3e]{color:#b0c8e9}