page{
  background: #f4f4f4;
}
.user {
  width: 100%;
  height: 408rpx;
  position: relative;
  background: #43E0B8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userPhoto {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.userPhoto image {
  height: 128rpx;
  width: 128rpx;
  border-radius: 50%;
  margin: 18rpx 0 29rpx 0;
}

.userPhoto view {
  font-size: 32rpx;
  color: #fff;
  letter-spacing: 5rpx;
}

.userPhoto .state {
  background: rgba(255, 81, 81, 1);
  border-radius: 21px;
  font-size:24rpx;
  margin-left:25rpx;
  padding:10rpx 20rpx;
}
.list {
  width: 90%;
  margin: 0 auto;
  background: white;
  box-shadow:0rpx 0rpx 4rpx 4rpx rgba(224,224,224,0.68);
  border-radius: 10rpx;
}

.list>view, .service>view, .list .special {
  border-bottom: 1px solid #f4f4f4;
  padding: 26rpx 0;
}
.list image, .service image {
  height: 55rpx;
  width: 55rpx;
  vertical-align: middle;
  margin-right: 30rpx;
}

.list .iconfont, .service .iconfont {
  
  font-size: 55rpx;
  vertical-align: middle;
}

.list .name {
  font-size: 30rpx;
}

.list .gary {
  font-size: 24rpx;
  color: #999;
}

.list .iconfont {
  font-size: 55rpx;
  vertical-align: middle;
}
.flexB{
  width: 90%;
  margin: 0 auto;
}
.flexB .img{
  width: 55rpx;
  height: 55rpx;
  margin-left: 10rpx;
}


button image {
  width: 60rpx;
  height: 60rpx;
  vertical-align: middle;
  margin-right: 30rpx;
}

button {
  width: 92%;
  margin: 0 auto;
  padding: 11rpx 0rpx;
  line-height: normal;
  background: transparent;
}

.btn-hover {
  background: transparent;
}



.button-hover {
  background: #43E0B8;
  color: #fff;
}