|
|
.personal-details{
|
|
|
width: 100%;
|
|
|
height: auto;
|
|
|
overflow: hidden;
|
|
|
background-color:#fff;
|
|
|
border-bottom:1px solid #e0e0e0;
|
|
|
ul{
|
|
|
width: 95%;
|
|
|
height: auto;
|
|
|
overflow: hidden;
|
|
|
float:right;
|
|
|
li{
|
|
|
&:first-of-type{
|
|
|
height: 100rem / $pxConvertRem;
|
|
|
line-height:100rem / $pxConvertRem;
|
|
|
}
|
|
|
height: 80rem / $pxConvertRem;
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
span{
|
|
|
&:first-of-type{
|
|
|
color: #444;
|
|
|
line-height:100rem / $pxConvertRem;
|
|
|
}
|
|
|
width: 42%;
|
|
|
height: 100%;
|
|
|
line-height:80rem / $pxConvertRem;
|
|
|
font-size: 48em / $pxConvertRem;
|
|
|
margin-right: 8%;
|
|
|
float: left;
|
|
|
.head-portrait{
|
|
|
width:90rem / $pxConvertRem;
|
|
|
height: 90rem / $pxConvertRem;
|
|
|
float: right;
|
|
|
border-radius:50%;
|
|
|
background: #000;
|
|
|
}
|
|
|
.grade{
|
|
|
width:85rem / $pxConvertRem;
|
|
|
height: 30rem / $pxConvertRem;
|
|
|
overflow: hidden;
|
|
|
display: inline-block;
|
|
|
margin-top: 25rem / $pxConvertRem;
|
|
|
@include rem-sprite($vip, vip-1);
|
|
|
}
|
|
|
&:last-of-type{
|
|
|
color: #b0b0b0;
|
|
|
text-align: right;
|
|
|
}
|
|
|
}
|
|
|
&:last-of-type{
|
|
|
border-bottom:none;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|