[data-v-07372db6]{transition:all .6s}.work-style[data-v-07372db6]{background-color:var(--v123a14ec);margin:var(--v2e86e1b7);padding:var(--v40416128)}@media(max-width:1200px){.work-style[data-v-07372db6]{margin:var(--v3fe0c0a7);padding:var(--v5a236038)}}@media(max-width:480px){.work-style[data-v-07372db6]{margin:var(--v57d0e0d5);padding:var(--v403745ca)}}.work-style .box[data-v-07372db6]{background-repeat:no-repeat;background-size:cover}.work-style .box .container-default[data-v-07372db6]{align-items:center;padding:var(--v25134919)}.work-style .box .container-default .video-box[data-v-07372db6]{--column-count:var(--a6c2085a);--item-width:var(--v9ba4bf2c);display:grid;gap:var(--v29355a7a);grid-template-columns:repeat(var(--column-count),var(--item-width));place-content:center}@media(max-width:480px){.work-style .box .container-default .video-box[data-v-07372db6]{grid-template-columns:repeat(2,1fr)}}.work-style .box .container-default .video-box .item[data-v-07372db6]{border-radius:var(--v1749bc2c);cursor:pointer}.work-style .box .container-default .video-box .item:hover .content .img-box video[data-v-07372db6]{display:block}.work-style .box .container-default .video-box .item:hover .content .img-box img[data-v-07372db6]{transform:scale(1.1)}.work-style .box .container-default .video-box .item:hover .content .title[data-v-07372db6]{color:var(--v520572fe)}.work-style .box .container-default .video-box .item .content[data-v-07372db6]{align-items:var(--v2d9525b8);border-radius:var(--v1749bc2c);display:flex;flex-direction:column;justify-content:center;width:100%}.work-style .box .container-default .video-box .item .content .img-box[data-v-07372db6]{aspect-ratio:11/8;border-radius:var(--v1749bc2c);overflow:hidden;position:relative}.work-style .box .container-default .video-box .item .content .img-box video[data-v-07372db6]{display:none;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:10}.work-style .box .container-default .video-box .item .content .img-box img[data-v-07372db6]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.work-style .box .container-default .video-box .item .content .img-box .play-btn[data-v-07372db6]{align-items:center;background-color:var(--v04103edf);border-radius:var(--v33efa7b1);bottom:var(--v196ed54a);color:var(--v4b329464);display:flex;height:var(--v2319cc46);justify-content:center;position:absolute;right:var(--v4c03271d);width:var(--v4c4992c7);z-index:3}.work-style .box .container-default .video-box .item .content .time[data-v-07372db6]{color:var(--v32e58e8d);font-weight:var(--bc6be286);margin:var(--v3a1a0bc4)}.work-style .box .container-default .video-box .item .content .title[data-v-07372db6]{align-items:center;color:var(--aa4bae58);display:flex;display:-webkit-box;font-weight:var(--v45cdc8d6);line-height:var(--v52d5ab6a);min-height:calc(var(--v52d5ab6a)*2);-webkit-box-orient:vertical;-webkit-line-clamp:var(--v56a6d8a9);overflow:hidden}.work-style .box .container-default .pagination[data-v-07372db6]{align-items:center;display:flex;justify-content:center;margin-top:var(--v4670dec2);width:100%}@media(max-width:480px){.work-style .box .container-default .pagination[data-v-07372db6]{flex-wrap:wrap;margin-top:25px}}.work-style .box .container-default .pagination[data-v-07372db6] .el-pagination .el-pager li{background-color:var(--e1c4eea6);border:none;border-radius:var(--c2eb0df4);color:var(--v00aea18a)}@media(max-width:480px){.work-style .box .container-default .pagination[data-v-07372db6] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .box .container-default .pagination[data-v-07372db6] .el-pagination .el-pager li.is-active{background-color:var(--e5b4c9be);color:var(--v553b82af);font-weight:400}.work-style .box .container-default .pagination[data-v-07372db6] .btn-prev,.work-style .box .container-default .pagination[data-v-07372db6] .btn-next{border-radius:var(--c2eb0df4)}@media(max-width:480px){.work-style .box .container-default .long-video[data-v-07372db6]{height:100%;width:100%}.work-style .box .container-default .long-video[data-v-07372db6] .el-dialog{--el-dialog-width:100px}}.work-style .box .container-default .long-video .el-dialog__body video[data-v-07372db6]{height:100%;margin-top:10px;-o-object-fit:cover;object-fit:cover;width:100%}