[data-v-0d5b2545]{transition:all .6s}.work-style[data-v-0d5b2545]{background-color:var(--v2fba2818);margin:var(--v1c884d0b);padding:var(--v126d6054)}@media(max-width:1200px){.work-style[data-v-0d5b2545]{margin:var(--v2064f5fb);padding:var(--ebb45538)}}@media(max-width:480px){.work-style[data-v-0d5b2545]{margin:var(--de6b49ae);padding:var(--v266d15f6)}}.work-style .box[data-v-0d5b2545]{background-repeat:no-repeat;background-size:cover}.work-style .box .container-default[data-v-0d5b2545]{align-items:center;padding:var(--v90d4c926)}.work-style .box .container-default .video-box[data-v-0d5b2545]{--column-count:var(--b053edb2);--item-width:var(--a536a484);display:grid;gap:var(--v8890a664);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-0d5b2545]{grid-template-columns:repeat(2,1fr)}}.work-style .box .container-default .video-box .item[data-v-0d5b2545]{border-radius:var(--v1280c980);cursor:pointer}.work-style .box .container-default .video-box .item:hover .content .img-box video[data-v-0d5b2545]{display:block}.work-style .box .container-default .video-box .item:hover .content .img-box img[data-v-0d5b2545]{transform:scale(1.1)}.work-style .box .container-default .video-box .item:hover .content .title[data-v-0d5b2545]{color:var(--v56eb9d5c)}.work-style .box .container-default .video-box .item .content[data-v-0d5b2545]{align-items:var(--v0ec255e8);border-radius:var(--v1280c980);display:flex;flex-direction:column;justify-content:center;width:100%}.work-style .box .container-default .video-box .item .content .img-box[data-v-0d5b2545]{aspect-ratio:11/8;border-radius:var(--v1280c980);overflow:hidden;position:relative}.work-style .box .container-default .video-box .item .content .img-box video[data-v-0d5b2545]{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-0d5b2545]{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-0d5b2545]{align-items:center;background-color:var(--v3190660b);border-radius:var(--v7777eb05);bottom:var(--v5cf7189e);color:var(--v76aa9690);display:flex;height:var(--v66a20f9a);justify-content:center;position:absolute;right:var(--v777b2949);width:var(--v77c194f3);z-index:3}.work-style .box .container-default .video-box .item .content .time[data-v-0d5b2545]{color:var(--v2e1c9be1);font-weight:var(--v616b942e);margin:var(--b476ae20)}.work-style .box .container-default .video-box .item .content .title[data-v-0d5b2545]{align-items:center;color:var(--v1684c600);display:flex;display:-webkit-box;font-weight:var(--v6f5af1ac);line-height:var(--v554b2c84);min-height:calc(var(--v554b2c84)*2);-webkit-box-orient:vertical;-webkit-line-clamp:var(--fbc24a56);overflow:hidden}.work-style .box .container-default .pagination[data-v-0d5b2545]{align-items:center;display:flex;justify-content:center;margin-top:var(--v7aa267f3);width:100%}@media(max-width:480px){.work-style .box .container-default .pagination[data-v-0d5b2545]{flex-wrap:wrap;margin-top:25px}}.work-style .box .container-default .pagination[data-v-0d5b2545] .el-pagination .el-pager li{background-color:var(--ce72ddfe);border:none;border-radius:var(--v5c527132);color:var(--v24c75ee2)}@media(max-width:480px){.work-style .box .container-default .pagination[data-v-0d5b2545] .el-pagination .el-pager li{font-size:10px;text-align:center}}.work-style .box .container-default .pagination[data-v-0d5b2545] .el-pagination .el-pager li.is-active{background-color:var(--v5b38a74d);color:var(--v72bb95db);font-weight:400}.work-style .box .container-default .pagination[data-v-0d5b2545] .btn-prev,.work-style .box .container-default .pagination[data-v-0d5b2545] .btn-next{border-radius:var(--v5c527132)}@media(max-width:480px){.work-style .box .container-default .long-video[data-v-0d5b2545]{height:100%;width:100%}.work-style .box .container-default .long-video[data-v-0d5b2545] .el-dialog{--el-dialog-width:100px}}.work-style .box .container-default .long-video .el-dialog__body video[data-v-0d5b2545]{height:100%;margin-top:10px;-o-object-fit:cover;object-fit:cover;width:100%}