.work-style[data-v-2f1fb705]{background-color:var(--2e66de8c);margin:var(--15194629);padding:var(--2bfb8af6)}@media (max-width:1200px){.work-style[data-v-2f1fb705]{margin:var(--2848035d);padding:var(--20e6fbec)}}@media (max-width:480px){.work-style[data-v-2f1fb705]{margin:var(--2848031f);padding:var(--20e6fc68)}}.work-style .box .show[data-v-2f1fb705]{height:auto;width:100%}.work-style .box .show .category-box[data-v-2f1fb705]{align-items:center;border-bottom:1px solid var(--12167bad);display:flex;gap:var(--60d52fd2);justify-content:var(--82863830)}@media (max-width:480px){.work-style .box .show .category-box[data-v-2f1fb705]{flex-wrap:wrap;gap:20px}}.work-style .box .show .category-box .category-item[data-v-2f1fb705]{cursor:pointer;display:flex;flex-direction:column}.work-style .box .show .category-box .category-item.active .name[data-v-2f1fb705],.work-style .box .show .category-box .category-item:hover .name[data-v-2f1fb705]{color:var(--20d9c6da)}.work-style .box .show .category-box .category-item.active .underline[data-v-2f1fb705],.work-style .box .show .category-box .category-item:hover .underline[data-v-2f1fb705]{width:100%}.work-style .box .show .category-box .category-item .name[data-v-2f1fb705]{box-sizing:border-box;color:var(--a82d1252);font-weight:var(--9584769a);padding:var(--20bda41c)}.work-style .box .show .category-box .category-item .underline[data-v-2f1fb705]{background-color:var(--0f3f00c6);height:var(--ba2efcf2);transition:all .5s;width:0}.work-style .box .show .content-box[data-v-2f1fb705]{display:flex;flex-wrap:wrap;gap:var(--dea33090);margin-top:var(--188369a2);width:100%}@media (max-width:480px){.work-style .box .show .content-box[data-v-2f1fb705]{flex-wrap:wrap;margin-top:calc(var(--188369a2)/2)}}.work-style .box .show .content-box .content-item[data-v-2f1fb705]{background-color:var(--882d282c);display:flex;flex-direction:column;gap:var(--2cfd8d85);margin-bottom:calc(var(--dea33090) + var(--274eed07));width:calc(var(--3508cb4d) - var(--465b2e68))}@media (max-width:480px){.work-style .box .show .content-box .content-item[data-v-2f1fb705]{margin-bottom:calc(var(--dea33090)/3);width:calc((var(--3508cb4d) - var(--465b2e68))*2 + var(--465b2e68))}}.work-style .box .show .content-box .content-item:hover .video-box video[data-v-2f1fb705]{display:block}.work-style .box .show .content-box .content-item:hover .video-box img[data-v-2f1fb705]{filter:blur(3px)}.work-style .box .show .content-box .content-item:hover .video-box .play-btn[data-v-2f1fb705]{display:none}.work-style .box .show .content-box .content-item:hover .img-box .inner-image img[data-v-2f1fb705]{transform:scale(1.05)}.work-style .box .show .content-box .content-item:hover .text-box-bottom .name[data-v-2f1fb705]{color:var(--08508a15)}.work-style .box .show .content-swiper-box[data-v-2f1fb705]{margin-top:var(--188369a2)}.work-style .box .show .content-swiper-box .swiper .swiper-slide[data-v-2f1fb705]{background-color:var(--882d282c)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box video[data-v-2f1fb705]{display:block}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box img[data-v-2f1fb705]{filter:blur(3px)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box .play-btn[data-v-2f1fb705]{display:none}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .img-box .inner-image img[data-v-2f1fb705]{transform:scale(1.05)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .text-box-bottom .name[data-v-2f1fb705]{color:var(--08508a15)}.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-2f1fb705]{background-color:var(--0d290d9a);border-radius:var(--a234398e);height:var(--285ed8c2);margin:var(--17608b4c) auto 0;position:relative;width:var(--443306cb)}.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-2f1fb705] .swiper-scrollbar-drag{background-color:var(--b8a9c174);border-radius:var(--5459110d);cursor:pointer;height:var(--102414d4);position:absolute;top:var(--25a14b46);width:var(--42a2ff77)}@media (max-width:480px){.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-2f1fb705]{margin-top:20px;width:40%}}.work-style .box .show .video-box[data-v-2f1fb705]{border:1px solid #ccc;border-radius:10px;height:var(--06c64882);overflow:hidden;position:relative;width:100%}@media (max-width:480px){.work-style .box .show .video-box[data-v-2f1fb705]{height:calc(var(--06c64882)/2)!important}}.work-style .box .show .video-box video[data-v-2f1fb705]{display:none;height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%;z-index:2}.work-style .box .show .video-box img[data-v-2f1fb705]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .box .show .video-box .play-btn[data-v-2f1fb705]{align-items:center;background-color:var(--5088b90e);border-radius:var(--7877aba2);bottom:var(--5df6d93b);color:var(--1adc635a);display:flex;height:var(--67a1d037);justify-content:center;position:absolute;right:var(--193b3de8);width:var(--18ae6694);z-index:1}@media (max-width:480px){.work-style .box .show .video-box .play-btn[data-v-2f1fb705]{bottom:5%;height:calc(var(--67a1d037)*.75);right:5%;width:calc(var(--18ae6694)*.75)}}.work-style .box .show .img-box[data-v-2f1fb705]{border:1px solid var(--37356cd7);border-radius:var(--18a79e52);box-sizing:border-box;overflow:hidden;position:relative;width:100%}@media (max-width:480px){.work-style .box .show .img-box[data-v-2f1fb705]{height:calc(var(--0cc551a2)/2)!important}}.work-style .box .show .img-box img[data-v-2f1fb705]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .5s;width:100%}.work-style .box .show .img-box .border-image[data-v-2f1fb705]{height:100%;left:0;position:absolute;top:0;width:100%}.work-style .box .show .img-box .border-image img[data-v-2f1fb705]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .box .show .img-box .inner-image[data-v-2f1fb705]{height:100%;overflow:hidden;width:100%}.work-style .box .show .img-box .inner-image img[data-v-2f1fb705]{height:100%;-o-object-fit:var(--cc3c0cd6);object-fit:var(--cc3c0cd6);transition:all .5s;width:100%}.work-style .box .show .img-box .text-box-image[data-v-2f1fb705]{background-color:var(--7da0350a);border-radius:0 0 var(--18a79e52) var(--18a79e52);bottom:0;color:var(--d2c8b9d6);height:var(--248da2ef);position:absolute;width:100%}.work-style .box .show .img-box .text-box-image[data-v-2f1fb705],.work-style .box .show .text-box-bottom[data-v-2f1fb705]{align-items:center;display:flex;font-weight:var(--2ef79b2a);justify-content:center}.work-style .box .show .text-box-bottom[data-v-2f1fb705]{color:var(--08508a15);margin-top:20px}.work-style .box .show .button-box[data-v-2f1fb705]{display:flex;justify-content:var(--259033b2);margin-top:var(--422b98ae)}.work-style .box .show .button-box .button[data-v-2f1fb705]{align-items:center;background-color:var(--cf0f8792);border:1px solid var(--83f8660e);border-radius:var(--1b4581bc);box-sizing:border-box;display:flex;gap:var(--0d055738);padding:var(--3c19b5c2);position:relative}@media (max-width:480px){.work-style .box .show .button-box .button[data-v-2f1fb705]{padding:var(--60608053)}}.work-style .box .show .button-box .button[data-v-2f1fb705]:hover{background-color:var(--915ab176);border-color:var(--558d3fc3)}.work-style .box .show .button-box .button:hover .button-text[data-v-2f1fb705]{color:var(--ee1148d8)}.work-style .box .show .button-box .button:hover .button-text.icon-animation-1[data-v-2f1fb705]{transform:translate(var(--5beee24e))}.work-style .box .show .button-box .button:hover .iconfont.icon-animation-1[data-v-2f1fb705]{background-color:var(--459efba3);border-color:var(--cb3fc96c);color:var(--349ff73e);right:var(--357089f7)}.work-style .box .show .button-box .button:hover .iconfont.icon-animation-2[data-v-2f1fb705]{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fadeInRight-2f1fb705;color:var(--349ff73e);opacity:1;visibility:visible}.work-style .box .show .button-box .button .button-text[data-v-2f1fb705]{color:var(--46281b36);font-weight:var(--bf245df6);transition:var(--709db151)}.work-style .box .show .button-box .button .iconfont[data-v-2f1fb705]{background-color:var(--60926dc7);border:1px solid var(--71b03c80);border-radius:50%;box-sizing:border-box;color:var(--6e794568);padding:var(--3cb893ba);position:absolute;right:var(--6cd81ff6);transition:var(--709db151)}@media (max-width:480px){.work-style .box .show .button-box .button .iconfont[data-v-2f1fb705]{padding:var(--ddcd6e8c)}}.work-style .box .show .button-box .button .iconfont.icon-animation-2[data-v-2f1fb705]{background-color:#fff0;border-color:#fff0;opacity:0;visibility:hidden}.work-style .box .pagination[data-v-2f1fb705]{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:480px){.work-style .box .pagination[data-v-2f1fb705]{flex-wrap:wrap;margin-top:10px}}.work-style .box .pagination[data-v-2f1fb705] .el-pagination .el-pager li{background-color:var(--47663d9f);border:none;border-radius:var(--1a6d3954);color:var(--56a0eaa6)}@media (max-width:480px){.work-style .box .pagination[data-v-2f1fb705] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .box .pagination[data-v-2f1fb705] .el-pagination .el-pager li.is-active{background-color:var(--f1bba522);color:var(--2bcdfe7d);font-weight:400}.work-style .box .pagination[data-v-2f1fb705] .btn-next,.work-style .box .pagination[data-v-2f1fb705] .btn-prev{border-radius:var(--1a6d3954)}@keyframes fadeInRight-2f1fb705{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}