| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256 | .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;        }    }    .ant-spin-nested-loading {        margin-top: 60px;        margin-bottom: 80px;    }    .detail-content {        width: 600px;        margin: 20px auto;        padding-top: 20px;        border: 1px solid #eee;        .avatar-box {            height: 120px;            width: 120px;            margin: 0 auto;            line-height: 120px;            text-align: center;            img {                max-width: 120px;                max-height: 120px;                vertical-align: middle;            }        }        .interest {            text-align: center;            font-size: 14px;        }        .avatar-right {            font-size: 16px;            >div {                margin-bottom: 10px;            }            .user-name {                font-size: 20px;            }            .user-level {                font-size: 18px;                color: #ea0862;            }            .user-type {                font-size: 14px;                margin-left: 20px;                border-radius: 4px;                padding: 0 4px;                background: #eee;            }        }        .all-row {            >div {                line-height: 30px;                vertical-align: middle;                font-size: 16px;                margin-bottom: 10px;            }        }        .column-title {            text-align: right;            color: #999999;            margin-right: 10px;        }        .column-text {            color: #333;            font-size: 18px;        }    }    .detail-list {        width: 1200px;        margin: 0 auto;        margin-top: 40px;        padding: 20px;        padding-bottom: 40px;        border: 1px solid #eee;        .list-title {            width: 400px;            height: 36px;            vertical-align: middle;            text-align: center;            background: #fff;            margin: 0 auto;            margin-top: -36px;            >img {                vertical-align: middle;            }            >span {                vertical-align: middle;                margin-left: 10px;                line-height: 36px;                font-size: 28px;                color: #58a3ff;            }        }        .column-img {            .img-box {                height: 100px;                width: 100px;                float: left;                margin-right: 30px;                padding-top: 100px;                overflow: hidden;                position: relative;                img {                    height: auto;                    width: 100px;                    position: absolute;                    top: 0;                    left: 0;                }            }        }        .detial_sub {            line-height: 27px;            .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;            margin-bottom: 20px;            >li {                margin-top: 20px;                border: 1px solid #ececec;                padding: 0 20px 20px;            }            .interest_list_title {                position: relative;                line-height: 60px;                padding-left: 60px;                >img {                    width: 30px;                    position: absolute;                    left: -12px;                    top: -1px;                }                >span {                    font-size: 20px;                    color: #58a3ff;                }                .interest_list_confirm {                    position: absolute;                    right: 10px;                    top: 0;                    span {                        margin-right: 10px;                    }                    img {                        height: 22px;                        width: 22px;                        vertical-align: middle;                    }                }            }        }    }}
 |