#csdn-userTooltip img {
    vertical-align: middle
}

#csdn-userTooltip {
    position: absolute;
    z-index: 9990;
    width: 266px;
    background-color: #fff;
    border: 1px #e9e9e9 solid;
    border-radius: 4px;
    padding: 14px 15px 7px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-sizing: content-box;
    font-weight: 400 !important;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.csdn-userTooltip-default:after,
.csdn-userTooltip-pos:after {
    display: block;
    position: absolute;
    left: 43px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent #fff #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    content: ''
}

#csdn-userTooltip .follow-div {
    border-top: 1px solid #f0f0f0;
    margin-top: 18px
}

.csdn-userTooltip-default:after {
    bottom: -5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.csdn-userTooltip-pos:after {
    top: -5px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

#csdn-userTooltip .touxiang {
    position: relative !important;
    float: left;
    width: 60px !important;
    height: 60px !important;
    margin-left: 0;
    margin-top: 0 !important
}

#csdn-userTooltip .touxiang img {
    width: 56px !important;
    height: 56px !important;
    border-radius: 100%
}

#csdn-userTooltip .csdn-left-info {
    float: left;
    width: 200px
}

#csdn-userTooltip .touxiang em {
    display: inline-block;
    position: absolute
}

#csdn-userTooltip .person_info .icon_vip img,
#csdn-userTooltip .person_info .icon_writer img {
    width: 20px;
    margin-left: 2px
}

#csdn-userTooltip .touxiang .icon_write {
    width: 24px;
    height: 24px;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 50%
}

#csdn-userTooltip .person_info span {
    vertical-align: top;
    margin-top: 1px
}

#csdn-userTooltip .person_info .person-age {
    color: rgba(153, 154, 170, 1);
    font-size: 12px;
    line-height: 24px;
    vertical-align: top;
    margin-left: 2px
}

#csdn-userTooltip .person_info {
    float: left;
    margin-left: 11px;
    width: 195px;
    height: 24px;
    background: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#csdn-userTooltip .person_info .name {
    display: inline-block;
    font-size: 14px !important;
    color: #4d4d4d !important;
    padding: 0 !important;
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 109px;
    margin-right: 6px;
    vertical-align: middle
}

#csdn-userTooltip .person_info .name_short {
    max-width: 109px
}

#csdn-userTooltip .person_info .vipname {
    color: #bb9444 !important
}

#csdn-userTooltip .person_info .avata_cates {
    float: right;
    text-align: right;
    color: #ffac00
}

#csdn-userTooltip .person_info .avata_cates em {
    display: inline-block;
    margin: 0 4px;
    font-style: normal;
    color: #ddd
}

#csdn-userTooltip .person_deliver_letter {
    border-radius: 4px;
    cursor: pointer;
    background: #f5f5f5;
    color: #c2c2c2;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    width: 48px;
    margin-top: 8px;
    margin-bottom: 0;
    margin-left: 10px;
    text-align: center;
    display: inline-block
}

#csdn-userTooltip .person_deliver_letter_un {
    border-radius: 12px;
    background: linear-gradient(92deg, #ffba40 0, #ff503e 37%, #ff2f50 81%, #ff1b40 100%);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    width: 48px;
    line-height: 24px;
    text-align: center;
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 0;
    display: inline-block
}

#csdn-userTooltip .person_add_focus,
#csdn-userTooltip .visoter {
    color: #5893c2 !important;
    float: right !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    font-weight: 400 !important
}

#csdn-userTooltip .person_add_focus {
    margin-right: 18px !important
}

#csdn-userTooltip a:link,
a:focus,
a:hover,
a:visited {
    text-decoration: none !important
}

#csdn-userTooltip .fav {
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    margin-top: 8px;
    color: #5f6471
}

#csdn-userTooltip .person-info-div .medals {
    width: 195px;
    min-height: 24px;
    position: relative;
    float: left;
    margin-left: 11px;
    margin-top: 5px;
    overflow: hidden
}

#csdn-userTooltip .person-info-div .medals ul,
#csdn-userTooltip .person-info-div .medals ul li {
    margin: 0;
    padding: 0
}

#csdn-userTooltip .person-info-div .medals ul .no-medals {
    width: auto;
    font-size: 12px;
    color: #ccc
}

#csdn-userTooltip .person-info-div .medals .medal {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    vertical-align: middle;
    margin-bottom: 7px
}

#csdn-userTooltip .person-info-div .medals .medal-icon {
    position: relative;
    font-size: 12px;
    line-height: 24px;
    color: #6b6b6b;
    text-align: center;
    margin-right: 0
}

#csdn-userTooltip .person-info-div .medals .medal-icon svg {
    position: absolute;
    left: 0;
    top: 0
}

#csdn-userTooltip .person-info-div .medals .medal img {
    max-width: 100%
}

#csdn-userTooltip .csdn-domain p {
    color: #ccc;
    font-size: 12px
}

#csdn-userTooltip .has-domain img,
#csdn-userTooltip .no-domain img {
    padding-right: 4px;
    width: 16px
}

#csdn-userTooltip .has-domain a {
    color: #707070;
    font-size: 12px
}

#csdn-userTooltip .has-domain {
    list-style: none
}

#csdn-userTooltip .no-domain {
    color: #ccc;
    font-size: 12px;
    list-style: none
}

#csdn-userTooltip .person-info-div .csdn-domain {
    float: left;
    margin-left: 11px
}