/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/SysInfoMain.less ***!
  \*****************************************************************************************************************************************************************************************************************/
.SysInfoMain_root_1PB8 {
  position: fixed;
  z-index: 99999;
  bottom: 0 !important;
  width: 100%;
  height: 540px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #cccccc;
  overflow: auto;
  min-width: 1000px;
}
.SysInfoMain_root_1PB8::after {
  content: '';
  width: 100%;
  border-top: 1px solid #ffffffb3;
  position: absolute;
}
.SysInfoMain_root_1PB8::before {
  content: '';
  width: 100%;
  border-top: 1px solid #000;
  position: absolute;
}
.SysInfoMain_mini_1QX- {
  left: 10px;
  bottom: 10px;
  width: 100px!important;
  height: 30px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  visibility: hidden;
}
.SysInfoMain_max_20zH {
  left: 0!important;
  top: 0!important;
  width: 100vw;
  height: 100vh !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.SysInfoMain_hide_2HlC {
  visibility: hidden;
}
.SysInfoMain_mini-view_3M_5 {
  -webkit-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  position: fixed;
  bottom: 8px;
  right: 8px;
  width: 172px;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #242527;
  z-index: 9999;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
.SysInfoMain_mini-view_3M_5 .SysInfoMain_close_3FWp {
  margin-left: 12px;
}
.SysInfoMain_mini-view_3M_5 .SysInfoMain_close_3FWp i {
  font-size: 20px;
}
.SysInfoMain_mini-view_3M_5 .SysInfoMain_dragEle_3BQt {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: move;
  left: 0;
  top: 0;
}
.SysInfoMain_mini-view_3M_5 .SysInfoMain_lookupEle_1jcT {
  margin: 0 6px;
  z-index: 1;
}
.SysInfoMain_mini-view_3M_5 .SysInfoMain_text_3Z4b {
  z-index: 1;
  cursor: pointer;
}
.SysInfoMain_main-view_2rb2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #b3a2b4;
}
.SysInfoMain_splitLine_1gPz {
  position: absolute;
  z-index: 999;
  cursor: ns-resize;
  height: 10px;
  width: 100%;
  top: -5px;
}
.SysInfoMain_splitLine_1gPz::after {
  content: '';
  width: 1px;
  left: 4px;
  display: block;
  height: 100%;
  position: absolute;
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/LayoutPanel.less ***!
  \*****************************************************************************************************************************************************************************************************************/
.LayoutPanel_root_dUCT {
  position: relative;
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0px;
      -ms-flex-preferred-size: 0px;
          flex-basis: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2px;
}
.LayoutPanel_panel-container_13D1 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: visible;
}
.LayoutPanel_visible_mkog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/DragBall.less ***!
  \********************************************************************************************************************************************************************************************************************/
.DragBall_root_2boE {
  position: absolute;
  top: 5px;
  right: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid;
  background-color: darkseagreen;
  cursor: move;
  z-index: 3;
  opacity: 0.3;
}
.DragBall_root_2boE:hover {
  opacity: 1;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/PageListPanel.less ***!
  \*************************************************************************************************************************************************************************************************************************/
.PageListPanel_root_3LM1 {
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
}
.PageListPanel_left_1QA4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background-color: #242527;
  border-right: 1px solid #757677;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.PageListPanel_left_1QA4 .PageListPanel_treeClass_1-XL {
  width: 100%;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn {
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  background-color: #191a1c;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_refresh_2tjZ {
  margin: 0 12px 0 4px;
  font-size: 14px;
  cursor: pointer;
  width: 24px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_refresh_2tjZ:active {
  background-color: #fff !important;
  color: #000 !important;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_refresh_2tjZ:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.15);
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_searchClass_JK4v {
  height: 24px;
  margin-left: 8px;
  background-color: #191a1c;
  border: 1px solid transparent;
  width: 100%;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_searchClass_JK4v input {
  width: 100%;
  background-color: #191a1c;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_searchClass_JK4v input::-webkit-input-placeholder {
  color: #5a5b5d;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_searchClass_JK4v input::-moz-placeholder {
  color: #5a5b5d;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_searchClass_JK4v input:-ms-input-placeholder {
  color: #5a5b5d;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_searchClass_JK4v input::-ms-input-placeholder {
  color: #5a5b5d;
}
.PageListPanel_left_1QA4 .PageListPanel_header_2Ygn .PageListPanel_searchClass_JK4v input::placeholder {
  color: #5a5b5d;
}
.PageListPanel_right_28Bs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #191a1c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 0;
}
.PageListPanel_page-item_2Bcy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.PageListPanel_title_1hgQ {
  padding: 5px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.PageListPanel_title_1hgQ:hover {
  outline: 1px solid #443d3d;
}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/Tree.less ***!
  \****************************************************************************************************************************************************************************************************************/
.Tree_root_2DJM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: auto;
}
.Tree_root_2DJM::-webkit-scrollbar {
  width: 0 !important;
}
.Tree_node_30Qi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  line-height: 32px;
  height: 32px;
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.Tree_node_30Qi:hover {
  background-color: #444547;
}
.Tree_isSelect_10ej {
  background-color: #2660cb !important;
  color: #FFFFFF;
}
.Tree_content_o8i- {
  white-space: nowrap;
}
.Tree_icon_2K_J {
  width: 20px;
  height: 100%;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #ffffffb3;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/PagePanel.less ***!
  \*********************************************************************************************************************************************************************************************************************/
.PagePanel_root_2uXQ {
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
}
.PagePanel_panel-container_1BWN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: calc(100% - 32px);
}
.PagePanel_panel-container_1BWN .PagePanel_panelRoot_22ez {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
}
.PagePanel_panel-container_1BWN .PagePanel_panelRoot_22ez .PagePanel_noDataClass_1MJ5 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
.PagePanel_panel-container_1BWN .PagePanel_select_3PT_ {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.PagePanel_button-container_39zz {
  background-color: #191a1c;
  height: 32px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  border-bottom: 1px solid #3b3c3d;
  padding-left: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 2px;
}
.PagePanel_button-container_39zz > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  position: relative;
  height: 24px;
  opacity: 1;
  padding: 0 8px;
  cursor: pointer;
  border-radius: 2px;
}
.PagePanel_button-container_39zz span {
  padding: 0 8px;
  opacity: 0.7;
  line-height: 24px;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 2px;
  margin-right: 8px;
}
.PagePanel_button-container_39zz span:hover {
  background-color: #3b3c3e;
}
.PagePanel_button-container_39zz .PagePanel_active_1shy {
  border-color: #555659 !important;
  background-color: #050506;
  color: #fff;
}
.PagePanel_bar_3QXq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  font-size: 14px;
  background: #252628;
  border-top: 1px solid #3b3c3e;
}
.PagePanel_bar_3QXq .PagePanel_item_3CWW {
  padding: 0px 16px;
  opacity: 0.7;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 125px;
  position: relative;
}
.PagePanel_bar_3QXq .PagePanel_item_3CWW:hover {
  color: #FFFFFF;
}
.PagePanel_bar_3QXq .PagePanel_item_3CWW:hover .PagePanel_close_Mie- {
  visibility: visible;
}
.PagePanel_bar_3QXq .PagePanel_item_3CWW .PagePanel_close_Mie- {
  visibility: hidden;
  font-size: 14px;
  margin-left: 2px;
  position: absolute;
  right: 8px;
  top: 0;
}
.PagePanel_bar_3QXq .PagePanel_addTime_1WMf {
  width: 24px !important;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
.PagePanel_bar_3QXq .PagePanel_addTime_1WMf:hover {
  color: white;
  background-color: #ffffff26;
}
.PagePanel_bar_3QXq .PagePanel_addTime_1WMf:active {
  background-color: #fff;
  color: #000;
}
.PagePanel_bar_3QXq .PagePanel_disable_28SK {
  cursor: not-allowed;
  color: #636365 !important;
  background-color: #252628 !important;
}
.PagePanel_bar_3QXq .PagePanel_active_1shy {
  opacity: 1;
  background-color: #070808;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.PagePanel_noData_3NYV {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/Search.less ***!
  \************************************************************************************************************************************************************************************************************/
.Search_searchIcon_A-bY {
  height: 24px;
  width: 24px;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
}
.Search_searchIcon_A-bY:hover {
  color: white !important;
  background-color: #ffffff26;
}
.Search_searchIcon_A-bY:active {
  background-color: #fff !important;
  color: #000 !important;
}
.Search_hide_3YSM {
  display: none !important;
}
.Search_search_1ITA {
  z-index: 1050;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #070808;
  border: 1px solid #404145;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 2px;
}
.Search_search_1ITA:hover {
  color: #276FF5 !important;
  border-color: #276FF5 !important;
}
.Search_search_1ITA .Search_magnifying_quzZ {
  font-size: 16px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  color: #58585a !important;
}
.Search_search_1ITA .Search_searchInput_JKSQ {
  position: relative;
  border: none;
  margin-left: 6px;
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  line-height: 18px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #070808;
}
.Search_search_1ITA .Search_searchInput_JKSQ::-webkit-input-placeholder {
  color: #FFFFFF !important;
  opacity: 0.3;
}
.Search_search_1ITA .Search_searchInput_JKSQ::placeholder,
.Search_search_1ITA .Search_searchInput_JKSQ::-webkit-input-placeholder,
.Search_search_1ITA .Search_searchInput_JKSQ:-moz-placeholder,
.Search_search_1ITA .Search_searchInput_JKSQ::-moz-placeholder,
.Search_search_1ITA .Search_searchInput_JKSQ:-ms-input-placeholder {
  color: #FFFFFF !important;
  opacity: 0.3;
}
.Search_search_1ITA .Search_clear_1_4n {
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  cursor: pointer;
}
.Search_search_1ITA .Search_hide_3YSM {
  display: none;
}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!../../node_modules/codemirror/theme/blackboard.css ***!
  \******************************************************************************************************************************************************************************************************************/
/* Port of TextMate's Blackboard theme */
.blackboard_cm-s-blackboard_WSL-.blackboard_CodeMirror_KQwe {
  background: #0C1021;
  color: #F8F8F8;
}
.blackboard_cm-s-blackboard_WSL- div.blackboard_CodeMirror-selected_3e9Z {
  background: #253B76;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9::-moz-selection, .blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9 > span::-moz-selection, .blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9 > span > span::-moz-selection {
  background: rgba(37, 59, 118, 0.99);
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9::selection,
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9 > span::selection,
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9 > span > span::selection {
  background: rgba(37, 59, 118, 0.99);
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9::-moz-selection,
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9 > span::-moz-selection,
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-line_3AW9 > span > span::-moz-selection {
  background: rgba(37, 59, 118, 0.99);
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-gutters_3Xnm {
  background: #0C1021;
  border-right: 0;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-guttermarker_co7w {
  color: #FBDE2D;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-guttermarker-subtle_3fa3 {
  color: #888;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-linenumber_2sOq {
  color: #888;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-cursor_1Lb7 {
  border-left: 1px solid #A7A7A7;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-keyword_3DGl {
  color: #FBDE2D;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-atom_2srv {
  color: #D8FA3C;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-number_AKyh {
  color: #D8FA3C;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-def_14dJ {
  color: #8DA6CE;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-variable_3HgR {
  color: #FF6400;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-operator_l6A1 {
  color: #FBDE2D;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-comment_3XQ8 {
  color: #AEAEAE;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-string_1vWz {
  color: #61CE3C;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-string-2_vGCh {
  color: #61CE3C;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-meta_VvOa {
  color: #D8FA3C;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-builtin_3HGl {
  color: #8DA6CE;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-tag_URkD {
  color: #8DA6CE;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-attribute_q3Lt {
  color: #8DA6CE;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-header_2-Cb {
  color: #FF6400;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-hr_2weK {
  color: #AEAEAE;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-link_1BVD {
  color: #8DA6CE;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_cm-error_gL3X {
  background: #9D1E15;
  color: #F8F8F8;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-activeline-background_2CRu {
  background: #3C3636;
}
.blackboard_cm-s-blackboard_WSL- .blackboard_CodeMirror-matchingbracket_2W44 {
  outline: 1px solid grey;
  color: white !important;
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/CodeMirrorPanel.less ***!
  \***************************************************************************************************************************************************************************************************************************/
.CodeMirrorPanel_root_2kmk {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  height: 410px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.CodeMirrorPanel_code-root_1qON {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
}
.CodeMirrorPanel_code-root_1qON .cm-s-monokai.CodeMirror {
  background-color: #191a1c;
}
.CodeMirrorPanel_code-root_1qON .cm-s-monokai.CodeMirror .CodeMirror-gutters {
  background-color: #191a1c;
}

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/LookupPanel.less ***!
  \***********************************************************************************************************************************************************************************************************************/
.LookupPanel_root_2FSe {
  color: #fff;
  padding: 5px;
}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/ConsolePanel.less ***!
  \************************************************************************************************************************************************************************************************************************/
.ConsolePanel_root_32o_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  color: rgba(255, 255, 255, 0.7);
}
.ConsolePanel_label-area_296k {
  position: relative;
  padding: 5px;
  font-size: 14px;
  border-bottom: 1px solid #363738;
  border-top: 1px solid #363738;
  padding-left: 16px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ConsolePanel_label-area_296k > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
  height: 24px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.ConsolePanel_label-area_296k > div:hover {
  background-color: #3b3c3e;
}
.ConsolePanel_label-area_296k i {
  margin-right: 4px;
}
.ConsolePanel_label-area_296k .ConsolePanel_rightArea_PX5Q {
  position: absolute;
  right: 0;
  top: 3px;
  background-color: transparent !important;
}
.ConsolePanel_label-area_296k .ConsolePanel_rightArea_PX5Q .ConsolePanel_search_m5Mi {
  top: -3px;
  width: 400px;
}
.ConsolePanel_label-area_296k .ConsolePanel_rightArea_PX5Q > i {
  border-radius: 4px;
  margin-left: 8px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: -5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ConsolePanel_label-area_296k .ConsolePanel_rightArea_PX5Q > i:hover {
  color: white;
  background-color: #ffffff26;
}
.ConsolePanel_label-area_296k .ConsolePanel_rightArea_PX5Q > i:active {
  background-color: #fff !important;
  color: #000 !important;
}
.ConsolePanel_message-area_1-dq {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 0;
  padding: 5px;
  border-bottom: 1px solid #363738;
  overflow: auto;
  position: relative;
}
.ConsolePanel_message-area_1-dq [data-type=error] {
  color: #f65054;
  background-color: #2f1b1d;
}
.ConsolePanel_message-area_1-dq [data-type=error] .ConsolePanel_message-detail_2vMd {
  border-bottom: 1px solid #5c1d1e;
}
.ConsolePanel_message-area_1-dq [data-type=warn] {
  color: #FF991D;
  background-color: #30261c;
}
.ConsolePanel_message-area_1-dq [data-type=warn] .ConsolePanel_message-detail_2vMd {
  border-bottom: 1px solid #5e401c;
}
.ConsolePanel_message-container_18eX {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}
.ConsolePanel_message-container_18eX summary {
  padding-top: 2px;
}
.ConsolePanel_message-container_18eX summary::marker {
  color: #aca4a5;
}
.ConsolePanel_message-detail_2vMd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
  min-height: 24px;
  line-height: 24px;
  margin-left: 16px;
}
.ConsolePanel_message-detail_2vMd i {
  margin: 0 6px 0 0;
}
.ConsolePanel_message-detail_2vMd:hover {
  background-color: #1d335c !important;
}
.ConsolePanel_eval-area_3hte {
  padding: 5px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  background-color: #ffffff0d;
}
.ConsolePanel_eval-area_3hte input {
  border: none;
  height: 100%;
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(45, 45, 45, 0.05);
  font-size: 12px;
}
.ConsolePanel_eval-area_3hte input::-webkit-input-placeholder {
  color: #FFFFFF !important;
  opacity: 0.3;
}
.ConsolePanel_eval-area_3hte input::placeholder,
.ConsolePanel_eval-area_3hte input::-webkit-input-placeholder,
.ConsolePanel_eval-area_3hte input:-moz-placeholder,
.ConsolePanel_eval-area_3hte input::-moz-placeholder,
.ConsolePanel_eval-area_3hte input:-ms-input-placeholder {
  color: #FFFFFF !important;
  opacity: 0.3;
}
.ConsolePanel_active_2L5K {
  background: #050506;
  border-color: #555659 !important;
  opacity: 1;
  color: #fff;
}
.ConsolePanel_searchIcon_3vnC {
  z-index: 1050;
  height: 44px;
  font-size: 16px;
  line-height: 44px;
  position: absolute;
  right: 30px;
  cursor: pointer;
}
.ConsolePanel_searchIcon_3vnC:hover {
  color: #5582F3;
}
.ConsolePanel_hide_3xA_ {
  display: none !important;
}
.ConsolePanel_search_m5Mi {
  z-index: 1050;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 30px;
  height: 24px;
  width: 200px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #070808;
  border: 1px solid #ffffff26;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 2px;
}
.ConsolePanel_search_m5Mi .ConsolePanel_magnifying_1KlZ {
  font-size: 16px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}
.ConsolePanel_search_m5Mi .ConsolePanel_searchInput_fyds {
  position: relative;
  border: none;
  margin-left: 6px;
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  line-height: 18px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: #070808;
}
.ConsolePanel_search_m5Mi .ConsolePanel_clear_6zCx {
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 12px;
  cursor: pointer;
}
.ConsolePanel_search_m5Mi .ConsolePanel_hide_3xA_ {
  display: none;
}
.ConsolePanel_msg-string_2-AS {
  padding-left: 16px;
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/JsonNode.less ***!
  \********************************************************************************************************************************************************************************************************************/
.JsonNode_root_3Fem {
  white-space: nowrap;
}
.JsonNode_detail_1lsz {
  padding: 0px 16px;
  line-height: 20px;
}
.JsonNode_item_1APr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
}
.JsonNode_item_1APr .JsonNode_name_1eTs {
  padding-right: 5px;
  color: #e22121;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.JsonNode_item_1APr .JsonNode_value_2Fl5 {
  display: block;
  word-break: break-all;
  white-space: pre-wrap;
}
.JsonNode_item_1APr .JsonNode_number_3awm {
  color: green;
}
.JsonNode_summary-name_2aro {
  color: #e22121;
}
.JsonNode_summary-title_1A1i {
  vertical-align: middle;
  white-space: nowrap;
}
.JsonNode_summary-info_3UK0 {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: 98%;
}
.JsonNode_summary_18Pt {
  margin-left: -10px;
}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/Details.less ***!
  \*************************************************************************************************************************************************************************************************************/
.Details_summary_10SM {
  line-height: 20px;
}
.Details_details_gPrU,
.Details_summary_10SM {
  display: block;
  position: relative;
  white-space: nowrap;
}
.Details_details_gPrU:not([open]) > *:not(.Details_summary_10SM) {
  display: none;
}
.Details_icon_xrRo {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
}
.Details_icon_xrRo::before {
  content: "\25BA";
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 2px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.Details_details_gPrU[open] > .Details_summary_10SM > .Details_icon_xrRo::before {
  content: "\25BA";
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/NetWorkPanel.less ***!
  \************************************************************************************************************************************************************************************************************************/
.NetWorkPanel_root_vwpR {
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.NetWorkPanel_root_vwpR .NetWorkPanel_leftContainer_rZIg {
  width: 40%;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.NetWorkPanel_root_vwpR .NetWorkPanel_leftContainer_rZIg .NetWorkPanel_search_1tXr {
  position: absolute;
  right: 40px;
  top: -28px;
}
.NetWorkPanel_root_vwpR .NetWorkPanel_leftContainer_rZIg .NetWorkPanel_clear_2csa {
  position: absolute;
  right: 12px;
  top: -28px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.NetWorkPanel_root_vwpR .NetWorkPanel_leftContainer_rZIg .NetWorkPanel_clear_2csa:hover {
  color: white;
  background-color: #ffffff26;
}
.NetWorkPanel_root_vwpR .NetWorkPanel_leftContainer_rZIg .NetWorkPanel_clear_2csa:active {
  background-color: #fff !important;
  color: #000 !important;
}
.NetWorkPanel_root_vwpR .NetWorkPanel_rightContainer_3eyh {
  width: 100%;
  margin-top: -32px;
  border-left: 1px solid #757677;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.NetWorkPanel_header_2S89 {
  width: 100% !important;
  min-width: 200px !important;
  background-color: #3b3c3d !important;
  border-bottom: 1px solid #474749 !important;
}
.NetWorkPanel_container_Evtk {
  overflow: auto;
  height: calc(100% - 24px);
  overflow-y: auto;
}
.NetWorkPanel_container_Evtk .NetWorkPanel_listitem_32KH {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  font-size: 12px;
  height: 24px;
  cursor: pointer;
}
.NetWorkPanel_container_Evtk .NetWorkPanel_listitem_32KH:nth-child(n) {
  background-color: rgba(255, 255, 255, 0.05);
}
.NetWorkPanel_container_Evtk .NetWorkPanel_listitem_32KH:nth-child(2n-1) {
  background-color: #191A1C;
}
.NetWorkPanel_container_Evtk .NetWorkPanel_select_EIKN {
  background-color: #2660cb !important;
  color: #FFFFFF;
}
.NetWorkPanel_container_Evtk .NetWorkPanel_hover_KFXA:hover {
  background-color: #444547 !important;
}
.NetWorkPanel_item_3Ce3 {
  padding-left: 0 !important;
  -webkit-flex-shrink: 1 !important;
      -ms-flex-negative: 1 !important;
          flex-shrink: 1 !important;
  padding-right: 0 !important;
}
.NetWorkPanel_url_5cUe {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 16px !important;
  width: 230px;
}
.NetWorkPanel_status_2vJx {
  width: 75px;
}
.NetWorkPanel_type_2XWs {
  width: 66px;
}
.NetWorkPanel_size_193j {
  width: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.NetWorkPanel_time_3GqR {
  margin-right: 12px;
  width: 120px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.NetWorkPanel_long-long-time_fMrQ,
.NetWorkPanel_ajax-error_2sDa {
  color: #FB2323;
}
.NetWorkPanel_ajax-error_2sDa {
  cursor: default;
}
.NetWorkPanel_long-time_Pfni {
  color: #FF991C;
}
.NetWorkPanel_splitLine_1fFH {
  position: absolute;
  width: 10px;
  z-index: 999;
  top: 0;
  right: -7px;
  height: 100%;
  cursor: ew-resize;
}
.NetWorkPanel_splitLine_1fFH::after {
  content: '';
  width: 1px;
  left: 4px;
  display: block;
  height: 100%;
  position: absolute;
}
.NetWorkPanel_noData_17dk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/NetWorkDetailPanel.less ***!
  \******************************************************************************************************************************************************************************************************************************/
.NetWorkDetailPanel_root_26tS {
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  height: 100%;
}
.NetWorkDetailPanel_root_26tS .NetWorkDetailPanel_search_3xUD {
  position: absolute;
  right: 40px;
  top: -30px;
}
.NetWorkDetailPanel_root_26tS .NetWorkDetailPanel_clear_36sL {
  position: absolute;
  right: 12px;
  top: -30px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.NetWorkDetailPanel_root_26tS .NetWorkDetailPanel_clear_36sL:hover {
  color: #5582F3;
}
.NetWorkDetailPanel_root_26tS .NetWorkDetailPanel_clear_36sL:active {
  background-color: #353638;
}
.NetWorkDetailPanel_header_iGk6 {
  background-color: #191a1c;
  height: 32px;
  color: #FFFFFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  border-bottom: 1px solid #3b3c3d;
  padding-left: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.NetWorkDetailPanel_header_iGk6 > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  position: relative;
  height: 24px;
  opacity: 1;
  padding: 0 8px;
  cursor: pointer;
  border-radius: 2px;
}
.NetWorkDetailPanel_header_iGk6 span {
  padding: 0 8px;
  opacity: 0.7;
  line-height: 24px;
  height: 24px;
  border: 1px solid transparent;
  cursor: pointer;
}
.NetWorkDetailPanel_header_iGk6 span :hover {
  background-color: #3b3c3e;
}
.NetWorkDetailPanel_header_iGk6 .NetWorkDetailPanel_select_qmDO {
  border-color: #555659 !important;
  background-color: #050506;
  color: #FFFFFF;
}
.NetWorkDetailPanel_hidden_1syl {
  display: none !important;
}
.NetWorkDetailPanel_panel_3PRb {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.NetWorkDetailPanel_response_12eO {
  padding: 8px 0px 0 16px;
  word-break: break-all;
}
.NetWorkDetailPanel_nothing_1lb_ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.NetWorkDetailPanel_header-panel_1k2y {
  padding: 10px;
}
.NetWorkDetailPanel_header-detail_3iOS {
  margin-bottom: 5px;
}
.NetWorkDetailPanel_container_96eW {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  overflow: auto;
}
.NetWorkDetailPanel_header-title_2DNJ {
  cursor: pointer;
  font-weight: bolder;
}
.NetWorkDetailPanel_header-label_3uKw {
  font-weight: bolder;
  white-space: nowrap;
}
.NetWorkDetailPanel_header-content_37uA {
  word-break: break-all;
  line-height: 17px;
}
.NetWorkDetailPanel_header-item_2YNc {
  padding: 5px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/SysTable.less ***!
  \********************************************************************************************************************************************************************************************************************/
.SysTable_root_8LWr {
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.SysTable_root_8LWr .SysTable_table_2wtH {
  width: 100%;
  overflow: auto;
  table-layout: fixed;
  border-collapse: collapse;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_header_hdz6 {
  height: 24px;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_header_hdz6 .SysTable_rowHeader_Okx6 {
  height: 100%;
  background-color: #3b3c3e;
  border-bottom: 1px solid #474749;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_header_hdz6 .SysTable_row_20Ne {
  padding: 0;
  font-weight: 400;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_header_hdz6 .SysTable_row_20Ne:hover .SysTable_line_1jhh {
  display: block !important;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_header_hdz6 .SysTable_row_20Ne .SysTable_cell_1nm- {
  padding: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  height: 24px;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_header_hdz6 .SysTable_row_20Ne .SysTable_cell_1nm- .SysTable_content_nF4m {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_tbody_2ng7 .SysTable_row_20Ne .SysTable_cell_1nm- {
  height: 24px;
  padding: 0 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_tbody_2ng7 .SysTable_row_20Ne:nth-child(2n+1) {
  background-color: #191A1C;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_tbody_2ng7 .SysTable_row_20Ne:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05);
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_tbody_2ng7 .SysTable_row_20Ne:hover {
  background: #3b3c3d;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_tbody_2ng7 .SysTable_select_31Ut {
  background-color: #1d335c !important;
}
.SysTable_root_8LWr .SysTable_table_2wtH .SysTable_allowSelectId_1s_T {
  cursor: pointer;
}
.SysTable_root_8LWr .SysTable_button_kbWj {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #666;
  stroke: none;
  fill: #989fa8;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  font-size: 12px;
  padding-left: 4px;
}
.SysTable_root_8LWr .SysTable_button_kbWj .SysTable_bottom_1VJ- {
  height: 6px;
  line-height: 6px;
  color: #b2b2b2;
  font-size: 12px;
}
.SysTable_root_8LWr .SysTable_button_kbWj .SysTable_top_3vkl {
  height: 6px;
  line-height: 6px;
  color: #b2b2b2;
  font-size: 12px;
}
.SysTable_root_8LWr .SysTable_button_kbWj .SysTable_active_1FWt {
  color: #5582F3;
}
.SysTable_error_1oFm {
  color: #FB2323;
}
.SysTable_warn_2y2x {
  color: #FF991C;
}
.SysTable_line_1jhh {
  position: absolute;
  right: 0px;
  width: 10px;
  height: 24px;
  cursor: ew-resize;
  display: none;
}
.SysTable_line_1jhh::after {
  content: '';
  background-color: rgba(255, 255, 255, 0.3);
  width: 1px;
  left: 4px;
  display: block;
  position: absolute;
  height: 14px;
  top: 5px;
}
.SysTable_tooltipRoot_1ElD {
  max-width: 500px;
  color: white;
  z-index: 99999;
}
.SysTable_tooltipRoot_1ElD::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.SysTable_toolbar-item_eWxg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  padding: 6px 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  color: #6f7071;
}
.SysTable_toolbar-item_eWxg label {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.SysTable_toolbar-item_eWxg label .SysTable_checkboxBg_3jau {
  position: absolute;
  top: 10px;
  width: 13px;
  height: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #3c4d56;
  border: 1px solid #7a858a;
  pointer-events: none;
  border-radius: 2px;
}
.SysTable_toolbar-item_eWxg label .SysTable_hideCheckboxBg_FCFy {
  display: none;
}
.SysTable_toolbar-item_eWxg label input {
  margin-right: 4px;
  cursor: pointer;
}
.SysTable_toolbar-browser-Info_MfcA i {
  font-size: 16px;
}
.SysTable_toolbar-browser-Info_MfcA:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.SysTable_filterIcon_2WrJ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 0 4px;
  color: #6f7071;
  height: 20px;
  margin-top: 2px;
  border-radius: 4px;
}
.SysTable_filterIcon_2WrJ:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.SysTable_filterIcon_2WrJ i {
  font-size: 12px;
}
.SysTable_btnHover_2QZU {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}
.SysTable_select_31Ut {
  color: #5797ff;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/ElementSizeDiagram.less ***!
  \******************************************************************************************************************************************************************************************************************************/
.ElementSizeDiagram_root_2elR {
  line-height: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.ElementSizeDiagram_firstRoot_1cYm {
  margin: 12px 0;
}
.ElementSizeDiagram_name-top__3Tm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5px;
  position: relative;
  height: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ElementSizeDiagram_top_4hmd {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ElementSizeDiagram_left-right_1YK4 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ElementSizeDiagram_left_2IjU,
.ElementSizeDiagram_right_gM7X {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3px;
}
.ElementSizeDiagram_bottom_3zOp {
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ElementSizeDiagram_size_3W2S {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 120px;
  height: 30px;
}
.ElementSizeDiagram_name_20i6 {
  position: absolute;
  left: 3px;
  top: 0;
}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/ELementPanel.less ***!
  \************************************************************************************************************************************************************************************************************************/
.ELementPanel_root_2qy4 {
  color: rgba(255, 255, 255, 0.75);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
.ELementPanel_root_2qy4 summary::marker {
  color: #aca4a5;
}
.ELementPanel_row_3OCo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ELementPanel_groupRoot_1qIa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ELementPanel_groupRoot_1qIa .ELementPanel_icon_1F46 {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
}
.ELementPanel_groupRoot_1qIa .ELementPanel_icon_1F46::before {
  content: "\25BA";
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  left: 0;
  top: 2px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ELementPanel_groupRoot_1qIa .ELementPanel_iconRotate_Ct0j i {
  cursor: pointer;
}
.ELementPanel_groupRoot_1qIa .ELementPanel_iconRotate_Ct0j i::before {
  content: "\25BA";
  -webkit-transform: rotate(0deg) !important;
      -ms-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
.ELementPanel_group_EPq6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ELementPanel_group-item_p22B {
  padding-left: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ELementPanel_group-item_p22B:hover {
  background: #3b3c3d;
}
.ELementPanel_group-item-name_12f5 {
  width: 300px;
  line-height: 18px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: rgba(34, 255, 237, 0.7);
  margin-right: 20px;
}
.ELementPanel_group-item-value_3aK9 {
  line-height: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ELementPanel_group-item-value_3aK9 .ELementPanel_color_3per {
  width: 12px;
  height: 12px;
  margin-right: 2px;
  border: 1px solid #666666;
}
.ELementPanel_group-item-value_3aK9 .ELementPanel_value_32Jw {
  margin-left: 5px;
}
.ELementPanel_selector_1mu1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 0 3px 0;
  border: 1px solid #3b3c3d;
  margin-bottom: 8px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ELementPanel_selector_1mu1 .ELementPanel_selector-title_1FJ8 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ELementPanel_selector_1mu1 .ELementPanel_selector-title_1FJ8 .ELementPanel_searchClass_xAKd {
  border: 1px solid transparent;
  background-color: #191a1c;
}
.ELementPanel_selector_1mu1 .ELementPanel_selector-title_1FJ8 .ELementPanel_searchClass_xAKd input {
  background-color: #191a1c;
}
.ELementPanel_selector_1mu1 label {
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ELementPanel_selector_1mu1 label input {
  margin-right: 5px;
}
.ELementPanel_selector_1mu1 .ELementPanel_checkboxBg_1AC7 {
  position: absolute;
  width: 13px;
  height: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #3c4d56;
  border: 1px solid #7a858a;
  pointer-events: none;
  border-radius: 2px;
  top: 6px;
}
.ELementPanel_selector_1mu1 .ELementPanel_hideCheckboxBg_1dwC {
  display: none;
}
.ELementPanel_summary_1c-X {
  height: 18px;
  line-height: 18px;
  cursor: pointer;
  padding-left: 16px;
  color: #22FFED;
}
.ELementPanel_opacity_3MxN {
  width: 12px;
  height: 12px;
  position: relative;
  background: rgba(255 255 255 0.1);
  border: 1px solid #666666;
}
.ELementPanel_opacity_3MxN::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 6px;
  background-color: gray;
}
.ELementPanel_opacity_3MxN::before {
  content: '';
  position: absolute;
  left: 6px;
  top: 6px;
  width: 5px;
  height: 5px;
  background-color: gray;
}
.ELementPanel_default-value_3z3- {
  opacity: 0.5;
}
.ELementPanel_ElementSize_3E-j {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.ELementPanel_hide_3mfA {
  display: none;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/JsonPanel.less ***!
  \*********************************************************************************************************************************************************************************************************************/
.JsonPanel_root_3hAr {
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  line-height: 25px;
  background-color: #191a1c;
  overflow-y: auto;
  overflow-x: hidden;
}
.JsonPanel_search_3VX5 {
  position: absolute;
  right: 10px;
  top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/DirectivePanel.less ***!
  \**************************************************************************************************************************************************************************************************************************/
.DirectivePanel_root_3uCq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}
.DirectivePanel_jsonPanel_AStU {
  overflow: auto;
  width: 100%;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl {
  padding: 0px 16px 16px 16px;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #454647;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_noError_HjeE {
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  color: rgba(255, 255, 255, 0.7);
  margin: 16px 0 0px 0;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_noError_HjeE i {
  margin-right: 9px;
  color: #1BA854;
  font-size: 18px;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_info_2ZsZ {
  background: rgba(39, 111, 245, 0.1);
  border: 1px solid rgba(42, 113, 245, 0.3);
  border-radius: 4px;
  color: #276FF5;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_warn_3g2m {
  background: rgba(255, 153, 29, 0.1);
  border: 1px solid rgba(255, 153, 28, 0.3);
  border-radius: 4px;
  color: #FF991D;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_error_1pZH {
  background: rgba(250, 35, 35, 0.1);
  border: 1px solid rgba(251, 35, 35, 0.3);
  color: #FE5257;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo {
  padding: 8px 8px 8px 13px;
  border-radius: 4px;
  margin-top: 12px;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo .DirectivePanel_header_1mHt {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo .DirectivePanel_header_1mHt .DirectivePanel_icon_1ZTT {
  margin-right: 5px;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo .DirectivePanel_header_1mHt .DirectivePanel_text_2gpv {
  width: 100%;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo .DirectivePanel_header_1mHt .DirectivePanel_flod_2luK {
  font-size: 12px;
  position: absolute;
  top: 3px;
  right: 12px;
  cursor: pointer;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo .DirectivePanel_header_1mHt .DirectivePanel_unFlod_2Yn6 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo .DirectivePanel_content_2uyc {
  width: 100%;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo .DirectivePanel_content_2uyc .DirectivePanel_msg_38oL {
  width: 100%;
  height: 18px;
  margin-top: 8px;
  padding-left: 20px;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_analyst_3GTl .DirectivePanel_container_1jMo .DirectivePanel_hide_9Ivu {
  display: none;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_detail_2OCk {
  color: rgba(255, 255, 255, 0.7);
  padding: 12px 16px 0 16px;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_detail_2OCk .DirectivePanel_title_1IMk {
  font-size: 14px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_detail_2OCk .DirectivePanel_json_myD6 {
  margin-left: -10px;
  margin-top: 8px;
}
.DirectivePanel_jsonPanel_AStU .DirectivePanel_detail_2OCk .DirectivePanel_json_myD6 details span {
  color: rgba(255, 255, 255, 0.7) !important;
}
.DirectivePanel_side-panel_1zcf {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  overflow: auto;
  width: 240px;
  background-color: #242527;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt {
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  background-color: #191a1c;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: rgba(255, 255, 255, 0.7);
  width: 100%;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_refresh_N884 {
  margin: 0 12px 0 4px;
  font-size: 14px;
  cursor: pointer;
  width: 24px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_refresh_N884:hover {
  color: white;
  background-color: #ffffff26;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_refresh_N884:active {
  background-color: #fff !important;
  color: #000 !important;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_searchClass_TrDK {
  height: 24px;
  margin-left: 5px;
  background-color: #191a1c;
  border: 1px solid transparent;
  width: 100%;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_searchClass_TrDK input {
  width: 100%;
  background-color: #191a1c;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_searchClass_TrDK input::-webkit-input-placeholder {
  color: #5a5b5d;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_searchClass_TrDK input::-moz-placeholder {
  color: #5a5b5d;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_searchClass_TrDK input:-ms-input-placeholder {
  color: #5a5b5d;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_searchClass_TrDK input::-ms-input-placeholder {
  color: #5a5b5d;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_header_1mHt .DirectivePanel_searchClass_TrDK input::placeholder {
  color: #5a5b5d;
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_count_1pUj {
  color: rgba(255, 255, 255, 0.5);
}
.DirectivePanel_side-panel_1zcf .DirectivePanel_clear_14sC {
  position: absolute;
  right: 5px;
}
.DirectivePanel_listbox_3hBJ {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  overflow: auto;
}
.DirectivePanel_side-panel-item_3UCw {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 16px;
  font-size: 12px;
}
.DirectivePanel_side-panel-item_3UCw .DirectivePanel_time_1M6b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  color: rgba(255, 255, 255, 0.5);
}
.DirectivePanel_side-panel-item_3UCw .DirectivePanel_caption_hzb0 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 8px;
}
.DirectivePanel_side-panel-item_3UCw .DirectivePanel_caption_hzb0 i {
  color: red;
  font-size: 12px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  display: inline-block;
}
.DirectivePanel_side-panel-item_3UCw:hover .DirectivePanel_delete-panel_85bn {
  display: block;
}
.DirectivePanel_side-panel-item_3UCw.DirectivePanel_active_29R7 {
  background-color: #2660cb !important;
  color: #FFFFFF;
}
.DirectivePanel_side-panel-item_3UCw:hover {
  background-color: #444547;
}
.DirectivePanel_delete-panel_85bn {
  position: absolute;
  display: none;
  right: 5px;
}
.DirectivePanel_noData_2Lct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: #ffffff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/FormPerformancePanel.less ***!
  \********************************************************************************************************************************************************************************************************************************/
.FormPerformancePanel_root_2y5X {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: rgba(255, 255, 255, 0.7);
  height: 100%;
  position: relative;
}
.FormPerformancePanel_root_2y5X .FormPerformancePanel_search_3C1m {
  position: absolute;
  right: 40px;
  top: -28px;
}
.FormPerformancePanel_root_2y5X .FormPerformancePanel_clear_uMBX {
  position: absolute;
  right: 12px;
  top: -28px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.FormPerformancePanel_root_2y5X .FormPerformancePanel_clear_uMBX:hover {
  color: white;
  background-color: #ffffff26;
}
.FormPerformancePanel_root_2y5X .FormPerformancePanel_clear_uMBX:active {
  background-color: #fff !important;
  color: #000 !important;
}
.FormPerformancePanel_root_2y5X .FormPerformancePanel_header_2slM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 0 5px 0 5px;
  line-height: 24px;
}
.FormPerformancePanel_root_2y5X .FormPerformancePanel_header_2slM span {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.FormPerformancePanel_list_2YAq {
  height: calc(100% - 32px);
  overflow-y: auto;
}
.FormPerformancePanel_row_npjX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 5px 0 5px;
  line-height: 24px;
  height: 24px;
}
.FormPerformancePanel_row_npjX:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}
.FormPerformancePanel_item_JP_x {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px;
}
.FormPerformancePanel_item_JP_x span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.FormPerformancePanel_form_1trm {
  margin-left: 4px;
  width: 220px;
}
.FormPerformancePanel_request_3cOG {
  width: 103px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.FormPerformancePanel_executeTime_1eEC {
  width: 103px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.FormPerformancePanel_renderTime_2cvI {
  width: 103px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.FormPerformancePanel_searchClass_2cII {
  width: 400px;
}

/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/ResourcePanel.less ***!
  \*************************************************************************************************************************************************************************************************************************/
.ResourcePanel_root_Jn07 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: rgba(255, 255, 255, 0.7);
  overflow-y: auto;
  height: 100%;
  overflow-x: hidden;
}
.ResourcePanel_root_Jn07 .ResourcePanel_header_1MjI {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: rgb(59 60 61);
  height: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
}
.ResourcePanel_root_Jn07 .ResourcePanel_search_2lFa {
  position: absolute;
  right: 40px;
  top: -30px;
}
.ResourcePanel_root_Jn07 .ResourcePanel_clear_3zQT {
  position: absolute;
  right: 12px;
  top: -30px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ResourcePanel_root_Jn07 .ResourcePanel_clear_3zQT:hover {
  color: white;
  background-color: #ffffff26;
}
.ResourcePanel_root_Jn07 .ResourcePanel_clear_3zQT:active {
  background-color: #fff !important;
  color: #000 !important;
}
.ResourcePanel_groupRoot_30QX {
  height: 100%;
  overflow-y: auto;
}
.ResourcePanel_group-item_2o7v {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 2em;
  font-size: 12px;
  height: 24px;
  cursor: pointer;
}
.ResourcePanel_group-item_2o7v:hover {
  background-color: #444547 !important;
}
.ResourcePanel_group-item_2o7v > div {
  padding: 0 12px;
}
.ResourcePanel_group-item_2o7v:nth-child(n) {
  background-color: rgba(255, 255, 255, 0.05);
}
.ResourcePanel_group-item_2o7v:nth-child(2n-1) {
  background-color: #191A1C;
}
.ResourcePanel_is-cache_1Oof {
  display: inline-block;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.ResourcePanel_record_26cn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.ResourcePanel_item1_1CJX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ResourcePanel_item1_1CJX > div {
  width: 30%;
}
.ResourcePanel_no-expand_2Qhn {
  cursor: pointer;
  margin-bottom: 5px;
}
.ResourcePanel_filter-type_L3Aw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}
.ResourcePanel_filter-type_L3Aw > span {
  margin-right: 5px;
  cursor: pointer;
}
.ResourcePanel_filter-type_L3Aw .ResourcePanel_select_1NVR {
  background-color: darkgray;
}
.ResourcePanel_url_38zC {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 402px;
  margin-left: 4px ;
}
.ResourcePanel_type_3NWO {
  width: 108px;
}
.ResourcePanel_size_h4id {
  width: 120px;
}
.ResourcePanel_startTime_QKuK {
  width: 108px;
}
.ResourcePanel_time_21kr {
  width: 108px;
}
.ResourcePanel_searchContainer_2zey {
  width: 480px;
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/DirectivePerformancePanel.less ***!
  \*************************************************************************************************************************************************************************************************************************************/
.DirectivePerformancePanel_root_1284 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: rgba(255, 255, 255, 0.7);
  height: 100%;
}
.DirectivePerformancePanel_root_1284 .DirectivePerformancePanel_search_yFDO {
  position: absolute;
  right: 40px;
  top: -28px;
}
.DirectivePerformancePanel_root_1284 .DirectivePerformancePanel_clear_3UYl {
  position: absolute;
  right: 12px;
  top: -28px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.DirectivePerformancePanel_root_1284 .DirectivePerformancePanel_clear_3UYl:hover {
  color: white;
  background-color: #ffffff26;
}
.DirectivePerformancePanel_root_1284 .DirectivePerformancePanel_clear_3UYl:active {
  background-color: #fff !important;
  color: #000 !important;
}
.DirectivePerformancePanel_root_1284 .DirectivePerformancePanel_header_2A2w {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: rgba(255, 255, 255, 0.15);
  line-height: 24px;
}
.DirectivePerformancePanel_root_1284 .DirectivePerformancePanel_header_2A2w span {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.DirectivePerformancePanel_list_1c-U {
  height: calc(100% - 32px);
  overflow-y: auto;
}
.DirectivePerformancePanel_row_2jnK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  height: 24px;
}
.DirectivePerformancePanel_row_2jnK:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}
.DirectivePerformancePanel_row_2jnK div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.DirectivePerformancePanel_methodName_3A1G {
  width: 438px;
}
.DirectivePerformancePanel_duration_19oU {
  width: 160px;
  padding-left: 12px;
  margin-left: 4px;
}
.DirectivePerformancePanel_duration_19oU span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.DirectivePerformancePanel_time_3E0p {
  width: 102px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.DirectivePerformancePanel_red_3fgR {
  color: #FE5257;
}
.DirectivePerformancePanel_item_1EK_ {
  padding-left: 3px;
  padding-right: 3px;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.DirectivePerformancePanel_searchClass_WArF {
  width: 400px;
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/PageDetailPanel.less ***!
  \***************************************************************************************************************************************************************************************************************************/
.PageDetailPanel_root_35mz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  font-size: 14px;
  background-color: #191a1c;
  color: rgba(255, 255, 255, 0.7);
  position: relative;
}
.PageDetailPanel_root_35mz::-webkit-scrollbar {
  width: 0 !important;
}
.PageDetailPanel_left_3mJN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 200px;
  overflow: auto;
  margin-top: 32px;
}
.PageDetailPanel_left_3mJN::-webkit-scrollbar {
  width: 0 !important;
}
.PageDetailPanel_right_2miG {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  background-color: #191a1c;
  border-left: 1px solid #3b3c3d;
}
.PageDetailPanel_header_H25v {
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #191a1c;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-bottom: 1px solid #3b3c3d;
  position: absolute;
  width: 200px;
}
.PageDetailPanel_header_H25v .PageDetailPanel_searchClass_1FsK {
  height: 24px;
  margin-left: 8px;
  background-color: #191a1c;
  border: 1px solid transparent;
  width: 100%;
}
.PageDetailPanel_header_H25v .PageDetailPanel_searchClass_1FsK input {
  width: 100%;
  background-color: #191a1c;
}
.PageDetailPanel_header_H25v .PageDetailPanel_searchClass_1FsK input::-webkit-input-placeholder {
  color: #5a5b5d;
}
.PageDetailPanel_header_H25v .PageDetailPanel_searchClass_1FsK input::-moz-placeholder {
  color: #5a5b5d;
}
.PageDetailPanel_header_H25v .PageDetailPanel_searchClass_1FsK input:-ms-input-placeholder {
  color: #5a5b5d;
}
.PageDetailPanel_header_H25v .PageDetailPanel_searchClass_1FsK input::-ms-input-placeholder {
  color: #5a5b5d;
}
.PageDetailPanel_header_H25v .PageDetailPanel_searchClass_1FsK input::placeholder {
  color: #5a5b5d;
}
.PageDetailPanel_control_IBAh {
  padding-left: 16px;
  height: 32px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 32px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.PageDetailPanel_noData_13R- {
  width: 100%;
  height: 100%;
  font-size: 12px;
  background-color: #191a1c;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.PageDetailPanel_control_IBAh:hover {
  background-color: #444547;
  cursor: pointer;
}
.PageDetailPanel_select_cO_V {
  background-color: #245ec9 !important;
  color: #fff !important;
}
.PageDetailPanel_detail-item_1qFi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
}
.PageDetailPanel_detail-item-key_28o9 {
  padding-bottom: 8px;
}
.PageDetailPanel_detail-item-content_2c5C {
  padding-bottom: 8px;
  word-break: break-word;
}

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/GridAnalyse.less ***!
  \***********************************************************************************************************************************************************************************************************************/
.GridAnalyse_root_2ILx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}
.GridAnalyse_root_2ILx .GridAnalyse_title_NO3s {
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #3b3c3d;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.GridAnalyse_root_2ILx .GridAnalyse_title_NO3s span {
  margin-left: 12px;
  font-size: 14px;
  color: #fff;
}
.GridAnalyse_root_2ILx .GridAnalyse_desc_2Abu {
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.GridAnalyse_root_2ILx .GridAnalyse_table_1irf {
  overflow-y: auto;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/panel/ControlDetailPanel.less ***!
  \******************************************************************************************************************************************************************************************************************************/
.ControlDetailPanel_root_2MSV {
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  font-size: 12px;
}
.ControlDetailPanel_root_2MSV .ControlDetailPanel_right_2eU1 {
  padding: 8px 0 0 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ControlDetailPanel_root_2MSV .ControlDetailPanel_left_h5iJ {
  min-width: 240px;
  padding: 8px 16px 0 16px;
  border-right: 1px solid #3b3c3d;
  max-width: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ControlDetailPanel_root_2MSV .ControlDetailPanel_title_2--b {
  color: #fff;
  font-size: 14px;
  margin-bottom: 8px;
  height: 18px;
}
.ControlDetailPanel_root_2MSV .ControlDetailPanel_label_guss {
  height: 18px;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 110px;
}
.ControlDetailPanel_root_2MSV .ControlDetailPanel_content_2pEj {
  height: 18px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ControlDetailPanel_root_2MSV .ControlDetailPanel_copy_3vzk {
  color: #5797FF;
  margin-left: 12px;
  cursor: pointer;
}
.ControlDetailPanel_root_2MSV .ControlDetailPanel_copy_3vzk:hover {
  color: #87adff;
}
.ControlDetailPanel_detail-item_2QzF {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row ;
      -ms-flex-direction: row ;
          flex-direction: row ;
  font-size: 12px;
  height: 18px;
  margin-bottom: 8px;
}
.ControlDetailPanel_detail-item-key_izN6 {
  height: 18px;
  width: 75px;
}
.ControlDetailPanel_detail-item-content_1zJf {
  word-break: break-word;
}
.ControlDetailPanel_noData_gQiq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/page/httpMonitor/dialog/HttpDialog.less ***!
  \*************************************************************************************************************************************************************************************************************/
.HttpDialog_dialog_Q_rL {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  overflow: hidden;
  right: 20px;
  bottom: 20px;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 0 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 0 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #000000;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_title_1Mo2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_title_1Mo2 .HttpDialog_icon_3iK9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  cursor: pointer;
  color: #666;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_title_1Mo2 .HttpDialog_text_aK7e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  color: #212121;
  font-weight: 400;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_extra_2yKR {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #666;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  margin-right: 20px;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_extra_2yKR .HttpDialog_minimize-button_2MvZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin-right: 12px;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_extra_2yKR .HttpDialog_minimize-button_2MvZ:hover {
  color: #5582F3;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_extra_2yKR .HttpDialog_fullscreen-button_2CMZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin-right: 12px;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_extra_2yKR .HttpDialog_fullscreen-button_2CMZ:hover {
  color: #5582F3;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_extra_2yKR .HttpDialog_close-button_2trp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.HttpDialog_dialog_Q_rL .HttpDialog_header_2iCb .HttpDialog_extra_2yKR .HttpDialog_close-button_2trp:hover {
  color: #5582F3;
}
.HttpDialog_dialog_Q_rL .HttpDialog_split-line_3Qh- {
  background-color: #3b3c3d;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.HttpDialog_dialog-detail_pya9 {
  width: 100%;
}
.HttpDialog_minimize_2Seq {
  position: fixed;
  z-index: 100000;
  right: 20px;
  bottom: 20px;
  height: 50px;
  width: 160px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 0 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 0 30px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.HttpDialog_minimize_2Seq .HttpDialog_title_1Mo2 {
  font-size: 16px;
  color: #212121;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.HttpDialog_minimize_2Seq .HttpDialog_close-button_2trp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 12px;
  cursor: pointer;
}
.HttpDialog_minimize_2Seq .HttpDialog_close-button_2trp:hover {
  color: #d9d9d9;
}

/*!************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/page/httpMonitor/page/HttpMonitor.less ***!
  \************************************************************************************************************************************************************************************************************/
.HttpMonitor_body_15F- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100%;
  background-color: #191A1C;
  color: rgba(255, 255, 255, 0.7);
}
.HttpMonitor_body_15F- .HttpMonitor_detail_2zCu {
  left: 304px;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.HttpMonitor_body_15F- .HttpMonitor_half-content_vErz {
  overflow: hidden !important;
}
.HttpMonitor_body_15F- .HttpMonitor_half-header_3Hmn {
  min-width: 300px;
  background-color: #3b3c3d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.HttpMonitor_body_15F- .HttpMonitor_noData_1fV4 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}

/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/page/httpMonitor/page/HttpList.less ***!
  \*********************************************************************************************************************************************************************************************************/
.HttpList_main_1pvi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30%;
  border-right: 1px solid #757677;
  position: relative;
}
.HttpList_main_1pvi .HttpList_section_2jeI {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 32px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.HttpList_main_1pvi .HttpList_section_2jeI .HttpList_searchClass_hNDA {
  height: 24px;
  margin-left: 8px;
  border: 1px solid transparent;
  width: 100%;
  background-color: #191a1c;
}
.HttpList_main_1pvi .HttpList_section_2jeI .HttpList_searchClass_hNDA input {
  background-color: #191a1c;
}
.HttpList_main_1pvi .HttpList_section_2jeI .HttpList_clear-button_2OYl {
  margin: 0 16px 0 4px;
  font-size: 14px;
  cursor: pointer;
  width: 24px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 24px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.HttpList_main_1pvi .HttpList_section_2jeI .HttpList_clear-button_2OYl:hover {
  color: white;
  background-color: #ffffff26;
}
.HttpList_main_1pvi .HttpList_section_2jeI .HttpList_clear-button_2OYl:active {
  background-color: #fff !important;
  color: #000 !important;
}
.HttpList_main_1pvi .HttpList_content_2vrN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}
.HttpList_main_1pvi .HttpList_content_2vrN .HttpList_body_3bdZ {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0;
}
.HttpList_main_1pvi .HttpList_content_2vrN .HttpList_body_3bdZ .HttpList_break_2Wxa {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 36px;
  position: relative;
}
.HttpList_main_1pvi .HttpList_content_2vrN .HttpList_body_3bdZ .HttpList_break_2Wxa .HttpList_desc_2Zhx {
  font-size: 12px;
  color: #ffffff80;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-color: #191a1c;
  z-index: 1;
  padding: 0 6px;
}
.HttpList_main_1pvi .HttpList_content_2vrN .HttpList_body_3bdZ .HttpList_break_2Wxa .HttpList_dashed-line_1WEm {
  height: 1px;
  border-top: 1px dashed #626364;
  width: 100%;
  position: absolute;
}
.HttpList_main_1pvi .HttpList_content_2vrN .HttpList_body_3bdZ .HttpList_row_sJ6e {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  cursor: default;
  background-color: rgba(255, 255, 255, 0.05);
}
.HttpList_main_1pvi .HttpList_content_2vrN .HttpList_body_3bdZ .HttpList_regular_1r6V {
  background-color: #191A1C;
}
.HttpList_main_1pvi .HttpList_content_2vrN .HttpList_table_2DYd {
  height: auto;
  min-width: 300px;
}
.HttpList_main_1pvi .HttpList_content_2vrN .HttpList_half-header_2KYd {
  min-width: 300px;
}
.HttpList_startTime_lujt {
  width: 28%;
}
.HttpList_time_b6JM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  width: 17%;
}
.HttpList_status_2vm8 {
  white-space: nowrap;
  overflow: hidden;
  width: 14%;
}
.HttpList_methods_uIdS {
  width: 38%;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.HttpList_methods_uIdS span {
  cursor: pointer;
  color: #3987ED;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.HttpList_methods-header_iMwL {
  white-space: nowrap;
  overflow: hidden;
  width: 38%;
}
.HttpList_methods_uIdS:hover {
  color: #E6EEFE;
}
.HttpList_methods-selected_k-Ru {
  width: 38%;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.HttpList_methods-selected_k-Ru span {
  cursor: pointer;
  color: #3987ED;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.HttpList_error-color_1aFf {
  color: #FB2323;
}
.HttpList_error-color_1aFf span {
  color: #FB2323;
}
.HttpList_warn-color_CT4o {
  color: #FF991C;
}
.HttpList_waiting-color_2Eux {
  color: #999999;
}
.HttpList_splitLine_gEQz {
  position: absolute;
  width: 10px;
  z-index: 999;
  top: 0;
  right: -6px;
  height: 100%;
  cursor: ew-resize;
}
.HttpList_splitLine_gEQz::after {
  content: '';
  width: 1px;
  left: 4px;
  display: block;
  height: 100%;
  position: absolute;
}

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/page/httpMonitor/table/Header.less ***!
  \********************************************************************************************************************************************************************************************************/
.Header_header_Noz_ {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 24px;
  background-color: #f4f4f4;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-bottom: 1px solid #d9d9d9;
  min-width: 1000px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 8px;
}
.Header_header_Noz_ .Header_item_2kVX {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 16px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
}
.Header_header_Noz_ .Header_item_2kVX .Header_value_HOfE {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.Header_header_Noz_ .Header_item_2kVX .Header_button_22MR {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #666;
  stroke: none;
  fill: #989fa8;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  font-size: 12px;
  padding-left: 4px;
}
.Header_header_Noz_ .Header_item_2kVX .Header_button_22MR .Header_bottom_2EXc {
  height: 6px;
  line-height: 6px;
  color: #b2b2b2;
  font-size: 12px;
}
.Header_header_Noz_ .Header_item_2kVX .Header_button_22MR .Header_top_3CwZ {
  height: 6px;
  line-height: 6px;
  color: #b2b2b2;
  font-size: 12px;
}
.Header_header_Noz_ .Header_item_2kVX .Header_button_22MR .Header_active_3XT2 {
  color: var(--theme-color);
}
.Header_header_Noz_ .Header_item_2kVX:nth-last-child(1) {
  padding-right: 16px;
}
.Header_header_Noz_ .Header_item_2kVX:nth-child(1) {
  padding-left: 20px;
}
.Header_header_Noz_ .Header_item-pointer_2fs9 {
  cursor: pointer;
}

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/page/httpMonitor/table/TableCell.less ***!
  \***********************************************************************************************************************************************************************************************************/
.TableCell_table-cell_t2N9 {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  word-break: keep-all;
  line-height: 18px;
  padding: 3px 0 3px 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.TableCell_table-cell_t2N9:nth-last-child(1) {
  padding-right: 16px;
}
.TableCell_table-cell_t2N9:nth-child(1) {
  padding-left: 20px;
}

/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/page/httpMonitor/table/Table.less ***!
  \*******************************************************************************************************************************************************************************************************/
.Table_table_3I6h {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.Table_table_3I6h .Table_loading_3gD3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Table_table_3I6h .Table_loading_3gD3 .Table_gif_1DoA {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Table_table_3I6h .Table_loading_3gD3 .Table_text_1V4M {
  margin-top: 5px;
}
.Table_table_3I6h .Table_body_38yd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.Table_table_3I6h .Table_body_38yd .Table_row_yFQi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  cursor: default;
  overflow: hidden;
  background-color: #0f1011;
}
.Table_table_3I6h .Table_body_38yd .Table_regular__pI2 {
  background-color: #1b1c1d;
}
.Table_table_3I6h .Table_body_38yd .Table_selected_3jCf {
  background: #3a4a69;
}
.Table_table_3I6h .Table_body_38yd .Table_singular-hover_2SP-:hover {
  background: #3b3c3d;
}
.Table_table_3I6h .Table_body_38yd .Table_regular-hover_1PJW:hover {
  background: #3b3c3d;
}
.Table_table_3I6h .Table_body_38yd .Table_selected-hover_1vlW {
  background-color: #1d335c !important;
}

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/page/httpMonitor/page/RequestDetail.less ***!
  \**************************************************************************************************************************************************************************************************************/
.RequestDetail_detail_3bhh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: rgba(255, 255, 255, 0.7);
  background-color: #000;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 33px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: #0f1011;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_left_28i6 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_left_28i6 .RequestDetail_close-button_18EW {
  height: 16px;
  font-size: 16px;
  cursor: pointer;
  margin: 8px 20px;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_left_28i6 .RequestDetail_headers_2vt5 {
  margin-right: 16px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: 16px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
  height: 26px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #fff;
  margin-top: 2px;
  opacity: 0.7;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_left_28i6 .RequestDetail_response_aYwE {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
  height: 26px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #fff;
  margin-top: 2px;
  opacity: 0.7;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_left_28i6 .RequestDetail_active_2j9F {
  background: #050506;
  border-color: #555659 !important;
  opacity: 1;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_left_28i6 .RequestDetail_active_2j9F::after {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  bottom: 0;
  width: 100%;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_right_1c7D {
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_close-button_18EW {
  margin-right: 16px;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_copy-button_XZM4 {
  cursor: pointer;
  color: #5797FF;
  margin-right: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.RequestDetail_detail_3bhh .RequestDetail_tab_3r1p .RequestDetail_copy-button_XZM4:hover {
  color: #87adff;
}
.RequestDetail_detail_3bhh .RequestDetail_content_3nc- {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  word-break: break-word;
  overflow-y: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 18px;
  background-color: #0f1011;
}
.RequestDetail_detail_3bhh .RequestDetail_dark_171i {
  background-color: #002b36;
}

/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/page/httpMonitor/page/LogDetail.less ***!
  \**********************************************************************************************************************************************************************************************************/
.LogDetail_root_1d15 {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 32px;
  font-size: 12px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-left: 20px;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-content_1z3v {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  margin-right: 24px;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-content_1z3v .LogDetail_search-content-title_12DT {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-content_1z3v .LogDetail_search-content-input_1S4_ {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 274px;
  height: 24px;
  border: 1px solid #404145;
  border-radius: 2px;
  padding: 4px 10px;
  font-size: 12px;
  background-color: #191a1c;
  color: rgba(255, 255, 255, 0.7);
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-content_1z3v .LogDetail_search-content-input_1S4_:hover {
  border-color: #276FF5;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 28px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-title_3PZH {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt {
  border: 1px solid #404145;
  border-radius: 2px;
  padding-left: 8px;
  width: 274px;
  height: 24px;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt:hover {
  border-color: #276FF5 !important;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt .kdfont-riqixuanze {
  right: 8px;
  color: rgba(255, 255, 255, 0.7);
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt .kdfont-guanbi8 {
  background-color: #000 !important;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt input {
  background-color: #191a1c !important;
  color: rgba(255, 255, 255, 0.7);
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt input::-webkit-input-placeholder {
  color: #FFFFFF !important;
  opacity: 0.3;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt input::placeholder,
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt input::-webkit-input-placeholder,
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt input:-moz-placeholder,
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt input::-moz-placeholder,
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt input:-ms-input-placeholder {
  color: #FFFFFF !important;
  opacity: 0.3;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-content-wrapper_2_Rv .LogDetail_search-time_1GK8 .LogDetail_search-time-input_2dMt div {
  color: rgba(255, 255, 255, 0.7);
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-button_EwAq {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 28px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.LogDetail_root_1d15 .LogDetail_search-section_1E-B .LogDetail_search-button_EwAq .LogDetail_search-button_EwAq {
  height: 28px;
  width: 40px;
  cursor: pointer;
  color: #5797FF;
}
.LogDetail_root_1d15 .LogDetail_table-wrapper_3_Ie {
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
}
.LogDetail_root_1d15 .LogDetail_table-wrapper_3_Ie .LogDetail_table_HXC0 {
  height: 100%;
}
.LogDetail_cell_1Hlg span {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 180px;
  word-break: break-word;
  white-space: pre-line;
}
.LogDetail_message_FiU1 {
  min-width: 480px;
  width: 48%;
}
.LogDetail_message_FiU1 span {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 180px;
  word-break: break-word;
  white-space: pre-line;
}
.LogDetail_level_1OQL {
  min-width: 60px;
  width: 6%;
}
.LogDetail_level_1OQL span {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 180px;
  word-break: break-word;
  white-space: pre-line;
}
.LogDetail_className_gIkJ {
  min-width: 100px;
  width: 10%;
}
.LogDetail_className_gIkJ span {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 180px;
  word-break: break-word;
  white-space: pre-line;
}
.LogDetail_time_3ZVI {
  min-width: 110px;
  width: 11%;
}
.LogDetail_time_3ZVI span {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 180px;
  word-break: break-word;
  white-space: pre-line;
}
.LogDetail_constTime_1_1o {
  min-width: 100px;
  width: 10%;
}
.LogDetail_constTime_1_1o span {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 180px;
  word-break: break-word;
  white-space: pre-line;
}
.LogDetail_warn-color_3CRy {
  color: #FF991C;
}
.LogDetail_error-color_1_Ka {
  color: #FB2323;
}
.LogDetail_error-color_1_Ka span {
  color: #FB2323;
}
.LogDetail_instanceId_zVFw {
  min-width: 100px;
  width: 10%;
}
.LogDetail_instanceId_zVFw span {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 180px;
  word-break: break-word;
  white-space: pre-line;
}
.LogDetail_appId_y_Lr {
  min-width: 50px;
  width: 5%;
}
.LogDetail_appId_y_Lr span {
  display: block;
  display: -webkit-box;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  max-height: 180px;
  word-break: break-word;
  white-space: pre-line;
}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/LazyRender.less ***!
  \****************************************************************************************************************************************************************************************************************/
.LazyRender_placeholder_ngI5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/view/MainView.less ***!
  \*******************************************************************************************************************************************************************************************************************/
.MainView_root_3zpq {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background-color: #191A1C;
}
.MainView_bar_2EMW {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 32px;
  color: #FFFFFF;
  font-size: 14px;
  border-bottom: 1px solid #ffffff26;
  background: #242527;
}
.MainView_bar_2EMW .MainView_item_k-a_ {
  margin: 0 16px;
  opacity: 0.7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.MainView_bar_2EMW .MainView_item_k-a_ .MainView_text_1GjU {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.MainView_bar_2EMW .MainView_item_k-a_:hover {
  opacity: 1;
}
.MainView_bar_2EMW .MainView_noBorder_3vB9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
  height: 26px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 2px;
  margin-top: 2px;
  color: #fff;
  margin-left: 0;
  font-size: 12px;
}
.MainView_bar_2EMW .MainView_noBorder_3vB9 .MainView_text_1GjU {
  font-size: 12px;
}
.MainView_bar_2EMW .MainView_noBorder_3vB9:first-child {
  margin-left: 16px;
}
.MainView_bar_2EMW .MainView_noBorder_3vB9:hover {
  background-color: #3b3c3e;
}
.MainView_bar_2EMW .MainView_select_3d72 {
  border-bottom: 2px solid;
  border-radius: 1px;
}
.MainView_bar_2EMW .MainView_active_wuhN {
  opacity: 1;
}
.MainView_bar_2EMW .MainView_noBorderActive_7Cxt {
  background: #050506;
  border-color: #555659 !important;
  opacity: 1;
}

/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/view/LookUpView.less ***!
  \*********************************************************************************************************************************************************************************************************************/
.LookUpView_root_19et {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1px solid #45525d;
  border-bottom: 1px solid #45525d;
  overflow: hidden;
  background-color: #191A1C;
  height: calc(100% - 32px);
  top: 32px;
  width: 100%;
  z-index: 9999;
}
.LookUpView_root_19et .LookUpView_header_3x2Y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 32px;
  background: rgba(43, 44, 48, 0.9);
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 32px;
  padding-left: 16px;
}
.LookUpView_root_19et .LookUpView_header_3x2Y .LookUpView_close_3NM6 {
  position: absolute;
  right: 15px;
  cursor: pointer;
}
.LookUpView_tabBar_pqqs {
  width: 100%;
  border-top: 1px solid #3b3c3d;
}
.LookUpView_tabBar_pqqs .LookUpView_firstBar_3INA {
  background-color: #191a1c;
  height: 32px;
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  border-bottom: 1px solid #3b3c3d;
  padding-left: 16px;
}
.LookUpView_tabBar_pqqs .LookUpView_firstBar_3INA div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
  height: 24px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.LookUpView_tabBar_pqqs .LookUpView_firstBar_3INA div:hover {
  background-color: #3b3c3e;
}
.LookUpView_tabBar_pqqs .LookUpView_firstBar_3INA .LookUpView_active_3AYr {
  background: #050506;
  border-color: #555659 !important;
  opacity: 1;
  color: #fff;
}
.LookUpView_bar_sBaC {
  background-color: #191a1c;
  height: 32px;
  color: rgba(255, 255, 255, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  border-bottom: 1px solid #3b3c3d;
  padding-left: 16px;
}
.LookUpView_bar_sBaC .LookUpView_item_s4jX {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 8px;
  cursor: pointer;
  position: relative;
  height: 24px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.LookUpView_bar_sBaC .LookUpView_item_s4jX:hover {
  background-color: #3b3c3e;
}
.LookUpView_bar_sBaC .LookUpView_active_3AYr {
  background: #050506;
  border-color: #555659 !important;
  opacity: 1;
  color: #fff;
}

/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/Toolbar.less ***!
  \*************************************************************************************************************************************************************************************************************/
.Toolbar_toolbar_rrk8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(43, 44, 48, 0.9);
  color: rgba(255, 255, 255, 0.7);
  height: 32px;
  background-image: -webkit-gradient(linear, left top, right top, from(#273B3F), color-stop(#2C3041), color-stop(#353244), to(#273B3F));
  background-image: linear-gradient(to right, #273B3F, #2C3041, #353244, #273B3F);
}
.Toolbar_toolbar_rrk8 i {
  font-size: 20px !important;
}
.Toolbar_toolbar-item_2JIh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 3px;
  cursor: pointer;
  height: 28px;
  padding: 6px 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
}
.Toolbar_toolbar-item_2JIh label {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.Toolbar_toolbar-item_2JIh label .Toolbar_checkboxBg_-9BV {
  position: absolute;
  top: 10px;
  width: 13px;
  height: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #3c4d56;
  border: 1px solid #7a858a;
  pointer-events: none;
  border-radius: 2px;
}
.Toolbar_toolbar-item_2JIh label .Toolbar_hideCheckboxBg_3xVh {
  display: none;
}
.Toolbar_toolbar-item_2JIh label input {
  margin-right: 4px;
  cursor: pointer;
}
.Toolbar_hover_2iar:hover {
  background-color: #40525b;
}
.Toolbar_toolbar-browser-Info_9EeY i {
  font-size: 18px;
}
.Toolbar_toolbar-browser-Info_9EeY:hover {
  background-color: #40525b;
}
.Toolbar_active_2-4B {
  background-color: #080c0e !important;
}
.Toolbar_toolbar-checkbox_9KR- {
  margin: 0;
}

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/service/common/sysinfo/web/FooterView.less ***!
  \****************************************************************************************************************************************************************************************************************/
.FooterView_root_2fK9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  padding: 5px;
  background-color: #0f5ae4;
  color: #fff;
}
.FooterView_selector_2Fi5 {
  position: absolute;
  max-height: 300px;
  min-height: 100px;
  width: 300px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  cursor: pointer;
  background: darkslategrey;
  bottom: 35px;
}
.FooterView_selector_2Fi5 span {
  padding: 5px;
}
.FooterView_selector_2Fi5 span:hover {
  color: lightblue;
  border-bottom: 1px solid white;
}
.FooterView_selector-title_1igZ {
  cursor: pointer;
}
.FooterView_lookup_3m84 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 12px;
  margin-right: 3px;
  height: 28px;
  border-radius: 4px;
  padding: 6px;
}
.FooterView_lookup_3m84:hover {
  background-color: #40525b;
}
.FooterView_lookup_3m84 i {
  font-size: 20px;
  cursor: pointer;
}
.FooterView_active_FYF7 {
  background-color: #080c0e !important;
}
.FooterView_mask_1XbV {
  position: absolute;
  z-index: -9999;
  opacity: 0;
  border-color: #FF854D;
  border-style: solid;
  background-color: #79C558;
}
.FooterView_mask_1XbV div {
  width: 100%;
  height: 100%;
  background-color: #276FF5;
}
.FooterView_sub-mask_2DVM {
  opacity: 0;
  position: absolute;
  z-index: -9999;
  overflow: hidden;
  left: 0;
  background-color: white;
  min-height: 50px;
  -webkit-box-shadow: 0px 0px 2px 2px #ded8d8;
          box-shadow: 0px 0px 2px 2px #ded8d8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
  max-width: 300px;
  min-width: 160px;
  padding: 8px 12px 0px 12px;
  color: #666;
}
.FooterView_sub-mask-row_wfgx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
  line-height: 18px;
  overflow: hidden;
}
.FooterView_sub-mask-row_wfgx:first-child .FooterView_last_2TMn {
  color: #666;
}
.FooterView_sub-mask-row_wfgx .FooterView_first_3tJa {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  margin-right: 15px;
  min-width: 50px;
}
.FooterView_sub-mask-row_wfgx .FooterView_last_2TMn {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #212121;
  word-wrap: break-word;
  width: 180px;
  text-align: end;
  text-align: right;
}
.FooterView_sub-mask-row_wfgx .FooterView_last_2TMn .FooterView_icon_AAof {
  font-size: 12px;
}
.FooterView_version_3V1_ {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  overflow: hidden;
}
.FooterView_splitline_3f6i {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  line-height: 18px;
  color: #212121;
  margin-bottom: 8px;
}
.FooterView_splitline_3f6i .FooterView_desc_316S {
  color: #212121;
  background: white;
  z-index: 1;
  font-weight: 700;
  padding-right: 12px;
}
.FooterView_splitline_3f6i .FooterView_dashed-line_1iKs {
  height: 1px;
  border-top: 1px dashed #e5e5e5;
  width: 100%;
  position: absolute;
}
.FooterView_add_1VLg {
  color: #1BA854 !important;
}
.FooterView_update_3YvY {
  color: #000000 !important;
}
.FooterView_look_13pG {
  color: #666666 !important;
}
.FooterView_commit_2HYm {
  color: #FF991D !important;
}
.FooterView_check_6amN {
  color: #266FF4 !important;
}