*, *:after, *:before {
    box-sizing: border-box;
}

.body-content {
    width: 100%;
    padding: 0 10%;
    overflow: hidden;
}

.row {
    display: flex;
    flex-direction: row
}

.wrap {
    display: flex;
    flex-wrap: wrap
}

.align-center {
    display: flex;
    align-items: center
}

.justify-center {
    display: flex;
    justify-content: center
}

.between {
    display: flex;
    justify-content: space-between
}

.flex {
    flex: 1 1 auto;
}

a {
    text-decoration: none;
}


.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-sizing: border-box
}

.lines-1 {
    -webkit-line-clamp: 1
}
.lines-2 {
    -webkit-line-clamp:2
}

.lines-3 {
    -webkit-line-clamp:3
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:before, .clear:after, .clear {
    content: '';
    display: block;
    clear: both;
}