.wrap { width: 100%; margin: 0 auto; background: #ffffff; .portal-header { background: #f8f8f8; width: 100%; border-bottom: 1px solid #ececec; .portal-top { width: 1280px; line-height: 30px; font-size: 14px; margin: 0 auto; color: #999; .top-welcomeText { float: left; } .top-alink { float: right; a { color: #999; padding: 0 8px; border-left: 1px solid #999; } >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-nav { width: 1280px; height: 70px; margin: 0 auto; border-bottom: 1px solid #ececec; .nav-logoBox { float: left; width: 154px; height: 53px; padding-top: 53px; margin-top: 8px; position: relative; img { width: 154px; height: 53px; position: absolute; top: 0; left: 0; } } .nav-list { float: left; margin-left: 100px; li { float: left; width: 200px; height: 70px; line-height: 70px; text-align: center; a { display: inline-block; width: 200px; font-size: 18px; color: #333; } &:hover { background: #58a3ff; a { color: #fff; } } } .active { border-bottom: 2px solid #58a3ff; a { color: #58a3ff } } } .nav-search { float: right; height: 28px; width: 250px; margin-top: 20px; position: relative; >input { position: absolute; top: 0; left: 0; border-right: none; padding-left: 10px; width: 200px; border-top-left-radius: 14px; border-bottom-left-radius: 14px; border-top-right-radius: 0; border-bottom-right-radius: 0; } >button { position: absolute; right: 0; vertical-align: middle; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border: none; height: 28px; background: #58a3ff; >img { vertical-align: middle; } } } } .portal-content { width: 1280px; margin: 0 auto; //background: #e0e0e0; padding-top: 20px; margin-bottom: 120px; .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; margin-top: 20px; .user-detail { float: left; height: auto; width: 24%; background: #fff; border: 1px solid #d9d9d9; padding: 20px; margin-right: 12px; margin-bottom: 20px; .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; height: 24px; line-height: 24px; overflow: hidden; vertical-align: middle; color: #999; } .name { margin-top: 10px; text-align: center; color: #333; } .address { font-size: 18px; } .text-Number { color: #ea0862; font-size: 18px; } .text-unit { color: #333; font-size: 18px; } } } } .portal-carousel { margin: 20px 0; .slide-box { img { width: 100%; } } .slick-dots { >li { button { height: 4px; width: 20px; } } } } .portal-rate { &:hover { cursor: default; } } } .portal-desc-content { .ant-row { margin-bottom: 16px; } .interest { a, button { float: right; padding-right: 50px; line-height: 18px; i { vertical-align: middle; } } } } .detial_sub { line-height: 32px; .detial_sub_icon { vertical-align: middle; display: inline-block; height: 20px; width: 20px; padding-top: 20px; position: relative; img { position: absolute; top: 0; left: 0; height: 20px; } } .detial_sub_title { color: #666; margin-left: 6px; margin-right: 6px; } .detial_sub_text { color: #333; i { background: #ccc; border-radius: 2px; padding: 0 6px; margin-right: 6px; } } .money_text { color: #58a3ff; } .detial_sub_score { display: inline-block; width: 90px; >span { overflow: hidden; display: inline-block; vertical-align: top; } } } .detail_interest_sub { list-style: none; padding: 0 200px; margin-bottom: 20px; >li { margin-top: 20px; border: 1px solid #ececec; padding: 0 20px 20px; } .interest_list_title { line-height: 40px; padding-left: 60px; position: relative; >img { width: 30px; position: absolute; left: -12px; top: -1px; } >span { font-size: 20px; color: #58a3ff; } } .interest_list_name { position: relative; height: 24px; >p { font-size: 16px; text-align: right; padding-right: 120px; color: #58a3ff; } .interest_list_confirm { position: absolute; right: 10px; top: 2px; span { margin-right: 10px; } img { height: 22px; width: 22px; vertical-align: middle; } } } }