.userinfo {
  width: 750rpx;
  height: 347rpx;
  background-image: url('https://jarc.jucai.gov.cn/static/images/my_header.jpg');
  background-size: 100% 100%;
  display: flex;
  padding: 0 20rpx;
}

.userinfo .userinfo-left {
  width: 470rpx;
  height: 240rpx;
  display: flex;
  align-items: center;
}

.userinfo .userinfo-left .cu-avatar {
  width: 124rpx;
  height: 124rpx;
  font-size: 3em;
}

.userinfo .userinfo-left .namebox {
  color: white;
  margin-left: 20rpx;
}

.userinfo .userinfo-left .namebox .cu-btn {
  width: 180rpx;
  height: 50rpx;
  background-color: #01315f;
  color: white;
}

.userinfo .userinfo-left .namebox .userinfo-content {
  height: 80rpx;
  line-height: 90rpx;
  font-size: 36rpx;
}

.userinfo .userinfo-left .namebox .userinfo-id {
  height: 40rpx;
  font-size: 28rpx;
}

.userinfo .userinfo-right {
  width: 220rpx;
  height: 240rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.userinfo .userinfo-right image {
  width: 60rpx;
  height: 60rpx;
}

.userinfo .userinfo-right text {
  color: white;
  font-size: 28rpx;
}

.option {
  position: relative;
  width: 690rpx;
  margin-left: 30rpx;
  height: 220rpx;
  background-color: white;
  border-radius: 20rpx;
  border: 2rpx solid #d3d3d3;
  top: -110rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.option .option-item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.option .option-item image {
  width: 90rpx;
  height: 90rpx;
}

.option .option-item view {
  font-size: 28rpx;
  margin-top: 20rpx;
  color: #1f1f1f;
}

.my-menu {
  width: 670rpx;
  margin-left: 40rpx;
  height: 100rpx;
  line-height: 100rpx;
  margin-top: 30rpx;
  display: block;
  text-align: center;
}

.my-menu image {
  float: left;
  margin-top: 20rpx;
}

.my-menu text {
  color: white;
  font-size: 30rpx;
  margin-left: -60rpx;
}

.my-auth {
  margin-top: 50rpx;
}

.center-menu {
  border: 2rpx solid #d3d3d3;
  margin-top: -80rpx;
}

.cu-list.menu>.cu-item .content>image {
  margin-top: -14rpx;
  margin-right: 30rpx;
}

.cu-item.btn {
  width: 100%;
  padding: 0 30rpx;
  line-height: normal;
  font-weight: normal;
  text-align: left;
}

.avatar-wrapper {
  width: 124rpx;
  height: 124rpx;
  padding: 0;
  margin: 0;
  background: none;
}