#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: 150px 50px 40px 50px;text-align: center;}
#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: 10px;color: #22529d;}
#essayList .free p{text-align:center;font-size:15px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;font-weight: bold;display: inline-block;background: #fff;padding: 5px 20px;border-radius: 25px;}
@media screen and (min-width: 1025px) {
#essayList .free:hover{transform: translate(0,-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%;}
}