.cmp_monitor_wrap{
    padding-bottom: 120px;
}
@media screen and (max-width:980px){
    .header_title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
        font-weight: 500;
    }
    .header_btn_wrap{
        margin: 15px auto 0;
    }
    .header_title_wrap p{
        font-size: 14px;
        line-height: 22px;
    }
    .header_banner_interface{
        padding-top: 30px;
    }
    .cmpHeaderCard{
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .cmpHeaderCard_title {
        font-size: 24px;
        line-height: 30px;
    }
    .cmpHeaderCard_content{
        margin: 30px auto 0;
    }
    .cmp_middle_title{
        font-size: 24px;
        margin-top: unset;
        margin-bottom: 30px;
    }
    .cmpHeaderCard_content > li{
        padding: 40px 40px 0 40px;
    }
    .cmpHeaderCard_content > li > div{
        font-size: 18px;
        line-height: 24px;
        margin: 15px 0 10px 0;
    }
    .cmpHeaderCard_content > li > p{
        font-size: 14px;
        line-height: 22px;
    }
    .cmp_platform_access_right > div{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .cmp_platform_access_right > p{
        font-size: 14px;
        color: #5E6978;
        line-height: 22px;
    }
    .cmp_resource_manage{
        margin: 31px auto 30px;
    }
    .cmp_resource_manage_left > div {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .cmp_resource_manage_left > p {
        font-size: 14px;
        color: #5E6978;
        line-height: 22px;
    }
    .cmp_resource_manage_left{
        padding-bottom: 15px;
    }
    .cmp_monitorMaintain{
        margin-bottom: 30px;
    }
    .cmp_monitorMaintain_right > div{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .cmp_monitorMaintain_right > p {
        font-size: 14px;
        color: #5E6978;
        line-height: 22px;
    }
    .cmp_monitorMaintain_right{
        padding-bottom: 15px;
    }
    .cmp_costManagement{
        margin-top: 124px;
    }
    .cmp_costManagement_left{
        padding-bottom: 15px;
    }
    .cmp_costManagement_left > div {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .cmp_costManagement_left > p {
        font-size: 14px;
        line-height: 22px;
    }
    .cmp_middle_bg{
        left: -253px;
        background-size: 75%;
    }
    .cmp_edgeCompute{
        margin-top: 133px;
    }
    .cmp_edgeCompute_right > div {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .cmp_edgeCompute_right > p {
        font-size: 14px;
        color: #5E6978;
        line-height: 22px;
    }
    .cmp_edgeCompute_right{
        padding-bottom: 15px;
    }
    .cmp_monitor_left > div {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .cmp_monitor_left > p{
        font-size: 14px;
        color: #5E6978;
        line-height: 22px;
    }
    .cmp_monitor_left{
        padding-bottom: 15px;
    }
    .cmp_monitor_wrap{
        padding-bottom: 41.5px;
    }
    .cmp_monitor{
        margin-top: 30px;
        height: 576px;
    }
    .cmp_monitor_right{
        transform: translateX(-13px);
        width: 746px;
        height: 522px;
    }
    .cmp_monitor_bg{
        top: 79px;
        width: 709px;
        height: 100%;
    }
    
}
@media screen and (max-width:815px){
    .cmp_monitor_right{
        transform: translateX(-13px) translateY(-4%);
    }
    .cmp_monitor_bg{
        top: 59px;
        right: -49px;
    }
}
@media screen and (max-width:740px){
    .cmp_monitor_right {
        transform: translateX(-13px) translateY(-9%);
    }
    .cmp_monitor_bg {
        top: 29px;
        right: -209px;
        
    }
    .cmp_monitor{
        height: 526px;
    }
}
@media screen and (max-width:709px){
    .cmp_costManagement{
        margin-top: 60px;
    }
    .cmp_middle_bg{
        top: 1px;
        left: -371px;
        background-size: 60%;
    }
    .cmp_edgeCompute {
        margin-top: 63px;
        height: 344px;
    }
    .cmp_edgeCompute_left{
        transform: scale(0.7) translateX(-99%) translateY(-20%);
    }
    .cmp_monitor_bg{
        top: 36px;
        width: 629px;
        right: -180px;
    }
    .cmp_monitor_right{
        transform: translateX(37px) translateY(-13%);
        width: 628px;
        height: 522px;
        left: -7%;
    }
    .cmp_monitor{
        height: 478px;
    }
    .cmp_costManagement_right{
        transform: scale(0.7) translateY(-21%);
    }
    .cmp_platform_access_left {
        transform: scale(0.7) translateY(-21%);
    }
    .cmp_platform_access{
        height: 300px;
    }
    .cmp_resource_manage_right {
        transform: scale(0.7) translateX(-20px) translateY(-22%);
    }
    .cmp_resource_manage{
        height: 392px;
    }
    .cmp_monitorMaintain_left{
        transform: scale(0.7) translateX(-45px) translateY(-22%);
    }
    .cmp_monitorMaintain {
        height: 357px;
    }
}
@media screen and (max-width:660px){
    .cmp_edgeCompute_left {
        transform: scale(0.7) translateX(-89%) translateY(-20%);
    }
}
@media screen and (max-width:609px){
    .cmp_resource_manage_right {
        transform: scale(0.7) translateX(-466px) translateY(-22%);
    }
}
@media screen and (max-width:579px){
    .cmpHeaderCard_content li:nth-child(1) {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .cmpHeaderCard_content li:nth-child(2) {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .cmpHeaderCard_content li:nth-child(3) {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .cmp_platform_access_left{
        transform: scale(0.6) translateX(-84%) translateY(-32%);
    }
    .cmp_platform_access{
        height: 296px;
    }
    .cmp_resource_manage_right{
        transform: scale(0.6) translateX(-85%) translateY(-33%);
    }
    .cmp_resource_manage{
        height: 374px;
    }
    .cmp_monitorMaintain{
        height: 357px;
    }
    .cmp_monitorMaintain_left{
        transform: scale(0.7) translateX(-45px) translateY(-22%);
    }
    .cmp_costManagement{
        margin-top: 60px;
    }
    .cmp_middle_bg{
        left: -373px;
        background-size: 60%;
        top: 10px;
    }
    .cmp_edgeCompute{
        margin-top: 24px; 
        height: 342px;
    }
    .cmp_edgeCompute_left{
        transform: scale(0.7) translateX(-80%) translateY(-21%);
    }
    .cmp_monitor_wrap{
        margin-top: 30px;
    }
    .cmp_monitor{
        margin-top: unset;
        height: 366px;
    }
    .cmp_monitor_right{
       transform: scale(0.7) translateX(8%) translateY(-34%);
    }
    .cmp_monitor_bg{
        top: 53px;
        right: -168px;
        width: 638px;
        height: 315px;
        background-size: 70%;
    }
}
@media screen and (max-width:569px){
    .cmp_monitor_right{
        transform: scale(0.7) translateX(-2%) translateY(-40%);
    }
}
@media screen and (max-width:509px){
    .cmp_monitorMaintain_left{
        transform: scale(0.7) translateX(-417px) translateY(-22%);
    }
    .cmp_edgeCompute{
        height: 334px;
    }
    .cmp_edgeCompute_left{
        transform: scale(0.6) translateX(-83%) translateY(-32%);
    }
    .cmp_monitor_right{
        transform: scale(0.7) translateX(-12%) translateY(-40%);
    }     
}
@media screen and (max-width:499px){
    .cmp_costManagement_right{
        transform: scale(0.7) translateY(-21%) translateX(-71%);
    }
    .cmp_monitor_bg{
        top: 53px;
        right: -237px;
        width: 638px;
        height: 315px;
        background-size: 70%;
    }
    .cmp_monitor_right{
        transform: scale(0.64) translateX(-4%) translateY(-40%);
    }
    .cmp_monitorMaintain_left {
        transform: scale(0.6) translateX(-497px) translateY(-34%);
    }
}
@media screen and (max-width:480px){
    .cmp_monitor_right {
        transform: scale(0.68) translateX(-5%) translateY(-40%);
    }
}
@media screen and (max-width:460px){
    .cmp_monitor_right {
        transform: scale(0.68) translateX(-15%) translateY(-40%);
    }
    .cmp_costManagement_right {
        transform: scale(0.7) translateY(-21%) translateX(-67%);
    }
}
@media screen and (max-width:459px){
    .cmpHeaderCard{
        margin-top: 100px;
    }
}
@media screen and (max-width:430px){
    .cmp_monitor_right {
        transform: scale(0.60) translateX(-20%) translateY(-40%);
    }
        .cmp_monitor_bg {
        top: 63px;
        right: -277px;
        width: 638px;
        height: 315px;
        background-size: 65%;
    }
    .cmp_monitor_right {
        transform: scale(0.60) translateX(-20%) translateY(-48%);
    }
    .cmp_monitor {
        height: 354px;
    }
    .cmp_monitorMaintain_left {
        transform: scale(0.6) translateX(-477px) translateY(-22%);
    }
    .cmp_edgeCompute {
        margin-top: 54px;
    }
    .cmp_costManagement_right {
        transform: scale(0.65) translateY(-21%) translateX(-76%);
    }
    .cmp_costManagement {
        height: 400px;
    }
    .cmp_monitorMaintain_left {
        transform: scale(0.6) translateX(-477px) translateY(-34%);
    }
    .cmp_platform_access {
        height: 280px;
    }
    .cmp_platform_access_left {
        transform: scale(0.53) translateX(-95%) translateY(-42%);
    }
    .cmp_resource_manage {
        height: 365px;
    }
    .cmp_resource_manage_right {
        transform: scale(0.53) translateX(-94%) translateY(-44%);
    }
}
@media screen and (max-width:390px){
    .cmp_costManagement_right {
        transform: scale(0.6) translateY(-33%) translateX(-83%);
    }
    .cmp_monitorMaintain {
        height: 331px;
    }
    .cmp_monitorMaintain_left {
        transform: scale(0.58) translateX(-497px) translateY(-37%);
    }
    .cmp_platform_access {
        height: 269px;
    }
    .cmp_platform_access_left {
        transform: scale(0.51) translateX(-98%) translateY(-48%);
    }
    .cmp_resource_manage {
        height: 361px;
    }
    .cmp_resource_manage_right {
        transform: scale(0.52) translateX(-96%) translateY(-46%);
    }
    .cmp_edgeCompute_left {
        transform: scale(0.6) translateX(-83%) translateY(-32%);
    }
    .cmp_monitor_right {
        transform: scale(0.60) translateX(-25%) translateY(-48%);
    }
}
@media screen and (max-width:375px){
    .header_banner_interface_wrapper {
        width: 330px;
        height: 223.75px;
        margin-left: 36px;
    }
    .cmpHeaderCard{
        margin-top: 60px;
    }
    .cmpHeaderCard_content li:nth-child(1){
        margin-bottom: 10px;
    }
    .cmpHeaderCard_content li:nth-child(2){
        margin-bottom: 10px;
    }
    .cmpHeaderCard_content li:nth-child(3){
        margin-bottom: 10px;
    }
    .cmp_platform_access{
        height: 270px;
    }
    .cmp_platform_access_left{
        transform: scale(0.5) translateX(-101%) translateY(-49%);
    }
    .cmp_resource_manage{
        height: 338px;
    }
    .cmp_resource_manage_right{
        transform: scale(0.5) translateX(-101%) translateY(-50%);
    }
    .cmp_monitorMaintain_left{
        transform: scale(0.5) translateX(-114%) translateY(-51%);
    }
    .cmp_monitorMaintain{
        height: 294px;
    }
    .cmp_costManagement{
        margin-top: 60px;
        height: 400px;
    }
    .cmp_costManagement_right {
        transform: scale(0.6) translateY(-33%) translateX(-84%);
        width: 504px;
    }
    .cmp_middle_bg{
        top: 18px;
        left: -418px;
        background-size: 56%;
    }
    .cmp_edgeCompute{
        margin-top: 30px;
        height: 354px;
    }
    .cmp_edgeCompute_left{
        transform: scale(0.6) translateX(-83%) translateY(-32%);
    }
    .cmp_monitor_wrap{
        margin-top: 30px;
        height: 370.5px;
        /* margin-bottom: 41.5px;   */
        padding: 0;
    }
    /* .cmp_monitor_wrap{
        height: 328px;
    } */
    .cmp_monitor{
        margin-top: unset;
        height: 328px;
        margin-bottom: 41.5px;
    }
    .cmp_monitor_right{
        transform: scale(1) translateX(12%) translateY(4%);
        width: 313px;
        height: 168px;
    }
    .cmp_monitor_bg{
        top: 98px;
        background-size: 49%;
        right: -268px;
        width: 671px;
        height: 230px;
    }
    .cmpHeaderCard_content > li{
        width: 200px;
        height: 197px;
        padding: 20px 20px 20px 20px;
    }
    .cmpHeaderCard_content > li > i{
        width: 40px;
        height: 40px;
    }
    .cmpHeaderCard_content{
        padding-left: 33px;
    }
}