.myView-bg {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 280rpx;
|
z-index: 0;
|
}
|
.avatar{
|
width: 112rpx;
|
height: 112rpx;
|
/* margin: 50rpx 30rpx 50rpx 50rpx; */
|
border-radius: 50%;
|
margin-top: calc(160rpx - var(--status-bar-height));
|
}
|
.myContent{
|
width: 100%;
|
position: absolute;
|
}
|
.myHeader{
|
color: #333333;
|
display: flex;
|
align-items: center;
|
flex-direction: column;
|
font-size: 28rpx;
|
}
|
.myNick{
|
margin-top: 10rpx;
|
}
|
.edu {
|
margin-top: 10rpx;
|
width: 108rpx;
|
height: 44rpx;
|
background: rgba(255,255,255,0.1);
|
border-radius: 66rpx 66rpx 66rpx 66rpx;
|
border: 2rpx solid #FFFFFF;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: 20rpx;
|
}
|
.auth{
|
display: flex;
|
align-items: center;
|
width: 650rpx;
|
height: 86rpx;
|
margin: 0 auto;
|
background: #FFFFFF;
|
border-radius: 68rpx 68rpx 68rpx 68rpx;
|
font-size: 24rpx;
|
color: #333333;
|
}
|
.auth image{
|
width: 48rpx;
|
height: 48rpx;
|
margin: 0 10rpx;
|
}
|
.auth text{
|
margin-right: 30rpx;
|
}
|
.auth view{
|
width: 100rpx;
|
height: 44rpx;
|
background: #4766FE;
|
border-radius: 50rpx 50rpx 50rpx 50rpx;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
color: #ffffff;
|
}
|
|
.navs{
|
width: 650rpx;
|
margin: 30rpx auto;
|
background-color: #ffffff;
|
height: 236rpx;
|
border-radius: 20rpx;
|
/* box-shadow: 0px 0px 0px 1px #f5f5f5; */
|
}
|
.navs .title{
|
padding: 30rpx 20rpx;
|
font-size: 24rpx;
|
}
|
.navs .title text{
|
font-size: 28rpx;
|
color: #333333;
|
font-weight: 700;
|
}
|
.navs-rgt{
|
display: flex;
|
align-items: center;
|
float: right;
|
}
|
.navs-rgt text{
|
font-size: 24rpx !important;
|
font-weight: 500 !important;
|
}
|
.navs .title image{
|
margin-left: 5rpx;
|
width: 28rpx;
|
height: 28rpx;
|
}
|
.navCon {
|
margin-top: 15rpx;
|
display: flex;
|
}
|
.navCon .navCon-v{
|
flex: 1;
|
text-align: center;
|
font-size: 24rpx;
|
}
|
.navCon image{
|
display: block;
|
width: 64rpx;
|
height: 64rpx;
|
margin: 0 auto 10rpx;
|
}
|
.mySer{
|
width: 650rpx;
|
margin: 30rpx auto;
|
background-color: #ffffff;
|
height: 402rpx;
|
border-radius: 20rpx;
|
/* box-shadow: 0px 0px 0px 1px #f5f5f5; */
|
}
|
.mySer .title{
|
padding: 30rpx 20rpx;
|
font-size: 28rpx;
|
color: #333333;
|
font-weight: 700;
|
}
|
.mySerCon{
|
display: flex;
|
flex-wrap: wrap;
|
}
|
.mySerCon .mySerCon-v{
|
width: 33.33%;
|
margin-bottom: 50rpx;
|
font-size: 24rpx;
|
text-align: center;
|
}
|
.mySerCon image{
|
width: 72rpx;
|
height: 72rpx;
|
display: block;
|
margin: 0 auto 10rpx;
|
}
|
.myBeiAn{
|
margin-top: 50rpx;
|
text-align: center;
|
font-size: 24rpx;
|
color: #666666;
|
}
|
.myBeiAn view{
|
margin-bottom: 10rpx;
|
}
|
