@charset "UTF-8";
/* 基础色盘
-------------------------- */
/* 蓝(主题色) */
/* 橙 */
/* 天翼红 */
/* 宝石红 */
/* 绿 */
/* 中性色盘
-------------------------- */
/* 黑色 */
/* 白色 */
/* 灰色 */
/* images path - 图片路径变量，定制主题scss使用 */
/* Title: 主题色; Doc: true
-------------------------- */
/* Title: 主题色衍生色(用于element-ui); Doc: false
-------------------------- */
/* CT特殊色, ct意为ctyun缩写 */
/* Title: 状态色; Doc: true
-------------------------- */
/* Title: 中性色; Doc: true
-------------------------- */
/* Title: 背景色; Doc: true
-------------------------- */
/* Title: 禁用色; Doc: true
由于多个表单组件会用到disabled的状态，因此仍然保留以下变量
-------------------------- */
/* Title: 字体、字号、字体颜色、字重; Doc: true
-------------------------- */
/* Title: 行间距; Doc: true
-------------------------- */
/* Title: 边框; Doc: true
-------------------------- */
/* Title: 间距; Doc: true
-------------------------- */
/* Title: 阴影; Doc: true
-------------------------- */
/* Title: 页面框架; Doc: true
-------------------------- */
/* Title: Tag; Doc: false
-------------------------- */
/* Title: Button; Doc: false
-------------------------- */
/* Title: Radio; Doc: false
-------------------------- */
/* Title: Form; Doc: false
-------------------------- */
/* Title: Input; Doc: false
-------------------------- */
/* Title: Select; Doc: false
-------------------------- */
/* Title: Range Editor; Doc: false
-------------------------- */
/* Title: Checkbox; Doc: false
-------------------------- */
/* Title: Table; Doc: false
-------------------------- */
/* Title: Pagination; Doc: false
-------------------------- */
/* Title: Transfer; Doc: false
-------------------------- */
/* Title: Tabs; Doc: false
-------------------------- */
/* Title: Switch; Doc: false
-------------------------- */
/* Title: Tooltip; Doc: false
-------------------------- */
/* Title: Notification; Doc: false
-------------------------- */
/* Title: Upload; Doc: false
-------------------------- */
/* Title: Card; Doc: false
-------------------------- */
/* Title: Badge; Doc: false
-------------------------- */
/* Title: Time; Doc: false
-------------------------- */
/* Title: Cascader; Doc: false
-------------------------- */
/* Title: Collapse; Doc: false
-------------------------- */
/* Title: Steps; Doc: false
-------------------------- */
/* Title: Dialog; Doc: false
-------------------------- */
/* Title: Icon; Doc: true
-------------------------- */
/* Title: Loading; Doc: false
-------------------------- */
/* Title: Alert; Doc: false
-------------------------- */
/* Title: CuteSlider; Doc: false
-------------------------- */
/* Title: Animation; Doc: true
-------------------------- */
/* Title: Z-Index; Doc: true
-------------------------- */
/* Title: 响应式断点; Doc: true
-------------------------- */
/* Title: 图表默认的颜色; Doc: true
-------------------------- */
/* Title: 图表高亮颜色; Doc: true
-------------------------- */
/* CuteTitleCardBox 组件需要的阴影和背景变量
-------------------------- */
/* Title: 主题色; Doc: true
-------------------------- */
/* Title: 状态色; Doc: true
-------------------------- */
/* Title: 中性色; Doc: true
-------------------------- */
/* Title: 其他色; Doc: false
-------------------------- */
/* Title: 背景色; Doc: true
-------------------------- */
/* Title: 禁用色; Doc: true
由于多个表单组件会用到disabled的状态，因此仍然保留以下变量
-------------------------- */
/* Title: 字体、字号、字体颜色、字重; Doc: true
-------------------------- */
/* Title: 边框; Doc: true
-------------------------- */
/* Title: 间距; Doc: true
-------------------------- */
/* Title: 阴影; Doc: true
-------------------------- */
/* Title: 页面框架; Doc: true
-------------------------- */
/* Title: Tag; Doc: false
-------------------------- */
/* Title: Input; Doc: false
-------------------------- */
/* Title: Table; Doc: false
-------------------------- */
/* Title: Pagination; Doc: false
-------------------------- */
/* Title: Tooltip; Doc: false
-------------------------- */
/* Title: Upload; Doc: false
-------------------------- */
/* Title: Collapse; Doc: false
-------------------------- */
/* Title: Loading; Doc: false
-------------------------- */
/* Title: 图表默认颜色(deprecated(弃用)); Doc: false
-------------------------- */
/* Title: 图表高亮颜色(deprecated(弃用)); Doc: false
-------------------------- */
/* Title: 图表light颜色(deprecated(弃用)); Doc: false
-------------------------- */
/* Mixins */
.resource-container[data-v-3fae51df] {
  position: relative;
  margin-top: 12px;
  width: 623px;
  height: 182px;
  padding: 16px 20px;
  background: #f7f8fa;
}
.resource-container[data-v-3fae51df]:has(.over-tooltip) {
  padding-right: 40px;
}
.resource-container .main[data-v-3fae51df] {
  display: flex;
  justify-content: space-between;
}
.resource-container .cpu[data-v-3fae51df],
.resource-container .gpu[data-v-3fae51df] {
  width: calc(50% - 40px);
}
.resource-container .cpu .title[data-v-3fae51df],
.resource-container .gpu .title[data-v-3fae51df] {
  margin-bottom: 12px;
  line-height: 18px;
  font-weight: 500;
  font-size: 12px;
  color: #333;
}
.resource-container .content[data-v-3fae51df] {
  display: flex;
  justify-content: space-between;
}
.resource-container .content .progress[data-v-3fae51df] {
  position: relative;
  width: 72px;
  height: 72px;
}
.resource-container .content .progress .progress-text[data-v-3fae51df] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 400;
  font-size: 12px;
  color: #666;
  line-height: 18px;
}
.resource-container .content .progress .progress-text .percentage[data-v-3fae51df] {
  height: 21px;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  line-height: 21px;
  text-align: center;
}
.resource-container .content .progress .progress-text .text[data-v-3fae51df] {
  height: 18px;
  text-align: center;
}
.resource-container .content .detail[data-v-3fae51df] {
  width: calc(100% - 92px);
}
.resource-container .content .used[data-v-3fae51df],
.resource-container .content .remaining[data-v-3fae51df] {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  color: #333;
}
.resource-container .content .used .label[data-v-3fae51df],
.resource-container .content .used .unit[data-v-3fae51df],
.resource-container .content .remaining .label[data-v-3fae51df],
.resource-container .content .remaining .unit[data-v-3fae51df] {
  color: #666;
  font-weight: normal;
}
.resource-container .tips[data-v-3fae51df] {
  display: flex;
  align-items: center;
  margin-top: 12px;
  height: 36px;
  padding: 0 17px;
  font-weight: 400;
  font-size: 12px;
  background: #e3efff;
  border-radius: 3px;
  color: #7c818c;
  line-height: 18px;
  text-align: left;
}
.resource-container .tips .info-icon[data-v-3fae51df] {
  color: #3d73f5;
  margin-right: 9px;
}
.resource-container .over-info-icon[data-v-3fae51df] {
  position: absolute;
  right: 20px;
  top: 88px;
  cursor: pointer;
  color: #ff8f34;
}
@charset "UTF-8";
/* 基础色盘
-------------------------- */
/* 蓝(主题色) */
/* 橙 */
/* 天翼红 */
/* 宝石红 */
/* 绿 */
/* 中性色盘
-------------------------- */
/* 黑色 */
/* 白色 */
/* 灰色 */
/* images path - 图片路径变量，定制主题scss使用 */
/* Title: 主题色; Doc: true
-------------------------- */
/* Title: 主题色衍生色(用于element-ui); Doc: false
-------------------------- */
/* CT特殊色, ct意为ctyun缩写 */
/* Title: 状态色; Doc: true
-------------------------- */
/* Title: 中性色; Doc: true
-------------------------- */
/* Title: 背景色; Doc: true
-------------------------- */
/* Title: 禁用色; Doc: true
由于多个表单组件会用到disabled的状态，因此仍然保留以下变量
-------------------------- */
/* Title: 字体、字号、字体颜色、字重; Doc: true
-------------------------- */
/* Title: 行间距; Doc: true
-------------------------- */
/* Title: 边框; Doc: true
-------------------------- */
/* Title: 间距; Doc: true
-------------------------- */
/* Title: 阴影; Doc: true
-------------------------- */
/* Title: 页面框架; Doc: true
-------------------------- */
/* Title: Tag; Doc: false
-------------------------- */
/* Title: Button; Doc: false
-------------------------- */
/* Title: Radio; Doc: false
-------------------------- */
/* Title: Form; Doc: false
-------------------------- */
/* Title: Input; Doc: false
-------------------------- */
/* Title: Select; Doc: false
-------------------------- */
/* Title: Range Editor; Doc: false
-------------------------- */
/* Title: Checkbox; Doc: false
-------------------------- */
/* Title: Table; Doc: false
-------------------------- */
/* Title: Pagination; Doc: false
-------------------------- */
/* Title: Transfer; Doc: false
-------------------------- */
/* Title: Tabs; Doc: false
-------------------------- */
/* Title: Switch; Doc: false
-------------------------- */
/* Title: Tooltip; Doc: false
-------------------------- */
/* Title: Notification; Doc: false
-------------------------- */
/* Title: Upload; Doc: false
-------------------------- */
/* Title: Card; Doc: false
-------------------------- */
/* Title: Badge; Doc: false
-------------------------- */
/* Title: Time; Doc: false
-------------------------- */
/* Title: Cascader; Doc: false
-------------------------- */
/* Title: Collapse; Doc: false
-------------------------- */
/* Title: Steps; Doc: false
-------------------------- */
/* Title: Dialog; Doc: false
-------------------------- */
/* Title: Icon; Doc: true
-------------------------- */
/* Title: Loading; Doc: false
-------------------------- */
/* Title: Alert; Doc: false
-------------------------- */
/* Title: CuteSlider; Doc: false
-------------------------- */
/* Title: Animation; Doc: true
-------------------------- */
/* Title: Z-Index; Doc: true
-------------------------- */
/* Title: 响应式断点; Doc: true
-------------------------- */
/* Title: 图表默认的颜色; Doc: true
-------------------------- */
/* Title: 图表高亮颜色; Doc: true
-------------------------- */
/* CuteTitleCardBox 组件需要的阴影和背景变量
-------------------------- */
/* Title: 主题色; Doc: true
-------------------------- */
/* Title: 状态色; Doc: true
-------------------------- */
/* Title: 中性色; Doc: true
-------------------------- */
/* Title: 其他色; Doc: false
-------------------------- */
/* Title: 背景色; Doc: true
-------------------------- */
/* Title: 禁用色; Doc: true
由于多个表单组件会用到disabled的状态，因此仍然保留以下变量
-------------------------- */
/* Title: 字体、字号、字体颜色、字重; Doc: true
-------------------------- */
/* Title: 边框; Doc: true
-------------------------- */
/* Title: 间距; Doc: true
-------------------------- */
/* Title: 阴影; Doc: true
-------------------------- */
/* Title: 页面框架; Doc: true
-------------------------- */
/* Title: Tag; Doc: false
-------------------------- */
/* Title: Input; Doc: false
-------------------------- */
/* Title: Table; Doc: false
-------------------------- */
/* Title: Pagination; Doc: false
-------------------------- */
/* Title: Tooltip; Doc: false
-------------------------- */
/* Title: Upload; Doc: false
-------------------------- */
/* Title: Collapse; Doc: false
-------------------------- */
/* Title: Loading; Doc: false
-------------------------- */
/* Title: 图表默认颜色(deprecated(弃用)); Doc: false
-------------------------- */
/* Title: 图表高亮颜色(deprecated(弃用)); Doc: false
-------------------------- */
/* Title: 图表light颜色(deprecated(弃用)); Doc: false
-------------------------- */
/* Mixins */
.queue-resource-popper .over-info-text {
  font-size: 12px;
  line-height: 18px;
  color: #333;
}
.queue-resource-popper .over-info-text .strong {
  font-weight: bold;
}