.team_warpper {
    position : relative;
    width    : 984px;
    padding  : 40px 20px 40px 20px;
    margin   : 0 auto;
    min-width: 280px;
}

.team_holder {
    position   : relative;
    display    : flex;
    width      : 100%;
    align-items: center;
    flex-wrap  : wrap;
}

.team_space {
    position: relative;
    height  : 20px;
    width   : calc(100% - 800px);
}

.team_space_vr {
    position: relative;
    height  : 20px;
    width   : 100%;
}

.team_person {
    position   : relative;
    display    : flex;
    width      : 400px;
    align-items: center;
    max-height : 128px;
}

.team_portrait {
    position           : relative;
    width              : 100px;
    height             : 100px;
    border-radius      : 100%;
    background-color   : #4080FF;
    border             : 2px solid #4080FF;
    background-position: center;
    background-repeat  : no-repeat;
    background-size    : cover;
}

.team_info {
    position: relative;
    width   : calc(100% - 124px);
}

.team_space_info {
    position: relative;
    width   : 20px;
}

.team_position {
    position          : relative;
    color             : #4080FF;
    font-size         : 16px;
    max-height        : 128px;
    max-width         : 100%;
    -webkit-box-orient: vertical;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : normal;
}

.team_fullName {
    position          : relative;
    color             : #424242;
    font-size         : 14px;
    margin-top        : 2px;
    max-height        : 128px;
    max-width         : 100%;
    -webkit-box-orient: vertical;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : normal;

}

.team_text {
    position          : relative;
    color             : #808080;
    font-size         : 12px;
    margin-top        : 4px;
    max-height        : 128px;
    max-width         : 100%;
    -webkit-box-orient: vertical;
    display           : -webkit-box;
    -webkit-line-clamp: 3;
    overflow          : hidden;
    text-overflow     : ellipsis;
    white-space       : normal;

}

@media (max-width:1024px) and (min-width:0),
(max-width:1024px) and (min-device-width:0) {
    .team_warpper {
        width: calc(100% - 40px);
    }

}

@media (max-width:860px) and (min-width:0),
(max-width:860px) and (min-device-width:0) {
    .team_person {
        width: 320px
    }

    .team_space {
        position: relative;
        height  : 20px;
        width   : calc(100% - 640px);
    }
}

@media (max-width:680px) and (min-width:0),
(max-width:680px) and (min-device-width:0) {
    .team_space {
        height: 20px;
        width : 100%;
    }

    .team_person {
        width: 100%;
    }
}