#essayList{padding: 50px 15px;overflow:hidden;position:relative;z-index:2}
#essayList >div{display:inline-block;width:calc(100% / 3);margin-right:-4px;vertical-align:top;}
#essayList .free{transition:all linear .1s;border:1px solid #f5f5f5;position:relative;}
#essayList .free .bg{background-color: #fff;background-size: cover;background-repeat: no-repeat;background-position: center;padding: 200px 50px 1px;}
#essayList >div a{display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;}
#essayList .free h4{text-align:center;font-size:22px;line-height: 170%;overflow:hidden;margin-bottom:10px;white-space: nowrap;text-overflow: ellipsis;background-color: #ffffff;}
#essayList .free p{text-align:center;font-size:15px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;    display: none;}
@media screen and (min-width: 1025px) {
#essayList .free:hover{transform:translate(-15px,-15px)}
}
@media screen and (max-width: 1024px) {
#essayList >div{width:calc(100% / 2);}
#essayList{padding:20px 0;}
}
@media screen and (max-width: 640px) {
#essayList >div{width:100%;}
}