page { height: 100%; width: 100%; } .container { height: auto; overflow: hidden; padding:20rpx; } .top{ height: 180rpx; border-radius: 10rpx; background-color: #09AFFF; color:#fff; } .profile-info { /*background-color: #ab956d; */ color: #f4f4f4; display: flex; align-items: center; padding: 30rpx; font-size: 28rpx; } .profile-info-backimg{ width: 100%; height: 180rpx; z-index: -1; } .profile-info .avatar { height: 128rpx; width: 128rpx; border-radius: 50%; border:2rpx solid #fff } .profile-info .info { flex: 1; height: 95rpx; padding-left: 31.25rpx; width: 300rpx; } .profile-info .name { display: block; height: 36rpx; line-height: 36rpx; color: #fff; font-size: 26.5rpx; margin-bottom: 5rpx; width:440rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; } .profile-info .cert { display: flex; height: 26rpx; line-height: 26rpx; color: #fff; font-size: 20.5rpx; margin-bottom: 5rpx; } .profile-info .plus { color: #09AFFF; font-size: 21.5rpx; width: 120rpx; padding-left: 2rpx; padding-right: 2rpx; margin-top: 5px; margin-left: 1rpx; line-height: 26rpx; margin-bottom: 5rpx; } .profile-info-img-star{ width: 10rpx; height: 10rpx; } .profile-info .level { display: block; height: 30rpx; line-height: 30rpx; margin-bottom: 10rpx; color: #7f7f7f; font-size: 30rpx; } .profile-info-qr-image { width: 80rpx; height: 80rpx; margin-top: 30rpx; margin-left: 150rpx; } .row{ margin-top: 20rpx; padding: 20rpx; border: 1rpx solid #999; border-radius: 10rpx; } .title{ display: block; height: 50rpx; } .left{ float: left; color:#333; } .right{ float:right; color:#333; } .category{ font-size: 36rpx; color: #333; font-weight: 500; } .content{ margin-top: 20rpx; } .device{ font-size: 36rpx; font-weight: 200; } .problem{ display: flex; flex-wrap: wrap; } .item{ margin: 10rpx; } .img{ margin: 10rpx; width: 80rpx; height: 80rpx; } .edit-pre{ width:140rpx; height: 60rpx; line-height:60rpx; background:#09AFFF; margin:10rpx auto; text-align: center; border-radius:10rpx; color:#fff; }