| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625 | @headerNavDetaulHeight : 70px;.wrap {    width: 100%;    margin: 0 auto;    background: #ffffff;    .portal-header {        .portal-top {            line-height: 35px;            font-size: 12px;            color: #999;            background: #F3F3F3;            >div {                width: 1000px;                margin: 0 auto;            }            .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;            }        }        .header_nav_detail {            height: @headerNavDetaulHeight;            line-height: 68px;            position: relative;            border-bottom: 1px solid #4466bf;            .container {                width: 1000px;                margin: 0 auto;                padding-right: 0;                padding-left: 0;                .nav_content {                    position: relative;                    >li {                        float: left;                        width: 9%;                        font-size: 13px;                        height: @headerNavDetaulHeight;                        padding: 0;                        text-align: center;                        font-weight: bold;                        position: relative;                        &.active,                        &:hover {                            background: #58a3ff;                            >a {                                color: #fff;                                font-weight: bolder;                                font-size: 14px;                            }                            .secondary_navigation_nav {                                display: block;                            }                            &.hideSub .secondary_navigation_nav {                                display: none;                            }                        }                        >a {                            color: #333333;                            display: block;                            width: 100%;                            padding: 3px 1px; //border-right: 1px solid #ececec;                            line-height: 22px;                            margin-top: 25px;                            margin-bottom: 16px                        }                        .showSub .secondary_navigation_nav {                            display: block;                        }                    }                }                .secondary_navigation_nav {                    position: absolute;                    left: auto;                    top: @headerNavDetaulHeight;                    width: 450px;                    z-index: 100;                    display: none;                    li {                        float: left;                        width: 75px;                        line-height: 45px;                        text-align: center;                        a {                            margin: 15px 0;                            line-height: 1.25;                            border-right: 1px solid #ececec;                            color: #fff;                            font-size: 12px;                            font-weight: normal;                            width: 100%;                            display: block;                        }                        &.active,                        &:hover {                            a {                                font-size: 13px;                                font-weight: bolder;                            }                        }                        &:last-child a {                            border: none;                        }                    }                    &.show {                        display: block;                    }                }            }            .secondary_navigation {                position: absolute;                height: 45px;                line-height: 45px;                width: 100%;                background: #58a3ff;                z-index: 99;                display: block;            }            .logo {                height: @headerNavDetaulHeight;                line-height: 68px;                img {                    vertical-align: middle;                }            }            .search {                line-height: 68px            }        }        .glyphicon {            font-size: 12px;            font-weight: inherit;        }        .col-md-3 {            width: 25%;            float: left        }        .col-md-6 {            width: 50%;            float: left        }        .col-md-8 {            width: 66.66666667%;            float: left        }        .col-md-9 {            width: 75%;            float: left        }    }    .portal-body {        min-height: 424px;    }    footer {        background: #3c3d43;        text-align: center;        padding-top: 20px;        .container {            width: 1280px;            margin: 0 auto;            padding-right: 0;            padding-left: 0;            .friendship_link {                margin-top: 20px;                font-size: 12px            }            .friendship_link h4 {                text-align: left;                color: #828389            }            .friendship_link h4 span {                display: none;                float: right;                font-size: 12px;                color: #e5e5e6;                padding: 2px 20px 2px 0;                background: url(../../../image/index_more_ico.png) no-repeat right;            }            .friendship_link_tit {                margin-bottom: 30px            }            .friendship_link_content {                text-align: left;                margin-bottom: 10px            }            .friendship_link_content a {                border-right: 1px solid #828389;                padding-right: 10px;                margin-right: 7px;                color: #828389            }            .friendship_link_content a:last-child {                margin-right: 0;                border: none;                padding: 0            }            .footer_contact {                height: 140px;                margin-top: 30px;                margin-bottom: 10px;            }            .footer_contact>div {                width: 33.3%;                height: 100%;                float: left;                color: #ffffff;                border-right: 1px solid #44454a            }            .footer_contact>div:last-child {                border: none            }            .footer_contact>div p {                margin-top: 95px            }            .footer_contact .address {                background: url(../../../image/footer_ico_1.png) no-repeat;                background-position: center 30px;            }            .footer_contact .tel {                background: url(../../../image/footer_ico_2.png) no-repeat;                background-position: center 30px;            }            .footer_contact>div:last-child {                background: url(../../../image/QR_ico.png) no-repeat center            }        }        .company_link {            font-size: 12px;            padding-top: 30px;            border-top: 1px solid #44454a        }        .company_link a:first-child {            border-right: 1px solid #727379;            padding-right: 10px;            margin-right: 7px        }        .support {            margin-top: 10px;            padding-bottom: 30px;            font-size: 12px        }    }    .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                }            }        }    }    .portal-content {        width: 1280px;        margin: 0 auto; //background: #e0e0e0;        padding-top: 56px;        margin-bottom: 120px;        .nav-search {            float: right;            height: 28px;            width: 250px;            margin-right: 50px;            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;                }            }        }        .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;            margin-left: 10px;            >li {                &:hover {                    box-shadow: 0px 0px 12px 2px #58a3ff;                    cursor: pointer;                }            }            .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;                    margin: 0 auto;                    line-height: 120px;                    text-align: center;                    img {                        max-width: 120px;                        max-height: 120px;                        vertical-align: middle;                    }                }                >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;                }                .text-address {                    font-size: 18px;                }                .text-Number {                    color: #ea0862;                    font-size: 18px;                }                .text-unit {                    color: #333;                    font-size: 18px;                }            }            .org-detail {                float: left;                width: 24%;                height: 300px;                background: #fff;                border: 1px solid #d9d9d9;                padding: 14px;                margin-right: 12px;                margin-bottom: 20px;                .logo {                    float: left;                    height: 120px;                    width: 120px;                    position: relative;                    padding-top: 120px;                    margin: 40px 0;                    img {                        height: 120px;                        width: auto;                        position: absolute;                        top: 0;                        left: 0;                    }                }                .detail-right {                    float: right;                    font-size: 16px;                    line-height: 24px;                    width: 150px;                    height: 100%;                    overflow: hidden;                    vertical-align: middle;                    color: #999;                    position: relative;                    .detail-text {                        position: absolute;                        left: 0;                        bottom: 0;                    }                    .name {                        color: #333;                    }                    .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;            }        }    }}.detail_sub {    line-height: 32px;    .detail_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;        }    }    .detail_sub_title {        color: #666;        margin-left: 6px;        margin-right: 6px;    }    .detail_sub_text {        color: #333;        i {            background: #ccc;            border-radius: 2px;            padding: 0 6px;            margin-right: 6px;        }    }    .detail_sub_demandDes {        display: inline-block;        width: 480px;        line-height: 20px;        height: 22px;        vertical-align: middle;        color: #333;        overflow: hidden;        text-overflow: ellipsis;        white-space: nowrap;    }    .money_text {        color: #58a3ff;    }    .detail_sub_score {        display: inline-block;        width: 90px;        >span {            overflow: hidden;            display: inline-block;            vertical-align: top;        }    }}.detail_interest_sub {    list-style: none;    margin-bottom: 20px;    >li {        float: left;        margin-left: 20px;        width: 48%;        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;        }        >p {            font-size: 20px;            color: #58a3ff;            overflow: hidden;            text-overflow: ellipsis;            white-space: nowrap;        }    }    .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;            }        }    }}
 |