.oc-page{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.oc-bg-video{position:absolute;inset:0;width:100%;height:110%;object-fit:cover;z-index:0;transition:opacity .4s ease}.oc-mask{width:100%;height:100%;position:absolute;inset:0;background:linear-gradient(90deg,#021a2c80,#021a2c00 27.75% 73.74%,#021a2c80);z-index:1}.oc-info{position:absolute;z-index:2;color:#fff;left:7.08vw;right:7.08vw;top:12.6vh}.oc-no{display:flex;align-items:center;margin-bottom:1rem;opacity:0;animation:slideInLeft .55s ease .1s forwards;font-weight:600;font-size:1.5rem;line-height:1.375}.oc-no-line{height:.125rem;width:10.625rem;margin-left:1rem;background-color:#fff}.oc-name-row{display:flex;align-items:center;margin-bottom:1.75rem}.oc-name{font-size:3.75rem;margin:0;opacity:0;font-weight:600;line-height:1.4;animation:slideInLeft .6s ease .2s forwards;margin-right:1rem}.oc-element-badge{width:3.5rem;aspect-ratio:56 / 48;opacity:0;animation:slideInLeft .5s ease .28s forwards;background-image:url(//xmcdn.oss-cn-shanghai.aliyuncs.com/loomit/1.0.0/prod/_astro/oc_sprites.ZBASDoZh.png);background-repeat:no-repeat;background-size:1947.321% auto;background-position-y:0%}.oc-desc{line-height:1.75;font-size:1.5rem}.oc-selector{position:absolute;right:7.08vw;bottom:3.9814vh;z-index:2;display:flex;align-items:flex-end}.oc-thumb{display:block;position:relative;background:none;outline:none;border:none;cursor:pointer;padding:0;text-decoration:none;background-image:url(//xmcdn.oss-cn-shanghai.aliyuncs.com/loomit/1.0.0/prod/_astro/oc_sprites.ZBASDoZh.png);background-repeat:no-repeat;width:5rem;height:5.5rem;background-size:1363.125% auto;background-position:27.709% 0%;transition:opacity .3s}.oc-thumb:hover:after{opacity:.8;transform:translate(-50%,-50%) scale(.8)}.oc-thumb:hover .oc-thumb-inner{transform:translate(-50%,-50%) scale(1.1)}.oc-thumb:nth-child(1):hover .oc-thumb-inner{top:40%}.oc-thumb:nth-child(2):hover .oc-thumb-inner{top:48%}.oc-thumb:nth-child(3):hover .oc-thumb-inner{top:40%}.oc-thumb:nth-child(4):hover .oc-thumb-inner{top:47%}.oc-thumb:nth-child(5):hover .oc-thumb-inner{top:50%}.oc-thumb:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);width:11.5625rem;height:11.25rem;background-image:url(//xmcdn.oss-cn-shanghai.aliyuncs.com/loomit/1.0.0/prod/_astro/oc_sprites.ZBASDoZh.png);background-size:589.459% auto;background-position:39.757% 0%;opacity:0;pointer-events:none;transition:all .3s}.oc-thumb:nth-child(1):after{left:40%}.oc-thumb:not(:first-child){margin-left:2.25rem}.oc-thumb-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(//xmcdn.oss-cn-shanghai.aliyuncs.com/loomit/1.0.0/prod/_astro/oc_sprites.ZBASDoZh.png);background-repeat:no-repeat;z-index:1;transition:transform .3s}.oc-thumb:nth-child(1) .oc-thumb-inner{width:6.25rem;aspect-ratio:264 / 223;top:39%;left:53%;background-size:826.136% auto;background-position:100% 0%}.oc-thumb:nth-child(2) .oc-thumb-inner{width:4.75rem;aspect-ratio:201 / 212;top:44%;background-size:1085.075% auto;background-position:73.636% 0%}.oc-thumb:nth-child(3) .oc-thumb-inner{width:5.3125rem;aspect-ratio:214 / 177;top:41%;background-size:1019.159% auto;background-position:63.244% 0%}.oc-thumb:nth-child(4) .oc-thumb-inner{width:3.625rem;aspect-ratio:154 / 202;top:42%;background-size:1416.234% auto;background-position:53.774% 0%}.oc-thumb:nth-child(5) .oc-thumb-inner{width:5.625rem;aspect-ratio:258 / 201;top:46%;background-size:845.349% auto;background-position:86.271% 0%}.oc-thumb:hover,.oc-thumb.active{background:none}.oc-thumb.active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.oc-thumb.active .oc-thumb-inner{transform:translate(-50%,-50%) scale(1.3)}.oc-thumb:nth-child(1).active .oc-thumb-inner{top:40%}.oc-thumb:nth-child(2).active .oc-thumb-inner{top:48%}.oc-thumb:nth-child(3).active .oc-thumb-inner{top:40%}.oc-thumb:nth-child(4).active .oc-thumb-inner{top:47%}.oc-thumb:nth-child(5).active .oc-thumb-inner{top:50%}@keyframes slideInLeft{0%{opacity:0;transform:translate(-2.75rem)}to{opacity:1;transform:translate(0)}}.oc-desc p{opacity:0}.oc-desc p:nth-child(1){animation:slideInLeft .6s ease .38s forwards}.oc-desc p:nth-child(2){animation:slideInLeft .6s ease .52s forwards}.oc-desc p:nth-child(3){animation:slideInLeft .6s ease .66s forwards}.oc-desc p:nth-child(4){animation:slideInLeft .6s ease .8s forwards}.oc-desc p:nth-child(5){animation:slideInLeft .6s ease .94s forwards}.oc-desc p:nth-child(6){animation:slideInLeft .6s ease 1.08s forwards}.oc-desc p:nth-child(7){animation:slideInLeft .6s ease 1.22s forwards}@media screen and (max-width: 680px),screen and (max-height: 480px){.oc-page .oc-info .oc-name{font-size:1.5rem}.oc-page .oc-info .oc-no{font-size:1.2rem}.oc-page .oc-info .oc-no-line{width:5rem}.oc-page .oc-info .oc-desc{font-size:1.1rem}.oc-page .oc-info .oc-element-badge{width:2rem}.oc-page .oc-selector{transform:scale(.7);right:24PX!important;bottom:12PX!important;transform-origin:right}}