.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; }