_personal-details.scss 1.11 KB
.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;
			}	
		} 
	}
}