#essayList{padding: 130px 0 0;overflow:hidden;position:relative;z-index:2;}
#essayList >div{width:calc(100% / 3);vertical-align:top;float: left;}
#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: 120px 50px;}
#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:110%;overflow:hidden;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;background: #000000;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
#essayList .free p{text-align:center;font-size:15px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
@media screen and (min-width: 1025px) {
#essayList .free:hover{transform: translateY(-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%;}
}