.user-info{ display: flex; align-items: center; width: 750rpx; height: 300rpx; background: linear-gradient(to bottom,#4B7AFE,rgb(161, 161, 243)); margin: 0 0 20rpx!important; border-radius: 0; font-size: 0; padding: 0 75rpx; box-sizing: border-box; } .user-info::after{ border: none; } .user-avatar{ font-size: 0; width: 140rpx; height: 140rpx; margin-right: 30rpx; } .user-avatar image{ width: 100%; height: 100%; border-radius: 50%; } .user-name{ color: #fff; font-size: 36rpx; /* font-weight: bold; */ } .item-list{ width: 690rpx; margin: 0 auto; border:2rpx solid rgba(236,236,236,1); border-radius: 10rpx; padding: 0 30rpx; box-sizing: border-box; } .item{ display: flex; justify-content: space-between; border-bottom: 1px solid rgba(236,236,236,1); } .item:last-child{ border: none; } .item-icon{ width: 35rpx; height: 35rpx; margin-top: 28rpx; } .item-name{ width: 95%; margin-left: 15rpx; display: flex; justify-content: space-between; padding: 25rpx 0; font-size: 34rpx; } .item-name image{ width: 30rpx; height: 35rpx; display: inline-block; } .user-name-empty{ text-align: center; font-size: 36rpx; width: 100%; color: #fff; } .pass{ color: rgb(43, 209, 43); font-size: 30rpx; margin-left: 10rpx; } .not-pass{ color: red; font-size: 30rpx; margin-left: 10rpx; }