.friendInput{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #c9c9c9;-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5);background:#f9f9f9}.friendInput .who{display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:12px;font-size:15px;line-height:20px;color:#8e8e8e}.friendInput input{background:#f9f9f9;-webkit-box-flex:100;-ms-flex:100;flex:100;border:0;outline:0;color:#f60}.friend{border-bottom:1px solid #dbdbdb}.friend .userIcon{width:40px;height:40px;background-position:center center;background-size:cover;border-radius:3px;-webkit-box-shadow:0 0 .5pt rgba(0,0,0,.16);box-shadow:0 0 .5pt rgba(0,0,0,.16);display:inline-block;margin:12px}.friend .userTitle{display:inline-block;margin:22px 0;vertical-align:top;font-weight:700}.friend .add{display:inline-block;width:24px;height:24px;float:right;margin:20px 12px;background-image:url(/i/icon/icn_add12o@2x.png);border:1px solid #f60;border-radius:50%;background-size:12px;background-position:center center;background-repeat:no-repeat}.active .add{background-image:url(/i/icon/added22@2x.png);border:0;background-size:24px}.hairlines .friend{border-width:.5px}