@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; } } } } }