.header_user_info {
  float: right;
  position: relative;
  z-index: 10; }
  .header_user_info a {
    min-height: 48px;
    border: none;
    color: #fff;
    font-size: 25px;
    display: block;
    background: #a1a194;
    cursor: pointer;
    padding: 16px 2px 2px;
    text-align: center;
    min-width: 48px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .header_user_info a .icon-lock:before {
      font-weight: normal;
      content: "\f023";
      font-family: "FontAwesome"; }
    .header_user_info a .icon-unlock:before {
      content: "\f09c";
      font-family: "FontAwesome";
      font-weight: normal; }
    @media (max-width: 479px) {
      .header_user_info a {
        font-size: 22px; } }
    .header_user_info a:hover, .header_user_info a.active {
      background: #fff;
      color: #88887c; }
      .header_user_info a:hover:before, .header_user_info a.active:before {
        color: #88887c; }
  .header_user_info + .header_user_info {
    border-right: none; }
  @media (max-width: 479px) {
    .header_user_info a {
      display: inline-block; } }

.user_info {
  float: right;
  margin: 20px 0 0 0; }
  .user_info li {
    display: inline-block;
    padding-right: 15px; }
    .user_info li a {
      text-decoration: none; }
      .user_info li a:hover {
        text-decoration: underline; }