You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
152 lines
2.3 KiB
152 lines
2.3 KiB
3 years ago
|
.user_info_wrap{
|
||
|
|
height: 45vh;
|
||
|
|
background-color:" rgb(220, 221, 221)";
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
}
|
||
|
|
.user_img_wrap{
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.user_bg{
|
||
|
|
width: 100%;
|
||
|
|
height: 46vh;
|
||
|
|
/* 高斯模糊 */
|
||
|
|
filter: blur(10rpx);
|
||
|
|
}
|
||
|
|
.user_info{
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
top: 20%;
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
}
|
||
|
|
.user_icon{
|
||
|
|
width: 165rpx;
|
||
|
|
height: 165rpx;
|
||
|
|
border-radius: 50%;
|
||
|
|
/* 边框圆角 */
|
||
|
|
}
|
||
|
|
.user_name{
|
||
|
|
color: aliceblue;
|
||
|
|
margin-top: 40rpx;
|
||
|
|
font-size: 40rpx;
|
||
|
|
}
|
||
|
|
.user_btn{
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
top:45%;
|
||
|
|
color: rgb(104, 124, 118);
|
||
|
|
font-size: 60rpx;
|
||
|
|
border: 1rpx solid rgba(138, 182, 185, 0.596);
|
||
|
|
border-radius: 50rpx;
|
||
|
|
/* border: 1rpx solid rgba(183, 247, 10, 0.952); */
|
||
|
|
/* color: rgb(228, 72, 33);
|
||
|
|
font-size: 38rpx;
|
||
|
|
padding: 30rpx;
|
||
|
|
border-radius: 50rpx; */
|
||
|
|
}
|
||
|
|
.lodin_bg{
|
||
|
|
width: 100%;
|
||
|
|
filter: blur(5rpx);
|
||
|
|
}
|
||
|
|
.good_1{
|
||
|
|
flex-flow: column;
|
||
|
|
display:flex;
|
||
|
|
flex: 1;
|
||
|
|
margin-top: 5%;
|
||
|
|
margin-bottom: 0%;
|
||
|
|
}
|
||
|
|
/* .good_2{
|
||
|
|
display:flex;
|
||
|
|
flex: 2;
|
||
|
|
} */
|
||
|
|
.btn_fenxiang{
|
||
|
|
display:flex;
|
||
|
|
flex: 1;
|
||
|
|
width: 100%;
|
||
|
|
border-bottom: 1px solid rgb(9, 14, 13);
|
||
|
|
}
|
||
|
|
.btn_sc{
|
||
|
|
display:flex;
|
||
|
|
flex: 1;
|
||
|
|
border-bottom: 1px solid rgb(9, 14, 13)
|
||
|
|
}
|
||
|
|
.btn_kf{
|
||
|
|
display:flex;
|
||
|
|
flex: 1;
|
||
|
|
border-bottom: 1px solid rgb(9, 14, 13);
|
||
|
|
}
|
||
|
|
.btn_fk{
|
||
|
|
display:flex;
|
||
|
|
flex: 1;
|
||
|
|
border-bottom: 1px solid rgb(6, 12, 11);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
page{
|
||
|
|
background-color: #DDDCE1;
|
||
|
|
|
||
|
|
}
|
||
|
|
.divLine{
|
||
|
|
position: absolute;
|
||
|
|
background: #000000;
|
||
|
|
width: 100%;
|
||
|
|
height: 1rpx;
|
||
|
|
bottom: 46%;
|
||
|
|
}
|
||
|
|
.bg_101{
|
||
|
|
background-color: #DDDCE1;
|
||
|
|
}
|
||
|
|
.divLine2{
|
||
|
|
position: absolute;
|
||
|
|
background: #000000;
|
||
|
|
width: 100%;
|
||
|
|
height: 1rpx;
|
||
|
|
bottom: 37%;
|
||
|
|
}
|
||
|
|
.bg_9527{
|
||
|
|
display: flex;
|
||
|
|
flex-flow: column;
|
||
|
|
}
|
||
|
|
.txt_10{
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
flex-flow: row;
|
||
|
|
}
|
||
|
|
.txt_22{
|
||
|
|
flex: 1;
|
||
|
|
flex-flow: row;
|
||
|
|
margin-left: 20%;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.txt_12{
|
||
|
|
flex: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
flex-flow: row;
|
||
|
|
margin-left: 26%;
|
||
|
|
}
|
||
|
|
.txt_20{
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
flex-flow: row;
|
||
|
|
}
|
||
|
|
.txt_11{
|
||
|
|
margin-left: 20%;
|
||
|
|
margin-top: 5%;
|
||
|
|
flex: 1;
|
||
|
|
font-weight: bold;
|
||
|
|
flex-flow: row;
|
||
|
|
}
|
||
|
|
.txt_21{
|
||
|
|
margin-top: 5%;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-left: 15%;
|
||
|
|
flex: 1;
|
||
|
|
flex-flow: row;
|
||
|
|
}
|
||
|
|
|