| 1 |
- .content{padding:20rpx}.content .user-info{padding:30rpx;display:flex;align-items:center;justify-content:space-between}.content .user-info .left{position:relative;display:flex}.content .user-info .left .head-img{width:120rpx;height:120rpx;border-radius:50%;overflow:hidden;margin-right:30rpx;border:4rpx solid #FFFFFF;box-shadow:0 5px 15px 2px rgba(0,0,0,.1)}.content .user-info .left .head-img image{width:100%;height:100%}.content .user-info .left .name-phone{padding-top:15rpx}.content .user-info .left .name-phone .name{font-size:36rpx;font-family:PingFang SC;font-weight:700;color:#111;line-height:1}.content .user-info .left .name-phone .phone{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1;margin-top:30rpx}.content .user-info .msg-box{padding:10rpx 20rpx;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#fff;border-radius:8rpx;background-color:#c39a58}.content .used-tools{box-sizing:border-box;background:#FFFFFF;border-radius:16rpx;padding:40rpx 30rpx}.content .used-tools .title{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#222;line-height:1}.content .used-tools .tools-list{margin-top:50rpx;display:flex;flex-wrap:wrap;width:100%}.content .used-tools .tools-list .item{box-sizing:border-box;width:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:50rpx;position:relative}.content .used-tools .tools-list .item image{width:44rpx;height:44rpx}.content .used-tools .tools-list .item .text{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1;margin-top:20rpx}.content .used-tools .tools-list .item .share-btn{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.content .logout{height:80rpx;line-height:80rpx;text-align:center;font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666;background:#FFFFFF;border-radius:16rpx;margin-top:20rpx}
|
