page {
  background: #F7F8FA;
}

.list {
  background: #FFFFFF;
}

.list .item {
  height: 108rpx;
  padding: 0 30rpx;
  box-sizing: border-box;
}

.list .item text {
  font-size: 32rpx;
  display: inline-flex;
}

.list .item .title {
  font-size: 32rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 44rpx;
  width: 168rpx;
}

.list .top-container {
  height: 304rpx;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 20rpx solid #F7F8FA;
}

.list .top-container .avatar {
  width: 160rpx;
  height: 160rpx;
  border-radius: 50%;
  background: #EDEDED;
}

.list .top-container text {
  height: 44rpx;
  font-size: 32rpx;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 44rpx;
  margin-top: 20rpx;
}

.icon-right {
  width: 24rpx;
  height: 24rpx;
}



.use-popup {
  width: 558rpx;
  height: 508rpx;
  background: #FFFFFF;
  border-radius: 40rpx;
  justify-content: center;
  /* justify-content: space-evenly; */
}

/* .use-popup .red {
  font-size: 24rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #E95564;
} */

.use-btn .btn {
  /* width: 208rpx; */
  height: 92rpx;
  margin: 0 48rpx;
  font-size: 36rpx;
  color: #FA7D22;
  border-radius: 52rpx;
  border: 2rpx solid #FA7D22;
}

.use-btn .confirm {
  margin-top: 28rpx;
  /* margin-left: 46rpx; */
  background-color: #FA7D22;
  color: #fff;
}

/*透明按钮*/
.avatar-wrapper{
  margin: 0;
  padding: 0;
  width: 160rpx;
  height: 160rpx;
  border-radius: 50%;
  background-color: #ffffff;
}
.avatar-wrapper::after{
  border: none;
}