.container { padding: 10px; } .container .userinfo { font-size: 16px; background-color: #fff; border-radius: 8px; overflow: hidden; } .container .userinfo navigator>view { display: flex; flex-direction: row; align-items: center; height: 56px; line-height: 56px; justify-content: space-between; padding: 0px 0; margin: 0 9px; border-bottom: 1px solid #f3f3f3 } .container .userinfo > view:last-child { border-bottom-color: transparent; } .container .userinfo > view > view:last-child { display: flex; align-items: center; color: #666; } .container .userinfo > view > view:last-child image { width: 50px; height: 50px; } .container .wxnickname, .container .realname, .container .phone, .container .gender, .container .userName, .container .useravatar { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 56px; line-height: 56px; padding: 0px 9px; /* background-color: #fff; */ } .container .wxnickname > view, .container .realname > view, .container .phone > view, .container .gender > view, .container .userName > view, .container .useravatar > view { display: flex; align-items: center; } .container .wxnickname > view:last-child, .container .realname > view:last-child, .container .phone > view:last-child, .container .gender > view:last-child, .container .userName > view:last-child, .container .useravatar > view:last-child { color: #666; } .container .wxnickname > view:last-child image, .container .realname > view:last-child image, .container .phone > view:last-child image, .container .gender > view:last-child image, .container .userName > view:last-child image, .container .useravatar > view:last-child image { width: 50px; height: 50px; } .icon-gengduo11{ margin-left: 4px; font-size: 14px; color: #999; } .c0{ color: #000; }