.top {
  background-image: url("https://file-cloud.fmode.cn/Qje9D4bqol/20241220/b313ov054708770.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  height: 100%;
  padding: 10.2564vw 0;
  width: 100%;

  .head {
    padding: 3.8462vw 1.2821vw;
    // background: #292B2A;

    .name {
      color: #000000;
      text-align: center;
    }
  }

  .box {
    text-align: center;
    margin: 0 auto 4.1026vw ;
    // background: #292B2A;
    border-radius: 2.3077vw;
    color: #000000;
    padding: 5.1282vw;
    width: 92%;
    height: 28vh;
    // margin-top: 5.1282vw;
    border: 1px solid #e7435c;

    .account_info {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 14vh;

      .balance {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 40%;
        height: 100%;

        .title {
          font-size: 3.5897vw;
        }

        .count {
          font-size: 4.1026vw;
          font-weight: 600;
          margin-bottom: 1.5385vw;
        }
      }
    }

    .figure {
      display: flex;

      .recharge {
        width: 38.4615vw;
        background: #e7435c;
        border-radius: 4.6154vw;
        padding: 2.5641vw 0 2.5641vw 0;
        margin: 0 auto;
        color: #ffffff;
      }

      .recharges {
        width: 38.4615vw;
        border: 0.2564vw solid #ffffff;
        border-radius: 4.6154vw;
        padding: 2.5641vw 0 2.5641vw 0;
        margin: 0 auto;
        color: #ffffff;
        margin-left: 5.1282vw;
        background: #1a65eb;
      }
    }
  }

  .install {
    width: 92%;
    margin: 2.5641vw auto;
    border-radius: 2.3077vw;
    padding: 2.5641vw 0;
    display: flex;
    justify-content: space-between;
    border: 1px solid #e7435c;

    .install-to {
      display: flex;
      padding-left: 2.5641vw;

      .name {
        margin: auto 1.2821vw;
        display: flex;
        align-items: center;
        ion-icon{
          font-size: 20px;
          margin-right: 4px;
          color: #e7435c;
        }
      }
    }

    .img {
      width: 5.1282vw;
      height: 5.1282vw;
      margin: auto 2.5641vw;
    }
  }
}
