.product-system-menus[data-v-c39876ee]{padding-bottom:72px;width:1240px;margin:0 auto;display:flex}.product-system-menus .left[data-v-c39876ee]{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-c39876ee]::-webkit-scrollbar{width:6px}.product-system-menus .left[data-v-c39876ee]::-webkit-scrollbar-track{background:#f7f9fc;border-radius:3px}.product-system-menus .left[data-v-c39876ee]::-webkit-scrollbar-thumb{background:#d3d6db;border-radius:3px}.product-system-menus .left[data-v-c39876ee]::-webkit-scrollbar-thumb:hover{background:#9198a8}.product-system-menus .left[data-v-c39876ee] .el-anchor{background:#f7f9fc}.product-system-menus .left[data-v-c39876ee] .el-anchor .el-anchor__marker{background-color:transparent}.product-system-menus .left[data-v-c39876ee] .el-anchor .el-anchor__list{padding:12px 24px}.product-system-menus .left[data-v-c39876ee] .el-anchor .el-anchor__list .el-anchor__item.second-menu.not-online{cursor:not-allowed;pointer-events:none}.product-system-menus .left[data-v-c39876ee] .el-anchor .el-anchor__list .el-anchor__item.second-menu.not-online .second-name-anchor{color:#9198a8}.product-system-menus .left[data-v-c39876ee] .el-anchor .el-anchor__list .el-anchor__item .el-anchor__link.is-active .first-name-anchor,.product-system-menus .left[data-v-c39876ee] .el-anchor .el-anchor__list .el-anchor__item .el-anchor__link.is-active .second-name-anchor{color:#3385ff}.product-system-menus .left[data-v-c39876ee] .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-c39876ee] .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-c39876ee] .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-c39876ee] .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-c39876ee]{font-size:16px;font-weight:500;line-height:24px}.product-system-menus .right[data-v-c39876ee]{height:100%;overflow-y:auto;margin-left:28px;display:flex;flex-direction:column;gap:40px}.product-system-menus .right .first .first-name[data-v-c39876ee]{font-size:16px;font-weight:500;line-height:24px}.product-system-menus .right .first .second-wrapper[data-v-c39876ee]{margin-top:14px;display:flex;flex-wrap:wrap;gap:14px}.product-system-menus .right .first .second-wrapper .second[data-v-c39876ee]{box-sizing:border-box;width:227px;display:flex;flex-direction:column;cursor:default;border:1px solid #edf0f5;border-radius:9px;background:#f7f9fc}.product-system-menus .right .first .second-wrapper .second.clickable[data-v-c39876ee]{cursor:pointer}.product-system-menus .right .first .second-wrapper .second[data-v-c39876ee]: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-c39876ee]{transform:scale(1.05)}.product-system-menus .right .first .second-wrapper .second:hover .img-wrapper .hover-buttons[data-v-c39876ee]{opacity:1}.product-system-menus .right .first .second-wrapper .second:hover .bottom .tag[data-v-c39876ee]{background:#f7f8fa}.product-system-menus .right .first .second-wrapper .second .img-wrapper[data-v-c39876ee]{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-c39876ee]{width:100%;height:auto;transition:transform .5s ease}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons[data-v-c39876ee]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:16px 12px;opacity:0;transition:opacity .3s ease}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-contact[data-v-c39876ee],.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-detail[data-v-c39876ee]{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;min-width:0;height:34px;padding:0 10px;color:#fff;border-radius:4px;font-size:13px;font-weight:500;line-height:34px;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-contact[data-v-c39876ee]{border:1px solid #3385ff;background:#3385ff}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-contact[data-v-c39876ee]:hover{background:#70aaff;border-color:#70aaff}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-detail[data-v-c39876ee]{border:1px solid #3385ff;background:#3385ff}.product-system-menus .right .first .second-wrapper .second .img-wrapper .hover-buttons .btn-detail[data-v-c39876ee]:hover{background:#70aaff;border-color:#70aaff}.product-system-menus .right .first .second-wrapper .second .bottom[data-v-c39876ee]{padding:12px;border-radius:0 0 8px 8px}.product-system-menus .right .first .second-wrapper .second .bottom .second-name[data-v-c39876ee]{font-size:14px;font-weight:500;line-height:20px}.product-system-menus .right .first .second-wrapper .second .bottom .tag-container[data-v-c39876ee]{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.product-system-menus .right .first .second-wrapper .second .bottom .tag-container .tag[data-v-c39876ee]{padding:5px 8px;font-size:12px;line-height:14px;color:#6b6f80;border:1px solid #e6e7eb;border-radius:2px;background:#f7f8fa;white-space:nowrap}
