.profile-box {
    //width: 100%;
    //height: 100%;
    //overflow-y: auto;
    //padding-bottom: .4rem;
    //background-color: #1f1f1f;
    //display: flex;
    //flex-direction: column;

    .userContent {
      background: -webkit-gradient(linear, left top, left bottom, from(#ffaa30), to(#ffe6be));
      background: -webkit-linear-gradient(top, #ffaa30, #ffe6be);
      background: -o-linear-gradient(top, #ffaa30 0, #ffe6be 100%);
      background: linear-gradient(180deg, #ffaa30, #ffe6be);
      height: auto;
    }

    .userInfo {
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      height: .56rem;
      padding: .11rem .18rem;
      box-sizing: border-box;
      //margin-bottom: .23rem;
      position: relative;
      &::after{
        content: '';
        position: absolute;
        bottom: 0;
        width: 90%;
        border-bottom: .01rem dotted #d9a801;
      }


      &.active {
        margin-bottom: 0;
      }

      & > div {
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: .36rem;
        font-size: .14rem;
        color: #000;

        .bgImg {
          width: .36rem;
          height: .36rem;
          margin-right: .1rem;
          background-color: #ff9323;
          border-radius: 50%;
          background-size: 100% 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;

          &.default {
            background-size: 80% 80%;
          }
        }

        & > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          height: .36rem;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
        }
        .phone {
          font-size: .12rem;
        }
      }

      .goto {
        display: flex;
        align-items: center;
        cursor: pointer;
        color: #1f1f1f;
      }

      .iconfont {
        font-size: .16rem;
        font-weight: 700;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-left: .04rem;
      }
    }


    .vip-card {
      margin: 0.0694rem .18rem 0;
      display: flex;
      align-items: center;

      &__icon{
        margin-right: 0.0694rem;
        position: relative;
        .icon-level{
          position: absolute;
          bottom: 25%;
          width: 100%;
          text-align: center;
          font-size: 0.16rem;
          font-weight: 700;
        }
      }
      &-process{
        flex: 1;
        font-size: 0.11rem;
        .process-top{
          color: #fb8b05;
          margin-bottom: 3px;
        }

        .process-bottom{
          display: flex;
          margin-top: 0.0694rem;
          text-align: center;
          color: #666;
          &-desc{
            flex: 1;
          }
        }
      }


    }

    .coin {
      display: flex;
      //justify-content: space-between;
      padding-bottom: 0.3rem;
      margin: 0 .18rem;
      &_left__icon {
        margin: 0 .08rem;
        font-size: .18rem;
        color: #000;
      }
      .coin_right_wallet{
        display: grid;
        flex: 1;
        font-size: .12rem;
        color: #333;
        grid-template-columns: 1fr 1fr;
        gap: 0 0.1042rem;
        & :nth-child(3),
        & :nth-child(4){
          padding-top: 0.05rem;
        }
        .wallet_header{
          display: flex;
          align-items: center;

          &__icon{
              width: 0.14rem;
              height: 0.14rem;
              margin-left: .03rem;
          }
        }
        .num {
          width: 100%;
          height: auto;
          display: flex;
          span {
            font-size: .14rem;
            &:first-child {
              margin-right: .04rem;
            }
          }
        }

        .wallet_left_border{
          border-right:  .01rem dotted #d9a801;
        }
        .wallet_right_content{
          margin-left: .3rem;
        }
      }

      //& > div {
      //  display: flex;
      //  -webkit-box-align: center;
      //  -ms-flex-align: center;
      //  align-items: center;
      //  width: 50%;
      //  -webkit-box-sizing: border-box;
      //  box-sizing: border-box;
      //
      //  &:first-child {
      //    border-right: .01rem dotted #d9a801;
      //  }
      //

      //
      //  & > div {
      //    flex: 1;
      //    display: flex;
      //    flex-direction: column;
      //  }
      //
      //  div {
      //    span {
      //      font-size: .12rem;
      //      color: #333;
      //      display: flex;
      //      align-items: center;
      //
      //      .a {
      //        width: .14rem;
      //        margin-left: .03rem;
      //      }
      //    }

      //  }
      //}
    }
    .link {
      width: 100%;
      height: auto;
      margin-top: -.22rem;
      display: flex;
      align-items: center;
      justify-content: center;
      .btn {
        width: 1.63rem;
        height: .44rem;
        line-height: .44rem;
        background: -o-linear-gradient(top, #ff9323, #ff6a01);
        background: linear-gradient(180deg, #ff9323, #ff6a01);
        border-radius: .04rem;
        color: #fff;
        font-size: .14rem;
        margin: 0 .08rem;
        text-align: center;
      }
    }

}
