.sub-nav-bg[data-v-a9f89660]{border-bottom:1px solid rgba(0,0,0,.06);background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);position:fixed;display:flex;justify-content:center;left:0;top:52px;width:100%;padding:0 362px;opacity:0;z-index:10;transform:translateY(-100%);transition:all .5s ease}.sub-nav-bg.show[data-v-a9f89660]{transform:translateY(0);opacity:1}.sub-nav-bg .sub-nav[data-v-a9f89660]{display:flex;flex-flow:row wrap;position:relative;z-index:20;font-size:12px;font-family:gilroy-light,Hiragino Sans GB,Lantinghei SC,PingFang SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,sans-serif;justify-content:center;padding:2px 0}.sub-nav-bg .sub-nav .nav[data-v-a9f89660]{line-height:24px;padding:0 6px;margin:3px 8px;color:#999;cursor:pointer;position:relative;border-radius:24px}.sub-nav-bg .sub-nav .nav.active[data-v-a9f89660],.sub-nav-bg .sub-nav .nav[data-v-a9f89660]:hover{color:#000;background:#f2f2f2}@media (max-width:1099.98px){.sub-nav-bg[data-v-a9f89660]{display:none}}[data-v-52f65ee2] .footer{display:none}[data-v-52f65ee2] .works_wrapper{position:relative;width:100vw;height:calc(100vh - 52px);opacity:0;transition:opacity .4s linear}[data-v-52f65ee2] .works_wrapper .move_btn{box-sizing:border-box;width:40px;height:40px;position:absolute;cursor:pointer;font-size:20px;background:rgba(0,0,0,.4);line-height:40px;text-align:center;border-radius:50%;color:#fff}[data-v-52f65ee2] .works_wrapper .move_l{left:15px;top:45%}[data-v-52f65ee2] .works_wrapper .move_r{right:15px;top:45%}[data-v-52f65ee2] .works_wrapper .transition-wrapper{position:relative;cursor:-webkit-grab;cursor:grab;width:100%;overflow:hidden;overflow-x:auto;display:flex;flex-direction:column;height:100%;flex-wrap:wrap;align-content:flex-start;transition:transform 1.5s;padding:40px 0 30px 30px;box-sizing:border-box}[data-v-52f65ee2] .works_wrapper .transition-wrapper.moving{cursor:-webkit-grabbing;cursor:grabbing}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box{height:300px;width:300px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 60px 15px 0;position:relative;background:url(../img/loading@2x.6bf9ad3d.gif) no-repeat 50%;background-size:16px auto;opacity:1}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box .img-box-mask{background:#f7f7f7;position:absolute}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box .img-outer{overflow:hidden;display:block;max-width:100%;max-height:100%}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box:hover{opacity:inherit}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box:hover .inner:hover .loading-img{transform:scale(1.05)}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box:hover .inner .desc{opacity:1}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box.moving{cursor:-webkit-grabbing!important;cursor:grabbing!important}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box.moveout{opacity:0;-webkit-animation:moveWorksout .3s linear;animation:moveWorksout .3s linear}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box.moveout:hover,[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box.moveout:hover .desc{opacity:inherit}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box.boxFinal{opacity:1}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box.movein{opacity:1;-webkit-animation:moveWorks .5s linear;animation:moveWorks .5s linear}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box.movein:hover{opacity:inherit}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box.movein:hover .desc{opacity:1}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box .inner{max-width:100%;max-height:100%;position:relative;display:inline-block}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box .inner .desc{display:block;position:absolute;left:0;top:100%;margin-top:6px;min-width:100px;max-width:100%;opacity:0;transition:.2s ease-in;line-height:20px;font-size:12px}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box .loading-img{width:auto;height:auto;max-width:100%;max-height:100%;display:block;background:#f7f7f7;border:0 none;cursor:-webkit-grab!important;cursor:grab!important;transition:transform .8s linear}[data-v-52f65ee2] .works_wrapper .transition-wrapper .cnt_box .loading-img[lazy=loaded]{width:auto;height:auto;max-width:100%;max-height:100%}[data-v-52f65ee2] .works_wrapper .transition-wrapper .more{width:20px;height:100%;display:flex;flex-flow:column nowrap;justify-content:center}.in_view[data-v-52f65ee2]{opacity:1;transform:translateX(0);transition:all .5s}.in_view[data-v-52f65ee2]:hover{opacity:.95}.out_view[data-v-52f65ee2]{opacity:0;transform:translateX(50px)}.flash[data-v-52f65ee2]{-webkit-animation-name:moveArrWorks;animation-name:moveArrWorks;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s}.app_works_wrapper[data-v-52f65ee2]{display:none;padding:20px 20px 0}.app_works_wrapper .item[data-v-52f65ee2]{width:100%;padding-bottom:40px;font-size:15px}.app_works_wrapper .m-box-img[data-v-52f65ee2]{width:100%;display:block;margin-bottom:10px}@media (max-width:767.98px){.works_wrapper[data-v-52f65ee2]{display:none}.app_works_wrapper[data-v-52f65ee2]{display:block}}