|
.parent {
|
display: grid;
|
place-items: center;
|
.page{
|
background-color: #F6FAFF;
|
position:relative;
|
min-width: 375px;
|
|
}
|
}
|
|
.box_1 {
|
background: url(./home2.png)
|
100% no-repeat;
|
background-size: 100% 100%;
|
height: 250px;
|
min-width: 375px;
|
text-align: center;margin:auto;
|
padding-top: 50px;
|
.userinfo{
|
position:static;
|
width: 100%;
|
text-align: left;
|
.name{
|
margin-left: 8%;
|
overflow-wrap: break-word;
|
color: rgba(255, 255, 255, 1);
|
font-size: 24px;
|
font-family: PingFangSC-Medium;
|
text-align: left;
|
white-space: nowrap;
|
line-height: 33px;
|
margin-right: 56px;
|
}
|
.userCode{
|
margin-left: 8%;
|
overflow-wrap: break-word;
|
color: rgba(255, 255, 255, 1);
|
font-size: 14px;
|
letter-spacing: 1px;
|
font-family: PingFangSC-Medium;
|
text-align: left;
|
white-space: nowrap;
|
line-height: 20px;
|
margin-top: 12px;
|
}
|
}
|
}
|
.userHead{
|
position: absolute;
|
z-index: 99;
|
// position:absolute;
|
left: 0;
|
right: 0;
|
top: 183px;
|
bottom: 0;
|
margin:auto;
|
|
}
|
.meuns{
|
position: absolute;
|
z-index: 10;
|
left: 0;
|
right: 0;
|
top: 228px;
|
bottom: 0;
|
margin:auto;
|
.meunsitems{
|
text-align: center;margin:auto;
|
box-shadow: 0px 2px 4px 0px rgba(70, 150, 249, 0.1);
|
background-color: rgba(255, 255, 255, 1);
|
border-radius: 6px;
|
height: 123px;
|
width: 94%;
|
.item{
|
font-size: 12px;
|
letter-spacing: 0.5px;
|
font-family: PingFangSC-Regular;
|
height: 69px;
|
text-align: center;margin:auto;
|
}
|
}
|
}
|
.viewInfo{
|
display: flex;
|
width: 97%;
|
margin-top: 60px;
|
// margin-left: 2%;
|
.box{
|
margin-left: 3%;
|
flex: 1 50%;
|
padding-top: 28px;
|
height: 150px;
|
background: #FFFFFF;
|
box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
|
border-radius: 6px;
|
text-align: center;
|
.crainfo{
|
border-radius: 50%;
|
border: 2.5px solid rgba(101, 170, 255, 1);
|
width: 70px;
|
height: 70px;
|
text-align: center;margin:auto;
|
.tizhong{
|
overflow-wrap: break-word;
|
color: rgba(101, 170, 255, 1);
|
font-size: 20px;
|
letter-spacing: 0.7142857313156128px;
|
font-family: PingFangSC-Medium;
|
text-align: center;
|
white-space: nowrap;
|
margin-top: 20px;
|
line-height: 28px;
|
}
|
.xueya{
|
overflow-wrap: break-word;
|
color: rgba(101, 170, 255, 1);
|
font-size: 18px;
|
letter-spacing: 0.7142857313156128px;
|
font-family: PingFangSC-Medium;
|
text-align: center;
|
white-space: nowrap;
|
margin-top: 20px;
|
line-height: 28px;
|
}
|
}
|
.hanzhi{
|
overflow-wrap: break-word;
|
color: rgba(51, 51, 51, 1);
|
font-size: 14px;
|
letter-spacing: 0.5833333134651184px;
|
font-family: PingFangSC-Medium;
|
text-align: left;
|
white-space: nowrap;
|
line-height: 20px;
|
margin-top: 18px;
|
text-align: center;
|
}
|
.yinyu{
|
text-align: center;
|
overflow-wrap: break-word;
|
color: rgba(170, 170, 170, 1);
|
font-size: 10px;
|
font-family: PingFangSC-Regular;
|
text-align: left;
|
text-align: center;
|
line-height: 14px;
|
margin-top: 4px;
|
}
|
}
|
}
|
.listInfos{
|
// background: chartreuse;
|
width: 94%;
|
margin-left: 3%;
|
height: 200px;
|
.listrow{
|
margin-top: 10px;
|
width: 100%;
|
height: 60px;
|
background: #FFFFFF;
|
box-shadow: 0px 2px 4px 0px rgba(70,150,249,0.1);
|
border-radius: 10px;
|
display: grid;
|
grid-template-columns: minmax(60px, 20%) 1fr minmax(30px,10%);
|
.rowioc{
|
height: 59px;
|
width: 100%;
|
line-height: 65px;
|
text-align: center;margin: auto;
|
}
|
.rowiocback{
|
line-height: 59px;
|
}
|
.rowtext{
|
.rowb{
|
margin-top: 10px;
|
height: 18px;
|
font-size: 13px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #333333;
|
line-height: 18px;
|
letter-spacing: 1px;
|
}
|
.rowc{
|
height: 16px;
|
font-size: 11px;
|
font-family: PingFangSC-Regular, PingFang SC;
|
font-weight: 400;
|
color: #AAAAAA;
|
line-height: 16px;
|
letter-spacing: 1px;
|
}
|
}
|
}
|
}
|
