| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 |     @a-color: #ea0862;    .index-content {        height: 100%;        .acc-title {            color: #333;            font-size: 16px;            margin-bottom: 10px;            span {                font-size: 12px;                color: #999;                margin-left: 10px;            }        }        .index-userdata {            background: #fff;            padding: 20px;            .userdata-img {                height: 120px;                width: 120px;                padding-top: 120px;                position: relative;                overflow: hidden;                border-radius: 50%;                float: left;                background: #eee;                img {                    height: 120px;                    width: 120px;                    position: absolute;                    top: 0;                    left: 0;                }            }            .userdata-content {                margin-left: 140px;                line-height: 30px;                position: relative;                a {                    color: @a-color;                }                .userdata-lvl {                    span {                        color: #fff;                        background: @a-color;                        border-radius: 2px;                        padding: 0 4px;                    }                }                .userdata-relate {                    button {                        border: none;                        border-radius: 4px;                        margin-top: 20px;                        margin-right: 20px;                        img {                            height: 20px;                            vertical-align: middle;                        }                        span {                            color: #fff;                        }                    }                    .relateweixin {                        background: #12d41e;                    }                    .relateqq {                        background: #3073c1;                    }                    .relateweibo {                        background: #cf331d;                    }                }                .userdata-follow {                    position: absolute;                    top: 0;                    right: 10px;                }            }        }        .index-record {            background: #fff;            padding: 20px;            margin-top: 1px;            .record-list {                li {                    float: left;                    width: 200px;                    margin-right: 100px;                    line-height: 30px;                    a {                        color: @a-color;                    }                }            }        }        .index-activity {            background: #fff;            padding: 20px;            margin-top: 20px;            min-height: 300px;            .activity-list {                li {                    border-bottom: 1px dashed #eee;                    padding: 10px 0;                    .list-type {                        color: #666                    }                    .list-title {                        color: #333;                        margin-left: 10px;                    }                    a {                        padding: 0 4px;                        background: @a-color;                        color: #fff;                        border-radius: 2px;                        float: right;                        margin: 0 10px;                    }                    .list-time {                        color: #666;                        float: right;                    }                }            }        }    }
 |