.link {
    position: relative;
}

    .link .Firendmodel {
        position: absolute;
        top: 28px;
        left: 0px;
        border: 1px solid #DCB17F;
        background: #fff;
        display: flex;
        z-index: 9999;
        padding: 5px 10px;
    }

.m-item {
    flex: auto;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 5px;
}

.smll-sj {
    position: absolute;
    top: 21px;
    left: 37px;
    z-index: 9999999;
}


.friendship-links {
    position: relative;
    padding-left: 92px;
    line-height: 28px;
    min-height: 28px;
    margin-bottom: 0px;
    overflow: hidden;
}

    .friendship-links .label {
        color: #666;
        font-size: 12px;
        position: absolute;
        top: 0;
        left: 0;
        color: #5d6369;
        font-size: 14px;
        font-weight: bold;
        width: 90px;
        background: none !important;
        line-height: 24px;
    }

.friendship-con .ovh {
    overflow: hidden;
    -webkit-transition: height .3s linear;
    transition: height .3s linear;
}
/* friendship-links */
.friendship-links {
    position: relative;
    padding-left: 92px;
    line-height: 28px;
    min-height: 28px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 62%;
    margin: 0px auto;
    margin: 32px auto;
    top: 35px;
}

    .friendship-links .label {
        position: absolute;
        top: 0;
        left: 0;
        color: #5d6369;
        font-size: 14px;
        font-weight: bold;
        width: 90px;
    }

    .friendship-links .friendship-links .label {
        color: #aaa;
        font-weight: normal;
    }

.friendship-con {
    position: relative;
    padding-right: 44px;
    min-height: 28px;
}

.friendship-con2 {
    position: relative;
    padding-right: 44px;
    min-height: 28px;
}

.friendship-con .zk-btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #0057ff;
    font-size: 12px;
}

    .friendship-con .zk-btn .ico-boult {
        margin-left: 3px;
    }

.friendship-con .sq-btn .ico-boult {
    background-position: 0 -10px;
}

.friendship-con .ovh {
    overflow: hidden;
    -webkit-transition: height .3s linear;
    transition: height .3s linear;
}

.friend-link-con {
    height: auto;
    overflow: hidden;
}

.friend-link-con2 {
    overflow: hidden;
}

.friend-link-con a {
    float: left;
    white-space: nowrap;
    margin-right: 20px;
    font-size: 14px;
    color: #666;
}

.friend-link-con2 a {
    float: left;
    white-space: nowrap;
    margin-right: 20px;
    font-size: 14px;
    color: #666;
}

.friend-link-con a:hover {
    color: #7E7F80;
}

.friend-link-con2 a:hover {
    color: #7E7F80;
}

#xlIcon {
    position: relative;
    margin: -5px 0 0 5px;
    top: 4px;
}

.iconAct {
    transform: rotate(180deg);
}

.ovnAct {
    height: auto !important;
}

@media screen and (max-width: 1199px) {
    .friendship-links {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .friendship-links {
        width: 90%;
    }
}

@media screen and (min-width: 1300px) {
    .friendship-links {
        width: 85%;
    }
}

@media screen and (min-width: 1400px) {
    .friendship-links {
        width: 75%;
    }
}

@media screen and (min-width: 1500px) {
    .friendship-links {
        width: 68%;
    }
}

@media screen and (min-width: 1700px) {
    .friendship-links {
        width: 60%;
    }
}

@media screen and (min-width: 1800px) {
    .friendship-links {
        width: 58%;
    }
}

@media screen and (min-width: 1900px) {
    .friendship-links {
        width: 56%;
    }
}