.userPageInfo {
  border: 1px solid #e6e6e6;
  position: relative;
  padding-top: 4px;
  background: #ffffff; }
  .userPageInfo .userInfo .userContainer .userInfoPage .image {
    height: 170px;
    width: 170px; }
  .userPageInfo .alphabetArea {
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden; }
    .userPageInfo .alphabetArea .arrow {
      display: none; }
      .userPageInfo .alphabetArea .arrow .leftArrow {
        background-image: url(../left.html); }
      .userPageInfo .alphabetArea .arrow .rightArrow {
        background-image: url(../right.html);
        margin-left: -1px; }
    .userPageInfo .alphabetArea .alphabetList {
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      padding-left: 32px;
      vertical-align: middle;
      padding-bottom: 5px; }
      .userPageInfo .alphabetArea .alphabetList .alphabetItem {
        display: inline-block;
        min-width: 1.75rem;
        text-align: center;
        cursor: pointer;
        padding: 0px 8px; }
      .userPageInfo .alphabetArea .alphabetList .onclickStyle {
        color: #FFF;
        background-color: #db2033;
        border-radius: 2px; }
      .userPageInfo .alphabetArea .alphabetList .alphabetItem:hover {
        color: #FFF;
        background-color: #db2033;
        border-radius: 2px; }
  .userPageInfo .userInfo {
    margin: 0 20px; }
    .userPageInfo .userInfo .userContainer .userInfoPage {
      padding: 23px 23px;
      /* border-bottom: 1px dashed #ccc; */ }
      .userPageInfo .userInfo .userContainer .userInfoPage .image {
        text-align: center; }
        .userPageInfo .userInfo .userContainer .userInfoPage .image img {
          height: 189px;
          width: 155px; }
      .userPageInfo .userInfo .userContainer .userInfoPage .listInfo {
        padding-left: 84px;
        padding-right: 0px;
        line-height: 2em; }
        .userPageInfo .userInfo .userContainer .userInfoPage .listInfo .userInfoMargin .UserName {
          font-size: 20px;
		  font-weight: 500;}
        .userPageInfo .userInfo .userContainer .userInfoPage .listInfo .userInfoMargin .penNameInit {
          float: left;
          display: inline-block;
          width: 30%; }
        .userPageInfo .userInfo .userContainer .userInfoPage .listInfo .userInfoMargin .penName {
          display: inline-block;
          word-wrap: break-word;
          white-space: normal; }
        .userPageInfo .userInfo .userContainer .userInfoPage .listInfo .styleUser {
          white-space: nowrap;
          color: #555555; }