.sufan-caselist[data-v-9b1d57f2]{position:relative}.sufan-caselist ul[data-v-9b1d57f2]{display:flex;flex-flow:row wrap;justify-content:flex-start}.sufan-caselist ul li[data-v-9b1d57f2]{flex-grow:1;margin:12px 2% 12px 0;max-width:32%;position:relative;width:32%}.sufan-caselist ul li[data-v-9b1d57f2]:nth-child(3n){margin-right:0}.sufan-caselist ul li[data-v-9b1d57f2]{cursor:pointer}.sufan-caselist ul li img[data-v-9b1d57f2]{display:block}.sufan-caselist ul li .title[data-v-9b1d57f2]{align-items:center;display:flex;justify-content:space-between}.sufan-caselist ul li .title h3[data-v-9b1d57f2]{border-left:5px solid #cf5043;font-weight:400;margin-left:-15px;padding-left:10px}.sufan-caselist ul li .title .time em[data-v-9b1d57f2]{display:inline-block;font-size:22px;font-weight:600;padding-right:5px}.sufan-caselist ul li .mask[data-v-9b1d57f2]{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease;width:100%}.sufan-caselist ul li .mask img[data-v-9b1d57f2]{display:block;opacity:0;transform:translateY(20%);transition:all .6s}.sufan-caselist ul li .mask:hover img[data-v-9b1d57f2]{opacity:1;transform:none}.sufan-caselist ul li:hover .mask[data-v-9b1d57f2]{opacity:1}@media screen and (max-width:640px){.sufan-caselist ul[data-v-9b1d57f2]{justify-content:space-between}.sufan-caselist ul li[data-v-9b1d57f2]{margin:6px 0;min-width:48%;width:48%}.sufan-caselist ul li .mask img[data-v-9b1d57f2]{max-width:80%}}