// /* Copyright (c) 2024 Huawei Technologies Co., Ltd.
// openFuyao is licensed under Mulan PSL v2.
// You can use this software according to the terms and conditions of the Mulan PSL v2.
// You may obtain a copy of Mulan PSL v2 at:
// http://license.coscl.org.cn/MulanPSL2
// THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
// EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
// MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
// See the Mulan PSL v2 for more details. */
// @import '@/styles/common.less';
// // 初始化p标签
// p {
// margin: 0;
// }
// .hybrid_detail_content {
// background-color: #f7f7f7;
// padding: 20px 32px 20px 32px;
// min-height: calc(100vh - 128px);
// .hybrid_detail_content_top {
// display: flex;
// background-color: #ffffff;
// height: 180px;
// align-items: center;
// margin-bottom: 20px;
// .hybrid_detail_top_node_manage_content {
// display: flex;
// justify-content: flex-start;
// align-items: center;
// height: 64px;
// margin-left: 128px;
// .hybrid_detail_top_node_manage_content_image {
// height: 96px;
// width: 96px;
// margin-right: 20px;
// }
// .hybrid_detail_top_node_manage_content_count {
// display: flex;
// flex-direction: column;
// align-items: self-start;
// justify-content: center;
// .hybrid_detail_top_node_manage_content_count_top {
// margin-bottom: 16px;
// .nomarl_span {
// margin-left: 10px;
// line-height: 63px;
// font-size: 48px;
// font-weight: 700;
// }
// .first_span {
// line-height: 63px;
// font-size: 48px;
// font-weight: 700;
// color: @title-node-color;
// margin-left: 0;
// }
// }
// .hybrid_detail_top_node_manage_content_count_bottom {
// .nomarl_span {
// line-height: 26px;
// font-size: 18px;
// font-weight: 400;
// color: #333;
// }
// }
// }
// }
// .hybrid_detail_top_echart_content {
// display: flex;
// justify-content: flex-start;
// align-items: center;
// // height: 64px;
// margin-left: 128px;
// .hybrid_flex_node_progress_chart {
// width: 100%;
// .overviewEcharts {
// top: -16px;
// }
// }
// }
// }
// .hybrid_detail_content_box {
// background-color: #ffffff;
// min-height: calc(100vh - 220px - 180px);
// .hybrid_detail_form {
// .hybrid-searchForm {
// padding: 32px 32px 0px 32px;
// display: flex;
// flex-direction: row;
// align-items: center;
// justify-content: space-between;
// .hybrid-search-input {
// width: 300px;
// height: 32px;
// border-radius: @button-radius;
// }
// .hybrid_detail_form_button {
// width: 128px;
// background-color: #3f66f5;
// color: #ffffff;
// }
// .hybrid_detail_form_button:hover {
// background-color: @button-hover-color !important;
// }
// .@{container-prefix}-input-affix-wrapper {
// border-radius: @button-radius !important;
// }
// .@{container-prefix}-input-suffix {
// svg {
// width: 16px;
// height: 17px;
// color: #686868;
// }
// }
// }
// }
// .hybrid_detail_content_table {
// background-color: #ffffff;
// padding: 0 32px 0 32px;
// .table_tuning_box {
// display: flex;
// flex-direction: column;
// }
// .table_single_box {
// display: flex;
// align-items: center;
// .table_single_box_number_format {
// font-size: 14px;
// color: #333333;
// }
// .table_single_box_chartnumber_down {
// font-size: 14px;
// color: #09aa71;
// }
// .table_single_box_chartnumber_up {
// font-size: 14px;
// color: #e7434a;
// }
// .table_single_box_chart_format {
// width: 130px;
// height: 32px;
// position: relative;
// .line_chart {
// max-width: 200px;
// width: 100%;
// height: 100px;
// max-height: 100px;
// display: flex;
// align-self: flex-start;
// position: absolute;
// top: -24px;
// left: 10px;
// }
// }
// }
// .table_handle {
// color: #3f66f5;
// width: 16px;
// height: 16px;
// cursor: pointer;
// }
// }
// }
// }