.item-container[data-v-24d638b3]{padding:20px}.item-box[data-v-24d638b3]{float:left;width:33.33333333%;height:0;padding-bottom:33.33333333%;position:relative}.item-box .item-body[data-v-24d638b3]{width:90%;height:0;padding-bottom:90%;background:#000}.item-box .item-body .grad-img[data-v-24d638b3],.item-box .item-body[data-v-24d638b3]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.item-box .item-body .grad-img[data-v-24d638b3]{width:100%}.item-box .item-body .title[data-v-24d638b3]{position:absolute;bottom:0;width:100%;padding:10px;background-color:#f7f7f7;color:#666}.item-box .jiantou-box[data-v-24d638b3]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;-webkit-transition:all .5s;transition:all .5s}.item-box:hover .grad-img[data-v-24d638b3]{opacity:.5;background:#000}.item-box:hover .jiantou-box[data-v-24d638b3]{display:block}@media (max-width:768px){.item-box[data-v-24d638b3]{width:100%;padding-bottom:100%}}