@charset "utf-8";
/* CSS Document */
/*profile个人中心*/
.person-info {

}

.person-info-top {
    width: 1000px;
    height: 230px;
}

.profile-bg1 {
    background: url('../image/profile/profile-bg1.png') no-repeat;
}

.profile-bg2 {
    background: url('../image/profile/profile-bg2.png') no-repeat;
}

.profile-bg3 {
    background: url('../image/profile/profile-bg3.png') no-repeat;
}

.profile-bg4 {
    background: url('../image/profile/profile-bg4.png') no-repeat;
}

.profile-bg5 {
    background: url('../image/profile/profile-bg3.png') no-repeat;
}

.profile-bg6 {
    background: url('../image/profile/profile-bg4.png') no-repeat;
}

.avtar {
    margin: 117px 0 0 15px;
}

.user-info {
    margin: 140px 0 0 10px;
}

.user-name {
    color: #FFF;
}

.user-mix {
    color: #FFF;
}

.user-introduce {
    color: #FFF;
}

.person-family-left {
    width: 60px;
    height: 60px;
}
.person-family-left img{
    border-radius: 5px;
}
.person-family-right {
    margin: 0 0 0 10px;
    width: 140px;
}

.person-family-right h4{
    overflow: hidden;
}

.person-family-name {
    display: block;
    color: #656565;
    height: 18px;
    line-height: 18px;
}

.person-family-time {
    height: 18px;
    line-height: 18px;
}

.person-family-num {
    display: block;
    height: 18px;
    line-height: 18px;
}

/*来访者*/
.visitor-avater {
    width: 60px;
    height: 60px;
}

.visitor-name {
    display: block;
    color: #656565;
    line-height: 20px;
}

.visitor-addr {
    display: block;
    color: #656565;
    line-height: 20px;
}

.visitor-time {
    disply: block;
    color: #656565;
    line-height: 20px;
}

.person-feed-list {
    overflow: hidden;
}

.visitor-info {
    margin: 0 0 0 10px;
}

/*微博时间轴*/
.feed-container-timeline {
    width: 16px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

.feed-timeline {
    display: block;
    width: 4px;
    height: 100%;
    margin: 0 15px;
    overflow: hidden;
    font-size: 0;
    float: left;
    position: absolute;
    left: 345px;
    top: 10px;
    background-color: #e08989;
}

.feed-item {
    float: left;
    width: 300px;
    margin: 10px 20px;
    border: 1px solid #CCC;
    padding: 10px;
    background: #FFF;
    border-radius: 5px;
    text-align: justify;
    word-wrap: break-word;
}

.leftCorner,
.rightCorner {
    display: block;
    width: 13px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    z-index: 2;
}

.rightCorner {
    right: -13px;
    background-image: url(../image/right.gif);
}

.leftCorner {
    left: -13px;
    background-image: url(../image/left.gif);
}

.person-info-right p {
    font-size: 12px;
}

.person-info-right ul {
    margin: 10px 0 0 0;
    padding: 0;
}

.person-info-right ul li {
    margin: 5px 0;
    overflow: hidden;
}

.comment {
    border-top: 1px solid #DDD;
    margin-top: 10px;
}

.comment .feed_img_lists {
    border: 1px solid #DDD;
}

.user-profile {
    overflow: hidden;
}

.pro-avtar {
    width: 100px;
    float: left;
    position: absolute;
    margin-top: -50px;
    text-align: center;
}

.pro-avtar img {
    border-radius: 5px;
    margin-bottom: 10px;
}

.user-do {
    float: left;
    width: 640px;
    overflow: hidden;
    margin-left: 110px;
}
.user-do i{
    background: #CCC;
    padding: 0 5px;
    border-radius: 3px;
    color: #FFF;
    margin-left: 10px;
}
.verfyed {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../image/verfy.png') no-repeat;
    color: #fff;
    text-align: center;
}

.pro-banner {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pro-info {

}

.verfyed-info {
    float: left;
    width: 220px;
}

.feed-class-bar {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #DDD;
    height: 50px;
    background: #F5F5F5;
    margin-top: -15px;
    margin-bottom: 10px;
}

.feed-class-bar ul li {
    float: left;
    line-height: 50px;
    margin: 0 20px;
}

.feed-list ul li {
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}