.container {
  width: 1128px;
  height: 658px;  
  // height: 662px;
  background-image: url('@/assets/images/bg.png');
  
  // background-image: url('@/assets/images/newMain/rightBottomBG.png');
  //   background: fadein(rgb(63, 149, 229) , 0.1);
  // background: rgba(63, 149, 229, 0.15);
  // backdrop-filter: blur(20px);
  border-radius: 20px;
  padding: 0px 20px 12px 0px;  

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    
    .title {
      padding: 8px 0px 0px 20px;  
      /* 矩形 417 */    
      width: 215px;
      height: 52px;
      border-radius: 20px 0px 25.5px 0px;
      // border-radius: 20px 0px 25.5px 0px;
      background: rgba(62, 147, 199, 0.3);

      color: rgb(255, 255, 255);
      font-family: 'DingTalk JinBuTi';
      font-size: 30px;
      font-weight: 400;
      line-height: 36px;
    }

    .systemCount {
      cursor: pointer;
      color: #b3d6f7;
      font-size: 20px;

      span {
        font-family: 'D-DIN';
        color: #4bff9c;
        font-size: 30px;
        margin: 0 4px;
      }
      .header_right_icon {
        font-size: 20px;
        color: rgb(179, 214, 247);
        transform: translateY(5px);
      }
    }
  }

  .content {
    padding: 0px 0px 0px 20px;  
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 25px;
  }
}
