.work-style[data-v-ab61f640]{background-color:var(--v5d730a15);margin:var(--da9a6b24);padding:var(--v61928f51)}@media(max-width:1200px){.work-style[data-v-ab61f640]{margin:var(--v6458c644);padding:var(--eae7ea3e)}}@media(max-width:480px){.work-style[data-v-ab61f640]{margin:var(--v226b5ecc);padding:var(--v6e26f29a)}}.work-style .flex-box[data-v-ab61f640]{display:flex;flex-wrap:wrap;gap:2%}@media(max-width:480px){.work-style .flex-box[data-v-ab61f640]{justify-content:space-between}}.work-style .flex-box .flex-item[data-v-ab61f640]{border:1px solid var(--d95bc58a);border-radius:30px;color:var(--d95bc58a);font-size:var(--web-font-size-18);height:60px;line-height:60px;margin-bottom:3%;position:relative;transition:all .3s;width:23%}@media(max-width:480px){.work-style .flex-box .flex-item[data-v-ab61f640]{border-radius:10px;height:40px;line-height:40px;width:48%}}.work-style .flex-box .flex-item[data-v-ab61f640]:hover{background-color:var(--d95bc58a);color:#fff}.work-style .flex-box .flex-item:hover .padding[data-v-ab61f640]{padding-top:90%}.work-style .flex-box .flex-item .text[data-v-ab61f640]{box-sizing:border-box;height:100%;overflow:hidden;padding:0 2%;text-align:center;text-overflow:ellipsis;transition:all .1s;white-space:nowrap}.work-style .flex-box .flex-item .float[data-v-ab61f640]{bottom:110%;left:0;position:absolute;width:100%;z-index:100}.work-style .flex-box .flex-item .padding[data-v-ab61f640]{margin:0 auto;padding-top:0;position:relative;transition:all .6s;width:90%}.work-style .flex-box .flex-item .padding img[data-v-ab61f640]{border-radius:10px;box-shadow:0 0 10px #0000004d;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.work-style .flex-box .flex-item .hot[data-v-ab61f640]{position:absolute;right:12%;top:-1px;width:30px}