.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}.g--container,.g--container-ls{width:1312px}@media (min-width: 1400px) and (max-width: 1799px){.g--container,.g--container-ls{width:1100px}}@media (min-width: 1024px) and (max-width: 1399px){.g--container,.g--container-ls{width:896px}}@media (max-width:720px){.g--container,.g--container-pt{width:calc(100vw - 40px)}}@media (min-width:720px) and (max-width:1023px){.g--container,.g--container-pt{width:calc(100vw - 48px)}}@media (min-width:1024px){.g--gap-top-large{margin-top:182px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-large{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-large{margin-top:124px}}@media (max-width:1023px){.g--gap-top-large{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-large{margin-top:120px}}@media (min-width:1024px){.g--gap-bottom-large{margin-bottom:182px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-large{margin-bottom:153px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-large{margin-bottom:124px}}@media (max-width:1023px){.g--gap-bottom-large{margin-bottom:80px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-large{margin-bottom:120px}}@media (min-width:1024px){.g--gap-top-medium{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-medium{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-medium{margin-top:87px}}@media (max-width:1023px){.g--gap-top-medium{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-medium{margin-top:67px}}@media (min-width:1024px){.g--gap-bottom-medium{margin-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-medium{margin-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-medium{margin-bottom:87px}}@media (max-width:1023px){.g--gap-bottom-medium{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-medium{margin-bottom:67px}}@media (min-width:1024px){.g--gap-top-small{margin-top:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-small{margin-top:75px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-small{margin-top:61px}}@media (max-width:1023px){.g--gap-top-small{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-small{margin-top:67px}}@media (min-width:1024px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-small{margin-bottom:75px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-small{margin-bottom:61px}}@media (max-width:1023px){.g--gap-bottom-small{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-small{margin-bottom:67px}}@media (min-width:1024px){.g--wrapper{width:calc(100% - 64px)}}@media (max-width:1023px){.g--pt-hidden{display:none !important}.g--1024-display{display:none !important}}@media (min-width:720px) and (max-width:1023px){.g--360-display{display:none !important}}@media (min-width:1024px){.g--ls-hidden{display:none !important}.g--360-display{display:none !important}.g--768-display{display:none !important}}@media (min-width:1800px){.g--1024-display{display:none !important}}@media (min-width:1400px) and (max-width:1799px){.g--1024-display{display:none !important}}@media (max-width:720px){.g--mb-hidden{display:none !important}.g--768-display{display:none !important}}@media not screen and (max-width:720px){.g--mb-show{display:none !important}}.zn--wrapper .g--black{color:#000}.zn--wrapper .g--white{color:#fff}.zn--wrapper .g--green{color:#237a35}.zn--wrapper .g--title-1{font-family:OPPOSans-Medium;font-size:52px;line-height:64px;letter-spacing:0}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-1{font-size:44px;line-height:54px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-1{font-size:36px;line-height:44px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .g--title-1{font-family:OPPOSans-Regular;font-size:60px;line-height:72px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-1{font-size:50px;line-height:60px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-1{font-size:41px;line-height:49px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--title-1{font-family:OPPOSans-Bold;font-size:52px;line-height:68px;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-1{font-size:44px;line-height:57px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-1{font-size:36px;line-height:46px}}.zn--wrapper .g--title-2{font-family:OPPOSans-Medium}@media (min-width:1024px){.zn--wrapper .g--title-2{font-size:42px;line-height:64px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-2{font-size:35px;line-height:54px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-2{font-size:29px;line-height:44px;letter-spacing:0px}}.zn--wrapper .g--title-3{font-family:OPPOSans-Bold;font-size:20px;line-height:32px;letter-spacing:0}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-3{font-size:17px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-3{font-size:14px;line-height:22px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .g--title-3{font-size:30px;line-height:48px;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-3{font-size:25px;line-height:40px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-3{font-size:20px;line-height:33px}}@media (min-width:1024px){.zn--wrapper .g--title-3{font-size:36px;line-height:56px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-3{font-size:30px;line-height:47px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-3{font-size:25px;line-height:38px;letter-spacing:0px}}.zn--wrapper .g--title-4{font-family:OPPOSans-Bold;font-size:34px;line-height:47px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-4{font-size:29px;line-height:39px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-4{font-size:23px;line-height:32px;letter-spacing:0px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .g--title-4{font-size:44px;line-height:60px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-4{font-size:37px;line-height:50px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-4{font-size:30px;line-height:41px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--title-4{font-size:68px;line-height:93px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-4{font-size:57px;line-height:78px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-4{font-size:46px;line-height:64px;letter-spacing:0px}}.zn--wrapper .g--title-5{font-family:OPPOSans-Bold;font-size:40px;line-height:62px;letter-spacing:-3px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-5{font-size:34px;line-height:52px;letter-spacing:-2px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-5{font-size:27px;line-height:42px;letter-spacing:-2px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .g--title-5{font-size:30px;line-height:46px;letter-spacing:-2.53px}}@media (min-width:1024px){.zn--wrapper .g--title-5{font-size:50px;line-height:77px;letter-spacing:-3px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--title-5{font-size:42px;line-height:65px;letter-spacing:-2px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--title-5{font-size:34px;line-height:53px;letter-spacing:-2px}}.zn--wrapper .g--desc-1{font-family:OPPOSans-Medium}@media (min-width:1024px){.zn--wrapper .g--desc-1{font-size:24px;line-height:32px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-1{font-size:20px;line-height:27px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-1{font-size:16px;line-height:22px;letter-spacing:0px}}.zn--wrapper .g--desc-2{font-family:OPPOSans-Medium;font-size:16px;line-height:28px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-2{font-size:13px;line-height:23px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-2{font-size:11px;line-height:19px;letter-spacing:0px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .g--desc-2{font-size:16px;line-height:26px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-2{font-size:13px;line-height:22px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-2{font-size:11px;line-height:18px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--desc-2{font-size:18px;line-height:32px;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-2{font-size:15px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-2{font-size:12px;line-height:22px}}.zn--wrapper .g--desc-3{font-family:OPPOSans-Regular}@media (min-width:1024px){.zn--wrapper .g--desc-3{font-size:16px;line-height:28px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-3{font-size:13px;line-height:23px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-3{font-size:11px;line-height:19px;letter-spacing:0px}}.zn--wrapper .g--desc-4{font-family:OPPOSans-Regular;font-size:16px;line-height:24px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-4{font-size:13px;line-height:20px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-4{font-size:11px;line-height:16px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--desc-4{font-family:OPPOSans-Bold;font-size:16px;line-height:24px;letter-spacing:-1px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-4{font-size:13px;line-height:20px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-4{font-size:11px;line-height:16px;letter-spacing:0px}}.zn--wrapper .g--desc-5{font-family:OPPOSans-Bold;font-size:12px;line-height:18px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-5{font-size:10px;line-height:15px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-5{font-size:8px;line-height:12px;letter-spacing:0px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .g--desc-5{font-family:OPPOSans-Medium;font-size:18px;line-height:25px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-5{font-size:15px;line-height:21px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-5{font-size:12px;line-height:17px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--desc-5{font-size:16px;line-height:28px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-5{font-size:13px;line-height:23px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-5{font-size:11px;line-height:19px;letter-spacing:0px}}.zn--wrapper .g--desc-6{font-family:OPPOSans-Regular}@media (min-width:1024px){.zn--wrapper .g--desc-6{font-size:16px;line-height:32px;letter-spacing:-1px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-6{font-size:13px;line-height:27px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-6{font-size:11px;line-height:22px;letter-spacing:-1px}}.zn--wrapper .g--desc-7{font-family:OPPOSans-Medium;font-size:20px;line-height:32px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-7{font-size:17px;line-height:27px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-7{font-size:14px;line-height:22px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--desc-7{font-size:24px;line-height:40px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-7{font-size:20px;line-height:34px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-7{font-size:16px;line-height:27px;letter-spacing:0px}}.zn--wrapper .g--desc-8{font-family:OPPOSans-Regular;font-size:16px;line-height:28px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-8{font-size:13px;line-height:23px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-8{font-size:11px;line-height:19px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--desc-8{font-size:16px;line-height:28px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-8{font-size:13px;line-height:23px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-8{font-size:11px;line-height:19px;letter-spacing:0px}}.zn--wrapper .g--desc-9{font-family:OPPOSans-Regular;font-size:12px;line-height:20px;letter-spacing:0}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-9{font-size:10px;line-height:17px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-9{font-size:8px;line-height:14px}}@media (min-width:1024px){.zn--wrapper .g--desc-9{font-family:OPPOSans-Bold;font-size:14px;line-height:25px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--desc-9{font-size:12px;line-height:21px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--desc-9{font-size:10px;line-height:17px;letter-spacing:0px}}.zn--wrapper .g--buy{font-family:OPPOSans-Medium;font-size:12px;line-height:24px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--buy{font-size:10px;line-height:20px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--buy{font-size:8px;line-height:16px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--buy{font-size:16px;line-height:21px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--buy{font-size:13px;line-height:18px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--buy{font-size:11px;line-height:14px;letter-spacing:0px}}.zn--wrapper .g--btn-1{font-family:OPPOSans-Medium;font-size:12px;line-height:18px;letter-spacing:0px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--btn-1{font-size:10px;line-height:15px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--btn-1{font-size:8px;line-height:12px;letter-spacing:0px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .g--btn-1{font-size:18px;line-height:27px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--btn-1{font-size:15px;line-height:23px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--btn-1{font-size:12px;line-height:18px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--btn-1{font-size:12px;line-height:16px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--btn-1{font-size:10px;line-height:13px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--btn-1{font-size:8px;line-height:11px;letter-spacing:0px}}.zn--wrapper .g--remarks{font-family:OPPOSans-Regular;font-size:12px;line-height:20px;letter-spacing:0px;color:#787878}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--remarks{font-size:10px;line-height:17px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--remarks{font-size:8px;line-height:14px;letter-spacing:0px}}@media (min-width:1024px){.zn--wrapper .g--remarks{opacity:.78;font-size:12px;line-height:20px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .g--remarks{font-size:10px;line-height:17px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .g--remarks{font-size:8px;line-height:14px;letter-spacing:0px}}.zn--wrapper .font-subtitle-2{font-family:OPPOSans-Medium;font-size:42px;line-height:1.52;letter-spacing:-.0048em}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-subtitle-2{font-size:35px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-subtitle-2{font-size:29px}}.zn--wrapper .font-subtitle-4{font-family:OPPOSans-Regular;font-size:28px;line-height:1.57;letter-spacing:-.0036em}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-subtitle-4{font-size:23px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-subtitle-4{font-size:19px}}@media (min-width:1024px){.zn--wrapper .font-subtitle-4{font-family:OPPOSans-Medium;font-size:42px;line-height:1.52;letter-spacing:-.0048em}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-subtitle-4{font-size:35px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-subtitle-4{font-size:29px}}.zn--wrapper .font-subtitle-4 sup{font-size:40%;top:-1.2em}.zn--wrapper .font-body-1{font-family:OPPOSans-Bold;font-size:20px;line-height:1.6;letter-spacing:-.006em}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-1{font-size:17px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-1{font-size:14px}}@media (min-width:1024px){.zn--wrapper .font-body-1{font-size:24px;line-height:1.5}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-1{font-size:20px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-1{font-size:16px}}.zn--wrapper .font-body-2{font-size:16px;line-height:1.75;letter-spacing:-.0062em}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-2{font-size:13px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-2{font-size:11px}}@media (min-width:1024px){.zn--wrapper .font-body-2{font-size:20px;line-height:1.6;letter-spacing:-.006em}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-2{font-size:17px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-2{font-size:14px}}.zn--wrapper .font-body-3{font-family:OPPOSans-Medium;font-size:16px;line-height:1.13;letter-spacing:0}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-3{font-size:13px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-3{font-size:11px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .font-body-3{font-size:24px;line-height:27px;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-3{font-size:20px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-3{font-size:16px;line-height:18px}}@media (min-width:1024px){.zn--wrapper .font-body-3{font-size:14px;line-height:1.71;letter-spacing:-.0043em}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-3{font-size:12px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-3{font-size:10px}}.zn--wrapper .font-body-4{font-size:12px;line-height:2}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-4{font-size:10px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-4{font-size:8px}}@media (min-width:1024px){.zn--wrapper .font-body-4{font-size:16px;line-height:1.13;letter-spacing:-.0044em}}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .font-body-4{font-size:13px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .font-body-4{font-size:11px}}.zn--wrapper{font-size:16px;font-family:OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:initial;opacity:0}.zn--wrapper img.loaded{opacity:1}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:initial}.zn--wrapper br{font-family:'Open Sans','-apple-system','BlinkMacSystemFont','Helvetica Neue','Helvetica','Roboto','Arial','PingFang SC','Hiragino Sans GB','Microsoft Yahei','Microsoft Jhenghei','sans-serif'}.zn--wrapper h1{position:absolute;overflow:hidden;width:1px;height:1px;border:none;margin:0;padding:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%)}@media (max-width:768px){#oc-header{overflow:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}body.no-scroll{overflow-y:hidden}.zn--wrapper{background:#000;color:#fff}.zn--wrapper a{color:#fff}.zn--wrapper .vertical-center{height:100%;display:flex;align-items:center}.zn--wrapper .vertical-center > *{width:100%}.zn--wrapper .horizontal-center{width:100%;display:flex;align-items:center;flex-direction:column}.zn--wrapper .horizontal-center > *{height:100%}.zn--wrapper .text-center{text-align:center}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .fixed,.zn--wrapper .absolute{left:0;top:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}.zn--wrapper .absolute-center{top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.zn--wrapper .g--flex{display:flex}.zn--wrapper .g--flex-col{display:flex;flex-direction:column}.zn--wrapper .v-center{justify-content:center}.zn--wrapper .h-center{align-items:center}.zn--wrapper .g--center{justify-content:center;align-items:center}.zn--wrapper .full-width{width:100%}.zn--wrapper .gap{margin-top:-1px}.zn--wrapper .padding-top-182{padding-top:182px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .padding-top-182{padding-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .padding-top-182{padding-top:124px}}@media (max-width:1023px){.zn--wrapper .padding-top-182{padding-top:96px}}.zn--wrapper .padding-bottom-182{padding-bottom:182px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .padding-bottom-182{padding-bottom:153px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .padding-bottom-182{padding-bottom:124px}}@media (max-width:1023px){.zn--wrapper .padding-bottom-182{padding-bottom:96px}}.zn--wrapper .margin-top-182{margin-top:182px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .margin-top-182{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .margin-top-182{margin-top:124px}}@media (max-width:1023px){.zn--wrapper .margin-top-182{margin-top:96px}}.zn--wrapper .margin-top-128{margin-top:128px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .margin-top-128{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .margin-top-128{margin-top:87px}}@media (max-width:1023px){.zn--wrapper .margin-top-128{margin-top:80px}}.zn--wrapper .padding-bottom-128{padding-bottom:128px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .padding-bottom-128{padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .padding-bottom-128{padding-bottom:87px}}@media (max-width:1023px){.zn--wrapper .padding-bottom-128{padding-bottom:80px}}.zn--wrapper .padding-top-128{padding-top:128px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .padding-top-128{padding-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .padding-top-128{padding-top:87px}}@media (max-width:1023px){.zn--wrapper .padding-top-128{padding-top:80px}}.zn--wrapper .margin-top-80{margin-top:80px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .margin-top-80{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .margin-top-80{margin-top:55px}}@media (max-width:1023px){.zn--wrapper .margin-top-80{margin-top:40px}}@media (min-width:720px) and (max-width:1023px){.zn--wrapper .margin-top-80{margin-top:64px}}.zn--wrapper .margin-top-18{margin-top:18px}@media (min-width: 1400px) and (max-width: 1799px){.zn--wrapper .margin-top-18{margin-top:15px}}@media (min-width: 1024px) and (max-width: 1399px){.zn--wrapper .margin-top-18{margin-top:12px}}@media (max-width:1023px){.zn--wrapper .margin-top-18{margin-top:16px}}.zn--wrapper .opacity-7{opacity:.7}.zn--wrapper .opacity-5{opacity:.5}.zn--wrapper .overflow-100{width:100%;overflow:hidden}.zn--wrapper .overflow{overflow:hidden}.zn--wrapper .width-100{width:100%}.zn--wrapper .height-100{height:100%}@media (max-width:1023px){.zn--wrapper .fixed-pt,.zn--wrapper .absolute-pt{left:0;top:0}.zn--wrapper .fixed-pt{position:fixed}.zn--wrapper .absolute-pt{position:absolute}}@media (min-width:1024px){.zn--wrapper .fixed-ls,.zn--wrapper .absolute-ls{left:0;top:0}.zn--wrapper .fixed-ls{position:fixed}.zn--wrapper .absolute-ls{position:absolute}}.oppo-navbar nav#navbar .container{max-width:13.12rem}.oppo-navbar nav#navbar .container .links{margin-left:0}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:11;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(calc(100 * var(--vh, 1vh)));transform:translateY(calc(100 * var(--vh, 1vh)))}.g--popup.show{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup.disappear{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup .g--popup-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}}.g--popup .g--video-wrapper{position:relative;margin-top:-12px;width:75%;height:auto}@media (min-width:2260px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw}}.g--popup .g--video-wrapper video{width:100%;height:100%;outline:none}.g--popup .g--video-wrapper video[src='']{display:none}.g--popup .g--popup-close{top:-32px;right:0;width:12px;height:12px;position:absolute;margin-left:auto;cursor:pointer;z-index:2}@media (max-width:1023px){.g--popup .g--popup-close{right:16px;width:24px;height:24px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup .g--popup-close{right:24px}}.g--popup-container{background:#000}.g--popup-close polygon{fill:#fff}[data-theme = 'white'] .g--popup-container{background:#fff}[data-theme = 'white'] .g--popup-close polygon{fill:#000}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{width:100%;height:100%;object-fit:cover;object-position:center}.zn-star-text{position:relative;width:100%;height:288px;font-family:OPPOSans-Medium;font-size:72px}@media (min-width: 720px) and (max-width: 1023px){.zn-star-text{height:432px}}@media (min-width:1024px){.zn-star-text{font-size:120px;height:820px}}@media (min-width: 1400px) and (max-width: 1799px){.zn-star-text{height:687px}}@media (min-width: 1024px) and (max-width: 1399px){.zn-star-text{height:560px}}.zn-star-text .star-text{position:absolute;top:-9999px;left:-999px;opacity:0}.zn-star-text .star-canvas{width:100%;height:100%}#section-kv{background:#fff}@media (min-width:1024px){#section-kv{padding-top:140px}}@media (max-width:1023px){#section-kv{padding-top:51px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv{padding-top:76px}}@media (min-width:1024px){#section-kv .kv-container{width:1312px;margin:0 auto}}@media (min-width:1024px) and (max-width:1399px){#section-kv .kv-container{width:896px}}#section-kv .kv-container .kvPic{width:100%;height:694px}@media (min-width:1024px) and (max-width:1399px){#section-kv .kv-container .kvPic{height:474px}}@media (max-width:1023px){#section-kv .kv-container .kvPic{width:100vw;margin:0 auto;height:188.88888888888889vw}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-kv .kv-container .kvPic{width:640px}}@media (max-width:1023px) and (min-width:720px) and (max-width:1023px){#section-kv .kv-container .kvPic{height:338.5px}}@media (min-width:1024px) and (min-width:1400px) and (max-width:1799px){#section-kv{padding-top:138px}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1399px){#section-kv{padding-top:122px}}#section-highlights{background:#fafafa}#section-highlights .buy-wrapper{margin:0 auto 128px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .buy-wrapper{margin:0 auto 107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .buy-wrapper{margin:0 auto 87px}}@media (max-width:1023px){#section-highlights .buy-wrapper{margin:0 auto 80px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .buy-wrapper{margin:0 auto 120px}}#section-highlights .buy{width:112px;height:48px;background:#2dc84d;border-radius:2px;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .buy{width:94px;height:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .buy{width:76px;height:33px}}@media (max-width:1023px){#section-highlights .buy{width:101px;height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .buy{width:151px;height:60px}}#section-highlights .title{text-align:center;direction:ltr}#section-highlights .highlights-container{padding:80px 0 60px;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container{padding:67px 0 50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container{padding:55px 0 41px}}@media (max-width:1023px){#section-highlights .highlights-container{flex-direction:column;padding:30px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container{padding:45px 0}}#section-highlights .highlights-container .wrapper{background:#c8d9f3;width:304px;height:230px;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .wrapper{width:255px;height:193px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .wrapper{width:208px;height:157px}}@media (max-width:1023px){#section-highlights .highlights-container .wrapper{width:calc(100vw - 40px);height:calc(37.5vw - 15px);text-align:center;padding:10px 20px;flex-direction:row;align-items:center;justify-content:center}#section-highlights .highlights-container .wrapper:not(:first-child){margin-top:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container .wrapper:not(:first-child){margin-top:18px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container .wrapper{width:calc(100vw - 60px);height:calc(37.5vw - 22px);padding:15px 30px}}@media (max-width:1023px){#section-highlights .highlights-container .wrapper .desc{width:calc((100vw - 40px) * 0.484375);margin-right:10px;text-align:start}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container .wrapper .desc{width:calc((100vw - 60px) * 0.484375);margin-right:15px}}@media (max-width:1023px){#section-highlights .highlights-container .wrapper img{width:calc(35.625vw - 14px);height:calc((100vw - 40px) * 0.3125)}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container .wrapper img{width:calc(35.625vw - 21px);height:calc((100vw - 60px) * 0.3125)}}@media (min-width:1024px){#section-highlights .highlights-container .charge-wrapper{padding-top:30px}#section-highlights .highlights-container .charge-wrapper .pic-charge{height:70px;margin-top:58px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .charge-wrapper .pic-charge{height:59px;margin-top:49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .charge-wrapper .pic-charge{height:48px;margin-top:40px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .charge-wrapper{padding-top:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .charge-wrapper{padding-top:20px}}@media (min-width:1024px){#section-highlights .highlights-container .ai-wrapper{padding-top:30px}#section-highlights .highlights-container .ai-wrapper .pic-ai{width:228px;height:107px;margin-top:36px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .ai-wrapper .pic-ai{width:191px;height:90px;margin-top:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .ai-wrapper .pic-ai{width:156px;height:73px;margin-top:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .ai-wrapper{padding-top:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .ai-wrapper{padding-top:20px}}@media (min-width:1024px){#section-highlights .highlights-container .video-wrapper{padding-top:30px}#section-highlights .highlights-container .video-wrapper .pic-video{width:228px;height:107px;margin-top:36px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .video-wrapper .pic-video{width:191px;height:90px;margin-top:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .video-wrapper .pic-video{width:156px;height:73px;margin-top:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .video-wrapper{padding-top:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .video-wrapper{padding-top:20px}}@media (min-width:1024px){#section-highlights .highlights-container .battery-wrapper{padding-top:25px}#section-highlights .highlights-container .battery-wrapper .pic-battery{height:85px;margin-top:58px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .battery-wrapper .pic-battery{height:71px;margin-top:49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .battery-wrapper .pic-battery{height:58px;margin-top:40px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .battery-wrapper{padding-top:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .battery-wrapper{padding-top:17px}}#section-camera{background:#eff4f9}#section-camera .section1{background-image:linear-gradient(180deg,#cbd8ee 0%,#f3f5f6 100%)}#section-camera .section1 .title-wrapper{width:755px;height:172px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section1 .title-wrapper{width:633px;height:144px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section1 .title-wrapper{width:516px;height:117px}}@media (max-width:1023px){#section-camera .section1 .title-wrapper{width:318px;height:72px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .section1 .title-wrapper{width:477px;height:108px}}@media (min-width:1024px){#section-camera .section1 .desc-wrapper.g--text-container{align-items:center;width:820px;margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section1 .desc-wrapper.g--text-container{width:687px;margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section1 .desc-wrapper.g--text-container{width:560px;margin-top:87px}}@media (max-width:1023px){#section-camera .section1 .desc-wrapper.g--text-container{margin-top:96px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .section1 .desc-wrapper.g--text-container{margin-top:144px}}@media (min-width:1024px){#section-camera .section1 .desc-wrapper.g--text-container .g--text-title{align-items:center}}@media (min-width:1024px){#section-camera .section1 .desc-wrapper.g--text-container .g--text-detail{text-align:center}}#section-camera .section1 .pic-phone{width:504px;height:571px;margin-top:92px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section1 .pic-phone{width:423px;height:479px;margin-top:77px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section1 .pic-phone{width:344px;height:390px;margin-top:63px}}@media (max-width:1023px){#section-camera .section1 .pic-phone{width:287px;height:360px;margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .section1 .pic-phone{width:430px;height:540px;margin-top:60px}}#section-camera .section2 .video-0{height:738px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section2 .video-0{height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section2 .video-0{height:504px}}@media (max-width:1023px){#section-camera .section2 .video-0{height:calc(75vw - 30px)}}@media (max-width:1023px){#section-camera .section3 .g--flex{flex-direction:column}}#section-camera .section3 .video-1,#section-camera .section3 .video-2{width:640px;height:480px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section3 .video-1,#section-camera .section3 .video-2{width:537px;height:402px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section3 .video-1,#section-camera .section3 .video-2{width:437px;height:328px}}@media (max-width:1023px){#section-camera .section3 .video-1,#section-camera .section3 .video-2{width:100%;height:calc(75vw - 30px)}}@media (max-width:1023px){#section-camera .section3 .video-2{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .section3 .video-2{margin-top:30px}}@media (min-width:1024px){#section-camera .section3 .video-2{margin-left:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section3 .video-2{margin-left:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section3 .video-2{margin-left:22px}}@media (min-width:1024px){#section-camera .section4 .g--text-detail{max-width:678px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section4 .g--text-detail{max-width:568px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section4 .g--text-detail{max-width:463px}}@media (max-width:1023px){#section-camera .section4 .g--text-detail{letter-spacing:-.2px}}#section-camera .section4 .frame{height:610px;z-index:3}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section4 .frame{height:511px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section4 .frame{height:417px}}@media (max-width:1023px){#section-camera .section4 .frame{height:calc(46.5625vw - 18.625px)}}#section-camera .section4 .video-3{width:1260px;height:575px;left:26px;top:18px;-webkit-transform:scale(.98) translateX(-1.4%);transform:scale(.98) translateX(-1.4%)}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section4 .video-3{width:1056px;height:482px;left:22px;top:15px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section4 .video-3{width:860px;height:393px;left:18px;top:12px}}@media (max-width:1023px){#section-camera .section4 .video-3{width:calc(100vw - 40px);height:calc(45.625vw - 18.25px);left:0;top:1px;-webkit-transform:scale(.94) translateX(-1.2%);transform:scale(.94) translateX(-1.2%)}}@media (min-width:720px) and (max-width:1023px){#section-camera .section4 .video-3{top:3px;-webkit-transform:scale(.93) translateX(-2%);transform:scale(.93) translateX(-2%)}}#section-camera .section5 .pic-wrapper{justify-content:space-between}@media (max-width:1023px){#section-camera .section5 .pic-wrapper{flex-direction:column}}#section-camera .section5 .pic-wrapper .pic-1{width:752px;height:660px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section5 .pic-wrapper .pic-1{width:630px;height:553px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section5 .pic-wrapper .pic-1{width:514px;height:451px}}@media (max-width:1023px){#section-camera .section5 .pic-wrapper .pic-1{width:100%;height:calc(75vw - 30px)}}@media (max-width:1023px){#section-camera .section5 .pic-wrapper .right{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .section5 .pic-wrapper .right{margin-top:30px}}#section-camera .section5 .pic-wrapper .pic-2{width:528px;height:660px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section5 .pic-wrapper .pic-2{width:443px;height:553px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section5 .pic-wrapper .pic-2{width:361px;height:451px}}@media (max-width:1023px){#section-camera .section5 .pic-wrapper .pic-2{width:100%;height:calc(75vw - 30px)}}#section-camera .section5 .pic-wrapper .switcher{top:605px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section5 .pic-wrapper .switcher{top:507px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section5 .pic-wrapper .switcher{top:413px}}@media (max-width:1023px){#section-camera .section5 .pic-wrapper .switcher{top:197px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .section5 .pic-wrapper .switcher{top:295px}}@media (min-width:720px) and (max-width:1023px){#section-camera .section5 .pic-wrapper .switcher{top:475px}}#section-camera .section6 .g--text-title{white-space:normal}#section-camera .section6 .pic-wrapper{justify-content:space-between}@media (max-width:1023px){#section-camera .section6 .pic-wrapper{flex-direction:column}}#section-camera .section6 .pic-wrapper .g--desc-4{margin-top:15px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section6 .pic-wrapper .g--desc-4{margin-top:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section6 .pic-wrapper .g--desc-4{margin-top:10px}}@media (max-width:1023px){#section-camera .section6 .pic-wrapper .right{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .section6 .pic-wrapper .right{margin-top:60px}}#section-camera .section6 .pic-wrapper .pic-3,#section-camera .section6 .pic-wrapper .pic-4{width:640px;height:480px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .section6 .pic-wrapper .pic-3,#section-camera .section6 .pic-wrapper .pic-4{width:537px;height:402px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .section6 .pic-wrapper .pic-3,#section-camera .section6 .pic-wrapper .pic-4{width:437px;height:328px}}@media (max-width:1023px){#section-camera .section6 .pic-wrapper .pic-3,#section-camera .section6 .pic-wrapper .pic-4{width:100%;height:calc(75vw - 30px)}}#section-camera .switcher{left:50%;top:425px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:88px;height:23px;background:rgba(0,0,0,0.5);border-radius:2px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .switcher{top:356px;width:74px;height:19px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .switcher{top:290px;width:60px;height:16px}}@media (max-width:1023px){#section-camera .switcher{top:197px;width:98px;height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .switcher{top:295px}}@media (min-width:720px) and (max-width:1023px){#section-camera .switcher{width:132px;height:35px;top:475px}}#section-camera .switcher .btn{width:50%;cursor:pointer}#section-camera .switcher .btn.active{background:#fff;color:#000;border-radius:2px}@media (max-width:1023px){#section-camera .switcher .btn .text{font-size:14px}}#section-camera .picOn,#section-camera .picOff{opacity:0;transition:opacity .5s linear}#section-camera .picOn.active,#section-camera .picOff.active{opacity:1}#section-perf{background:#000}#section-perf .logo-wrapper{margin-top:60px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .logo-wrapper{margin-top:50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .logo-wrapper{margin-top:41px}}@media (max-width:1023px){#section-perf .logo-wrapper{margin-top:28px;flex-direction:column}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .logo-wrapper{margin-top:42px}}@media (min-width:1024px){#section-perf .logo-wrapper .wrapper{margin-right:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .logo-wrapper .wrapper{margin-right:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .logo-wrapper .wrapper{margin-right:55px}}@media (max-width:1023px){#section-perf .logo-wrapper .wrapper{margin-top:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .logo-wrapper .wrapper{margin-top:15px}}#section-perf .logo-wrapper .wrapper .pic-logo{width:32px;height:32px;margin-right:10px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .logo-wrapper .wrapper .pic-logo{width:27px;height:27px;margin-right:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .logo-wrapper .wrapper .pic-logo{width:22px;height:22px;margin-right:7px}}@media (max-width:1023px){#section-perf .logo-wrapper .wrapper .pic-logo{width:30px;height:30px;margin-right:8px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .logo-wrapper .wrapper .pic-logo{width:45px;height:45px;margin-right:12px}}#section-perf .logo-wrapper .wrapper .desc{color:#57dbfa;white-space:nowrap}#section-perf .section1 .title-wrapper{margin:0 auto;width:755px;height:172px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section1 .title-wrapper{width:633px;height:144px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section1 .title-wrapper{width:516px;height:117px}}@media (max-width:1023px){#section-perf .section1 .title-wrapper{width:318px;height:72px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section1 .title-wrapper{width:477px;height:108px}}#section-perf .section1 .pic-0{width:100%;height:32.864583333333336vw}@media (max-width:1023px){#section-perf .section1 .pic-0{height:calc(90.625vw - 36.25px)}}@media (min-width:1024px){#section-perf .section1 .logo-wrapper .wrapper .pic-logo{width:35px;height:35px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section1 .logo-wrapper .wrapper .pic-logo{width:29px;height:29px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section1 .logo-wrapper .wrapper .pic-logo{width:24px;height:24px}}@media (max-width:1023px){#section-perf .section2 .g--container{flex-direction:column}}#section-perf .section2 .logo-wrapper{flex-direction:column}@media (max-width:1023px){#section-perf .section2 .logo-wrapper{flex-wrap:wrap}}#section-perf .section2 .logo-wrapper .wrapper:not(:first-child){margin-top:14px}@media (max-width:1023px){#section-perf .section2 .logo-wrapper .wrapper:not(:first-child){margin-top:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section2 .logo-wrapper .wrapper:not(:first-child){margin-top:15px}}@media (min-width:720px) and (max-width:1023px){#section-perf .section2 .logo-wrapper .wrapper:not(:first-child){margin-top:0}}@media (max-width:1023px){#section-perf .section2 .logo-wrapper .wrapper:nth-child(2){order:1}}#section-perf .section2 .pic-1{width:650px;height:394px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section2 .pic-1{width:545px;height:330px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section2 .pic-1{width:444px;height:269px}}@media (min-width:1024px){#section-perf .section2 .pic-1{margin-left:126px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section2 .pic-1{margin-left:106px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section2 .pic-1{margin-left:86px}}@media (max-width:1023px){#section-perf .section2 .pic-1{width:300px;height:182px;margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section2 .pic-1{width:450px;height:273px;margin-top:60px}}#section-perf #Battery,#section-perf #Charge{height:0;position:relative}@media (max-width:1023px){#section-perf .section3{padding-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section3{padding-top:120px}}@media (min-width:1024px){#section-perf .section3 .sticky-container-text{height:1350px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section3 .sticky-container-text{height:1132px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section3 .sticky-container-text{height:922px}}#section-perf .section3 .phone1,#section-perf .section3 .phone2{margin-left:-20px}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section3 .phone1,#section-perf .section3 .phone2{margin-left:-30px}}#section-perf .section3 .phone1{width:100vw;height:27.5vw}#section-perf .section3 .phone2{width:100vw;height:63.888888888888886vw}@media (max-width:1023px){#section-perf .section3 .section3,#section-perf .section3 #Battery-pt{padding-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section3 .section3,#section-perf .section3 #Battery-pt{padding-top:120px}}#section-perf .section3 .margin-gap{margin-top:40px}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section3 .margin-gap{margin-top:60px}}@media (min-width:1024px){#section-perf .section3 .margin-gap{margin-top:34px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section3 .margin-gap{margin-top:29px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section3 .margin-gap{margin-top:23px}}#section-perf .section4{padding-top:34px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section4{padding-top:29px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section4{padding-top:23px}}#section-perf .section4 .pic-4,#section-perf .section4 .pic-5{height:740px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section4 .pic-4,#section-perf .section4 .pic-5{height:620px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section4 .pic-4,#section-perf .section4 .pic-5{height:505px}}@media (max-width:1023px){#section-perf .section4 .pic-4,#section-perf .section4 .pic-5{height:calc(75vw - 30px)}}@media (max-width:1023px){#section-perf .section4 .pic-5{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section4 .pic-5{margin-top:48px}}#section-perf .section4 .title{margin-top:28px;font-family:OPPOSans-Bold}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .section4 .title{margin-top:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .section4 .title{margin-top:19px}}@media (max-width:1023px){#section-perf .section4 .title{margin-top:15px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section4 .title{margin-top:22px}}#section-perf .section4 .title span{background:linear-gradient(-90deg,#52bde1,#ac64e1);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width:1023px){#section-perf .section4 .desc{margin-top:8px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .section4 .desc{margin-top:12px}}#section-design{background:#fff}#section-design .section1 .title-wrapper{margin:0 auto;width:755px;height:172px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section1 .title-wrapper{width:633px;height:144px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section1 .title-wrapper{width:516px;height:117px}}@media (max-width:1023px){#section-design .section1 .title-wrapper{width:318px;height:72px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section1 .title-wrapper{width:477px;height:108px}}#section-design .section1 .pic-0,#section-design .section1 .pic-1{width:1312px;height:448px;z-index:3}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section1 .pic-0,#section-design .section1 .pic-1{width:1100px;height:376px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section1 .pic-0,#section-design .section1 .pic-1{width:896px;height:306px}}@media (max-width:1023px){#section-design .section1 .pic-0{width:203px;height:616px;margin-left:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section1 .pic-0{width:304px;height:924px;margin-left:60px}}@media (max-width:1023px){#section-design .section1 .pic-1{width:100vw;height:59.72vw}}@media (min-width:1024px) and (max-width:1399px){#section-design .section2{margin-top:128px}}#section-design .section2 .g--container{height:794px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .g--container{height:666px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .g--container{height:542px}}@media (max-width:1023px){#section-design .section2 .g--container{height:712px;width:100vw;overflow:hidden;padding-left:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section2 .g--container{height:1068px}}@media (min-width:720px) and (max-width:1023px){#section-design .section2 .g--container{padding-left:24px}}#section-design .section2 .out-bg{transition:opacity .5s linear;opacity:0}@media (max-width:1023px){#section-design .section2 .out-bg{width:100vw}}#section-design .section2 .out-bg.color-0{background:linear-gradient(163deg,#e5deff 0%,#e8f9ff 100%)}#section-design .section2 .out-bg.color-1{background:linear-gradient(163deg,#f6f6f6 0%,#dfdfdf 100%)}#section-design .section2 .out-bg.color-2{background:linear-gradient(153deg,#999 0%,#777 100%)}#section-design .section2 .out-bg.active{opacity:1}#section-design .section2 .left{margin-left:60px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left{margin-left:50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left{margin-left:41px}}@media (min-width:1024px){#section-design .section2 .left{width:447px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left{width:375px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left{width:305px}}@media (max-width:1023px){#section-design .section2 .left{margin-left:0}}#section-design .section2 .left .texts-wrapper{padding-top:128px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left .texts-wrapper{padding-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left .texts-wrapper{padding-top:87px}}@media (max-width:1023px){#section-design .section2 .left .texts-wrapper{margin-top:0;padding-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section2 .left .texts-wrapper{padding-top:120px}}#section-design .section2 .left .texts-wrapper .g--text-title{padding-bottom:22px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left .texts-wrapper .g--text-title{padding-bottom:18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left .texts-wrapper .g--text-title{padding-bottom:15px}}@media (max-width:1023px){#section-design .section2 .left .texts-wrapper .g--text-title{padding-bottom:0}}#section-design .section2 .left .texts-wrapper .line{height:1px;background:#72717f}@media (max-width:1023px){#section-design .section2 .left .texts-wrapper .line{display:none}}#section-design .section2 .left .texts-wrapper .color-name-wrapper{margin-top:39px;color:#000}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left .texts-wrapper .color-name-wrapper{margin-top:32px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left .texts-wrapper .color-name-wrapper{margin-top:26px}}@media (max-width:1023px){#section-design .section2 .left .texts-wrapper .color-name-wrapper{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section2 .left .texts-wrapper .color-name-wrapper{margin-top:30px}}#section-design .section2 .left .texts-wrapper .color-name-wrapper .color-name{opacity:0}#section-design .section2 .left .texts-wrapper .color-name-wrapper .color-name.active{opacity:1}#section-design .section2 .left .texts-wrapper .color-name-wrapper .color-name.color-name-0{color:#592cd4}#section-design .section2 .left .texts-wrapper .color-name-wrapper .color-name.color-name-1{color:#898989}#section-design .section2 .left .texts-wrapper .color-desc-wrapper{margin-top:7px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left .texts-wrapper .color-desc-wrapper{margin-top:6px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left .texts-wrapper .color-desc-wrapper{margin-top:5px}}@media (max-width:1023px){#section-design .section2 .left .texts-wrapper .color-desc-wrapper{margin-top:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section2 .left .texts-wrapper .color-desc-wrapper{margin-top:15px}}#section-design .section2 .left .texts-wrapper .color-desc-wrapper .color-desc{opacity:0}#section-design .section2 .left .texts-wrapper .color-desc-wrapper .color-desc.active{opacity:1}#section-design .section2 .left .options-wrapper{margin-top:53px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left .options-wrapper{margin-top:45px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left .options-wrapper{margin-top:36px}}@media (max-width:1023px){#section-design .section2 .left .options-wrapper{margin-top:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section2 .left .options-wrapper{margin-top:24px}}#section-design .section2 .left .options-wrapper .circle{width:45px;height:45px;border-radius:50%;padding:7px;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left .options-wrapper .circle{width:38px;height:38px;padding:6px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left .options-wrapper .circle{width:31px;height:31px;padding:5px}}#section-design .section2 .left .options-wrapper .circle.active{border:1px solid rgba(0,0,0,0.4)}#section-design .section2 .left .options-wrapper .circle:not(:first-child){margin-left:36px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left .options-wrapper .circle:not(:first-child){margin-left:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left .options-wrapper .circle:not(:first-child){margin-left:25px}}#section-design .section2 .left .options-wrapper .circle .circle-in{width:32px;height:32px;border-radius:50%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .left .options-wrapper .circle .circle-in{width:26px;height:26px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .left .options-wrapper .circle .circle-in{width:22px;height:22px}}#section-design .section2 .left .options-wrapper .circle .circle-in.purple{background-image:linear-gradient(137deg,#966fff 0%,#4396e9 99%)}#section-design .section2 .left .options-wrapper .circle .circle-in.sliver{background-image:linear-gradient(134deg,#d8dbdd 0%,#f0f0f0 41%,#d6d6d6 100%)}#section-design .section2 .left .options-wrapper .circle .circle-in.black{background-image:linear-gradient(137deg,#394043 0%,#21292d 99%)}#section-design .section2 .pics-wrapper .absolute{bottom:0;top:unset;left:unset;opacity:0;transition:opacity .5s ease-out}#section-design .section2 .pics-wrapper .absolute.active{opacity:1}#section-design .section2 .pics-wrapper .bg{width:268px;height:604px;right:272px;z-index:3}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .pics-wrapper .bg{width:225px;height:506px;right:228px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .pics-wrapper .bg{width:183px;height:412px;right:186px}}@media (max-width:1023px){#section-design .section2 .pics-wrapper .bg{width:156px;height:484px;right:38vw;bottom:-213px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section2 .pics-wrapper .bg{width:234px;height:726px;bottom:-319px}}@media (min-width:720px) and (max-width:1023px){#section-design .section2 .pics-wrapper .bg{right:319.5px}}#section-design .section2 .pics-wrapper .fg{width:266px;height:677px;right:166px;z-index:2}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section2 .pics-wrapper .fg{width:223px;height:568px;right:139px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section2 .pics-wrapper .fg{width:182px;height:462px;right:113px}}@media (max-width:1023px){#section-design .section2 .pics-wrapper .fg{width:156px;height:484px;right:18.33vw;bottom:-177px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section2 .pics-wrapper .fg{width:234px;height:726px;bottom:-265px}}@media (min-width:720px) and (max-width:1023px){#section-design .section2 .pics-wrapper .fg{right:213px}}@media (max-width:1023px){#section-design .section3{padding-top:80px}}#section-design .section3 .pic-2{height:495px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section3 .pic-2{height:415px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section3 .pic-2{height:338px}}@media (max-width:1023px){#section-design .section3 .pic-2{height:510px;width:227px;margin-top:12px;margin-left:calc(29.16vw - 20px)}}@media (min-width: 720px) and (max-width: 1023px){#section-design .section3 .pic-2{height:765px;width:340px;margin-top:18px}}@media (min-width:720px) and (max-width:1023px){#section-design .section3 .pic-2{margin-left:32vw}}#section-design .section3 .pic-3{height:738px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .section3 .pic-3{height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .section3 .pic-3{height:504px}}@media (max-width:1023px){#section-design .section3 .pic-3{height:calc(75vw - 30px)}}#section-os{background:#f5f4f1;padding-top:28px}@media (min-width: 1400px) and (max-width: 1799px){#section-os{padding-top:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os{padding-top:19px}}@media (max-width:1023px){#section-os{padding-bottom:96px;padding-top:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-os{padding-bottom:144px;padding-top:72px}}#section-os .logo{width:232px;height:280px;margin:0 auto}@media (min-width: 1400px) and (max-width: 1799px){#section-os .logo{width:195px;height:235px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .logo{width:158px;height:191px}}@media (max-width:1023px){#section-os .logo{width:75px;height:106px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .logo{width:112px;height:158px}}#section-os .text{text-align:center}@media (max-width:1023px){#section-os .text{margin-top:19px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .text{margin-top:28px}}#section-os .btn{margin:48px auto 0;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-os .btn{margin:40px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .btn{margin:33px auto 0}}@media (max-width:1023px){#section-os .btn{margin-top:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .btn{margin-top:24px}}#section-os .font-body-3{padding:13px 20px;border:1px solid #000}@media (min-width: 720px) and (max-width: 1023px){#section-os .font-body-3{padding:19px 30px}}@media (max-width:1023px){#section-os .font-body-3{font-size:14px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .font-body-3{font-size:21px}}#section-os .g--text-title{white-space:normal;font-family:OPPOSans-Bold}@media (min-width:1024px){#section-os .g--text-title{font-size:20px;letter-spacing:0px;line-height:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .g--text-title{font-size:17px;letter-spacing:0px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .g--text-title{font-size:14px;letter-spacing:0px;line-height:22px}}@media (max-width:1023px){#section-os .g--text-title{font-size:16px;letter-spacing:0px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .g--text-title{font-size:24px;letter-spacing:0px;line-height:36px}}#section-os .g--text-title .opacity-7.ta--item{font-family:OPPOSans-Regular;opacity:1}@media (min-width:1024px){#section-os .g--text-title .opacity-7.ta--item{font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .g--text-title .opacity-7.ta--item{font-size:13px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .g--text-title .opacity-7.ta--item{font-size:11px;letter-spacing:0px;line-height:19px}}@media (max-width:1023px){#section-os .g--text-title .opacity-7.ta--item{margin-top:12px;font-size:12px;letter-spacing:0px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .g--text-title .opacity-7.ta--item{font-size:18px;letter-spacing:0px;line-height:36px}}#section-os .contents-wrapper-1{justify-content:space-between;margin-top:48px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-1{margin-top:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-1{margin-top:33px}}@media (max-width:1023px){#section-os .contents-wrapper-1{flex-direction:column;margin-top:0}}#section-os .contents-wrapper-1 .left{width:530px;justify-content:space-between}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-1 .left{width:444px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-1 .left{width:362px}}@media (max-width:1023px){#section-os .contents-wrapper-1 .left{width:100%;order:2}}#section-os .contents-wrapper-1 .left .up .width-100,#section-os .contents-wrapper-1 .left .down .width-100{background:#fff;height:354px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-1 .left .up .width-100,#section-os .contents-wrapper-1 .left .down .width-100{height:297px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-1 .left .up .width-100,#section-os .contents-wrapper-1 .left .down .width-100{height:242px}}@media (max-width:1023px){#section-os .contents-wrapper-1 .left .up .width-100,#section-os .contents-wrapper-1 .left .down .width-100{height:calc(100vw - 40px)}}#section-os .contents-wrapper-1 .left .up .width-100{background:#fff}@media (max-width:1023px){#section-os .contents-wrapper-1 .left .up .width-100{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .contents-wrapper-1 .left .up .width-100{margin-top:60px}}#section-os .contents-wrapper-1 .left .up img{width:400px;height:186px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-1 .left .up img{width:335px;height:156px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-1 .left .up img{width:273px;height:127px}}@media (max-width:1023px){#section-os .contents-wrapper-1 .left .up img{width:280px;height:131px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .contents-wrapper-1 .left .up img{width:420px;height:196px}}#section-os .contents-wrapper-1 .left .down .width-100{background:#fff}@media (max-width:1023px){#section-os .contents-wrapper-1 .left .down .width-100{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .contents-wrapper-1 .left .down .width-100{margin-top:60px}}#section-os .contents-wrapper-1 .left .down .width-100 img{width:250px;height:250px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-1 .left .down .width-100 img{width:210px;height:210px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-1 .left .down .width-100 img{width:171px;height:171px}}@media (max-width:1023px){#section-os .contents-wrapper-1 .left .down .width-100 img{width:calc((100vw - 40px) * 0.75);height:calc((100vw - 40px) * 0.75)}}#section-os .contents-wrapper-1 .right{width:670px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-1 .right{width:562px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-1 .right{width:458px}}@media (max-width:1023px){#section-os .contents-wrapper-1 .right{width:100%;order:1}}#section-os .contents-wrapper-1 .right .width-100{background:#fff;height:893px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-1 .right .width-100{height:749px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-1 .right .width-100{height:610px}}@media (max-width:1023px){#section-os .contents-wrapper-1 .right .width-100{height:calc((100vw - 40px) * 1.39375);margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .contents-wrapper-1 .right .width-100{margin-top:60px}}#section-os .contents-wrapper-1 .right .width-100 img{width:307px;height:660px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-1 .right .width-100 img{width:257px;height:553px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-1 .right .width-100 img{width:210px;height:451px}}@media (max-width:1023px){#section-os .contents-wrapper-1 .right .width-100 img{width:170px;height:366px;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}}@media (min-width: 720px) and (max-width: 1023px){#section-os .contents-wrapper-1 .right .width-100 img{width:255px;height:549px}}#section-os .contents-wrapper-2{justify-content:space-between}@media (max-width:1023px){#section-os .contents-wrapper-2{flex-direction:column;margin-top:0}}#section-os .contents-wrapper-2 .left,#section-os .contents-wrapper-2 .center,#section-os .contents-wrapper-2 .right{width:397px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-2 .left,#section-os .contents-wrapper-2 .center,#section-os .contents-wrapper-2 .right{width:333px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-2 .left,#section-os .contents-wrapper-2 .center,#section-os .contents-wrapper-2 .right{width:271px}}@media (max-width:1023px){#section-os .contents-wrapper-2 .left,#section-os .contents-wrapper-2 .center,#section-os .contents-wrapper-2 .right{width:100%}}#section-os .contents-wrapper-2 .left .width-100,#section-os .contents-wrapper-2 .center .width-100,#section-os .contents-wrapper-2 .right .width-100{background:#fff;height:580px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-2 .left .width-100,#section-os .contents-wrapper-2 .center .width-100,#section-os .contents-wrapper-2 .right .width-100{height:486px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-2 .left .width-100,#section-os .contents-wrapper-2 .center .width-100,#section-os .contents-wrapper-2 .right .width-100{height:396px}}@media (max-width:1023px){#section-os .contents-wrapper-2 .left .width-100,#section-os .contents-wrapper-2 .center .width-100,#section-os .contents-wrapper-2 .right .width-100{height:calc(100vw - 40px);margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .contents-wrapper-2 .left .width-100,#section-os .contents-wrapper-2 .center .width-100,#section-os .contents-wrapper-2 .right .width-100{margin-top:60px}}#section-os .contents-wrapper-2 .left .width-100 img,#section-os .contents-wrapper-2 .center .width-100 img,#section-os .contents-wrapper-2 .right .width-100 img{width:186px;height:400px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .contents-wrapper-2 .left .width-100 img,#section-os .contents-wrapper-2 .center .width-100 img,#section-os .contents-wrapper-2 .right .width-100 img{width:156px;height:335px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .contents-wrapper-2 .left .width-100 img,#section-os .contents-wrapper-2 .center .width-100 img,#section-os .contents-wrapper-2 .right .width-100 img{width:127px;height:273px}}@media (max-width:1023px){#section-os .contents-wrapper-2 .left .width-100 img,#section-os .contents-wrapper-2 .center .width-100 img,#section-os .contents-wrapper-2 .right .width-100 img{width:210px;height:452px;top:40px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width: 720px) and (max-width: 1023px){#section-os .contents-wrapper-2 .left .width-100 img,#section-os .contents-wrapper-2 .center .width-100 img,#section-os .contents-wrapper-2 .right .width-100 img{width:315px;height:678px;top:60px}}@media (min-width:720px) and (max-width:1023px){#section-os .contents-wrapper-2 .left .width-100 img,#section-os .contents-wrapper-2 .center .width-100 img,#section-os .contents-wrapper-2 .right .width-100 img{top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}}#section-remarks{background:#f7f7f7}@media (max-width:1023px){#section-remarks{background:#f5f4f1;padding-top:0}}#section-remarks .g--remarks:not(:first-child){margin-top:5px}.g--text-title,.g--text-keywords,.g--text-keyword{display:flex;justify-content:flex-start;align-items:flex-start}.row-wrapper{display:flex}.g--text-title,.g--text-keyword{flex-direction:column}.g--text-title{font-family:OPPOSans-Medium;white-space:nowrap;font-size:42px;line-height:60px;letter-spacing:0px;padding:4px 0}@media (min-width: 1400px) and (max-width: 1799px){.g--text-title{font-size:35px;line-height:50px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-title{font-size:29px;line-height:41px;letter-spacing:0px}}@media (max-width:1023px){.g--text-title{font-family:OPPOSans-Regular;font-size:28px;line-height:36px;letter-spacing:0px;padding:2px 0}}@media (min-width: 720px) and (max-width: 1023px){.g--text-title{font-size:42px;line-height:54px;letter-spacing:0px}}.g--text-title sup{font-size:40%;top:-1.2em}.g--text-detail{font-family:OPPOSans-Regular;width:100%;max-width:663px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail{max-width:556px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail{max-width:453px}}@media (min-width:1024px){.g--text-detail{font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail{font-size:13px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail{font-size:11px;letter-spacing:0px;line-height:19px}}@media (max-width:1023px){.g--text-detail{font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-detail{font-size:24px;letter-spacing:0px;line-height:42px}}.g--text-detail.bold{font-family:OPPOSans-Bold}.g--text-detail.with-margin{margin-top:20px}.g--text-keywords{flex-direction:row;flex-wrap:wrap;width:100%}.g--text-keywords.with-margin .g--text-keyword{margin-top:32px}.g--text-keywords .value{font-family:OPPOSans-Medium;font-size:48px;line-height:1.31;letter-spacing:-.0035em}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value{font-size:40px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value{font-size:33px}}@media (max-width:1023px){.g--text-keywords .value{font-size:36px;line-height:1;letter-spacing:-.005em}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value{font-size:30px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value{font-size:25px}}@media (min-width:720px) and (max-width:1023px){.g--text-keywords .value{font-size:52px;line-height:1.23;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value{font-size:44px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value{font-size:36px}}.g--text-keywords .value sub{font-family:OPPOSans-Medium;bottom:0;font-size:24px;line-height:1.29;letter-spacing:-.0025em}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value sub{font-size:20px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value sub{font-size:16px}}@media (max-width:1023px){.g--text-keywords .value sub{font-size:16px;line-height:1;letter-spacing:-.0062em}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value sub{font-size:13px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value sub{font-size:11px}}@media (min-width:720px) and (max-width:1023px){.g--text-keywords .value sub{font-size:20px;line-height:1.6;letter-spacing:-.006em}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .value sub{font-size:17px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .value sub{font-size:14px}}.g--text-keywords .key{font-size:16px;line-height:1.31;letter-spacing:-.0037em}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .key{font-size:13px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .key{font-size:11px}}@media (max-width:1023px){.g--text-keywords .key{font-size:12px;line-height:2;letter-spacing:-.0042em}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .key{font-size:10px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .key{font-size:8px}}.g--text-keyword{margin-right:67px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keyword{margin-right:56px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keyword{margin-right:46px}}@media (max-width:1023px){.g--text-keyword{margin-right:0;flex:0 0 50%}}.g--text-container{color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.g--text-container.black{color:#000}.pic-container,.img-container{position:relative;overflow:hidden;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out, -webkit-transform .4s ease-out}@media (max-width:1023px){.pic-container,.img-container{transition:none}}.pic-container img,.img-container img{position:absolute;width:100%;height:100%;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out}@media (max-width:1023px){.pic-container img,.img-container img{transition:none}}.pic-container .tag,.img-container .tag{position:absolute;left:calc(50% - 40px);bottom:32px;width:80px;height:28px;background-color:rgba(255,255,255,0.6);font-size:13px;color:#000;display:flex;align-items:center;justify-content:center}@media (min-width: 1400px) and (max-width: 1799px){.pic-container .tag,.img-container .tag{bottom:27px}}@media (min-width: 1024px) and (max-width: 1399px){.pic-container .tag,.img-container .tag{bottom:22px}}@media (min-width:1024px){.g--text-container.ta--group-hima{flex-direction:row;align-items:flex-end}}@media (max-width:1023px){.g--text-container.ta--group-hima{flex-direction:column}}.g--text-container.ta--group-hima .content-wrapper{display:flex;flex-direction:column}@media (min-width:1024px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .content-wrapper .g--text-detail{margin-right:87px}}.g--text-container.ta--group-hima .g--text-keywords-hima{display:flex}@media (max-width:1023px){.g--text-container.ta--group-hima .g--text-keywords-hima{margin-top:48px}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima:not(:last-child){margin-right:50px}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-family:OPPOSans-Regular;font-size:36px;line-height:48px;letter-spacing:0;color:#fff}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:30px;line-height:40px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:25px;line-height:33px}}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:52px;line-height:64px;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:44px;line-height:54px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .title{font-size:36px;line-height:44px}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-family:OPPOSans-Bold;font-size:16px;line-height:36px;letter-spacing:0px;color:#fff}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-size:13px;line-height:30px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-size:11px;line-height:25px;letter-spacing:0px}}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{margin-left:4px;font-family:OPPOSans-Regular;font-size:16px;line-height:32px;letter-spacing:0}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-size:13px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .unit{font-size:11px;line-height:22px}}.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-family:OPPOSans-Regular;font-size:14px;line-height:24px;letter-spacing:0px;color:#fff}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-size:12px;line-height:20px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-size:10px;line-height:16px;letter-spacing:0px}}@media (min-width:1024px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{margin-top:11px;font-size:16px;line-height:18px;letter-spacing:0px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-size:13px;line-height:15px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container.ta--group-hima .g--text-keywords-hima .g--text-keyword-hima .attr{font-size:11px;line-height:12px;letter-spacing:0px}}.overflow{overflow:hidden}.g--text-container-col{display:flex}@media (max-width:1023px){.g--text-container-col{align-items:flex-start;flex-direction:column}}.g--text-container-col .title-wrapper{font-family:OPPOSans-Medium;flex:0 0 48%;font-size:42px;letter-spacing:0px;line-height:56px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .title-wrapper{font-size:35px;letter-spacing:0px;line-height:47px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .title-wrapper{font-size:29px;letter-spacing:0px;line-height:38px}}@media (max-width:1023px){.g--text-container-col .title-wrapper{font-size:28px;letter-spacing:0px;line-height:44px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-container-col .title-wrapper{font-size:42px;letter-spacing:0px;line-height:66px}}.g--text-container-col .title-wrapper .subtitle{opacity:.7}.g--text-container-col .detail-wrapper{flex:1;font-size:16px;letter-spacing:0px;line-height:28px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .detail-wrapper{font-size:13px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .detail-wrapper{font-size:11px;letter-spacing:0px;line-height:19px}}@media (min-width:1024px){.g--text-container-col .detail-wrapper{margin-left:23px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-container-col .detail-wrapper{margin-left:19px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-container-col .detail-wrapper{margin-left:16px}}@media (max-width:1023px){.g--text-container-col .detail-wrapper{margin-top:20px;font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-container-col .detail-wrapper{margin-top:30px;font-size:24px;letter-spacing:0px;line-height:42px}}sup{font-size:50%;top:-1em}@media (min-width:720px) and (max-width:1023px){.g--text-container{width:100%}.g--text-container .g--text-detail{width:100%;max-width:unset}}@media (min-width:1024px){.battery-exploded .sticky-container{height:864px}}@media (min-width: 1400px) and (max-width: 1799px){.battery-exploded .sticky-container{height:724px}}@media (min-width: 1024px) and (max-width: 1399px){.battery-exploded .sticky-container{height:590px}}.battery-exploded .block{width:100%;height:100px;position:absolute;background:#000;z-index:2;left:0;top:40px}.battery-exploded .cap{position:absolute;will-change:transform;z-index:5;width:97.94%;left:1.03%;-webkit-transform:translateY(71%);transform:translateY(71%)}.battery-exploded .sticky-item{position:relative}@media (min-width:1024px){.battery-exploded .sticky-item{height:522px}}@media (min-width: 1400px) and (max-width: 1799px){.battery-exploded .sticky-item{height:438px}}@media (min-width: 1024px) and (max-width: 1399px){.battery-exploded .sticky-item{height:356px}}@media (max-width:1023px){.battery-exploded .sticky-item{overflow:hidden;margin-left:-20px;width:100vw;height:172px}}@media (min-width: 720px) and (max-width: 1023px){.battery-exploded .sticky-item{margin-left:-30px;height:258px}}.battery-exploded .sticky-item .wrapper{position:absolute}@media (min-width:1024px){.battery-exploded .sticky-item .wrapper{overflow:hidden;left:50%;width:100vw;height:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width:1023px){.battery-exploded .sticky-item .wrapper{right:37px;width:394px;height:100%}}@media (min-width: 720px) and (max-width: 1023px){.battery-exploded .sticky-item .wrapper{right:55px;width:591px}}.battery-exploded .sticky-item .inner{height:100%}@media (max-width:1023px){.battery-exploded .sticky-item .inner{width:100%}}.battery-exploded .sticky-item img{position:absolute;will-change:transform}.battery-exploded .sticky-item img.battery{z-index:2;width:55.95%;height:40.1%;left:28.79%;bottom:12%}@media (max-width:1023px){.battery-exploded .sticky-item img.battery{height:33.5%}}.battery-exploded .sticky-item img.base{z-index:1;width:100%;bottom:0}.battery-exploded .sticky-item img.cable{z-index:0;width:34%;bottom:18%;left:91.2%}@media (min-width:1024px){.battery-exploded .sticky-item img.cable{width:111.64%;left:91.7%}}.battery-exploded .sticky-item .base-wrapper{width:100%;height:100%;-webkit-transform:translateY(-28.5%);transform:translateY(-28.5%)}.battery-exploded .sticky-item .text-wrapper{position:absolute;z-index:5;bottom:23.18%;left:35.3%;width:43.445%;height:0;padding-bottom:5.4523475%}.battery-exploded .sticky-item .text-wrapper img{width:100%;height:100%}.battery-exploded .sticky-item .text-wrapper .text-blue{z-index:6}.battery-exploded .sticky-item .text-wrapper .text{z-index:5}.battery-exploded .phone1,.battery-exploded .phone2{margin-left:-20px}@media (min-width: 720px) and (max-width: 1023px){.battery-exploded .phone1,.battery-exploded .phone2{margin-left:-30px}}.battery-exploded .phone1{width:100vw;height:27.5vw}.battery-exploded .phone2{width:100vw;height:63.888888888888886vw}@media (max-width:1023px){.battery-exploded .phone2{margin-top:80px}}@media (min-width: 720px) and (max-width: 1023px){.battery-exploded .phone2{margin-top:120px}}.battery-exploded .margin-gap{margin-top:40px}@media (min-width: 720px) and (max-width: 1023px){.battery-exploded .margin-gap{margin-top:60px}}@media (min-width:1024px){.battery-exploded .margin-gap{margin-top:34px}}@media (min-width: 1400px) and (max-width: 1799px){.battery-exploded .margin-gap{margin-top:29px}}@media (min-width: 1024px) and (max-width: 1399px){.battery-exploded .margin-gap{margin-top:23px}}#online-store{color:#000;position:fixed;z-index:999;top:-999vh;top:calc(-999 * var(--vh, 1vh));left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}#online-store .mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .5s ease}#online-store .store-container{position:relative;z-index:2;background-color:#fff;width:1312px;height:720px;opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%);transition-delay:.25s;transition:opacity .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,opacity .5s ease;transition:transform .5s ease,opacity .5s ease,-webkit-transform .5s ease}@media (min-width:1440px) and (max-width:1600px){#online-store .store-container{width:1312px;height:625px}}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container{width:896px;height:580px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container{width:720px;height:850px}}@media (max-width:767px){#online-store .store-container{width:320px;height:620px}}@media (max-width:1023px){#online-store .store-container{max-height:100vh;max-height:calc(100 * var(--vh, 1vh))}}#online-store .store-container .store-page{width:100%;height:100%;overflow:hidden;overflow-y:scroll}#online-store .store-container .store-page::-webkit-scrollbar{width:4px}#online-store .store-container .store-page::-webkit-scrollbar-thumb{background-color:#2ec84d}#online-store .store-container .store-page .close-button{position:absolute;z-index:3;top:32px;right:32px;width:14px;height:14px;cursor:pointer}#online-store .store-container .store-page .title-area{position:absolute;z-index:2;top:0;left:0;width:calc(100% - 4px);height:146px;background-color:#fff;text-align:center;padding-top:70px}#online-store .store-container .store-page .title-area p{font-size:28px;line-height:44px;letter-spacing:-.1;font-family:OPPOSans-Bold}#online-store .store-container .store-page .store-content{position:relative;z-index:1;width:100%;margin-top:146px;margin-bottom:28px}#online-store .store-container .store-page .store-content .store-list{width:1088px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list{width:664px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list{width:532px}}@media (max-width:767px){#online-store .store-container .store-page .store-content .store-list{width:280px}}#online-store .store-container .store-page .store-content .store-list .store-title{flex:100%;text-align:center;margin-bottom:20px}#online-store .store-container .store-page .store-content .store-list .store{width:192px;height:144px;background-color:rgba(0,0,0,0.04);margin-bottom:32px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;-webkit-clip-path:inset(0 round 50%);clip-path:inset(0 round 50%);overflow:hidden}.show#online-store .store-container .store-page .store-content .store-list .store{-webkit-clip-path:inset(0 round 0);clip-path:inset(0 round 0);transition:-webkit-clip-path .4s ease .4s;transition:clip-path .4s ease .4s;transition:clip-path .4s ease .4s, -webkit-clip-path .4s ease .4s}#online-store .store-container .store-page .store-content .store-list .store img{width:118px;height:80px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}@media (min-width:1440px){#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(5n+1)){margin-left:32px}}@media (min-width:1024px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list .store{width:200px;height:150px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}#online-store .store-container .store-page .store-content .store-list .store img{width:122px;height:82px}}@media (min-width:768px) and (max-width:1439px){#online-store .store-container .store-page .store-content .store-list .store{width:155px;height:116px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}#online-store .store-container .store-page .store-content .store-list .store img{width:95px;height:64px}}@media (max-width:767px){#online-store .store-container .store-page .store-content .store-list .store{width:132px;height:96px}#online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(2n+1)){margin-left:16px}#online-store .store-container .store-page .store-content .store-list .store img{width:98px;height:66px}}#online-store .store-container .store-page .store-content .store-list .store:hover,#online-store .store-container .store-page .store-content .store-list .store :active{background-color:rgba(0,0,0,0.01)}#online-store .store-container .store-page .store-content .store-list .store:hover img,#online-store .store-container .store-page .store-content .store-list .store :active img{-webkit-transform:scale(.9);transform:scale(.9)}#online-store .store-container .store-page .store-content .store-list:not(:first-child){margin-top:6px}#online-store.show{top:0}#online-store.show .mask{opacity:1}#online-store.show .store-container{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}
/*html.hasHeader section#oc-container{padding-top:0}*/