.work-style[data-v-5900c722]{background-color:var(--885cc6b6);margin:var(--287a15de);padding:var(--f6969c3e)}@media (max-width:1200px){.work-style[data-v-5900c722]{margin:var(--3ae8e192);padding:var(--31076a75)}}@media (max-width:480px){.work-style[data-v-5900c722]{margin:var(--3ae8e154);padding:var(--31076a37)}}.work-style .box .show[data-v-5900c722]{height:auto;width:100%}.work-style .box .show .category-box[data-v-5900c722]{align-items:center;border-bottom:1px solid var(--d8d75cd0);display:flex;gap:var(--14f1b57c);justify-content:var(--cbcc6446)}@media (max-width:480px){.work-style .box .show .category-box[data-v-5900c722]{flex-wrap:wrap;gap:20px}}.work-style .box .show .category-box .category-item[data-v-5900c722]{cursor:pointer;display:flex;flex-direction:column}.work-style .box .show .category-box .category-item.active .name[data-v-5900c722],.work-style .box .show .category-box .category-item:hover .name[data-v-5900c722]{color:var(--1ebc4c3e)}.work-style .box .show .category-box .category-item.active .underline[data-v-5900c722],.work-style .box .show .category-box .category-item:hover .underline[data-v-5900c722]{width:100%}.work-style .box .show .category-box .category-item .name[data-v-5900c722]{box-sizing:border-box;color:var(--3985e84c);font-weight:var(--37321744);padding:var(--b4c418b2)}.work-style .box .show .category-box .category-item .underline[data-v-5900c722]{background-color:var(--79de5588);height:var(--461d3688);transition:all .5s;width:0}.work-style .box .show .content-box[data-v-5900c722]{display:flex;flex-wrap:wrap;gap:var(--28f44fed);margin-top:var(--fd4a86b8);width:100%}@media (max-width:480px){.work-style .box .show .content-box[data-v-5900c722]{flex-wrap:wrap;margin-top:calc(var(--fd4a86b8)/2)}}.work-style .box .show .content-box .content-item[data-v-5900c722]{background-color:var(--636663d6);display:flex;flex-direction:column;gap:var(--0a81d83a);margin-bottom:calc(var(--28f44fed) + var(--348ab908));width:calc(var(--fa30cd10) - var(--62fe21da))}@media (max-width:480px){.work-style .box .show .content-box .content-item[data-v-5900c722]{margin-bottom:calc(var(--28f44fed)/3);width:calc((var(--fa30cd10) - var(--62fe21da))*2 + var(--62fe21da))}}.work-style .box .show .content-box .content-item:hover .video-box video[data-v-5900c722]{display:block}.work-style .box .show .content-box .content-item:hover .video-box img[data-v-5900c722]{filter:blur(3px)}.work-style .box .show .content-box .content-item:hover .video-box .play-btn[data-v-5900c722]{display:none}.work-style .box .show .content-box .content-item:hover .img-box .inner-image img[data-v-5900c722]{transform:scale(1.1)}.work-style .box .show .content-box .content-item:hover .text-box-bottom .name[data-v-5900c722]{color:var(--8365606c)}.work-style .box .show .content-swiper-box[data-v-5900c722]{margin-top:var(--fd4a86b8)}.work-style .box .show .content-swiper-box .swiper .swiper-slide[data-v-5900c722]{background-color:var(--636663d6)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box video[data-v-5900c722]{display:block}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box img[data-v-5900c722]{filter:blur(3px)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box .play-btn[data-v-5900c722]{display:none}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .img-box .inner-image img[data-v-5900c722]{transform:scale(1.1)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .text-box-bottom .name[data-v-5900c722]{color:var(--8365606c)}.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-5900c722]{background-color:var(--e2b238f6);border-radius:var(--eb7a65a4);height:var(--4348c312);margin:var(--29c3ed77) auto 0;position:relative;width:var(--735c3676)}.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-5900c722] .swiper-scrollbar-drag{background-color:var(--35b3f09e);border-radius:var(--0295f882);cursor:pointer;height:var(--31f6d8cb);position:absolute;top:var(--2f3d3c31);width:var(--550661a2)}@media (max-width:480px){.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-5900c722]{margin-top:20px;width:40%}}.work-style .box .show .video-box[data-v-5900c722]{border:1px solid #ccc;border-radius:10px;height:var(--3a8c332c);overflow:hidden;position:relative;width:100%}@media (max-width:480px){.work-style .box .show .video-box[data-v-5900c722]{height:calc(var(--3a8c332c)/2)}}.work-style .box .show .video-box video[data-v-5900c722]{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-5900c722]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .box .show .video-box .play-btn[data-v-5900c722]{align-items:center;background-color:var(--7fb1e8b9);border-radius:var(--16e45a97);bottom:var(--0738efa0);color:var(--6308ecbe);display:flex;height:var(--060e7f2c);justify-content:center;position:absolute;right:var(--63d97f77);width:var(--641feb21);z-index:1}@media (max-width:480px){.work-style .box .show .video-box .play-btn[data-v-5900c722]{bottom:5%;height:calc(var(--060e7f2c)*.75);right:5%;width:calc(var(--641feb21)*.75)}}.work-style .box .show .img-box[data-v-5900c722]{border:1px solid var(--6117994c);border-radius:var(--edc28686);box-sizing:border-box;height:var(--3a8c332c);overflow:hidden;padding:var(--30e9f146);position:relative;width:100%}@media (max-width:480px){.work-style .box .show .img-box[data-v-5900c722]{height:calc(var(--20262157)/2)}}.work-style .box .show .img-box img[data-v-5900c722]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .5s;width:100%}.work-style .box .show .img-box .border-image[data-v-5900c722]{height:100%;left:0;position:absolute;top:0;width:100%}.work-style .box .show .img-box .border-image img[data-v-5900c722]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .box .show .img-box .inner-image[data-v-5900c722]{height:100%;overflow:hidden;width:100%}.work-style .box .show .img-box .inner-image img[data-v-5900c722]{height:100%;-o-object-fit:var(--582a466c);object-fit:var(--582a466c);transition:all .5s;width:100%}.work-style .box .show .img-box .text-box-image[data-v-5900c722]{background-color:var(--5975cdb0);border-radius:0 0 var(--edc28686) var(--edc28686);bottom:0;color:var(--74765a80);height:var(--7a0b5c38);position:absolute;width:100%}.work-style .box .show .img-box .text-box-image[data-v-5900c722],.work-style .box .show .text-box-bottom[data-v-5900c722]{align-items:center;display:flex;font-weight:var(--5e20cad5);justify-content:center}.work-style .box .show .text-box-bottom[data-v-5900c722]{color:var(--8365606c);margin-top:20px}.work-style .box .show .button-box[data-v-5900c722]{display:flex;justify-content:var(--7f861bdc);margin-top:var(--9d7bbe44)}.work-style .box .show .button-box .button[data-v-5900c722]{align-items:center;background-color:var(--2614adac);border:1px solid var(--5a1540ee);border-radius:var(--01628c67);box-sizing:border-box;display:flex;gap:var(--4650902d);padding:var(--493386ec);position:relative}@media (max-width:480px){.work-style .box .show .button-box .button[data-v-5900c722]{padding:var(--2db98dfe)}}.work-style .box .show .button-box .button[data-v-5900c722]:hover{background-color:var(--33085220);border-color:var(--7b7efcee)}.work-style .box .show .button-box .button:hover .button-text[data-v-5900c722]{color:var(--213d43c9)}.work-style .box .show .button-box .button:hover .button-text.icon-animation-1[data-v-5900c722]{transform:translate(var(--2e46cf83))}.work-style .box .show .button-box .button:hover .iconfont.icon-animation-1[data-v-5900c722]{background-color:var(--6b90b8ce);border-color:var(--6ced6a16);color:var(--07a50329);right:var(--087595e2)}.work-style .box .show .button-box .button:hover .iconfont.icon-animation-2[data-v-5900c722]{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fadeInRight-5900c722;color:var(--07a50329);opacity:1;visibility:visible}.work-style .box .show .button-box .button .button-text[data-v-5900c722]{color:var(--2c4525e1);font-weight:var(--7df21bba);transition:var(--2f301bf4)}.work-style .box .show .button-box .button .iconfont[data-v-5900c722]{background-color:var(--06b83c88);border:1px solid var(--54c45335);border-radius:50%;box-sizing:border-box;color:var(--c9c96afe);padding:var(--4e6bf0a2);position:absolute;right:var(--c828458c);transition:var(--2f301bf4)}@media (max-width:480px){.work-style .box .show .button-box .button .iconfont[data-v-5900c722]{padding:var(--91e9f436)}}.work-style .box .show .button-box .button .iconfont.icon-animation-2[data-v-5900c722]{background-color:#fff0;border-color:#fff0;opacity:0;visibility:hidden}.work-style .box .pagination[data-v-5900c722]{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:480px){.work-style .box .pagination[data-v-5900c722]{flex-wrap:wrap;margin-top:10px}}.work-style .box .pagination[data-v-5900c722] .el-pagination .el-pager li{background-color:var(--345a26d8);border:none;border-radius:var(--405ef67f);color:var(--b1f1103c)}@media (max-width:480px){.work-style .box .pagination[data-v-5900c722] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .box .pagination[data-v-5900c722] .el-pagination .el-pager li.is-active{background-color:var(--ccf4e0cc);color:var(--0259eb30);font-weight:400}.work-style .box .pagination[data-v-5900c722] .btn-next,.work-style .box .pagination[data-v-5900c722] .btn-prev{border-radius:var(--405ef67f)}@keyframes fadeInRight-5900c722{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}