@font-face{font-family:SF-REGULAR;src:url(/OTF/SF-PRO-TEXT-REGULAR.AwcKMYfQ.OTF)}@font-face{font-family:SF-BOLD;src:url(/OTF/SF-PRO-TEXT-BOLD.BEWXFDo5.OTF)}@font-face{font-family:SF-BLACK;src:url(/OTF/SF-PRO-TEXT-BLACK.YGBZfVN-.OTF)}@font-face{font-family:SF-SEMIBOLD;src:url(/OTF/SF-PRO-TEXT-SEMIBOLD.C4opGaw6.OTF)}@font-face{font-family:SF-MEDIUM;src:url(/OTF/SF-PRO-TEXT-MEDIUM.MZU1qzkD.OTF)}@font-face{font-family:PingFangBold;src:url(/ttf/PingFang%20Bold.Bl6A-zU-.ttf)}@font-face{font-family:PingFangRegular;src:url(/ttf/PingFang%20Regular.BHiaWigb.ttf)}@font-face{font-family:PingFangMedium;src:url(/ttf/PingFang%20Medium.BJ5FLqaG.ttf)}@font-face{font-family:OPPOSansB;src:url(/ttf/OPPOSans-B.BaXLKlcn.ttf)}#app{width:100%;height:100%;background:#f5f8fd;font-family:SF-REGULAR}#app .main{display:flex;height:calc(100% - 61px)}#app .main .page-container{width:calc(100% - 216px);background:#f0f2f5;padding:0 24px 24px}#app .main .page-container .breadcrumb{height:54px;display:flex}#app .main .page-container .breadcrumb .ant-breadcrumb{line-height:54px}#app .main .page-container .breadcrumb .ant-breadcrumb a:hover{background:unset}#app .main .page-container .breadcrumb .ant-breadcrumb li:first-child .ant-breadcrumb-separator{display:none}#app .main .page-container .container-content{height:calc(100% - 54px);border-radius:8px;overflow-y:scroll;background:#fff;position:relative}#app .main .page-container .container-content::-webkit-scrollbar-thumb{background-color:#cfcfcf;background-clip:padding-box;border-radius:4px}#app .main .page-container .container-content:hover::-webkit-scrollbar-thumb{background-color:#b6b6b6;background-clip:padding-box;border-radius:4px}#app .main .page-container .container-content::-webkit-scrollbar-track-piece{background-color:transparent}#app .main .page-container .container-content::-webkit-scrollbar{width:8px;height:8px}#app .main .page-container .container-content .search-input{width:324px;height:32px;background:#f2f3f5;border-radius:2px;margin-right:20px;border:none;box-shadow:none}#app .main .page-container .container-content .table-content{margin-top:22px}#app .main .page-container .container-content .table-content .operationsAnalysis-title{height:64px;line-height:64px;font-weight:600;font-size:16px;color:#1d2129;font-family:PingFangBold;border-bottom:1px solid rgba(0,0,0,.06)}#app .main .page-container .container-content .common-container{padding:24px;background:#fff}#app .main .page-container .container-content::-webkit-scrollbar{display:none}#app .main .whole-line{height:64px;line-height:64px;background:#fff;font-weight:600;font-size:16px;color:#1d2129;font-family:PingFangBold;border-bottom:1px solid rgba(0,0,0,.06);margin:24px 0}#app .main .membersData-container{display:flex;align-items:center;justify-content:space-between;background:#f0f2f5}#app .main .membersData-container .membersData{width:calc(33.33% - 16px);padding:12px 0 8px 30px;background:#fff;margin-bottom:20px;border-radius:6px;display:flex;align-items:center}#app .main .membersData-container .membersData img{width:80px;height:80px;margin-right:20px}#app .main .membersData-container .membersData .membersData-content{font-size:20px;color:#1d2129;line-height:28px;font-family:PingFangBold}#app .main .membersData-container .membersData .membersData-content .membersData-title{font-weight:400;font-size:16px;color:#4e5969;line-height:24px;font-family:PingFangRegular;margin-bottom:4px}#app .center-flex{display:flex;align-items:center}#app ul,#app li{list-style:none;margin:0;padding:0}#app .ant-pagination{padding-top:24px}#app .ant-pagination .ant-pagination-item{margin:0 4px!important;border:1px solid transparent}#app .ant-pagination .ant-pagination-item-active{background:#e8f3ff;border-radius:2px}.common-drawer ul,.common-drawer li{list-style:none;margin:0;padding:0}.common-drawer .ant-drawer-body{position:relative;padding:32px 48px}.common-drawer .ant-drawer-body .bottom-btn{position:absolute;bottom:0;right:0;width:100%;border-top:1px solid #E5E6EB;height:64px;display:flex;justify-content:end;align-items:center;margin-bottom:0}.common-drawer .ant-drawer-body .bottom-btn .ant-form-item-control-input-content{display:flex;margin-right:24px}.common-drawer .ant-drawer-body .bottom-btn .ant-btn{margin-left:8px}.common-drawer .ant-drawer-body .router-container{border:1px solid #E5E6EB;display:flex;flex-wrap:wrap;max-height:calc(100vh - 182px);overflow-y:scroll}.common-drawer .ant-drawer-body .router-container .single-route{width:33.33%;box-sizing:border-box;height:auto!important}.common-drawer .ant-drawer-body .router-container .single-route .ant-tree-list-holder-inner{border-right:1px solid #E5E6EB;border-bottom:1px solid #E5E6EB}.common-drawer .ant-drawer-body .router-container .single-route .ant-tree-list-holder-inner .ant-tree-treenode{padding:9px 16px}.common-drawer .ant-drawer-body .router-container .single-route .ant-tree-list-holder-inner .ant-tree-treenode .ant-tree-checkbox{margin-top:0}.common-drawer .ant-drawer-body .router-container .single-route .ant-tree-list-holder-inner .ant-tree-treenode:nth-child(1){background:#f7f8fa;width:100%}.common-drawer .ant-drawer-body .router-container .single-route .ant-tree-list-holder-inner:nth-child(3n){border-right:unset}.common-drawer .ant-drawer-body .router-container .interface-box{width:100%;padding:0 10px 10px}.common-drawer .deviceInfo-list .deviceInfo-li{margin-bottom:52px}.common-drawer .deviceInfo-list .deviceInfo-li .title{font-weight:500;font-size:16px;color:#1d2129;line-height:22px;font-family:PingFangMedium;position:relative;padding-left:10px}.common-drawer .deviceInfo-list .deviceInfo-li .title:after{content:"";position:absolute;left:0;width:2px;height:14px;background:#165dff;top:4px}.common-drawer .deviceInfo-list .deviceInfo-li .deviceInfoDetail-li{margin-top:20px;display:flex;align-items:center;font-size:14px;line-height:22px}.common-drawer .deviceInfo-list .deviceInfo-li .deviceInfoDetail-li .label{width:150px;text-align:right;color:#4e5969;margin-right:16px}.common-drawer .deviceInfo-list .deviceInfo-li .deviceInfoDetail-li .value{color:#1d2129}.common-drawer .ant-switch-inner{line-height:20px}.common-drawer .ant-switch-inner .ant-switch-inner-unchecked{margin-top:-20px}.common-drawer .ant-tree .ant-tree-checkbox{margin-block-start:0}.ant-modal-wrap{top:-500px!important}.center-flex{display:flex;align-items:center}.modal-item{margin:20px 0;padding-right:30px;justify-content:center}.modal-item .label{width:80px}.modal-item .value{width:300px}.ant-drawer-content-wrapper .ant-drawer-header-title .ant-drawer-title{font-weight:500;font-size:20px;color:#1d2129;line-height:24px;font-family:PingFangMedium}.ant-drawer-content-wrapper .ant-drawer-body .ant-form-item-label label{font-weight:400;font-size:14px;color:#4e5969}.ant-drawer-content-wrapper .ant-drawer-body input,.ant-drawer-content-wrapper .ant-drawer-body .ant-select-selector{font-size:14px;color:#1d2129}.showLineTabs .ant-tabs-nav{margin-bottom:30px}.showLineTabs .ant-tabs-nav-list{width:100%}.showLineTabs .ant-tabs-nav-list .ant-tabs-tab{border-radius:2px 2px 0 0!important;background:#f7f8fa}.showLineTabs .ant-tabs-nav-list .ant-tabs-tab-active{color:#165dff!important;background:#fff}.showLineTabs .ant-tabs-top>.ant-tabs-nav:before{border-bottom:none}.green{color:#00b42a}.gray{color:#86909c}.red{color:#f53f3f}.yellow{color:#ff7d00}.common-select{width:324px;margin-right:24px}.common-select .ant-select-selector{background-color:#f2f3f5!important;border:none!important;border-radius:2px!important;box-shadow:none!important}.ant-picker-range{background:#f2f3f5;border-radius:2px;border:none;box-shadow:none;width:324px;margin-right:24px}.search-content .ant-input{background:#f2f3f5}
