.charity-top{
    display: block;
}
.charity-con{
    background: #f4f2fa url(../../images/activities/charity/jiandang02.jpg) top center no-repeat;
    background-size: 100% auto;
}
.charity-con ul{
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    padding: 180px 0 30px;
    position: relative;
    top: -90px;
}
.charity-con ul li{
    width: 470px;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 5px;
    margin: 0 30px 100px;
    box-shadow: 0 0 10px 3px #e9e9e9;
}
.charity-con ul li div{
    padding: 40px 25px 20px;
    color: #1a1b1d;
}
.charity-con ul li div img{
    width: 142px;
    height: 190px;
    border-radius: 5px;
    position: absolute;
    right: 30px;
    top: -54px;
}
.charity-con ul li div h3{
    font-size: 26px;
    margin-bottom: 10px;
}
.charity-con ul li div span{
    font-size: 18px;
    color: #797979;
}
.charity-con ul li div p{
    font-size: 14px;
    margin: 60px 0 30px;
    line-height: 20px;
    height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #535353;
}
.charity-con ul li div a{
    display: block;
    margin: 0 auto;
    width: 272px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
    background: #ccb375;
    color: #fff;
    border-radius: 5px;
}