.recommend-container[data-v-57d2bc87]{background-color:#f5f6fb}.page-content-wrap[data-v-57d2bc87]{padding-bottom:40px;min-height:500px}.recommend-banner[data-v-57d2bc87]{overflow:hidden;height:226px;display:flex;justify-content:center;align-items:center;margin-top:20px;border-radius:2px}.recommend-banner img[data-v-57d2bc87]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.list[data-v-57d2bc87]{margin-top:20px;display:flex;flex-wrap:wrap}.list .list-item[data-v-57d2bc87]{width:192px;background-color:#fff;box-sizing:border-box;padding:16px;padding-bottom:20px;cursor:pointer;margin-right:9px;margin-top:9px;border-radius:3px;transition:all .2s linear}.list .list-item[data-v-57d2bc87]:nth-child(-n+6){margin-top:0}.list .list-item[data-v-57d2bc87]:nth-child(6n){margin-right:0}.list .list-item[data-v-57d2bc87]:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translate3d(0,-2px,0)}.list .list-item .cat-pic[data-v-57d2bc87]{width:160px;height:160px;display:flex;justify-content:center;align-items:center}.list .list-item .cat-pic img[data-v-57d2bc87]{max-width:100%;max-height:100%;transition:all .3s}.list .list-item .cat-name[data-v-57d2bc87]{text-align:center;margin-top:20px;color:#3385ff}