.leftBox {
  height: vh(498);
  box-sizing: border-box;
  padding: vh(54) vw(54);
  background-image: url('@/assets/svg/Room/LeftTop/Box.svg');
  background-size: 107%;
  background-position: center;
  background-repeat: no-repeat;

  .echartsContainer {
    width: vw(230);
    height: vh(230);
    margin: vh(20) auto;
  }

  .bottomBox {
    margin-top: vh(40);
    height: vh(80);
    padding: 0 vw(24);
    background: linear-gradient(272deg, rgba(93, 73, 175, 0.045) 2%, rgba(93, 73, 175, 0.066) 99%);
    border: 1px solid;
    border-image: linear-gradient(160deg, rgba(158, 136, 246, 0.4) -10%, rgba(93, 73, 175, 0) 41%) 1.5;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .left {
      display: flex;
      align-items: center;

      span {
        font-size: vw(16);
        color: #2D126F;
        margin-left: vw(4);
      }
    }

    .right {
      font-size: vw(12);
      color: #571273;

      span {
        font-weight: 500;
        font-size: vw(26);
        color: #5D49AF;
        vertical-align: sub;
      }
    }

    &:first-child {
      margin-bottom: vh(24);
    }

  }
}
