.work-style[data-v-39d8e9d1]{background-color:var(--v0b68cde2);margin:var(--v3cd41c01);padding:var(--v08c91fc4)}@media(max-width:1200px){.work-style[data-v-39d8e9d1]{margin:var(--a2aaa01e);padding:var(--v76d14ba4)}}@media(max-width:480px){.work-style[data-v-39d8e9d1]{margin:var(--e3fbcac2);padding:var(--v5fa57580)}}.work-style .box .show[data-v-39d8e9d1]{height:auto;width:100%}.work-style .box .show .category-box[data-v-39d8e9d1]{align-items:center;border-bottom:1px solid var(--ddb92e56);display:flex;gap:var(--v87d20982);justify-content:var(--v45597080)}@media(max-width:480px){.work-style .box .show .category-box[data-v-39d8e9d1]{flex-wrap:wrap;gap:20px}}.work-style .box .show .category-box .category-item[data-v-39d8e9d1]{cursor:pointer;display:flex;flex-direction:column}.work-style .box .show .category-box .category-item.active .name[data-v-39d8e9d1],.work-style .box .show .category-box .category-item:hover .name[data-v-39d8e9d1]{color:var(--v6572488a)}.work-style .box .show .category-box .category-item.active .underline[data-v-39d8e9d1],.work-style .box .show .category-box .category-item:hover .underline[data-v-39d8e9d1]{width:100%}.work-style .box .show .category-box .category-item .name[data-v-39d8e9d1]{box-sizing:border-box;color:var(--v465642a2);font-weight:var(--da1cf84a);padding:var(--v6f35586c)}.work-style .box .show .category-box .category-item .underline[data-v-39d8e9d1]{background-color:var(--v776d6cc5);height:var(--e2140942);transition:all .5s;width:0}.work-style .box .show .content-box[data-v-39d8e9d1]{display:flex;flex-wrap:wrap;gap:var(--v345f3990);margin-top:var(--v24a9b307);width:100%}@media(max-width:480px){.work-style .box .show .content-box[data-v-39d8e9d1]{flex-wrap:wrap;margin-top:calc(var(--v24a9b307)/2)}}.work-style .box .show .content-box .content-item[data-v-39d8e9d1]{background-color:var(--v0dd95712);display:flex;flex-direction:column;gap:var(--v04d10b5d);margin-bottom:calc(var(--v345f3990) + var(--v4babacdf));width:calc(var(--v5ba15316) - var(--ed1034e0))}@media(max-width:480px){.work-style .box .show .content-box .content-item[data-v-39d8e9d1]{margin-bottom:calc(var(--v345f3990)/3);width:calc((var(--v5ba15316) - var(--ed1034e0))*2 + var(--ed1034e0))}}.work-style .box .show .content-box .content-item:hover .video-box video[data-v-39d8e9d1]{display:block}.work-style .box .show .content-box .content-item:hover .video-box img[data-v-39d8e9d1]{filter:blur(3px)}.work-style .box .show .content-box .content-item:hover .video-box .play-btn[data-v-39d8e9d1]{display:none}.work-style .box .show .content-box .content-item:hover .img-box .inner-image img[data-v-39d8e9d1]{transform:scale(1.05)}.work-style .box .show .content-box .content-item:hover .text-box-bottom .name[data-v-39d8e9d1]{color:var(--v3dd6a026)}.work-style .box .show .content-swiper-box[data-v-39d8e9d1]{margin-top:var(--v24a9b307)}.work-style .box .show .content-swiper-box .swiper .swiper-slide[data-v-39d8e9d1]{background-color:var(--v0dd95712)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box video[data-v-39d8e9d1]{display:block}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box img[data-v-39d8e9d1]{filter:blur(3px)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .video-box .play-btn[data-v-39d8e9d1]{display:none}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .img-box .inner-image img[data-v-39d8e9d1]{transform:scale(1.05)}.work-style .box .show .content-swiper-box .swiper .swiper-slide:hover .text-box-bottom .name[data-v-39d8e9d1]{color:var(--v3dd6a026)}.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-39d8e9d1]{background-color:var(--e7940a7c);border-radius:var(--v650771de);height:var(--v0122fe9a);margin:var(--v69507674) auto 0;position:relative;width:var(--v21e6c5f3)}.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-39d8e9d1] .swiper-scrollbar-drag{background-color:var(--v6aa58f24);border-radius:var(--v922c6e36);cursor:pointer;height:var(--v38092124);position:absolute;top:var(--v6561e06e);width:var(--d6da2ac2)}@media(max-width:480px){.work-style .box .show .content-swiper-box .swiper-scrollbar[data-v-39d8e9d1]{margin-top:20px;width:40%}}.work-style .box .show .video-box[data-v-39d8e9d1]{border:1px solid #ccc;border-radius:10px;height:var(--e0137a32);overflow:hidden;position:relative;width:100%}@media(max-width:480px){.work-style .box .show .video-box[data-v-39d8e9d1]{height:calc(var(--e0137a32)/2)!important}}.work-style .box .show .video-box video[data-v-39d8e9d1]{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-39d8e9d1]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .box .show .video-box .play-btn[data-v-39d8e9d1]{align-items:center;background-color:var(--v2e3c7836);border-radius:var(--v1989310c);bottom:var(--v4e8ad5da);color:var(--v7609910a);display:flex;height:var(--v3b34e7e2);justify-content:center;position:absolute;right:var(--v74686b98);width:var(--v73db9444);z-index:1}@media(max-width:480px){.work-style .box .show .video-box .play-btn[data-v-39d8e9d1]{bottom:5%;height:calc(var(--v3b34e7e2)*.75);right:5%;width:calc(var(--v73db9444)*.75)}}.work-style .box .show .img-box[data-v-39d8e9d1]{border:1px solid var(--v20f106a2);border-radius:var(--v29ddf10c);box-sizing:border-box;overflow:hidden;position:relative;width:100%}@media(max-width:480px){.work-style .box .show .img-box[data-v-39d8e9d1]{height:calc(var(--v3480277a)/2)!important}}.work-style .box .show .img-box img[data-v-39d8e9d1]{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .5s;width:100%}.work-style .box .show .img-box .border-image[data-v-39d8e9d1]{height:100%;left:0;position:absolute;top:0;width:100%}.work-style .box .show .img-box .border-image img[data-v-39d8e9d1]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .box .show .img-box .inner-image[data-v-39d8e9d1]{height:100%;overflow:hidden;width:100%}.work-style .box .show .img-box .inner-image img[data-v-39d8e9d1]{height:100%;-o-object-fit:var(--f4211926);object-fit:var(--f4211926);transition:all .5s;width:100%}.work-style .box .show .img-box .text-box-image[data-v-39d8e9d1]{background-color:var(--v64e0b753);border-radius:0 0 var(--v29ddf10c) var(--v29ddf10c);bottom:0;color:var(--v744f623d);height:var(--c15d4272);position:absolute;width:100%}.work-style .box .show .img-box .text-box-image[data-v-39d8e9d1],.work-style .box .show .text-box-bottom[data-v-39d8e9d1]{align-items:center;display:flex;font-weight:var(--v0cab5a52);justify-content:center}.work-style .box .show .text-box-bottom[data-v-39d8e9d1]{color:var(--v3dd6a026);margin-top:20px}.work-style .box .show .button-box[data-v-39d8e9d1]{display:flex;justify-content:var(--v0fd4234f);margin-top:var(--v5f165d81)}.work-style .box .show .button-box .button[data-v-39d8e9d1]{align-items:center;background-color:var(--v6d38b7e2);border:1px solid var(--v38663e5e);border-radius:var(--a2c22e38);box-sizing:border-box;display:flex;gap:var(--f6a879e0);padding:var(--v02064647);position:relative}@media(max-width:480px){.work-style .box .show .button-box .button[data-v-39d8e9d1]{padding:var(--f90b610a)}}.work-style .box .show .button-box .button[data-v-39d8e9d1]:hover{background-color:var(--d5f33326);border-color:var(--v420ed2eb)}.work-style .box .show .button-box .button:hover .button-text[data-v-39d8e9d1]{color:var(--v2ca82d6c)}.work-style .box .show .button-box .button:hover .button-text.icon-animation-1[data-v-39d8e9d1]{transform:translate(var(--v47c9e7b4))}.work-style .box .show .button-box .button:hover .iconfont.icon-animation-1[data-v-39d8e9d1]{background-color:var(--v32208ecb);border-color:var(--v7813da72);color:var(--v573c3466);right:var(--v580cc71f)}.work-style .box .show .button-box .button:hover .iconfont.icon-animation-2[data-v-39d8e9d1]{animation-duration:.3s;animation-fill-mode:forwards;animation-name:fadeInRight-39d8e9d1;color:var(--v573c3466);opacity:1;visibility:visible}.work-style .box .show .button-box .button .button-text[data-v-39d8e9d1]{color:var(--v4cfcfb44);font-weight:var(--v78414edd);transition:var(--v432a7f29)}.work-style .box .show .button-box .button .iconfont[data-v-39d8e9d1]{background-color:var(--f348fcc2);border:1px solid var(--v0fd96cd0);border-radius:50%;box-sizing:border-box;color:var(--v48ef8724);padding:var(--v6281a792);position:absolute;right:var(--v49c019dd);transition:var(--v432a7f29)}@media(max-width:480px){.work-style .box .show .button-box .button .iconfont[data-v-39d8e9d1]{padding:var(--v7d9adbe2)}}.work-style .box .show .button-box .button .iconfont.icon-animation-2[data-v-39d8e9d1]{background-color:#fff0;border-color:#fff0;opacity:0;visibility:hidden}.work-style .box .pagination[data-v-39d8e9d1]{align-items:center;display:flex;justify-content:center;width:100%}@media(max-width:480px){.work-style .box .pagination[data-v-39d8e9d1]{flex-wrap:wrap;margin-top:10px}}.work-style .box .pagination[data-v-39d8e9d1] .el-pagination .el-pager li{background-color:var(--v7bac0d12);border:none;border-radius:var(--v06eecc7c);color:var(--v54dbb485)}@media(max-width:480px){.work-style .box .pagination[data-v-39d8e9d1] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .box .pagination[data-v-39d8e9d1] .el-pagination .el-pager li.is-active{background-color:var(--v4ddbced2);color:var(--v4e6a3ba5);font-weight:400}.work-style .box .pagination[data-v-39d8e9d1] .btn-next,.work-style .box .pagination[data-v-39d8e9d1] .btn-prev{border-radius:var(--v06eecc7c)}@keyframes fadeInRight-39d8e9d1{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}