.work-style[data-v-df0d54f5]{background-color:var(--78d2c599);background-repeat:no-repeat;background-size:cover;margin-bottom:var(--a8b64d96);margin-top:var(--da9022ea);padding-bottom:var(--29513d40);padding-top:var(--54274e40)}@media (max-width:1200px){.work-style[data-v-df0d54f5]{margin-bottom:calc(var(--a8b64d96)*.8);margin-top:calc(var(--da9022ea)*.8)}}@media (max-width:480px){.work-style[data-v-df0d54f5]{margin-bottom:calc(var(--a8b64d96)*.5);margin-top:calc(var(--da9022ea)*.5)}}@media (max-width:1200px){.work-style[data-v-df0d54f5]{padding-bottom:calc(var(--29513d40)*.8);padding-top:calc(var(--54274e40)*.8)}}@media (max-width:480px){.work-style[data-v-df0d54f5]{padding-bottom:calc(var(--29513d40)*.5);padding-top:calc(var(--54274e40)*.5)}}.work-style .item-list[data-v-df0d54f5]{display:flex;flex-wrap:wrap;gap:2%;width:100%}@media (max-width:480px){.work-style .item-list[data-v-df0d54f5]{gap:5px}}.work-style .item-list .item[data-v-df0d54f5]{align-items:center;box-sizing:border-box;color:var(--e02e6d82);cursor:pointer;display:flex;flex:1;flex-direction:column;gap:10%;height:26vw;justify-content:center;min-width:0;overflow:hidden;padding:2%;position:relative}@media (max-width:480px){.work-style .item-list .item[data-v-df0d54f5]{background-position:50%;background-size:cover;flex-basis:50%;height:50vw;padding:1%}}.work-style .item-list .item[data-v-df0d54f5]:hover{justify-content:start}.work-style .item-list .item:hover .img-box[data-v-df0d54f5]{transform:translateY(-10vw)}@media (max-width:480px){.work-style .item-list .item:hover .img-box[data-v-df0d54f5]{transform:translateY(-30vw)}}.work-style .item-list .item:hover .img-box .padding[data-v-df0d54f5]{padding-top:0}.work-style .item-list .item:hover .bc[data-v-df0d54f5]{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}.work-style .item-list .item:hover .title[data-v-df0d54f5]{transform:translateY(-7vw)}@media (max-width:480px){.work-style .item-list .item:hover .title[data-v-df0d54f5]{transform:translateY(-25vw)}}.work-style .item-list .item:hover .detail[data-v-df0d54f5]{height:100%;line-height:1.8;overflow:unset;transform:translateY(-8vw)}@media (max-width:480px){.work-style .item-list .item:hover .detail[data-v-df0d54f5]{transform:translateY(-23vw)}}.work-style .item-list .item .img-box[data-v-df0d54f5]{transition:all .3s}.work-style .item-list .item .img-box .padding[data-v-df0d54f5]{padding-top:100%;width:100%}.work-style .item-list .item .img-box .padding div[data-v-df0d54f5]{align-items:center;border:3px solid var(--70f2f4eb);border-radius:50%;display:flex;height:100px;justify-content:center;width:100px}.work-style .item-list .item .img-box .padding div .iconfont[data-v-df0d54f5]{align-items:center;color:var(--70f2f4eb);font-size:50px;-o-object-fit:contain;object-fit:contain}.work-style .item-list .item .title[data-v-df0d54f5]{font-weight:700;text-align:center}.work-style .item-list .item .detail[data-v-df0d54f5]{height:0;overflow:hidden;transition:all .6s}.work-style .item-list .item .detail .desc[data-v-df0d54f5]{margin-bottom:var(--62b6681d);text-align:center}@media (max-width:480px){.work-style .item-list .item .detail .desc[data-v-df0d54f5]{margin-bottom:1%}}