.sec-cameras[data-v-9cbc9a83]{background:#fff;height:2900px}@media screen and (max-width:768px){.sec-cameras[data-v-9cbc9a83]{height:16.5rem}}.sec-cameras[data-v-9cbc9a83] .sec-wrapper-sticky{height:1100px;top:-200px;z-index:2}@media screen and (max-width:768px){.sec-cameras[data-v-9cbc9a83] .sec-wrapper-sticky{height:5.5rem;top:.2rem}}.sec-cameras .sec-wrapper[data-v-9cbc9a83]{box-sizing:border-box;padding-left:100px;padding-top:50px}@media screen and (max-width:768px){.sec-cameras .sec-wrapper[data-v-9cbc9a83]{padding-left:0;padding-top:.17rem}}.sec-cameras .sec-desc[data-v-9cbc9a83]{margin-top:40px;width:820px}@media screen and (max-width:768px){.sec-cameras .sec-desc[data-v-9cbc9a83]{margin-top:.2rem;width:100%}}.sec-cameras .swiper-box[data-v-9cbc9a83]{display:flex;height:600px;left:100px;overflow:hidden;position:absolute;right:0;top:400px}@media screen and (max-width:768px){.sec-cameras .swiper-box[data-v-9cbc9a83]{display:block;height:2.34rem;left:0;overflow:visible;top:2.65rem}}.sec-cameras .sec-swiper[data-v-9cbc9a83]{height:600px;margin:0;width:800px}@media screen and (max-width:768px){.sec-cameras .sec-swiper[data-v-9cbc9a83]{height:2.34rem;width:3.12rem}}.sec-cameras .zoom-box[data-v-9cbc9a83]{align-self:center;height:1px;margin-left:auto}@media screen and (max-width:768px){.sec-cameras .zoom-box[data-v-9cbc9a83]{height:auto;margin-left:50%;margin-top:.1rem;transform:translate(-50%);width:1px}}.sec-cameras .zoom-content[data-v-9cbc9a83]{background-image:url(../../images/realme-12-pro/cameras/line2.svg);background-position:top;background-repeat:no-repeat;background-size:auto 100%;height:1315px;position:relative;transition:transform .6s cubic-bezier(.075,.82,.165,1);width:70px}@media screen and (max-width:768px){.sec-cameras .zoom-content[data-v-9cbc9a83]{background-image:url(../../images/realme-12-pro/cameras/m/line.svg);background-position:top;background-repeat:no-repeat;background-size:auto 100%;height:.16rem;width:7.87rem}}.sec-cameras .zoom-content .number[data-v-9cbc9a83]{display:flex;font-size:36px;justify-content:flex-end;line-height:1px;opacity:.5;position:absolute;right:0;top:0;transition:all .6s;width:220px}@media screen and (min-width:769px){.sec-cameras .zoom-content .number[data-v-9cbc9a83]:after{background:#979797;border-radius:1px;content:"";display:inline-block;height:2px;transition:all .6s;width:0}}@media screen and (max-width:768px){.sec-cameras .zoom-content .number[data-v-9cbc9a83]{display:block;font-size:.12rem;left:0;line-height:.14rem;right:auto;top:.17rem;width:1px}.sec-cameras .zoom-content .number .number-in[data-v-9cbc9a83]{margin-left:50%;transform:translate(-50%);width:-moz-fit-content;width:fit-content}}.sec-cameras .zoom-content .number.active[data-v-9cbc9a83]{font-size:60px;opacity:1}@media screen and (min-width:769px){.sec-cameras .zoom-content .number.active[data-v-9cbc9a83]:after{margin-left:30px;width:80px}}@media screen and (max-width:768px){.sec-cameras .zoom-content .number.active[data-v-9cbc9a83]{font-size:.16rem}}@media screen and (min-width:769px){.sec-cameras .zoom-content .number[data-v-9cbc9a83]:first-child{top:5px}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(2){top:265px}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(3){top:522px}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(4){top:784px}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(5){top:1046px}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(6){bottom:10px;top:auto}}@media screen and (max-width:768px){.sec-cameras .zoom-content .number[data-v-9cbc9a83]:first-child{left:.02rem}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(2){left:1.58rem}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(3){left:3.15rem}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(4){left:4.7rem}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(5){left:6.27rem}.sec-cameras .zoom-content .number[data-v-9cbc9a83]:nth-child(6){left:auto;right:.04rem}}