.resourceBox{width:350px;height:350px;margin:10px auto 20px}.resourceItem{position:relative;height:100%;width:100%;border:2px solid #fff}.resourceTitle{position:absolute;width:100%;height:60px;bottom:0;left:0;background:rgba(113,115,114,.8);color:#fff;font-size:20px;line-height:60px;text-align:center}.resourceItem:hover{border:2px solid}.resourceItem:hover .resourceTitle{background:#000}@media(max-width:1024px){.resourceBox{width:320px;height:320px;margin:10px auto 10px}}@media(max-width:768px){.resourceBox{width:270px;height:270px;margin:10px auto 10px}.resourceTitle{height:40px;font-size:16px;line-height:40px}}