.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; } } .portal-content { width: 1280px; margin: 0 auto; //background: #e0e0e0; padding-top: 20px; padding-bottom: 60px; .search-criteria { margin-bottom: 10px; border-bottom: 1px dotted #ccc; } .ant-radio-group { >label { border-radius: 0px; border: 1px solid #d9d9d9; margin-right: 10px; margin-bottom: 10px; } .ant-radio-button-wrapper-checked { border: 1px solid #58a3ff; box-shadow: none; } } .search-title { text-align: center; span { line-height: 28px; } } ul { box-sizing: border-box; .user-detail { float: left; height: auto; width: 20%; background: #fff; .logo { height: 120px; width: 120px; position: relative; padding-top: 120px; margin: 0 auto; img { height: 120px; width:auto; position: absolute; top: 0; left: 0; } } >div:not(:first-child) { font-size: 16px; margin-left: 20px; height: 24px; line-height: 24px; vertical-align: middle; } .name { margin-top: 10px; } .follow { float: right; font-size: 13px; margin-right: 10px; } } } } } .portal-desc-content { .ant-row { margin-bottom: 16px; } .interest { a, button { float: right; padding-right: 50px; line-height: 18px; i { vertical-align: middle; } } } }