.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%}@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}}#section-kv-india{overflow:hidden;width:100%;color:#fff;background:#000}@media (min-width:1024px) and (max-width:1399px){#section-kv-india{height:634px}}#section-kv-india .kv-container{margin:0 auto;padding-top:50px;width:1455px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .kv-container{padding-top:42px;width:1220px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .kv-container{padding-top:34px;width:994px}}@media (max-width:1023px){#section-kv-india .kv-container{width:100%}}#section-kv-india .content{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:1024px){#section-kv-india .content{top:92px;z-index:10;color:#000}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .content{top:77px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .content{top:63px}}@media (max-width:1023px){#section-kv-india .content{top:44px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv-india .content{top:66px}}#section-kv-india .content .title{color:#fff;font-size:62px;letter-spacing:-1px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .content .title{font-size:52px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .content .title{font-size:42px;letter-spacing:-1px}}@media (max-width:1023px){#section-kv-india .content .title{font-family:OPPOSans-Medium;font-size:26px;line-height:inherit;text-align:center}}@media (min-width: 720px) and (max-width: 1023px){#section-kv-india .content .title{font-size:39px}}#section-kv-india .content .title .bold{font-family:OPPOSans-Bold}#section-kv-india .content .btn-buy{display:flex;align-items:center;justify-content:center;margin-top:40px;border-radius:2px;width:112px;height:48px;color:#fff;background:#2ec34d}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .content .btn-buy{margin-top:34px;border-radius:2px;width:94px;height:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .content .btn-buy{margin-top:27px;border-radius:1px;width:76px;height:33px}}@media (max-width:1023px){#section-kv-india .content .btn-buy{font-family:OPPOSans-Bold;width:91px;height:40px;margin-top:20px;font-size:12px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv-india .content .btn-buy{width:136px;height:60px;margin-top:30px;font-size:18px;line-height:36px}}#section-kv-india .bg{margin:0 auto;width:1920px;height:929px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .bg{width:1610px;height:779px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .bg{width:1311px;height:634px}}@media (max-width:1023px){#section-kv-india .bg{width:100vw;height:154.72vw}}@media (min-width:1024px) and (max-width:1399px){#section-kv-india .bg{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}#section-kv-india .mask{position:absolute;z-index:1;top:0;width:100%;height:100%}#section-kv-india .mask .left,#section-kv-india .mask .right{position:absolute;top:0;width:304px;height:100%}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .mask .left,#section-kv-india .mask .right{width:255px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .mask .left,#section-kv-india .mask .right{width:208px}}#section-kv-india .mask .left{left:calc(((100% - 1920px) / 2));background:linear-gradient(90deg,#000,transparent)}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .mask .left{left:calc(((100% - 1610px) / 2))}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .mask .left{left:calc(((100% - 1311px) / 2))}}#section-kv-india .mask .right{right:calc(((100% - 1920px) / 2));background:linear-gradient(-90deg,#000,transparent)}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .mask .right{right:calc(((100% - 1610px) / 2))}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .mask .right{right:calc(((100% - 1311px) / 2))}}#section-kv-india .phone{position:absolute;top:56%;left:50%;width:1312px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-india .phone{width:1100px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-india .phone{width:896px}}@media (max-width:1023px){#section-kv-india .phone{width:75vw}}#section-kv-south-africa{color:#000;background:#fff}@media (min-width:1024px){#section-kv-south-africa{height:860px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-south-africa{height:721px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-south-africa{height:587px}}#section-kv-south-africa .kv-container{margin:0 auto;padding-top:50px;width:1455px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-south-africa .kv-container{padding-top:42px;width:1220px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-south-africa .kv-container{padding-top:34px;width:994px}}@media (max-width:1023px){#section-kv-south-africa .kv-container{width:100%}}@media (min-width:1024px){#section-kv-south-africa .content{position:absolute;right:0;top:37.67%;z-index:10;color:#000;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (max-width:1023px){#section-kv-south-africa .content{margin-top:27px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv-south-africa .content{margin-top:40px}}#section-kv-south-africa .content .title{color:#000;font-size:52px;letter-spacing:-1px;line-height:68px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-south-africa .content .title{font-size:44px;letter-spacing:-1px;line-height:57px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-south-africa .content .title{font-size:36px;letter-spacing:-1px;line-height:46px}}@media (max-width:1023px){#section-kv-south-africa .content .title{font-family:OPPOSans-Medium;font-size:28px;line-height:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv-south-africa .content .title{font-size:42px;line-height:54px}}#section-kv-south-africa .content .title .bold{font-family:OPPOSans-Bold}#section-kv-south-africa .content .subtitle{font-family:OPPOSans-Bold;margin-top:16px;font-size:28px;letter-spacing:0px;line-height:44px}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-south-africa .content .subtitle{margin-top:13px;font-size:23px;letter-spacing:0px;line-height:37px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-south-africa .content .subtitle{margin-top:11px;font-size:19px;letter-spacing:0px;line-height:30px}}@media (max-width:1023px){#section-kv-south-africa .content .subtitle{font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv-south-africa .content .subtitle{font-size:24px;letter-spacing:0px;line-height:42px}}#section-kv-south-africa .content .btn-buy{display:flex;align-items:center;justify-content:center;margin-top:40px;border-radius:2px;width:112px;height:48px;color:#fff;background:#2ec34d}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-south-africa .content .btn-buy{margin-top:34px;border-radius:2px;width:94px;height:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-south-africa .content .btn-buy{margin-top:27px;border-radius:1px;width:76px;height:33px}}@media (max-width:1023px){#section-kv-south-africa .content .btn-buy{font-family:OPPOSans-Bold;width:91px;height:40px;margin-top:20px;font-size:12px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv-south-africa .content .btn-buy{width:136px;height:60px;margin-top:30px;font-size:18px;line-height:36px}}#section-kv-south-africa .bg-pt{margin-top:38px;margin-bottom:20px;width:calc(100vw - 40px)}@media (min-width: 720px) and (max-width: 1023px){#section-kv-south-africa .bg-pt{margin-top:57px;margin-bottom:30px;width:calc(100vw - 60px)}}#section-kv-south-africa .bg{width:1149px;height:958px;object-fit:cover}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-south-africa .bg{width:963px;height:803px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-south-africa .bg{width:785px;height:654px}}@media (min-width:1024px){#section-kv-south-africa .bg{margin-left:-304px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv-south-africa .bg{margin-left:-255px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv-south-africa .bg{margin-left:-208px}}#section-kv-south-africa .phone{position:absolute;bottom:0;right:-20px;width:calc(100vw - 25px)}@media (min-width: 720px) and (max-width: 1023px){#section-kv-south-africa .phone{right:-30px;width:calc(100vw - 37px)}}#section-highlights{padding:182px 0 128px;color:#000;background:#fafafa}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights{padding:153px 0 107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights{padding:124px 0 87px}}@media (max-width:1023px){#section-highlights{padding:80px 0}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights{padding:120px 0}}#section-highlights .highlights-title{font-size:42px;letter-spacing:0px;text-align:center;line-height:64px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-title{font-size:35px;letter-spacing:0px;line-height:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-title{font-size:29px;letter-spacing:0px;line-height:44px}}@media (max-width:1023px){#section-highlights .highlights-title{font-size:28px;letter-spacing:0px;text-align:center;line-height:44px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-title{font-size:42px;letter-spacing:0px;line-height:66px}}@media (min-width:1024px){#section-highlights .highlights-title br{display:none}}#section-highlights .highlights-container{justify-content:space-between;margin-top:80px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container{margin-top:55px}}@media (max-width:1023px){#section-highlights .highlights-container{display:flex;flex-direction:column;margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container{margin-top:60px}}#section-highlights .highlights-container .card{background:#c8d9f3;padding:20px 20px 32px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .card{padding:17px 17px 27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .card{padding:14px 14px 22px}}@media (max-width:1023px){#section-highlights .highlights-container .card{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;padding:10px 20px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container .card{padding:15px 30px}}@media (min-width:1024px){#section-highlights .highlights-container .card +.card{margin-left:40px;max-width:298px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .card +.card{margin-left:34px;max-width:250px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .card +.card{margin-left:27px;max-width:204px}}@media (max-width:1023px){#section-highlights .highlights-container .card +.card{margin-top:12px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container .card +.card{margin-top:18px}}#section-highlights .highlights-container .card .pic{width:258px;height:230px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .card .pic{width:216px;height:193px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .card .pic{width:176px;height:157px}}@media (max-width:1023px){#section-highlights .highlights-container .card .pic{width:114px;height:100px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container .card .pic{width:171px;height:150px}}#section-highlights .highlights-container .card .title{font-family:OPPOSans-Bold;color:#000}@media (min-width:1024px){#section-highlights .highlights-container .card .title{word-wrap:break-word;white-space:pre-wrap;font-size:20px;letter-spacing:0px;line-height:32px;margin-top:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .card .title{font-size:17px;letter-spacing:0px;line-height:27px;margin-top:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .card .title{font-size:14px;letter-spacing:0px;line-height:22px;margin-top:22px}}@media (max-width:1023px){#section-highlights .highlights-container .card .title{font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .highlights-container .card .title{font-size:24px;letter-spacing:0px;line-height:42px}}#section-highlights .highlights-container .card .detail{font-weight:200;font-family:PingFangSC-Light;font-size:16px;color:#000;letter-spacing:0;line-height:24px}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .card .detail{font-size:13px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .card .detail{font-size:11px;line-height:16px}}@media (min-width:1024px){#section-highlights .highlights-container .card .detail{margin-top:8px}}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .highlights-container .card .detail{margin-top:7px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .highlights-container .card .detail{margin-top:5px}}@media (max-width:1023px){#section-highlights .highlights-container .card .detail{display:none}}#section-highlights .btn-buy{display:flex;align-items:center;justify-content:center;margin:80px auto 0;border-radius:2px;width:112px;height:48px;color:#fff;background:#2ec34d}@media (min-width: 1400px) and (max-width: 1799px){#section-highlights .btn-buy{margin:67px auto 0;border-radius:2px;width:94px;height:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-highlights .btn-buy{margin:55px auto 0;border-radius:1px;width:76px;height:33px}}@media (max-width:1023px){#section-highlights .btn-buy{font-family:OPPOSans-Bold;width:91px;height:40px;margin-top:30px;font-size:12px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-highlights .btn-buy{width:136px;height:60px;margin-top:45px;font-size:18px;line-height:36px}}@media (min-width:1024px) and (max-width:1399px){#section-highlights .btn-buy{width:110px;height:43px}}#section-camera{background:#eff4f9}@media (min-width:1024px){#section-camera .g--text-title br{display:none}}#section-camera .camera-banner{color:#000;background:#fff}#section-camera .camera-banner .pic-title{width:755px;height:172px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .camera-banner .pic-title{width:633px;height:144px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .camera-banner .pic-title{width:516px;height:117px}}#section-camera .camera-banner .desc-wrapper{width:820px;margin-top:210px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .camera-banner .desc-wrapper{width:687px;margin-top:176px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .camera-banner .desc-wrapper{width:560px;margin-top:143px}}#section-camera .camera-banner .desc-wrapper .desc{margin-top:20px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .camera-banner .desc-wrapper .desc{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .camera-banner .desc-wrapper .desc{margin-top:14px}}#section-camera .camera-banner .poster-phone{width:560px;height:692px;margin-top:92px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .camera-banner .poster-phone{width:470px;height:580px;margin-top:77px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .camera-banner .poster-phone{width:382px;height:473px;margin-top:63px}}@media (max-width:1023px){#section-camera .camera-banner .poster-phone{width:260px;height:322px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .camera-banner .poster-phone{width:390px;height:483px}}#section-camera .camera-video{color:#fff;background:#000}#section-camera .col-container{display:flex;justify-content:space-between;align-items:center}@media (max-width:1023px){#section-camera .col-container{flex-direction:column}}@media (min-width:1024px){#section-camera .col-container .text{flex:0 0 560px;width:560px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .col-container .text{flex:0 0 470px;width:470px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .col-container .text{flex:0 0 382px;width:382px}}@media (min-width:1024px){#section-camera .col-container .text .g--text-title{white-space:normal}}@media (min-width:1024px){#section-camera .col-container .img{flex:0 0 637px;width:637px;height:637px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .col-container .img{flex:0 0 534px;width:534px;height:534px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .col-container .img{flex:0 0 435px;width:435px;height:435px}}@media (max-width:1023px){#section-camera .col-container .img{margin-top:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .col-container .img{margin-top:54px}}#section-camera .img-color{width:1312px;height:738px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .img-color{width:1100px;height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .img-color{width:896px;height:504px}}@media (max-width:1023px){#section-camera .img-color{width:100%;height:calc((100vw - 40px) * 0.75)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .img-color{height:calc((100vw - 60px) * 0.75)}}#section-camera .img-color video,#section-camera .img-color canvas{width:100%;height:100%}#section-camera .img-sides-wrapper,#section-camera .video-sides{width:1312px;height:610px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .img-sides-wrapper,#section-camera .video-sides{width:1100px;height:511px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .img-sides-wrapper,#section-camera .video-sides{width:896px;height:417px}}@media (max-width:1023px){#section-camera .img-sides-wrapper,#section-camera .video-sides{width:100%;height:calc((100vw - 40px) * 0.4656)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .img-sides-wrapper,#section-camera .video-sides{height:calc((100vw - 60px) * 0.4656)}}#section-camera .img-sides-wrapper img,#section-camera .video-sides img,#section-camera .img-sides-wrapper .video-wrapper,#section-camera .video-sides .video-wrapper{position:absolute;width:100%;height:100%}#section-camera .img-sides-wrapper img,#section-camera .video-sides img{z-index:5}#section-camera .img-sides-wrapper .video-wrapper,#section-camera .video-sides .video-wrapper{overflow:hidden;top:0;left:0;width:100%;height:100%}#section-camera .img-sides-wrapper .video-wrapper canvas,#section-camera .video-sides .video-wrapper canvas,#section-camera .img-sides-wrapper .video-wrapper video,#section-camera .video-sides .video-wrapper video{width:100%;height:100%}#section-camera .img-focus{width:637px;height:637px}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .img-focus{width:534px;height:534px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .img-focus{width:435px;height:435px}}@media (max-width:1023px){#section-camera .img-focus{width:100%;height:calc((100vw - 40px) * 0.75)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .img-focus{height:calc((100vw - 60px) * 0.75)}}#section-camera .img-night-wrapper{position:relative}@media (min-width:1024px){#section-camera .img-night-wrapper{width:1312px;height:738px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .img-night-wrapper{width:1100px;height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .img-night-wrapper{width:896px;height:504px}}@media (max-width:1023px){#section-camera .img-night-wrapper{width:calc(100vw - 40px);height:calc((100vw - 40px) * 0.75)}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .img-night-wrapper{width:calc(100vw - 60px);height:calc((100vw - 60px) * 0.75)}}@media (min-width:720px) and (max-width:1023px){#section-camera .img-night-wrapper{width:calc(100vw - 48px);height:calc((100vw - 48px) * 0.75)}}#section-camera .img-night-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.3s}#section-camera .img-night-wrapper img.active{opacity:1}#section-camera .controller{margin:34px auto 0;text-align:center}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .controller{margin:29px auto 0}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .controller{margin:23px auto 0}}@media (max-width:1023px){#section-camera .controller{display:flex;align-items:center;justify-content:space-between;margin-top:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .controller{margin-top:24px}}#section-camera .controller .item{font-family:OPPOSans-Bold;display:inline-block;position:relative;border-bottom:2px solid transparent;font-size:20px;color:#656565;letter-spacing:0px;line-height:28px;transition:.3s;cursor:pointer}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .controller .item{font-size:17px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .controller .item{font-size:14px;letter-spacing:0px;line-height:19px}}@media (min-width:1024px){#section-camera .controller .item{margin:0 30px;padding-bottom:7px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .controller .item{margin:0 25px;padding-bottom:6px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .controller .item{margin:0 20px;padding-bottom:5px}}@media (max-width:1023px){#section-camera .controller .item{font-size:16px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-camera .controller .item{font-size:24px;letter-spacing:0px;line-height:42px}}#section-camera .controller .item:hover{color:#fff}#section-camera .controller .item.active{border-bottom:2px solid #fff;color:#fff}#section-camera .controller .item +.item:before{content:'';position:absolute;left:-29px;top:5px;width:2px;height:20px;background:#656565}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .controller .item +.item:before{left:-24px;top:4px;width:2px;height:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .controller .item +.item:before{left:-20px;top:3px;width:1px;height:14px}}#section-camera .controller .separator{width:2px;height:18px;background:#656565}@media (min-width: 720px) and (max-width: 1023px){#section-camera .controller .separator{width:3px;height:27px}}#section-perf{color:#fff;background:#000}@media (min-width:1024px){#section-perf #Performance{padding-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf #Performance{padding-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf #Performance{padding-top:87px}}@media (max-width:1023px){#section-perf #Performance{padding-top:45px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf #Performance{padding-top:67px}}#section-perf .g--text-container-col .title-wrapper{flex:0 0 50%}#section-perf .charge-spot-wrapper{display:flex;justify-content:space-between;margin-top:32px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .charge-spot-wrapper{margin-top:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .charge-spot-wrapper{margin-top:22px}}@media (max-width:1023px){#section-perf .charge-spot-wrapper{flex-direction:column;margin-top:14px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .charge-spot-wrapper{margin-top:21px}}@media (max-width:1023px){#section-perf .charge-spot-wrapper .charge-spot{color:transparent;background-image:linear-gradient(-10deg,#3ad7ff,#2b8cfb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}#section-perf .charge-spot-wrapper .spot-title{font-size:20px;color:#fff;letter-spacing:0px;line-height:28px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .charge-spot-wrapper .spot-title{font-size:17px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .charge-spot-wrapper .spot-title{font-size:14px;letter-spacing:0px;line-height:19px}}@media (max-width:1023px){#section-perf .charge-spot-wrapper .spot-title{font-family:OPPOSans-Bold;display:inline;font-size:14px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .charge-spot-wrapper .spot-title{font-size:21px;letter-spacing:0px;line-height:42px}}#section-perf .charge-spot-wrapper .spot-detail{font-size:20px;letter-spacing:0px;line-height:28px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .charge-spot-wrapper .spot-detail{font-size:17px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .charge-spot-wrapper .spot-detail{font-size:14px;letter-spacing:0px;line-height:19px}}@media (min-width:1024px){#section-perf .charge-spot-wrapper .spot-detail{color:transparent;background-image:linear-gradient(-10deg,#3ad7ff,#2b8cfb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}@media (max-width:1023px){#section-perf .charge-spot-wrapper .spot-detail{font-family:OPPOSans-Bold;display:inline;font-size:14px;color:inherit;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .charge-spot-wrapper .spot-detail{font-size:21px;letter-spacing:0px;line-height:42px}}#section-perf .img-detail{margin-top:27px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .img-detail{margin-top:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .img-detail{margin-top:18px}}@media (min-width:1024px){#section-perf .img-detail{width:760px;font-size:16px;letter-spacing:0px;line-height:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .img-detail{width:637px;font-size:13px;letter-spacing:0px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .img-detail{width:519px;font-size:11px;letter-spacing:0px;line-height:22px}}@media (max-width:1023px){#section-perf .img-detail{font-size:14px;letter-spacing:0px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .img-detail{font-size:21px;letter-spacing:0px;line-height:36px}}#section-perf .col-container{display:flex;align-items:center;justify-content:space-between}@media (max-width:1023px){#section-perf .col-container{flex-direction:column}}@media (max-width:1023px){#section-perf .col-container .texts{width:100%}}@media (min-width:1024px){#section-perf .battery-exploded{margin-top:88px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .battery-exploded{margin-top:74px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .battery-exploded{margin-top:60px}}@media (max-width:1023px){#section-perf .battery-exploded{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .battery-exploded{margin-top:60px}}@media (min-width:1024px){#section-perf .g--gap-top-large.margin-gap{margin-top:34px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .g--gap-top-large.margin-gap{margin-top:29px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .g--gap-top-large.margin-gap{margin-top:23px}}@media (min-width:1024px){#section-perf .tasks-phone{width:650px;height:394px}}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .tasks-phone{width:545px;height:330px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .tasks-phone{width:444px;height:269px}}@media (max-width:1023px){#section-perf .tasks-phone{margin:64px auto 0;width:calc(100vw - 40px);height:calc((100vw - 40px) * 0.6067)}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .tasks-phone{margin:96px auto 0;width:calc(100vw - 60px);height:calc((100vw - 60px) * 0.6067)}}#section-perf .point-items{margin-top:31px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .point-items{margin-top:26px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .point-items{margin-top:21px}}@media (max-width:1023px){#section-perf .point-items{margin-top:25px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .point-items{margin-top:37px}}#section-perf .point-items .item{display:flex;align-items:center}#section-perf .point-items .item +.item{margin-top:17px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .point-items .item +.item{margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .point-items .item +.item{margin-top:12px}}@media (max-width:1023px){#section-perf .point-items .item +.item{margin-top:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .point-items .item +.item{margin-top:15px}}#section-perf .point-items .item .icon{display:inline-block;margin-right:10px;width:30px;height:30px}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .point-items .item .icon{margin-right:8px;width:25px;height:25px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .point-items .item .icon{margin-right:7px;width:20px;height:20px}}@media (max-width:1023px){#section-perf .point-items .item .icon{margin-right:4px;width:30px;height:30px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .point-items .item .icon{margin-right:6px;width:45px;height:45px}}#section-perf .point-items .item .text{font-family:OPPOSans-Bold;display:inline-block;font-size:16px;letter-spacing:0px;line-height:28px;background-image:-webkit-linear-gradient(90deg,#3ad7ff,#2b8cfb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 1400px) and (max-width: 1799px){#section-perf .point-items .item .text{font-size:13px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-perf .point-items .item .text{font-size:11px;letter-spacing:0px;line-height:19px}}@media (max-width:1023px){#section-perf .point-items .item .text{font-size:14px;letter-spacing:0px;line-height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-perf .point-items .item .text{font-size:21px;letter-spacing:0px;line-height:42px}}#section-design{color:#000;background:#fff}#section-design .g--text-container-col{text-align:left}@media (min-width:1024px){#section-design .g--text-container-col .title br{display:none}}@media (min-width:1024px){#section-design .banner-phone-wrapper{width:1312px;height:565px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .banner-phone-wrapper{width:1100px;height:474px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .banner-phone-wrapper{width:896px;height:386px}}@media (max-width:1023px){#section-design .banner-phone-wrapper{width:calc(100vw - 40px);height:calc((100vw - 40px) * 0.428125)}}@media (min-width: 720px) and (max-width: 1023px){#section-design .banner-phone-wrapper{width:calc(100vw - 60px);height:calc((100vw - 60px) * 0.428125)}}#section-design .banner-phone-wrapper .banner-phone{width:100%;height:100%}#section-design .banner-phone-wrapper .front{position:absolute;z-index:1;top:0;width:100%}#section-design .banner-phone-wrapper .shadow{position:absolute;z-index:0;bottom:0;width:100%}@media (min-width:1024px){#section-design .color-preview-sticky-container{height:270vh;height:calc(270 * var(--vh, 1vh));height:200vh;height:calc(200 * var(--vh, 1vh))}}#section-design .color-preview{position:relative;width:100%;transition:.3s}@media (min-width:1024px){#section-design .color-preview{height:calc(100vh - 60px);height:calc((100 * var(--vh, 1vh)) - 60px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .color-preview{height:calc(100vh - 50px);height:calc((100 * var(--vh, 1vh)) - 50px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .color-preview{height:calc(100vh - 41px);height:calc((100 * var(--vh, 1vh)) - 41px)}}#section-design .color-preview[data-color='white']{background-image:linear-gradient(218deg,#dbdbdb 0,#fff 56%,#dbdbdb 100%)}#section-design .color-preview[data-color='black']{background-image:linear-gradient(218deg,#94999e 0,#bbc4cc 61%,#9fa6ac 100%)}#section-design .color-preview[data-color='purple']{background-image:linear-gradient(163deg,#e5deff 0,#e8f9ff 100%)}#section-design .color-preview .bg-colors{position:absolute;top:0;left:0;width:100%;height:100%}#section-design .color-preview .bg-colors .color{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.3s;transition-delay:.1s}#section-design .color-preview .bg-colors .color.active{transition:.3s;opacity:1}@media (min-width:1024px){#section-design .color-preview .bg-colors .color[data-color='white']{background-image:linear-gradient(218deg,#dbdbdb 0,#fff 56%,#dbdbdb 100%)}}@media (max-width:1023px){#section-design .color-preview .bg-colors .color[data-color='white']{background-image:linear-gradient(163deg,#f6f6f6 0,#dfdfdf 100%)}}#section-design .color-preview .bg-colors .color[data-color='black']{background-image:linear-gradient(218deg,#94999e 0,#bbc4cc 61%,#9fa6ac 100%)}#section-design .color-preview .bg-colors .color[data-color='purple']{background-image:linear-gradient(163deg,#e5deff 0,#e8f9ff 100%)}#section-design .color-preview .g--container{position:relative;height:100%}@media (min-width:1024px){#section-design .color-preview .texts{position:absolute;top:50%;left:0;width:560px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .color-preview .texts{width:470px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .color-preview .texts{width:382px}}@media (max-width:1023px){#section-design .color-preview .texts{padding-top:80px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .color-preview .texts{padding-top:120px}}@media (min-width:1024px){#section-design .color-preview .phones{position:absolute;right:0;bottom:0;width:775px;height:730px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .color-preview .phones{width:650px;height:612px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .color-preview .phones{width:529px;height:499px}}@media (max-width:1023px){#section-design .color-preview .phones{margin-top:23px;width:100vw;height:91.111vw}}@media (min-width: 720px) and (max-width: 1023px){#section-design .color-preview .phones{margin-top:34px}}#section-design .color-preview .phones img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.3s;transition-delay:.1s}#section-design .color-preview .phones img.active{transition:.3s;opacity:1}#section-design .color-preview .options{margin-top:35px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .color-preview .options{margin-top:29px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .color-preview .options{margin-top:24px}}@media (max-width:1023px){#section-design .color-preview .options{display:flex;justify-content:flex-start}}@media (min-width:1024px) and (max-width:1399px){#section-design .color-preview .options{display:flex;justify-content:flex-start}}#section-design .color-preview .options .option{display:inline-flex;align-items:center;cursor:pointer;font-size:0}@media (max-width:1023px){#section-design .color-preview .options .option{flex-direction:column;justify-content:center;text-align:center;max-width:calc(33% - 28px)}}#section-design .color-preview .options .option .text{white-space:nowrap}#section-design .color-preview .options .option.white .radio .inner{background-image:linear-gradient(134deg,#849398 3%,#a1aeb2 100%)}@media (min-width:1024px){#section-design .color-preview .options .option.white .text{background-image:linear-gradient(90deg,#849398,#a1aeb2)}}#section-design .color-preview .options .option.black .radio .inner{background-image:linear-gradient(136deg,#2b2b2b 3%,#676767 92%)}@media (min-width:1024px){#section-design .color-preview .options .option.black .text{background-image:linear-gradient(90deg,#2b2b2b,#676767)}}#section-design .color-preview .options .option.purple .radio .inner{background-image:linear-gradient(134deg,#37c2f6 3%,#c04cff 100%)}@media (min-width:1024px){#section-design .color-preview .options .option.purple .text{background-image:linear-gradient(90deg,#25bfd5,#179bba,#4084c3,#9a82ff)}}@media (max-width:1023px){#section-design .color-preview .options .option.active.white .radio .inner{background-image:linear-gradient(135deg,#d8dbdd,#fff,#eeeff0,#c4c7c8)}}#section-design .color-preview .options .option.active .radio .outer{opacity:1}@media (max-width:1023px){#section-design .color-preview .options .option.active .text{opacity:1}}#section-design .color-preview .options .option + .option{margin-left:43px}@media (min-width: 1400px) and (max-width: 1799px){#section-design .color-preview .options .option + .option{margin-left:36px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .color-preview .options .option + .option{margin-left:29px}}#section-design .color-preview .options .option .radio{display:inline-flex;position:relative;z-index:5;font-size:0;border-radius:50%}@media (min-width:1024px){#section-design .color-preview .options .option .radio{margin-right:13px;width:16px;height:16px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .color-preview .options .option .radio{margin-right:11px;width:13px;height:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .color-preview .options .option .radio{margin-right:9px;width:11px;height:11px}}@media (max-width:1023px){#section-design .color-preview .options .option .radio{width:30px;height:30px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .color-preview .options .option .radio{width:45px;height:45px}}@media (min-width:1400px) and (max-width:1799px){#section-design .color-preview .options .option .radio{width:14px;height:14px}}#section-design .color-preview .options .option .radio .inner{position:absolute;top:0;left:0;border-radius:50%;width:100%;height:100%}#section-design .color-preview .options .option .radio .outer{position:absolute;top:50%;left:50%;width:26px;height:26px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:.3s}@media (min-width: 1400px) and (max-width: 1799px){#section-design .color-preview .options .option .radio .outer{width:22px;height:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .color-preview .options .option .radio .outer{width:18px;height:18px}}@media (max-width:1023px){#section-design .color-preview .options .option .radio .outer{width:40px;height:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .color-preview .options .option .radio .outer{width:60px;height:60px}}@media (min-width:1024px){#section-design .color-preview .options .option .text{font-family:OPPOSans-Bold;font-size:16px;letter-spacing:0;line-height:20px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .color-preview .options .option .text{font-size:13px;line-height:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .color-preview .options .option .text{font-size:11px;line-height:14px}}@media (max-width:1023px){#section-design .color-preview .options .option .text{margin-top:17px;font-size:10px;color:rgba(0,0,0,0.7);letter-spacing:0px;line-height:12px;opacity:0;transition:.3s}}@media (min-width: 720px) and (max-width: 1023px){#section-design .color-preview .options .option .text{margin-top:25px;font-size:15px;letter-spacing:0px;line-height:18px}}@media (min-width:1024px){#section-design .color-preview .options .option .text br{display:none}}@media (max-width:1023px){#section-design .sticky-container-pt{height:155vw}}@media (min-width:1024px){#section-design .sticky-container-ls{height:1000px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .sticky-container-ls{height:838px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .sticky-container-ls{height:683px}}#section-design .fingerprint{background:#fff;display:flex}@media (min-width:1024px){#section-design .fingerprint{align-items:center}}@media (max-width:1023px){#section-design .fingerprint{flex-direction:column}}@media (max-width:1023px){#section-design .fingerprint .g--text-title{white-space:normal}}#section-design .fingerprint .phone-wrapper{position:relative}@media (min-width:1024px){#section-design .fingerprint .phone-wrapper{margin-left:216px;width:379px;height:815px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .fingerprint .phone-wrapper{margin-left:181px;width:318px;height:683px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .fingerprint .phone-wrapper{margin-left:148px;width:259px;height:557px}}@media (max-width:1023px){#section-design .fingerprint .phone-wrapper{margin:64px auto 0;width:52vw;height:0;padding-bottom:112.008vw}}@media (min-width: 720px) and (max-width: 1023px){#section-design .fingerprint .phone-wrapper{margin:96px auto 0}}#section-design .fingerprint .phone-wrapper img.icon-fingerprint{position:absolute;z-index:5;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:1024px){#section-design .fingerprint .phone-wrapper img.icon-fingerprint{bottom:118px;width:62px;height:62px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .fingerprint .phone-wrapper img.icon-fingerprint{bottom:99px;width:52px;height:52px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .fingerprint .phone-wrapper img.icon-fingerprint{bottom:81px;width:42px;height:42px}}@media (max-width:1023px){#section-design .fingerprint .phone-wrapper img.icon-fingerprint{bottom:12.38%;width:32px;height:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .fingerprint .phone-wrapper img.icon-fingerprint{width:48px;height:48px}}#section-design .fingerprint .phone-wrapper img.phone{position:absolute;width:100%;height:100%;z-index:0}#section-design .fingerprint .phone-wrapper .cover{position:absolute;top:.5%;left:1%;z-index:2;width:98%;height:99%;background:rgba(0,0,0,0.6)}@media (min-width:1024px){#section-design .fingerprint .phone-wrapper .cover{border-radius:45px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .fingerprint .phone-wrapper .cover{border-radius:38px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .fingerprint .phone-wrapper .cover{border-radius:31px}}@media (max-width:1023px){#section-design .fingerprint .phone-wrapper .cover{border-radius:30px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .fingerprint .phone-wrapper .cover{border-radius:45px}}#section-os{padding-top:48px;background:#f0f0f0;text-align:center}@media (min-width: 1400px) and (max-width: 1799px){#section-os{padding-top:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os{padding-top:33px}}@media (max-width:1023px){#section-os{padding-top:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-os{padding-top:72px}}#section-os .logo{margin:0 auto}@media (max-width:1023px){#section-os .logo{width:75px;height:105px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .logo{width:112px;height:157px}}#section-os .logo-text-title{font-family:OPPOSans-Bold;margin-top:26px;font-size:36px;color:#000;letter-spacing:0px;text-align:center;line-height:56px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .logo-text-title{margin-top:22px;font-size:30px;letter-spacing:0px;line-height:47px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .logo-text-title{margin-top:18px;font-size:25px;letter-spacing:0px;line-height:38px}}@media (max-width:1023px){#section-os .logo-text-title{margin-top:19px;font-size:20px;letter-spacing:0;line-height:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .logo-text-title{margin-top:28px;font-size:30px;line-height:48px}}#section-os .learn-more{font-family:OPPOSans-Bold;display:inline-block;margin:48px auto 0;border-bottom:1px solid #000;font-size:14px;color:#000;letter-spacing:0px;text-align:center;padding:13px 20px;border:1px solid #000}@media (min-width: 720px) and (max-width: 1023px){#section-os .learn-more{padding:19px 30px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .learn-more{margin:40px auto 0;font-size:12px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .learn-more{margin:33px auto 0;font-size:10px;letter-spacing:0px}}@media (max-width:1023px){#section-os .learn-more{font-family:OPPOSans-Medium;margin-top:16px;font-size:14px;line-height:16px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .learn-more{margin-top:24px;font-size:21px;line-height:24px}}#section-os .intro-view{display:flex;justify-content:space-between;margin-top:48px;text-align:left;color:#000}@media (min-width: 1400px) and (max-width: 1799px){#section-os .intro-view{margin-top:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .intro-view{margin-top:33px}}@media (max-width:1023px){#section-os .intro-view{flex-direction:column;margin-top:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .intro-view{margin-top:72px}}@media (min-width:1024px){#section-os .intro-view .col{width:400px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .intro-view .col{width:335px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .intro-view .col{width:273px}}@media (max-width:1023px){#section-os .intro-view .col{width:100%}}@media (max-width:1023px){#section-os .intro-view .col +.col{margin-top:64px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .intro-view .col +.col{margin-top:96px}}#section-os .intro-view .col img{width:100%}@media (min-width:1024px){#section-os .intro-view .col img{height:533px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .intro-view .col img{height:447px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .intro-view .col img{height:364px}}@media (max-width:1023px){#section-os .intro-view .col img{height:calc(100vw - 40px)}}@media (min-width: 720px) and (max-width: 1023px){#section-os .intro-view .col img{height:calc(100vw - 60px)}}#section-os .intro-view .title{font-family:OPPOSans-Bold;margin-top:20px;font-size:20px;letter-spacing:0px;line-height:32px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .intro-view .title{margin-top:17px;font-size:17px;letter-spacing:0px;line-height:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .intro-view .title{margin-top:14px;font-size:14px;letter-spacing:0px;line-height:22px}}@media (max-width:1023px){#section-os .intro-view .title{margin-top:12px;font-size:16px;letter-spacing:0px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .intro-view .title{margin-top:18px;font-size:24px;letter-spacing:0px;line-height:36px}}#section-os .intro-view .subtitle{margin-top:10px;font-size:16px;letter-spacing:0px;line-height:28px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .intro-view .subtitle{margin-top:8px;font-size:13px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .intro-view .subtitle{margin-top:7px;font-size:11px;letter-spacing:0px;line-height:19px}}@media (max-width:1023px){#section-os .intro-view .subtitle{margin-top:12px;font-size:12px;letter-spacing:0px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .intro-view .subtitle{margin-top:18px;font-size:18px;letter-spacing:0px;line-height:36px}}#section-os .intro-view .detail{margin-top:12px;font-size:16px;letter-spacing:0px;line-height:28px}@media (min-width: 1400px) and (max-width: 1799px){#section-os .intro-view .detail{margin-top:10px;font-size:13px;letter-spacing:0px;line-height:23px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .intro-view .detail{margin-top:8px;font-size:11px;letter-spacing:0px;line-height:19px}}@media (max-width:1023px){#section-os .intro-view .detail{margin-top:12px;font-size:12px;letter-spacing:0px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .intro-view .detail{margin-top:18px;font-size:18px;letter-spacing:0px;line-height:36px}}#section-remark{color:#000;background:#fff}@media (max-width:1023px){#section-remark{padding-top:16px;color:#787878;background:#f0f0f0}}@media (min-width: 720px) and (max-width: 1023px){#section-remark{padding-top:24px}}#section-remark .content{opacity:.78;font-size:12px;letter-spacing:0px;line-height:23px}@media (min-width: 1400px) and (max-width: 1799px){#section-remark .content{font-size:10px;letter-spacing:0px;line-height:19px}}@media (min-width: 1024px) and (max-width: 1399px){#section-remark .content{font-size:8px;letter-spacing:0px;line-height:16px}}@media (max-width:1023px){#section-remark .content{font-size:12px;letter-spacing:0px;line-height:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-remark .content{font-size:18px;letter-spacing:0px;line-height:30px}}.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}@media (min-width:1024px){.g--text-title{font-size:42px;line-height:58px;letter-spacing:0px;padding:4px 0;white-space:nowrap}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-title{font-size:35px;line-height:49px;letter-spacing:0px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-title{font-size:29px;line-height:40px;letter-spacing:0px}}@media (max-width:1023px){.g--text-title{font-size:28px;line-height:39px;letter-spacing:0px;padding:2px 0}}@media (min-width: 720px) and (max-width: 1023px){.g--text-title{font-size:42px;line-height:58px;letter-spacing:0px}}.g--text-title sup{font-size:40%;top:-1.2em}.g--text-detail{font-family:OPPOSans-Regular;width:100%;max-width:752px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail{max-width:630px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail{max-width:514px}}@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{color:#c8d9f3;font-size:52px;line-height:1;padding:.2692em 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}}@media (max-width:1023px){.g--text-keywords .value{font-size:36px;line-height:1;letter-spacing:-.005em;padding:.2778em 0}}@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}}.g--text-keywords .value sub{font-family:OPPOSans-Bold;bottom:0;font-size:20px;line-height:1;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}}@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}}.g--text-keywords .key{font-size:14px;line-height:1.71;letter-spacing:-.0043em;color:rgba(0,0,0,0.6);margin-top:-4px}@media (min-width: 1400px) and (max-width: 1799px){.g--text-keywords .key{font-size:12px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-keywords .key{font-size:10px}}@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}}.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}}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}.g--section-title{font-family:OPPOSans-Bold;font-size:68px;letter-spacing:-1px;text-align:center;line-height:96px;background-image:linear-gradient(-10deg,#37c2f6,#c04cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 1400px) and (max-width: 1799px){.g--section-title{font-size:57px;letter-spacing:-1px;line-height:80px}}@media (min-width: 1024px) and (max-width: 1399px){.g--section-title{font-size:46px;letter-spacing:-1px;line-height:66px}}@media (max-width:1023px){.g--section-title{font-size:36px;letter-spacing:0px;line-height:56px}}@media (min-width: 720px) and (max-width: 1023px){.g--section-title{font-size:54px;letter-spacing:0px;line-height:84px}}html.hasHeader section#oc-container{padding-top:0}div.oppo-navbar nav#navbar{z-index:500}div.oppo-navbar nav#navbar .container .products .active{border-bottom:1px solid}@media (max-width:1023px){.links.module{display:none !important}}