[data-v-c8d7b947]{transition:all .6s}.work-style[data-v-c8d7b947]{background-color:var(--35edb95b);margin:var(--d1729730);padding:var(--210836d2)}@media (max-width:1200px){.work-style[data-v-c8d7b947]{margin:var(--e0e0d850);padding:var(--004ef327)}}@media (max-width:480px){.work-style[data-v-c8d7b947]{margin:var(--76cccc46);padding:var(--00b8c879)}}.work-style .box[data-v-c8d7b947]{background-repeat:no-repeat;background-size:cover}.work-style .box .container-default[data-v-c8d7b947]{align-items:center;padding:var(--77d4328a)}.work-style .box .container-default .video-box[data-v-c8d7b947]{--column-count:var(--52cb4d04);--item-width:var(--5859f19b);display:grid;gap:var(--7bf643eb);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-c8d7b947]{grid-template-columns:repeat(2,1fr)}}.work-style .box .container-default .video-box .item[data-v-c8d7b947]{border-radius:var(--8513e546);cursor:pointer}.work-style .box .container-default .video-box .item:hover .content .img-box video[data-v-c8d7b947]{display:block}.work-style .box .container-default .video-box .item:hover .content .img-box img[data-v-c8d7b947]{transform:scale(1.1)}.work-style .box .container-default .video-box .item:hover .content .title[data-v-c8d7b947]{color:var(--bffb4922)}.work-style .box .container-default .video-box .item .content[data-v-c8d7b947]{align-items:var(--0de43569);border-radius:var(--8513e546);display:flex;flex-direction:column;justify-content:center;width:100%}.work-style .box .container-default .video-box .item .content .img-box[data-v-c8d7b947]{aspect-ratio:11/8;border-radius:var(--8513e546);overflow:hidden;position:relative}.work-style .box .container-default .video-box .item .content .img-box video[data-v-c8d7b947]{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-c8d7b947]{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-c8d7b947]{align-items:center;background-color:var(--34e7f764);border-radius:var(--5c3df862);bottom:var(--41bd25fb);color:var(--0a6ee993);display:flex;height:var(--4b681cf7);justify-content:center;position:absolute;right:var(--0b3f7c4c);width:var(--0b85e7f6);z-index:3}.work-style .box .container-default .video-box .item .content .time[data-v-c8d7b947]{color:var(--4ddc4084);font-weight:var(--f97457a8);margin:var(--5977e0b3)}.work-style .box .container-default .video-box .item .content .title[data-v-c8d7b947]{align-items:center;color:var(--6b90047a);display:flex;display:-webkit-box;font-weight:var(--d86a9d72);line-height:var(--be5ad84a);min-height:calc(var(--be5ad84a)*2);-webkit-box-orient:vertical;-webkit-line-clamp:var(--15e32dd8);overflow:hidden}.work-style .box .container-default .pagination[data-v-c8d7b947]{align-items:center;display:flex;justify-content:center;margin-top:var(--8633bb60);width:100%}@media (max-width:480px){.work-style .box .container-default .pagination[data-v-c8d7b947]{flex-wrap:wrap;margin-top:25px}}.work-style .box .container-default .pagination[data-v-c8d7b947] .el-pagination .el-pager li{background-color:var(--5b7a519e);border:none;border-radius:var(--b8328496);color:var(--ec247d28)}@media (max-width:480px){.work-style .box .container-default .pagination[data-v-c8d7b947] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .box .container-default .pagination[data-v-c8d7b947] .el-pagination .el-pager li.is-active{background-color:var(--02747e60);color:var(--78ef271e);font-weight:400}.work-style .box .container-default .pagination[data-v-c8d7b947] .btn-prev,.work-style .box .container-default .pagination[data-v-c8d7b947] .btn-next{border-radius:var(--b8328496)}@media (max-width:480px){.work-style .box .container-default .long-video[data-v-c8d7b947]{height:100%;width:100%}.work-style .box .container-default .long-video[data-v-c8d7b947] .el-dialog{--el-dialog-width:100px}}.work-style .box .container-default .long-video .el-dialog__body video[data-v-c8d7b947]{height:100%;margin-top:10px;-o-object-fit:cover;object-fit:cover;width:100%}