@charset "utf-8";
.classify {
    padding: 20px 0;
    text-align: center;
    /*background: #f5f5f5;*/
}

.classify a {
    display: inline-block;
    padding: 10px 50px;
    background: #e5e5e5;
    color: #333;
    font-size: 14px;
    border-radius: 5px;
    margin: 0px 5px;
}

.classify a.active {
    background: #2c81ff;
    color: #fff;
}

.result .list3 , .mingpian .list3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
}

.result .l {
    width: 230px;
    height: 260px;
    padding: 55px 25px 25px;
    margin: 0 12px 24px 12px;
    float: left;
    display: inline;
    text-align: center;
    background: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
}

.result .list3 .l, .mingpian .list3 .l{
    margin: 0 0 30px 0;
}

.result .l a {
    display: inline-block;
}

.result .l .photo {
    display: inline-block;
    width: 130px;
    height: 130px;
    border-radius: 130px;
}

.result .l .photo img {
    width: 130px;
    height: 130px;
    border-radius: 130px;
}

.result .l .name {
    margin: 25px 0 15px;
    height: 24px;
}

.result .l .name a {
    font-size: 18px;
    color: #101010;
}

.result .l .mgs {
    font-size: 14px;
    color: #888;
    height: 44px;
    overflow: hidden;
}

.result .l .btns {
    width: 100%;
    position: absolute;
    bottom: 25px;
    text-align: center;
    left: 0;
    background: #fff;
    padding: 15px 0;
    display: none;
}

.result .l:hover .btns {
    display: block;
}

.result .l .btns a {
    display: inline-block;
    font-size: 14px;
    border-radius: 2px;
    margin: 0 5px;
}

.result .l .apply {
    padding: 3px 12px;
    color: #fff;
    background: #2c81ff;
    border: 2px solid #2c81ff;
}

.result .l .invite {
    padding: 3px 25px;
    color: #101010;
    background: #fff;
    border: 2px solid #ddd;
}

.result .newest {
    width: 80px;
    height: 80px;
    background: -webkit-linear-gradient(left, #ffac01, #ff7d18);
    display: inline-block;
    color: #fff;
    position: absolute;
    top: -40px;
    left: -39px;
    transform: rotate(-45deg);
    left: -39px;
    line-height: 130px;
    text-align: center;
}

.result .photo {
    position: relative;
}

.v_orange {
    background: url(images/v2.png);
    background-size: 100% 100%;
}

.v_blue {
    background: url("images/blue_v.png");
    background-size: 100% 100%;
}

.v_gray {
    background: url("images/v3.png");
    background-size: 100% 100%;
}

.v_orange, .v_blue, .v_gray {
    width: 27px;
    height: 27px;
    display: inline-block;
    position: absolute;
    bottom: -6px;
    right: 0px;
}

ul.l {
    position: relative;
}

ul.l:hover {
    /*background: linear-gradient(0deg, #FFFFFF, #F2F7FF);*/
}

ul.l:hover .mp-qrcode {
    display: block;
}

.mp-qrcode {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 230px;
    height: 230px;
    margin-left: -115px;
    margin-top: -115px;
    display: none;
}