.header-bottom[data-v-cf8c8896]{background:var(--ys-white);justify-content:space-between;margin-bottom:12px;margin-top:32px;padding:16px calc((100% - var(--ys-width))/2 + 40px)}.header-bottom .header-logo[data-v-cf8c8896]{height:50px;width:200px}.header-bottom .header-nav[data-v-cf8c8896]{margin:0 10px}.header-bottom .header-nav a[data-v-cf8c8896]{margin:0 30px}.header-bottom .header-search[data-v-cf8c8896]{width:45%}.header-bottom .header-search[data-v-cf8c8896] .el-input-group--append>.el-input__wrapper{border-bottom-left-radius:2px;border-top-left-radius:2px;box-shadow:0 0 0 1px var(--ys-primary) inset;width:400px}.header-bottom .header-search[data-v-cf8c8896] .el-input-group__append{background:var(--ys-primary);border-bottom-right-radius:2px;border-top-right-radius:2px;box-shadow:0 1px 0 0 var(--ys-primary) inset,0 -1px 0 0 var(--ys-primary) inset,-1px 0 0 0 var(--ys-primary) inset;color:var(--ys-white);width:92px}.header-action[data-v-cf8c8896]{font-weight:600;justify-content:end;margin-right:30px;width:200px}.header-action .act[data-v-cf8c8896]{color:var(--ys-primary)}.header-action .avator[data-v-cf8c8896]{flex-direction:column;position:relative}.header-action .avator img[data-v-cf8c8896]{height:21px;margin-bottom:9px;transition:all .5s ease-in-out;width:21px}.header-action .avator p[data-v-cf8c8896]{margin-bottom:7px}.header-action .avator .el-icon[data-v-cf8c8896]{margin-bottom:7px;transition:all .5s ease-in-out}.header-action .avator span[data-v-cf8c8896]{align-items:flex-start;background:var(--ys-primary);border:1px solid #cecece;border-radius:20px;color:var(--ys-white);display:flex;flex-direction:column;font-weight:600;line-height:17px;padding:0 4px;position:absolute;right:-2px;top:-7px;transition:all .5s ease-in-out}.header-action .avator:hover .el-icon[data-v-cf8c8896],.header-action .avator:hover img[data-v-cf8c8896],.header-action .avator:hover span[data-v-cf8c8896]{transform:translateY(-3px)}.header-action .avator[data-v-cf8c8896]:last-child{margin-left:45px}