.usrinfo{
    width: 100%;
    height: 35vh;
    background-color: #325395;
}
.avatarcon{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px; 
}
.avatar{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 3px solid white;
    box-shadow: 0 0 10px;
}

.nickName{
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: white;
    font-family:'Times New Roman', Times, serif;
    font-size: 25px;
}

/* 列表容器样式 */
.list {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px; /* 根据需要调整 */
  }
  
  /* 按钮样式 */
  .btn1, .btn2, .btn3 {
    width: 80%; /* 按钮宽度 */
    height: 50px;
    line-height: 50px;
    margin: 10px 0; /* 按钮外边距 */
    background-color: #1AAD19; /* 按钮背景颜色 */
    color: white; /* 按钮文字颜色 */
    text-align: center; /* 文字居中 */
    border-radius: 5px; /* 按钮圆角 */
    font-size: 16px; /* 文字大小 */
  }
  
  /* 为不同的按钮添加不同的样式，如果需要的话 */
  .btn1 {
    background-color: #007aff; /* 在线客服按钮背景颜色 */
  }
  
  .btn2 {
    background-color: #ff9900; /* 个人资料按钮背景颜色 */
  }
  
  .btn3 {
    background-color: #ff3b30; /* 退出登录按钮背景颜色 */
  }