li.phtli{float:left;margin:0 0 20px;width:20%}div.pht{padding:7px;max-height:225px;border:1px solid #e8e8e8}div.pht:hover{cursor:pointer;border:1px solid #0496ce}div.phtcat{position:relative;margin:0 auto;width:100%;max-width:316px}span.phtt{display:block;position:absolute;padding:7px;top:2px;left:2px;max-width:calc(100% - 18px);font-size:14px;color:#666;line-height:14px;font-style:italic;background:#fff;opacity:.9}@media (max-width:1620px){li.phtli{width:25%}}@media (max-width:1300px){li.phtli{width: calc(100% / 3)}}@media (max-width:980px){li.phtli{width:50%}}@media (max-width:670px){li.phtli{width:100%}}