.header[data-v-16d1579a]{gap:12px;height:56px;position:relative;width:900px}.search-bar[data-v-16d1579a]{align-items:center;background-color:#fff;border-radius:30px;display:flex}.search-bar .category-dropdown[data-v-16d1579a]{margin:0 20px;width:150px}.search-bar .search-input[data-v-16d1579a]{border:none;flex:1;height:56px}.search-bar .search-button[data-v-16d1579a]{height:42px;margin-right:7px}.nav ul[data-v-16d1579a]{color:#a4a4a4;display:flex;font-size:12px;list-style:none;margin-top:2px;position:absolute;width:100px}.nav li[data-v-16d1579a]{cursor:pointer;margin-right:20px}.nav-list[data-v-16d1579a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-16d1579a] .el-select__wrapper{box-shadow:none!important;font-size:18px}[data-v-16d1579a] .el-select__wrapper:hover{box-shadow:none!important}[data-v-16d1579a] .el-input__wrapper{box-shadow:none;font-size:18px}.searchHeader .el-select-dropdown__item[data-v-16d1579a]{color:#707070}.searchHeader .is-hovering[data-v-16d1579a]{color:#030303}[data-v-16d1579a] .el-select__wrapper,[data-v-16d1579a] .el-input__wrapper{background-color:transparent!important}[data-v-16d1579a] .el-input .el-input__wrapper.is-focus,[data-v-16d1579a] .el-input.is-focus .el-input__wrapper,[data-v-16d1579a] .el-input .el-input__wrapper:hover{box-shadow:none!important}.hp-status-bar[data-v-94ad9cf1]{display:flex;gap:12px;justify-content:flex-end;width:100%}.hp-status-bar .status-components[data-v-94ad9cf1]{border-radius:1000px;cursor:pointer;flex-shrink:0;font-weight:700;gap:12px;height:56px;padding:16px 26px}[data-v-94ad9cf1] .el-form-item__label{color:var(--hp-text-content);font-size:var(--hp-font-lg);margin-bottom:12px}.input_with_select_Search .el-input-group__append{background-color:var(--hp-color-red);color:#fff}.default-main-container[data-v-d7cde261]{background-color:var(--hp-color-red)}.cate-nav[data-v-d7cde261]{color:#fff}.cate-nav.router-link-active[data-v-d7cde261]{font-weight:700}.category-layout[data-v-d7cde261]{gap:12px;height:50px;margin-right:40px;min-width:240px;position:relative}.wrapper .accordion[data-v-d7cde261]{background-color:var(--hp-color-gray);color:var(--hp-text-content);display:flex;flex-direction:column;height:530px;left:0;min-height:530px;overflow:hidden;overflow-y:auto;padding:10px 0;position:absolute;top:0;transition:all .1s ease-out;width:252px;z-index:99}.wrapper .accordion .accordion-item[data-v-d7cde261]{align-items:center;cursor:pointer;display:flex;height:41px;padding:10px var(--hp-spacing)}.wrapper .accordion .accordion-item.selected[data-v-d7cde261],.wrapper .accordion .accordion-item[data-v-d7cde261]:hover{background-color:var(--hp-color-gray-1);font-weight:700}.wrapper .accordion .accordion-item .truncate-text[data-v-d7cde261]{margin-left:8px;max-width:252px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wrapper .accordion-menus[data-v-d7cde261]{background-color:#fff;border:1px solid var(--hp-color-red-1);border-radius:var(--hp-radius-md);color:var(--hp-text-content);height:530px;left:252px;padding:var(--hp-spacing);position:absolute;top:0;width:1188px;z-index:99}.wrapper .accordion-menus .menus-container[data-v-d7cde261]{display:flex;flex-direction:column;gap:52px;height:100%;overflow-y:auto}.wrapper .accordion-menus .menus-container[data-v-d7cde261]::-webkit-scrollbar{width:6px}.wrapper .accordion-menus .menus-container[data-v-d7cde261]::-webkit-scrollbar-track{background:var(--hp-scrollbar-track);border-radius:12px}.wrapper .accordion-menus .menus-container[data-v-d7cde261]::-webkit-scrollbar-thumb{background:var(--hp-scrollbar-thumb);border-radius:12px}.wrapper .accordion-menus .menus-container .sub-items[data-v-d7cde261]{cursor:pointer}.wrapper .accordion-menus .menus-container .sub-items[data-v-d7cde261]:hover{color:var(--hp-color-red)}.advertising-space[data-v-d7cde261]{display:flex;flex:1 1 0%;gap:var(--hp-spacing);height:100%}.fade-enter-active[data-v-d7cde261],.fade-leave-active[data-v-d7cde261]{transition:opacity .1s ease}.fade-enter-from[data-v-d7cde261],.fade-leave-to[data-v-d7cde261]{opacity:0}.accordion-enter-active[data-v-d7cde261],.accordion-leave-active[data-v-d7cde261]{max-height:300px;overflow:hidden;transition:all .1s ease-out}.accordion-enter-from[data-v-d7cde261],.accordion-leave-to[data-v-d7cde261]{max-height:0;opacity:0;padding:0}