.work-style[data-v-f81ee8e8]{background-color:var(--v2f5b209e);margin:var(--v68096552);position:relative}@media(max-width:1200px){.work-style[data-v-f81ee8e8]{margin:var(--v765349c2);padding:var(--v1bfc0b06)}}@media(max-width:480px){.work-style[data-v-f81ee8e8]{margin:var(--v100e16a0);padding:var(--b5dca562)}}.work-style .air[data-v-f81ee8e8]{height:var(--v0a3447f3);margin-top:var(--v0818ef4e);overflow:hidden}@media(max-width:480px){.work-style .air[data-v-f81ee8e8]{display:none;height:auto;margin-top:unset}}.work-style .air .big-box[data-v-f81ee8e8]{height:var(--v51eb4482);left:0;pointer-events:auto;position:var(--c8030926);top:var(--v38d0ea86);width:100vw;z-index:1}@media(max-width:480px){.work-style .air .big-box[data-v-f81ee8e8]{position:relative}}.work-style .custom-swiper.vertical-swiper[data-v-f81ee8e8]{aspect-ratio:var(--v0bd80919);height:960px;margin:var(--c37906ac);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@media(max-width:480px){.work-style .custom-swiper.vertical-swiper[data-v-f81ee8e8]{height:auto;margin:0}}.work-style .custom-swiper.vertical-swiper[data-v-f81ee8e8] .swiper-wrapper{height:100%!important}.work-style .custom-swiper.vertical-swiper[data-v-f81ee8e8] .swiper,.work-style .custom-swiper.vertical-swiper[data-v-f81ee8e8] .swiper-slide-active{overflow:visible!important}.work-style .custom-swiper.vertical-swiper .switching[data-v-f81ee8e8]{transition:transform var(--v3ddaad52) ease-out,opacity var(--v3ddaad52) ease-out}.work-style .custom-swiper.vertical-swiper .custom-swiper-slide.vertical-slide[data-v-f81ee8e8]{height:100%!important;position:relative;width:100%!important}.work-style .custom-swiper.vertical-swiper .pagination-box[data-v-f81ee8e8]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:0;padding-right:30px;position:absolute;right:var(--v86a266a2);top:var(--v275d3d51);z-index:1}@media(max-width:480px){.work-style .custom-swiper.vertical-swiper .pagination-box[data-v-f81ee8e8]{display:none}}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-f81ee8e8]{display:flex;flex-direction:column;position:unset}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-f81ee8e8] .swiper-pagination-bullet{align-items:center;background-color:var(--v00ad58d1);border-radius:var(--v01153b62);display:flex;height:var(--v734c78aa);margin:var(--v5813394e) 0;opacity:1;position:relative;transition:all .6s;width:var(--v75aaca7c)}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-f81ee8e8] .swiper-pagination-bullet:before{color:#fff;content:var(--current-desc);font-size:14px;font-weight:500;opacity:0;position:absolute;right:30px;top:50%;transform:translateY(-50%);white-space:nowrap}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-f81ee8e8] .swiper-pagination-bullet.swiper-pagination-bullet-active:before{opacity:1}.work-style .custom-swiper.vertical-swiper .pagination-box .swiper-pagination.vertical-pagination-dots[data-v-f81ee8e8] .swiper-pagination-bullet-active{background-color:var(--v128d4a2a);height:var(--v6e222a6e);transform:scale(var(--v6de705f2))}.work-style .mobile-custom-swiper[data-v-f81ee8e8]{display:none}@media(max-width:480px){.work-style .mobile-custom-swiper[data-v-f81ee8e8]{display:block;overflow:hidden;position:relative;width:100%}}.work-style .mobile-custom-swiper .scroll-container[data-v-f81ee8e8]{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.work-style .mobile-custom-swiper .scroll-container[data-v-f81ee8e8]::-webkit-scrollbar{display:none}.work-style .mobile-custom-swiper .scroll-slide[data-v-f81ee8e8]{flex-shrink:0;position:relative;scroll-snap-align:start;transition:transform .3s ease;width:100%}@keyframes slideInFromLeft-f81ee8e8{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight-f81ee8e8{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromUp-f81ee8e8{0%{opacity:0;transform:translateY(calc(var(--animate-distance, 100px)*-1))}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromDown-f81ee8e8{0%{opacity:0;transform:translateY(var(--animate-distance,100px))}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-f81ee8e8{0%{opacity:0}to{opacity:1}}@keyframes scaleIn-f81ee8e8{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn-f81ee8e8{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes flipIn-f81ee8e8{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(0) rotateY(0)}}@keyframes fadeInUp-f81ee8e8{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight-f81ee8e8{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}[data-v-f81ee8e8] .el-progress-circle__track{stroke:transparent!important}[data-v-f81ee8e8] .el-progress-circle__path{stroke-width:5px!important}