/*
 * @Author: Elong 
 * @Date: 2016-08-24 15:16:55 
 * @Last Modified by: Elong
 * @Last Modified time: 2016-08-31 13:23:19
 */
.home-left-list {
  overflow: hidden;
  position: relative;
  width: 640px;
  height: 1128px;
  box-shadow: 0 0 10px #ddd;
  background: #fff url(/dev/product/www_v3/separate/imgs/my/mobile/home-left-list.png) 0 0 no-repeat;
}

.home-left-list-name .user__uuid{
  font-size: 28px;
  line-height: 1;
  margin-top: -30px;
  font-weight: 400;
}

.home-left-list-photo {
  width: 280px;
  height: 280px;
  margin-left: 47px;
  margin-top: 40px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
.home-left-list-photo img {
  width: 100%;
  height: 100%;
}
.home-left-list-name {
  width: 480px;
  margin-left: 80px;
  height: 164px;
  line-height: 164px;
  text-align: right;
  font-size: 48px;
  color: #303030;
  border-bottom: 2px solid #d0d0d0;
}
.home-left-list-name h3 {
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-left-list-links {
  width: 200px;
  margin-right: 79px;
}
.home-left-list-links li {
  width: 200px;
  text-align: right;
  height: 118px;
  line-height: 118px;
  font-size: 28px;
  border-bottom: 2px solid #f0f0f0;
}
.home-left-list-links li.active a {
  color: #f51e55;
}
.home-left-list-links li a {
  display: inline-block;
  width: 200px;
  color: #707070;
}
.home-left-list-links li a:hover {
  color: #f51e55;
}
.home-left-list-links li:hover,
.home-left-list-links li.active {
  border-color: #f51e55;
}
.home-left-list-tools {
  position: absolute;
  top: 86px;
  right: 79px;
}
.home-left-list-tools li {
  margin-bottom: 38px;
}
.home-left-list-tools li a {
  display: block;
  width: 28px;
  height: 28px;
  overflow: hidden;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-image: url(/dev/product/www_v3/separate/imgs/my/mobile/home-left-list-tools.png);
}
.home-left-list-tools li a.preferential {
  background-position: 0 0;
}
.home-left-list-tools li a.preferential:hover,
.home-left-list-tools li a.preferential.active {
  background-position: 100% 0;
}
.home-left-list-tools li a.set {
  background-position: 0 -66px;
}
.home-left-list-tools li a.set:hover,
.home-left-list-tools li a.set.active {
  background-position: 100% -66px;
}
.home-left-list-tools li a.logout {
  background-position: 0 -135px;
}
.home-left-list-tools li a.logout:hover,
.home-left-list-tools li a.logout.active {
  background-position: 100% -135px;
}