.container {
  .mine_bg{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .navbar {
    padding-left: 30rpx;
    font-weight: 600;
    font-size: 38rpx;
    color: #FFFFFF;
  }

  .userinfo {
    display: flex;
    padding: 72rpx 40rpx 48rpx;
    color: #fff;
    font-size: 26rpx;

    .content {
      flex: 1;

      .header {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .name {
          font-weight: 600;
          font-size: 36rpx;
        }

        .edit {
          width: 92rpx;
          height: 52rpx;
          line-height: 50rpx;
          text-align: center;
          border-radius: 32rpx;
          border: 1rpx solid rgba(255, 255, 255, 0.5);
        }
      }

      .addr {
        margin: 10rpx 0 12rpx;
      }
    }

    .avatar {
      width: 112rpx;
      height: 112rpx;
      background: #FFFFFF;
      box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(0, 0, 0, 0.08);
      border-radius: 50%;
      border: 4rpx solid #FFFFFF;
      margin-right: 30rpx;
    }
  }
  .main_content{
    background-color: #fff;
    position: relative;
    z-index: 9999;
    border-radius: 16rpx 16rpx 0rpx 0rpx;
    padding: 40rpx;
    .func_list{
      background: #F7F7F7;
      border-radius: 8rpx;
      margin-bottom: 40rpx;
      .line{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 40rpx;
        height: 108rpx;
        .icon{
          width: 40rpx;
        }
      }
    }
  }
}
.liucheng{
  width: 100%;
  padding: 0rpx 40rpx 120rpx;
  text-align: center;
  .h1{
    margin-bottom: 16rpx;
    font-weight: 600;
    font-size: 36rpx;
  }
  .h2{
    font-weight: 300;
    font-size: 26rpx;
    color: #333333;
    margin-bottom: 40rpx;
  }
  .img{
    width: 100%;
  }
}