@web_font1: #333;
@web_font2: #666;

.pf-1 {
    color: @web_font1;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
}
  
.pf-2 {
    color: @web_font2;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}


.flex {
    display: flex;
}
.justify-between{
    justify-content: space-between;
}
.items-center{
    align-items: center;
}
.flex-wrap{
    flex-wrap: wrap
}
.mr16px{
    margin-right: 16px
}
.mt16px{
    margin-top: 16px
}
.mb16px{
    margin-bottom: 16px
}
.px16px{
    padding: 0 16px;
}
.pl8px{
    padding-left: 8px;
}

.font-bold{
    font-weight: 700;
}




.computePowerAllocation_body {
    h3 {
        font-weight: bold;
        font-size: 16px;
        color: #333333;
        line-height: 19px;
    }
    /* header */
    .head_info {
        // font-size: 28px;
        .bg_header_logo {
            width: 80px;
            height: 80px;
        }
        .head_info_item{
            margin-left: 12px;
        }
    }
    /* banner */
    .banner_group {
        padding-top: 24px;
        & > li {
            width: 24%;
            height: 88px;
            background-color: rgba(256, 256, 256, 0.1);
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
            border-radius: 8px 8px 8px 8px;
            position: relative;
            overflow: hidden;

            .cp_label{
                width: 100%;
                padding-left: 12px;
            }
            .cp_bg_logo_icon {
                min-width: 24px;
                height: 26px;
                background: url('/images/computePowerAllocation/type1.svg') no-repeat 0 0;
            }
            .cp_bg_logo_icon_0 {
                width: 44px;
                height: 16px;
                background: url('/images/computePowerAllocation/ruiyinweilogo1.svg') no-repeat 0 0;
            }

            .bg_banner_group_logo {
                width: 100%;
                height: 88px;
                position: absolute;
                background: url('/images/computePowerAllocation/guoqi.svg') no-repeat 100% 0%;
                background-size: cover;
                opacity: 0.1;
            }
            .bg_banner_group_logo_1 {
                background: url('/images/computePowerAllocation/NVIDIA.svg') no-repeat  100% 0%;
            }
        }
    }
    /* footer */
    .computePower_footer{
        li {
            margin-right: 16px;
            margin-bottom: 8px;
        }
    }
}

.computePowerCube_wrap {
    position: relative;
    overflow: hidden;
  
    .tip_icon {
      width: 20px;
      height: 20px;
    //   background: url("@/assets/computePower/tipIcon.svg") no-repeat;
      background-size: cover;
      // tipIcon.svg
    }
    .bg_body_logo {
      /* width: 358.886px;
      height: 343.026px;
      bottom: 0;
      position: absolute;
      left: -48px;
      background: url("@/assets/computePower/bgLogo.svg") no-repeat 50% 50%;
      opacity: 0.02; */
    }
    .cube_info {
      position: relative;
      margin: 0 auto;
      width: 100%;
      border-radius: 2px;
      /* background-color: red; */
      border: 2px solid rgba(21, 77, 221, 0.4);
      & > li {
        .bg_cube {
          height: 100%;
          position: relative;
        }
      }
    }
    .cube_info_line {
      position: absolute;
      left: 18px;
      bottom: 14px;
      height: 4px;
      width: calc(100% - 36px);
      /* height: 401px; */
      background: rgba(255, 255, 255, 1);
      filter: blur(4px);
    }
    .cube_body {
      /* margin-left: 30px; */
      width: 100%;
      border: 2px solid #b8b8b8;
      border-radius: 6px;
    }

    .bg_line{
        height: 56px;
        width: 2px;
        background-color: black;
    }
  }

.computePowerType_wrap {
    position: relative;
    .bg_square_box{
        padding-top: 6px;
        padding-right: 8px;
    }
    .bg_square {
        width: 12px;
        height: 12px;
    }
    // .type_info{
    //    line-height: 1 
    // }
}