.container {
  width: 1128px;
  height: 775px;
  background-image: url('@/assets/images/bg.png');
  background-size: 100% 100%;
  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 20px;
  }

  // .header {
  //   display: flex;
  //   justify-content: space-between;
  //   align-items: center;
  //   margin-bottom: 16px;
    
  //   .title {
  //     padding: 8px 0px 0px 20px;
  //     color: #FFFFFF;
  //     font-family: 'DingTalk JinBuTi';
  //     font-size: 30px;
  //     font-weight: 400;
  //   }

  //   .header_right {
  //     cursor: pointer;
  //     padding: 8px 0px 0px 20px;
      
  //     span {
  //       color: #B3D6F7;
  //       font-size: 16px;
  //     }

  //     .count {
  //       color: #4BFF9C;
  //       font-size: 30px;
  //       margin: 0 4px;
  //     }

  //     .header_right_icon {
  //       font-size: 20px;
  //       color: rgb(179, 214, 247);
  //       transform: translateY(5px);
  //     }

  //     &:hover {
  //       opacity: 0.8;
  //     }
  //   }
  // }
} 