.wrap { width: 100%; margin: 0 auto; background: #ffffff; .portal-header { background: #f8f8f8; width: 100%; .portal-logo { width: 100%; margin: 0 auto; padding: 10px 0; .logo { width: 120px; padding-top: 60px; float: left; margin-left: 4%; position: relative; overflow: hidden; img { position: absolute; top: 0; right: 0; height: 60px; width: 60px; } } .portal-text { width: 1280px; line-height: 30px; font-size: 24px; margin: 0 auto; .alink { float: right; font-size: 14px; line-height: 30px; a { color: #333; padding: 0 8px; border-left: 1px solid #999999; } >a { &:first-child { border: none; } } } >span { padding-left: 20px; } } } } .footer { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1; text-align: center; padding: 6px 0; padding: 10px 0; text-align: center; background: #f0f0f0; p { line-height: 24px; } } .detail-content { width: 1280px; margin: 0 auto; padding-top: 20px; padding-bottom: 60px; .avatar-box { height: 120px; width: 120px; margin: 0 auto; padding-top: 120px; position: relative; img { position: absolute; top: 0; left: 0; height: 120px; width: auto; } } } }