.case-item[data-v-02b07a1a]{background:#fff;border-radius:8px;box-shadow:0 2px 10px #448cfd33;cursor:pointer;display:grid;grid-template-columns:48px 1fr;grid-template-rows:24px 24px;height:275px;padding:20px;transition:transform .5s;width:340px}.case-item .header[data-v-02b07a1a]{grid-column:1/1;grid-row:1/3;height:48px;width:48px}.case-item .title[data-v-02b07a1a]{color:#0a1931;font-size:18px;height:24px;line-height:24px}.case-item .tips[data-v-02b07a1a],.case-item .title[data-v-02b07a1a]{font-family:微软雅黑;font-weight:400;letter-spacing:.1em;padding-left:16px;text-align:start}.case-item .tips[data-v-02b07a1a]{align-self:end;color:#4d6283;font-size:11px;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-item .img-box[data-v-02b07a1a]{grid-column:1/3;margin-top:18px;position:relative}.case-item .img-box .img[data-v-02b07a1a]{height:169px;-o-object-fit:cover;object-fit:cover;width:300px}.case-item .img-box .bg[data-v-02b07a1a]{background:linear-gradient(180deg,#0063ff00,#0063ff4d);border-radius:4px;height:169px;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:300px}.case-item[data-v-02b07a1a]:hover{transform:translateY(-10px)}.case-item:hover .img-box .bg[data-v-02b07a1a]{opacity:1}