.product-system-menus[data-v-10345f87]{padding-bottom:72px;width:1240px;margin:0 auto;display:flex}.product-system-menus .left[data-v-10345f87]{flex-shrink:0;position:sticky;top:128px;width:260px;height:calc(100vh - 168px);overflow-y:auto;border:1px solid #edf0f5;border-radius:8px;background:#f7f9fc}.product-system-menus .left[data-v-10345f87]::-webkit-scrollbar{width:6px}.product-system-menus .left[data-v-10345f87]::-webkit-scrollbar-track{background:#f7f9fc;border-radius:3px}.product-system-menus .left[data-v-10345f87]::-webkit-scrollbar-thumb{background:#d3d6db;border-radius:3px}.product-system-menus .left[data-v-10345f87]::-webkit-scrollbar-thumb:hover{background:#9198a8}.product-system-menus .left[data-v-10345f87] .el-anchor{background:#f7f9fc}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__marker{background-color:transparent}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list{padding:12px 24px}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list .el-anchor__item.second-menu.not-online{cursor:not-allowed;pointer-events:none}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list .el-anchor__item.second-menu.not-online .second-name-anchor{color:#9198a8}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list .el-anchor__item .el-anchor__link.is-active .first-name-anchor,.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list .el-anchor__item .el-anchor__link.is-active .second-name-anchor{color:#3385ff}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list .el-anchor__item .el-anchor__link.is-active .second-name-anchor:before{background:#3385ff;border:1px solid #3385ff}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list .first-name-anchor{padding:12px 0;font-size:16px;font-weight:500;line-height:24px;color:#141419;border-bottom:1px solid #e6e7eb}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list .second-name-anchor{margin-left:21px;padding:6px 0;font-size:14px;font-weight:400;line-height:21px;color:#141419;white-space:pre-wrap;position:relative}.product-system-menus .left[data-v-10345f87] .el-anchor .el-anchor__list .second-name-anchor:before{content:"";display:block;width:9px;height:9px;border-radius:50%;border:1px solid #d3d6db;position:absolute;left:-21px;top:12px}.product-system-menus .left .first-menu[data-v-10345f87]{font-size:16px;font-weight:500;line-height:24px}.product-system-menus .right[data-v-10345f87]{height:100%;overflow-y:auto;margin-left:28px;display:flex;flex-direction:column;gap:40px}.product-system-menus .right .first .first-name[data-v-10345f87]{font-size:16px;font-weight:500;line-height:24px}.product-system-menus .right .first .second-wrapper[data-v-10345f87]{margin-top:14px;display:flex;flex-wrap:wrap;gap:14px}.product-system-menus .right .first .second-wrapper .second[data-v-10345f87]{box-sizing:border-box;width:227px;display:flex;flex-direction:column;cursor:pointer;border:1px solid #edf0f5;border-radius:9px;background:#f7f9fc}.product-system-menus .right .first .second-wrapper .second[data-v-10345f87]:hover{border:1px solid #3385ff;box-shadow:0 0 10px #3385ff;background:#fff}.product-system-menus .right .first .second-wrapper .second:hover .img[data-v-10345f87]{transform:scale(1.05)}.product-system-menus .right .first .second-wrapper .second:hover .img-wrapper .hover-buttons[data-v-10345f87]{opacity:1}.product-system-menus .right .first .second-wrapper .second:hover .bottom .tag[data-v-10345f87]{background:#f7f8fa}.product-system-menus .right .first .second-wrapper .second .img-wrapper[data-v-10345f87]{box-sizing:border-box;flex-shrink:0;width:100%;border-radius:8px 8px 0 0;overflow:hidden;position:relative}.product-system-menus .right .first .second-wrapper .second .img-wrapper .img[data-v-10345f87]{width:100%;height:auto;transition:transform .5s ease}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons[data-v-10345f87]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;opacity:0;transition:opacity .3s ease}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-primary[data-v-10345f87]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3385ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-primary[data-v-10345f87]:hover{background:#70aaff}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-primary .icon[data-v-10345f87]{width:16px;height:16px;cursor:pointer}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-secondary[data-v-10345f87]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;color:#6b6f80;border:1px solid #d3d6db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-secondary[data-v-10345f87]:hover{background:#f7f9fc;border-color:#3385ff;color:#3385ff}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-secondary .icon[data-v-10345f87]{width:16px;height:16px;background-size:contain}.product-system-menus .right .first .second-wrapper .second .bottom[data-v-10345f87]{padding:12px;border-radius:0 0 8px 8px}.product-system-menus .right .first .second-wrapper .second .bottom .second-name[data-v-10345f87]{font-size:14px;font-weight:500;line-height:20px}.product-system-menus .right .first .second-wrapper .second .bottom .tag-container[data-v-10345f87]{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.product-system-menus .right .first .second-wrapper .second .bottom .tag-container .tag[data-v-10345f87]{padding:5px 8px;font-size:12px;line-height:14px;color:#6b6f80;border:1px solid #e6e7eb;border-radius:2px;background:#f7f8fa;white-space:nowrap}
