| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346 | .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;            }        }    }}
 |