.work-style[data-v-c5884712]{background-color:var(--72783767);margin:var(--042ff8dc);padding:var(--1fbb2ea3)}@media (max-width:1200px){.work-style[data-v-c5884712]{margin:var(--0e15324c);padding:var(--527d2333)}}@media (max-width:480px){.work-style[data-v-c5884712]{background-position:50%;background-size:cover;margin:var(--0b4f77ba);padding:var(--06e8e8f6)}}.work-style .cont[data-v-c5884712]{width:100%}.work-style .cont .per-c[data-v-c5884712]{display:flex;gap:var(--533770a2);justify-content:center;margin:0 auto;width:90%}@media (max-width:480px){.work-style .cont .per-c[data-v-c5884712]{flex-direction:column;gap:10px}}.work-style .cont .card[data-v-c5884712]{align-items:center;background-color:var(--176ea519);box-shadow:0 2px 2px #00000026;display:flex;flex:1;flex-direction:column;gap:var(--5343600e);padding-bottom:50px;padding-top:50px}.work-style .cont .card .iconfont[data-v-c5884712]{color:var(--2f4e5e96);font-size:var(--d8c898d6)}.work-style .cont .card .title[data-v-c5884712]{color:var(--235f159c);font-weight:var(--080ced22)}.work-style .cont .card .content[data-v-c5884712]{color:var(--2f537924);height:100%;line-height:2;text-align:center;width:80%}@media (max-width:480px){.work-style .cont .card .cont-bt[data-v-c5884712]{margin-top:0}}.work-style .cont .card .cont-bt .title-text[data-v-c5884712]{background-color:transparent;border:1px solid #97a6aa;border-radius:30px;color:var(--2a512be0);font-weight:var(--494375cc);line-height:18px;padding:10px 38px 10px 15px;position:relative;text-align:center;transform:translate(-7px);transition:all .3s}@media (max-width:480px){.work-style .cont .card .cont-bt .title-text[data-v-c5884712]{height:10px;line-height:unset;margin-top:10px;padding:6px 30px 6px 5px;width:auto}}.work-style .cont .card .cont-bt .title-text[data-v-c5884712]:hover{background-color:#fcfcfc;border:1px solid #fcfcfc;color:#ed0761!important}.work-style .cont .card .cont-bt .title-text:hover span[data-v-c5884712]{animation-duration:1.5s;animation-fill-mode:forwards;animation-name:fkAnimate-c5884712}.work-style .cont .card .cont-bt .title-text span[data-v-c5884712]{align-items:center;display:flex;height:100%;position:absolute;right:10px;top:0;transform:translate(-5px);transition:all .1s}@keyframes fkAnimate-c5884712{25%{opacity:0;transform:translate(15px)}40%{opacity:0}50%{transform:translate(-20px)}to{opacity:1;transform:unset}}