66 lines
1.0 KiB
Plaintext
66 lines
1.0 KiB
Plaintext
.top-img, .top-img image{
|
|
width: 100%;
|
|
height: 450rpx
|
|
}
|
|
.page-container{
|
|
position: absolute;
|
|
top: 420rpx;
|
|
left: 0;
|
|
right: 0;
|
|
border-radius:31rpx 31rpx 0px 0px;
|
|
background: #fff;
|
|
}
|
|
.person{
|
|
padding: 50rpx 30rpx 30rpx;
|
|
position: relative;
|
|
border-bottom: 3px solid #FBFBFB;
|
|
}
|
|
.user-avatar{
|
|
width: 180rpx;
|
|
height: 180rpx;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
border: 2px solid #fff;
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -90rpx;
|
|
top: -150rpx;
|
|
}
|
|
.user-avatar image{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.user-name{
|
|
font-size: 32rpx;
|
|
text-align: center;
|
|
color: #242424;
|
|
}
|
|
.main{
|
|
padding: 30rpx;
|
|
}
|
|
.main-title{
|
|
border-left: 3px solid #9F1512;
|
|
padding-left: 10rpx;
|
|
font-size: 30rpx;
|
|
color: #242424;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.main-container{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.main-box{
|
|
width: 25%;
|
|
flex-shrink: 0;
|
|
text-align: center;
|
|
padding: 0 15rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
.main-box image{
|
|
width: 65rpx;
|
|
height: 65rpx;
|
|
}
|
|
.title{
|
|
font-size: 28rpx;
|
|
color: #242424;
|
|
} |