.avatar{
  width: 140rpx;
  height: 140rpx;
  border-radius: 50%;
  margin: 130rpx auto 30rpx;
}
.home_title{
  font-weight: 500;
  font-size: 40rpx;
  margin-bottom: 16rpx;
  text-align: center;
}
.placeholder9{
  text-align: center;
}
page{
  overflow: hidden;
}
.btns{
  margin-top: 120rpx;
  padding: 0 62rpx;
  .btn{
    width: 100%;
    height: 88rpx;
    line-height: 86rpx;
    border-radius: 8rpx;
    border: 1rpx solid #B08771;
    margin-bottom: 30rpx;
    font-size: 30rpx;
    color: #B08771;
    display: flex;
    justify-content: center;
  }
  .speedy{
    color: #fff;
    background-color: #B08771;
  }
  .line{
    display: flex;
    align-items: center;
    height: 120rpx;
    border-bottom: 1rpx solid #E5E5E5;
    .icon{
      width: 40rpx;
      height: 40rpx;
    }
    .input{
      flex: 1;
    }
  }
  .sub_btn{
    margin-top: 60rpx;
    margin-bottom: 60rpx;
  }
  .protocol{
    display: flex;
    flex-wrap: wrap;
    color: #555555;
    font-size: 24rpx;
    margin-bottom: 40rpx;
    .content{
      flex: 1;
    }
  }
}
.modal{
  width: 100%;
  height: calc( 100vh - 200rpx );
  padding: 40rpx;
  position: relative;
  .content{
    height: calc( 100% - 180rpx );
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 20rpx;
  }
  .btns{
    position: fixed;
    padding: 20rpx 0rpx;
    width: 100%; 
    z-index: 999;
    bottom: 12rpx;
    border-top: 1px solid #e5e5e5;
    .reject{
      width: 670rpx;
      font-weight: 500;
      font-size: 32rpx;
      color: #999999;
      text-align: center;
      margin-top: 30rpx;
      height: 60rpx;
    }
    .agree{
      width: 670rpx;
      height: 90rpx;
      background: #B08771;
      border-radius: 8rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
  }
}
.tip{
  position: fixed;
  bottom: 108rpx;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 26rpx;
  color: #666666;
}