page {
    height: 100%;
    width: 100%;
    background: #f4f4f4;
}

.container {
    background: #f4f4f4;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.user { 
    padding: 15rpx;
    width: auto;
    display: relative;
    background-color: #ffffff;
    border-radius: 10rpx;
    margin: 10rpx;
}

.user_area {
    /* height: 130rpx; */
    z-index: 999;
}


.user_column {
    /* border: 1px solid black; */
    height: 120rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user_column_item {
    width: 25%;
    height: 120rpx;
    text-align: center;
    position: relative;
    margin-top: 5rpx;
    /*
    background: #fff;
     border-right: 1rpx #e0e3da solid;*/
}


.user_column_item_image {
    width: 50rpx;
    height: 50rpx;
    margin-top: 30rpx;
}

.user_column_item_value {
    margin-top: 20rpx;
    font-size: 32rpx;
    font-weight: 600;
    color:#d4be49
}

.user_column_item_text {
    /* border: 1px solid black; */
    margin-top: 10rpx;
    font-size: 26rpx;
    color: rgb(85, 85, 85);
}

.bottom{
    display: flex;
    justify-content: space-between;
    padding: 20rpx 0;
    background-color: #ffffff;
    position: absolute;
    bottom: 10rpx;
    width: 100%;
}

.color_red{
    background:red !important
}

.btn { 
    height: 64.5rpx;
    line-height: 64.5rpx;
    text-align: center;
    padding: 0 20rpx;
    margin: 0 20rpx;
    border-radius: 5rpx;
    font-size: 28rpx;
    color: #fff;
    background: #09afff;
    flex: 1;
  }
  

  .header{
    display: flex;
    justify-content: space-around;
    padding: 20rpx 0;
    border-bottom: 1rpx solid #bbb1b1
  }

  .header view{
      color:#504c4c;
      font-weight: 600;
      text-align: center;
  }

  .flex2{
      flex: 2;
  }
  
  .flex1{
    flex: 1;
}

.item{
    padding: 10px 0; 
    border-bottom: 1rpx solid #e4dddd
}
.item .title{ 
    color: #333; 
    font-size:32rpx ;
}
.item-book{
    display: flex;
    justify-content: space-around;
    line-height: 27px;
    height: 42rpx;
}


.item-book view{
    color: #333;  
    text-align: center;
}

.color_red2{
    color: red !important;
}



.back{
    position: absolute;
    top: 0rpx;
    width: 100%;   
    height: 100%;  
    background-color: #999; 
    z-index: 999;    
    opacity: 0.8
   }
  .auth{ 
    position: absolute;
    top: 0rpx;
    width: 100%;   
    height: 100%;   
    z-index: 9999;
    display: flex;
      align-items: center;
      justify-content: center;
  }
  
  .auth .form{ 
    background-color: #fff;
    width:530rpx;
    padding: 40rpx 44rpx 74rpx;
    border-radius: 10rpx;
  }
  
  .auth .title{
    text-align: center;
    font-size: 34rpx;
    line-height: 34rpx;
    font-weight: bold;
    margin-bottom: 60rpx;
    color: #333;
  }
  
  .form-item {
    height: 84rpx;
    /* border-bottom: 1px solid #d9d9d9; */
    display:flex;
    align-items: center;
  } 
  .form-item .label{
    width: 130rpx;
    font-size: 24rpx;
    color:#85868A
  }
  .form-item .username, .form-item .address { 
    top: 26rpx;
    left: 0;
    display: block;
    width: 100%;
    height: 44rpx;
    background: #fff;
    color: #333;
    font-size: 30rpx;
  }
  
  .warning{
    color: #09afff;
    margin-top: 20rpx;
    font-size: 22rpx;
    line-height: 28rpx;
  }
  .footer{
    display: flex;
    padding: 20rpx;
    text-align: center;
  }
  
  .fbtn{
    width: 202rpx;
    height: 70rpx;
    line-height: 70rpx;
    text-align: center;
    border-radius: 70rpx;
    border: 1rpx solid #09afff;
    font-size: 24rpx;    
    margin: 0 28rpx;
    color:#333
  }
  
  .btnConfirm{
    background-color: #09afff;
      color: #fff;
  }
  .dialog-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    padding-top:170rpx;
  }
  
  .dialog-block {
    width: 590rpx;
    height: 534rpx;
      border-radius:10rpx;
      background-color: #fff;
      position: relative;
    font-size: 24rpx;
    padding:100rpx 44rpx 0;
  }
  .close-icon{
      width:60rpx;
      height: 60rpx;
      position: absolute;
      top:-30rpx;
      right:-30rpx;
  }
  .tips-text{
    color:#85868A;
    font-size: 24rpx;
    text-align: justify;
  }
  .main-module.amount-module{
    border-radius:16rpx;
    background:#fff;
    height: 106rpx;
    margin:28rpx 0 0;
    padding:16rpx 0 14rpx;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .tip-wrapper{
    display: flex;
    align-items: center;
  }
  .tip-img{
    width:22rpx;
    height:22rpx;
    margin:0 0 0 8rpx;
  }
  .form-item>input{
    height: 50rpx;
    line-height: 50rpx;
    border: 1px solid #85868A;
  border-radius: 10rpx;
  width:370rpx;
  font-size: 24rpx;
  color:#2a2a2a;
  padding-left:20rpx;
  }
  .agree-terms{
      margin:54rpx 0 44rpx;
      height: 26rpx;
      display: flex;
      /* justify-content: center; */
      align-items: center;
  }
  .user-agree{
      color:#85868A;
      font-size: 22rpx;
      margin-left:8rpx;
  }
  .user-terms{
      color:#CC4226;
      font-size: 24rpx;
  }