.work-style[data-v-4f5684f5]{background-color:var(--v6b745c1f);margin:var(--v7825b5b8)}@media(max-width:1200px){.work-style[data-v-4f5684f5]{margin:var(--v53a3c294);padding:var(--v827ec82a)}}@media(max-width:480px){.work-style[data-v-4f5684f5]{margin:var(--v0b550bfc);padding:var(--v23745b86)}}.work-style .container-default[data-v-4f5684f5]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--v57a38b5b)}.work-style .container-default .catalogue-box[data-v-4f5684f5]{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;width:100%}.work-style .container-default .catalogue-box .catalogue[data-v-4f5684f5]{color:var(--v82dc9632);font-weight:var(--v194c5eba)}.work-style .container-default .catalogue-box .video-search-box[data-v-4f5684f5]{align-items:center;display:flex;gap:var(--db71e696)}.work-style .container-default .catalogue-box .video-search-box .video-count[data-v-4f5684f5]{align-items:center;display:flex;gap:var(--v30738859);justify-content:center}.work-style .container-default .catalogue-box .video-search-box .video-count .num[data-v-4f5684f5]{color:var(--v25b2e0a7);font-weight:var(--fe44063a)}.work-style .container-default .catalogue-box .video-search-box .video-count .units[data-v-4f5684f5]{color:var(--ac82c844);font-weight:var(--v43c9ac0c)}.work-style .container-default .catalogue-box .video-search-box .search-box[data-v-4f5684f5]{background-color:var(--c7eee4a4);border:1px solid var(--ed251c20);border-radius:var(--v85df08b6);display:flex;height:var(--v7b3b246b);position:relative;width:var(--v9b8bbbfc)}@media(max-width:480px){.work-style .container-default .catalogue-box .video-search-box .search-box[data-v-4f5684f5]{height:calc(var(--v7b3b246b)/2);width:calc(var(--v9b8bbbfc)/2)}}.work-style .container-default .catalogue-box .video-search-box .search-box input[data-v-4f5684f5]{background-color:#fff0;border:none;box-shadow:none!important;color:var(--v22781bcf);font-size:var(--v1ec093d6);outline:none;transform:translate(var(--v6e8b2fde));width:80%}@media(max-width:480px){.work-style .container-default .catalogue-box .video-search-box .search-box input[data-v-4f5684f5]{font-size:12px}}.work-style .container-default .catalogue-box .video-search-box .search-box .icon-btn[data-v-4f5684f5]{background-color:var(--v2bfc12be);bottom:13px;color:var(--v0d6fd403);cursor:pointer;position:absolute;right:17px;top:13px}@media(max-width:480px){.work-style .container-default .catalogue-box .video-search-box .search-box .icon-btn[data-v-4f5684f5]{right:0;top:0}}.work-style .container-default .mod[data-v-4f5684f5]{background-color:var(--v6110fcfc);height:var(--v7c3e2943);margin-bottom:var(--cf34b6d6);width:100%}@media(max-width:480px){.work-style .container-default .mod[data-v-4f5684f5]{margin-bottom:5px}}.work-style .container-default .box[data-v-4f5684f5]{--column-count:var(--v46649f7d);display:grid;gap:var(--v5c83e0a4);grid-template-columns:repeat(var(--column-count),1fr)}.work-style .container-default .box .video-item[data-v-4f5684f5]{border:1px solid var(--v486fab36);display:flex;flex-direction:column;width:100%}.work-style .container-default .box .video-item[data-v-4f5684f5]:hover{border-color:var(--c6fb8732)}.work-style .container-default .box .video-item:hover .video-box video[data-v-4f5684f5]{display:block}.work-style .container-default .box .video-item:hover .video-box img[data-v-4f5684f5]{filter:blur(3px)}.work-style .container-default .box .video-item:hover .video-box .play-btn[data-v-4f5684f5]{display:none}.work-style .container-default .box .video-item:hover .img-box img[data-v-4f5684f5]{transform:scale(1.1)}.work-style .container-default .box .video-item:hover .video-title .title[data-v-4f5684f5]{color:var(--v7ca82f28)}.work-style .container-default .box .video-item .video-box[data-v-4f5684f5]{aspect-ratio:var(--v15c1b9cf);border-radius:var(--v9de14054);height:var(--bf8cf72a);overflow:hidden;position:relative}.work-style .container-default .box .video-item .video-box video[data-v-4f5684f5]{display:none;height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%;z-index:2}.work-style .container-default .box .video-item .video-box img[data-v-4f5684f5]{display:block;-o-object-fit:cover;object-fit:cover}.work-style .container-default .box .video-item .video-box .play-btn[data-v-4f5684f5]{align-items:center;background-color:var(--v05705575);border-radius:var(--v6587665b);color:var(--v2c994f0c);display:flex;height:var(--v53f68fec);justify-content:center;left:var(--v53fd0fe0);position:absolute;top:var(--v133977a8);width:var(--v53f68fec);z-index:1}@media(max-width:480px){.work-style .container-default .box .video-item .video-box .play-btn[data-v-4f5684f5]{bottom:5%;height:calc(var(--v53f68fec)*.75);right:5%;width:calc(var(--v53f68fec)*.75)}}.work-style .container-default .box .video-item .img-box[data-v-4f5684f5]{aspect-ratio:var(--v15c1b9cf);border-radius:var(--v9de14054);height:var(--bf8cf72a);overflow:hidden}.work-style .container-default .box .video-item .img-box img[data-v-4f5684f5]{display:block;-o-object-fit:cover;object-fit:cover;transition:all .5s}.work-style .container-default .box .video-item .video-text[data-v-4f5684f5]{display:flex;flex-direction:column}.work-style .container-default .box .video-item .video-text .time[data-v-4f5684f5]{color:var(--v66a99b92);font-weight:var(--b9abb55a);margin-top:var(--e2cf94ca)}.work-style .container-default .box .video-item .video-text .title[data-v-4f5684f5]{display:-webkit-box;-webkit-box-orient:vertical;color:var(--v49c8fa6a);font-weight:var(--v70708500);-webkit-line-clamp:var(--v15b0c682);margin-top:var(--v3a60ac4e);overflow:hidden}.work-style .container-default .pagination[data-v-4f5684f5]{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:var(--v9343d1e8);width:100%}@media(max-width:480px){.work-style .container-default .pagination[data-v-4f5684f5]{margin-top:calc(var(--v9343d1e8)/2)}.work-style .container-default .pagination .pag[data-v-4f5684f5]{align-items:center;display:flex;justify-content:center}}.work-style .container-default .pagination .pag[data-v-4f5684f5] .el-pagination .el-pager li{background-color:var(--v693ec95a);border:var(--v46726ff2);border-radius:var(--db60810e);color:var(--v28357428)}@media(max-width:480px){.work-style .container-default .pagination .pag[data-v-4f5684f5] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .container-default .pagination .pag[data-v-4f5684f5] .el-pagination .el-pager li.is-active{background-color:var(--v4a369eef);color:var(--v1cc01102)}.work-style .container-default .pagination .pag[data-v-4f5684f5] .btn-prev,.work-style .container-default .pagination .pag[data-v-4f5684f5] .btn-next{background-color:var(--v5991dfca);border-radius:var(--db60810e);color:var(--v0e6652d0)}