.cmp-image__image{width:100%;display:block}
.cmp-image__image{width:100%}
.cmp-breadcrumb{display:inline-block;list-style:none;padding:0}
.cmp-breadcrumb__item{display:inline-block;vertical-align:top}
.fa,.fas,.far,.fal,.fad,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
[class^="fa-"],[class*=" fa-"]{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-alipay:before{content:"\E900"}
.fa-search:before{content:"\F002"}
.fa-map-marker-alt:before{content:"\F041"}
.fa-chevron-left:before{content:"\F053"}
.fa-chevron-right:before{content:"\F054"}
.fa-arrow-left:before{content:"\F060"}
.fa-arrow-right:before{content:"\F061"}
.fa-arrow-up:before{content:"\F062"}
.fa-arrow-down:before{content:"\F063"}
.fa-chevron-up:before{content:"\F077"}
.fa-chevron-down:before{content:"\F078"}
.fa-long-arrow-alt-down:before{content:"\F175"}
.fa-long-arrow-alt-up:before{content:"\F176"}
.fa-long-arrow-alt-left:before{content:"\F177"}
.fa-long-arrow-alt-right:before{content:"\F178"}
.fa-close:before{content:"\F00D"}
.fa-remove:before{content:"\F00D"}
.fa-times:before{content:"\F00D"}
.fa-play:before{content:"\F04B"}
.fa-twitter:before{content:"\F099"}
.fa-facebook:before{content:"\F09A"}
.fa-facebook-f:before{content:"\F09A"}
.fa-linkedin-in:before{content:"\F0E1"}
.fa-youtube:before{content:"\F16A"}
.fa-wechat:before{content:"\F1D7"}
.fa-weixin:before{content:"\F1D7"}
.fa-instagram:before{content:"\F16D"}
.fa-weibo:before{content:"\F18A"}
.fa-qq:before{content:"\F1D6"}
.fa-pinterest:before{content:"\F0D2"}
.fa-pinterest-square:before{content:"\F0D3"}
.fa-snapchat:before{content:"\F2AB"}
.fa-snapchat-ghost:before{content:"\F2AC"}
.fa-snapchat-square:before{content:"\F2AD"}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat}
.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);padding:0;border:0;outline:0}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:0;background:transparent;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir="rtl"] .slick-prev{left:auto;right:-25px}
.slick-prev:before{content:"\2190"}
[dir="rtl"] .slick-prev:before{content:"\2192"}
.slick-next{right:-25px}
[dir="rtl"] .slick-next{left:-25px;right:auto}
.slick-next:before{content:"\2192"}
[dir="rtl"] .slick-next:before{content:"\2190"}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:0}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:#000;opacity:.75}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure{transform:translateZ(0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure{transform:translateZ(0)}
.oh-nav .oh-nav-menu a.nav-menu{box-sizing:border-box;height:100%;display:flex;align-items:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-pack:center}
.oh-nav .oh-nav-logo a.nav-logo{box-sizing:border-box;height:100%;display:flex;align-items:center;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-pack:center}
.is_simple .is_simple_hide{display:none}
.is_simple #oc-wrapper{padding-top:0}
.is_simple #oc-container{margin:0}
.oc-header{font-size:13px}
#oc-header{position:absolute;left:0;right:0;top:0;margin:auto;z-index:999;height:auto;transition:all .3s}
@media(min-width:1024px){#oc-header .wap-nav-submenus-popup{display:none !important}
#oc-header.show-mask .oh-nav .oh-nav-logo a.nav-logo svg{fill:#000 !important}
}
#oc-header .oh-nav-item .fa-chevron-down,#oc-header .oh-nav-item .fa-chevron-up{display:none}
.dark-theme #oc-header{background-color:#000}
.dark-theme #oc-header.show-mask{background-color:transparent}
.main #oc-header{background-color:transparent}
.is_simple #oc-header{display:none}
@media(max-width:1023.98px){#oc-header{transition:none}
#oc-header.fixed{position:fixed;top:0;left:0;right:0;background-color:#fff !important}
#oc-header.fixed .oh-nav .oh-nav-logo a.nav-logo svg{fill:#000 !important;transition:none}
#oc-header.fixed .oh-nav .oh-nav-menu a.nav-menu b:before,#oc-header.fixed .oh-nav .oh-nav-menu a.nav-menu b:after,#oc-header.fixed .oh-nav .oh-nav-menu a.nav-menu b em{background-color:#000 !important;transition:none}
.clean-theme #oc-header.fixed.openHeaderMenu,.light-theme #oc-header.fixed.openHeaderMenu{background-color:#fff}
@keyframes fadeIn{from{top:-52px}
to{top:0}
}
#oc-header.fadeIn{animation:.24s cubic-bezier(0.4,0.8,0.74,1) fadeIn;top:0}
}
#oc-header.oh-theme-white{color:#fff}
#oc-header.openHeaderMenu{color:inherit;background-color:#fff;will-change:background}
.dark-theme #oc-header.openHeaderMenu{background-color:#fff}
#oc-mask{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:rgba(0,0,0,0.2);z-index:888;max-height:0;opacity:0;transition:max-height 0 linear .5s}
@media(max-width:1023.98px){#oc-mask{cursor:pointer;pointer-events:all}
}
.main #oc-mask{top:0}
#oc-header.show-mask ~ #oc-mask{opacity:1;max-height:100vh;transition:max-height 0 linear 0}
button.slick-arrow{display:none !important}
#oc-header.show-mask .oh-nav .oh-nav-menu a.nav-menu b:before,#oc-header.show-mask .oh-nav .oh-nav-menu a.nav-menu b:after{background-color:#000 !important}
#oc-header.show-mask .oh-nav .oh-nav-right .oh-nav-right-item a{color:rgba(0,0,0,0.7) !important}
#oc-header.show-mask .oh-nav-right-item.account .avatar #iconOutline{fill:rgba(0,0,0,0.7) !important}
#oc-header .mbactive.oh_nav_shop{display:none}
.dark-theme #oc-header .oh_nav_shop svg{fill:#fff}
.dark-theme #oc-header .oh_nav_shop svg path:nth-child(2){fill:#fff}
.dark-theme #oc-header .account .avatar svg{fill:#fff}
.dark-theme #oc-header.show-mask .oh-nav-right-seek path{fill:#000}
.dark-theme #oc-header.show-mask .oh_nav_shop svg path:nth-child(2){fill:#000}
.appDownLoad{display:none}
.oh-nav-pcseek .user-info{display:none}
.oh-nav{max-width:1312px;position:relative;text-align:center;margin:0 auto;z-index:2}
@media(max-width:1023.98px){.oh-nav{margin:0;max-height:48px;transition:all .2s cubic-bezier(0.4,0.8,0.74,1) 0}
.openHeaderMenu .oh-nav{will-change:transform,max-height;max-height:100vh}
}
.oh-nav .oh-nav-logo{position:absolute;top:0;left:0;display:flex;height:80px;z-index:2;overflow:hidden}
@media(min-width:1024px) and (max-width:1439.98px){.oh-nav .oh-nav-logo{height:64px}
}
@media(max-width:1023.98px){.oh-nav .oh-nav-logo{margin-left:auto;display:block;right:0;left:0;padding-left:64px;height:48px;transition:background .1s ease .1s}
.show-languages .oh-nav .oh-nav-logo{height:0}
.openHeaderMenu .oh-nav .oh-nav-logo{background-color:#fff;transition:background .1s ease .5s}
.dark-theme .openHeaderMenu .oh-nav .oh-nav-logo{background-color:#fff}
}
@media(max-width:767.98px){.oh-nav .oh-nav-logo{padding-left:20px;left:0}
}
.oh-nav .oh-nav-logo a.nav-logo{vertical-align:middle}
@media all and (min-width:1440px) and (-ms-high-contrast:none),(min-width:1440px) and (-ms-high-contrast:active){.oh-nav .oh-nav-logo a.nav-logo{flex:0 0 101px}
}
@media(max-width:1023.98px){.oh-nav .oh-nav-logo a.nav-logo{justify-content:flex-start;width:100px}
}
.oh-nav .oh-nav-logo a.nav-logo h1{font-size:inherit}
.win .oh-nav .oh-nav-logo a.nav-logo h1{width:126px}
.oh-nav .oh-nav-logo a.nav-logo svg{fill:#000;height:23px;vertical-align:middle;transition:fill .3s ease}
@media(max-width:1023.98px){.oh-nav .oh-nav-logo a.nav-logo svg{height:15px}
.openHeaderMenu .oh-nav .oh-nav-logo a.nav-logo svg{fill:#000 !important;transition:fill .3s ease}
}
.dark-theme .oh-nav .oh-nav-logo a.nav-logo svg{fill:#fff}
.dark-theme .oc-header.show-mask .oh-nav .oh-nav-logo a.nav-logo svg{fill:#000}
.light-theme .oh-nav .oh-nav-logo a.nav-logo svg{fill:#000}
.oh-nav .oh-nav-right{position:absolute;top:0;right:0;display:flex;z-index:2;min-height:80px;height:80px;align-items:center}
@media(min-width:1024px) and (max-width:1439.98px){.oh-nav .oh-nav-right{min-height:64px;height:64px}
}
.oh-nav .oh-nav-right .oh-nav-right-item{transition:all .3s;cursor:pointer}
.oh-nav .oh-nav-right .oh-nav-right-item:hover>a{opacity:1}
.oh-nav .oh-nav-right .oh-nav-right-item a{color:black;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;transition:all .36s cubic-bezier(0.4,0.8,0.74,1)}
.clean-theme .oh-nav .oh-nav-right .oh-nav-right-item{color:rgba(0,0,0,0.7)}
.dark-theme .oh-nav .oh-nav-right .oh-nav-right-item a{color:rgba(255,255,255,0.7)}
.dark-theme .oc-header.show-mask .oh-nav .oh-nav-right .oh-nav-right-item a{color:rgba(0,0,0,0.7)}
.oh-nav .oh-nav-right .oh_nav_shop_pc{display:inline-block;height:24px;margin-right:.18rem}
.oh-nav .oh-nav-right .oh_nav_shop_pc[data-hide='true']{display:none}
.oh-nav .oh-nav-right .search{margin-right:0}
.oh-nav .oh-nav-right .search input{display:none}
.dark-theme .oh-nav .oh-nav-right .search .fa-search{color:rgba(255,255,255,0.7)}
.oh-nav .oh-nav-menu{display:none;position:absolute;top:0;right:0;height:80px;z-index:5;overflow:hidden}
@media(min-width:1024px) and (max-width:1439.98px){.oh-nav .oh-nav-menu{height:64px}
}
.oh-nav .oh-nav-menu a.nav-menu{padding-left:10px;height:100%;display:flex}
.oh-nav .oh-nav-menu a.nav-menu b{position:relative;width:18px;height:14px;display:inline-block}
.oh-nav .oh-nav-menu a.nav-menu b:before,.oh-nav .oh-nav-menu a.nav-menu b:after,.oh-nav .oh-nav-menu a.nav-menu b em{content:'';display:block;position:absolute;left:0;height:2px;border-radius:2px;background-color:#000;transition:all .3s ease .1s}
.dark-theme .oh-nav .oh-nav-menu a.nav-menu b:before,.dark-theme .oh-nav .oh-nav-menu a.nav-menu b:after,.dark-theme .oh-nav .oh-nav-menu a.nav-menu b em{background-color:#fff}
.dark-theme .openHeaderMenu .oh-nav .oh-nav-menu a.nav-menu b:before,.dark-theme .openHeaderMenu .oh-nav .oh-nav-menu a.nav-menu b:after,.dark-theme .openHeaderMenu .oh-nav .oh-nav-menu a.nav-menu b em{background-color:#000}
@media(max-width:1023.98px){.oh-nav .oh-nav-menu a.nav-menu b:before,.oh-nav .oh-nav-menu a.nav-menu b:after,.oh-nav .oh-nav-menu a.nav-menu b em{display:block}
}
.oh-nav .oh-nav-menu a.nav-menu b em{top:6.5px;width:100%}
@media(max-width:1023.98px){.openHeaderMenu .oh-nav .oh-nav-menu a.nav-menu b em{opacity:0}
}
.oh-nav .oh-nav-menu a.nav-menu b:before{top:0;width:100%}
@media(max-width:1023.98px){.openHeaderMenu .oh-nav .oh-nav-menu a.nav-menu b:before{top:6.5px;transform:rotateZ(45deg)}
}
.oh-nav .oh-nav-menu a.nav-menu b:after{top:13.5px;width:100%}
@media(max-width:1023.98px){.openHeaderMenu .oh-nav .oh-nav-menu a.nav-menu b:after{top:6.5px;transform:rotateZ(-45deg)}
}
@media(max-width:1023.98px){.oh-nav .oh-navlist-wrapper{display:flex;align-items:flex-start;position:relative;width:100%;overflow:hidden;overflow-y:auto;min-height:100vh;max-height:0;visibility:hidden;opacity:0;background-color:#fff;will-change:transform,max-height;-webkit-overflow-scrolling:touch;transition:all .2s cubic-bezier(0.4,0.8,0.74,1);padding-top:52px}
.openHeaderMenu .oh-nav .oh-navlist-wrapper{max-height:100vh;visibility:visible;opacity:1}
.show-languages .oh-nav .oh-navlist-wrapper{overflow-y:hidden}
.oh-nav .oh-navlist-wrapper .oh-navlist{width:100vw;transition:margin-left .3s}
.show-languages .oh-nav .oh-navlist-wrapper .oh-navlist{margin-left:-100vw}
}
.oh-nav .oh-nav-list{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;width:auto;height:80px;text-align:center;display:inline-block}
@media(min-width:1024px) and (max-width:1439.98px){.oh-nav .oh-nav-list{height:64px}
}
.oh-nav .oh-nav-list .oh-nav-item{display:inline-block;text-align:center;vertical-align:middle;height:100%;box-sizing:border-box}
.oh-nav .oh-nav-list .oh-nav-item .oh-navitem-link{box-sizing:border-box;vertical-align:middle;height:100%;line-height:80px;position:relative;transition:all .36s cubic-bezier(0.4,0.8,0.74,1)}
@media(min-width:1024px) and (max-width:1439.98px){.oh-nav .oh-nav-list .oh-nav-item .oh-navitem-link{line-height:64px}
}
@media(max-width:1023.98px){.oh-nav .oh-nav-list .oh-nav-item .oh-navitem-link{display:block;margin:0;line-height:50px;position:relative;z-index:2;font-size:16px;text-align:left;margin-left:64px}
}
@media(min-width:1024px){.oh-nav .oh-nav-list .oh-nav-item .more-btn{display:none !important}
}
.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item{overflow:hidden;min-height:80px;margin:0 16px}
@media(min-width:1024px) and (max-width:1439.98px){.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item{min-height:64px}
}
@media(max-width:1023.98px){.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item{min-height:24px;position:relative;margin:0}
.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item .more-btn{display:none;position:absolute;top:20px;width:24px;height:24px}
.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item .more-btn img{width:100%}
.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item .more-btn .close{display:none}
}
@media(max-width:767.98px){.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item .more-btn{right:20px}
}
.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item .oh-navitem-link{z-index:5}
@media(max-width:1023.98px){.oh-nav .oh-nav-list .oh-nav-item.oh-nav-item .oh-navitem-link{padding-left:0}
}
.oh-nav .oh_nav_shop{display:none}
#oc-header.show-mask .oh-nav-right-seek svg path{fill:black !important}
#oc-header.show-mask .oh_nav_shop path:nth-last-child(-n+2){fill:black !important}
#oc-header.show-mask .oh_nav_shop path:first-child{stroke:black !important}
#oc-header.show-mask .oh-nav-right .avatar circle,#oc-header.show-mask .oh-nav-right .avatar path:first-of-type{stroke:black !important}
#oc-header.show-mask .oh-nav-right .avatar path:last-child{fill:black !important}
#oc-header .swiper-wrapper{position:unset;height:unset;z-index:unset;display:unset;box-sizing:unset}
#oc-header.show-mask .oh-navitem-link{opacity:.56 !important;color:#030016 !important}
#oc-header.show-mask .oh-nav-item.opened>.oh-navitem-link{color:#030016 !important;opacity:1 !important}
.oh-navitem-link{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:16px;color:#000;opacity:.56;transition:all .2s ease-in-out}
@media(min-width:1024px){.oh-navitem-link::after{content:'';width:0;display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:2px;background-color:#000;transition:all .36s cubic-bezier(0.4,0.8,0.74,1)}
}
.dark-theme .oh-navitem-link{color:rgba(255,255,255,0.6)}
.dark-theme .oc-header.show-mask .oh-navitem-link{color:rgba(0,0,0,0.6)}
@media(min-width:768px) and (max-width:1023.98px){.oh-navitem-link{color:#000 !important;height:64px}
}
.oh-navitem-link.active{color:#000}
.dark-theme .oh-navitem-link.active{color:#fff}
.dark-theme .oc-header.show-mask .oh-navitem-link.active{color:#000}
@media(min-width:1024px){.oh-navitem-link{cursor:pointer}
.oh-navitem-link:hover{color:#000;opacity:1}
.dark-theme .oh-navitem-link:hover{color:#fff;opacity:1}
}
@media(min-width:1024px) and (max-width:1439.98px){.oh-navitem-link{font-size:11px}
}
@media(min-width:1024px){.oh-navitem-link{display:flex;justify-content:center}
.oh-nav-item.opened>.oh-navitem-link::after{width:100%}
}
@media(max-width:1023.98px){.oh-navitem-link{font-size:20px}
.oh-nav-item.active>.oh-navitem-link{color:#000 !important}
}
.oh-nav-submenu,.oh-nav-submenu>a{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;font-size:16px;line-height:28px;letter-spacing:-0.1px;color:rgba(0,0,0,0.56);transition:all .2s ease-in-out}
.oh-nav-submenu.active,.oh-nav-submenu>a.active{color:#000}
.oh-nav-submenu.active a,.oh-nav-submenu>a.active a{color:#000}
@media(min-width:1440px){.oh-nav-submenu,.oh-nav-submenu>a{line-height:28px}
}
@media(min-width:1024px) and (max-width:1439.98px){.oh-nav-submenu,.oh-nav-submenu>a{font-size:13px;line-height:23px}
}
@media(min-width:1024px){.oh-nav-submenu:hover,.oh-nav-submenu>a:hover{color:#000}
}
@media(max-width:1023.98px){.oh-nav-submenu,.oh-nav-submenu>a{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:13px}
}
.view-all-phones,.wap-see-all-phones{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:13px;color:rgba(0,0,0,0.56);transition:all .2s ease-in-out}
.view-all-phones:active,.wap-see-all-phones:active{color:#000}
@media(min-width:1440px){.view-all-phones,.wap-see-all-phones{font-size:14px;cursor:pointer}
.view-all-phones:hover,.wap-see-all-phones:hover{color:#000}
}
@media(min-width:1024px){#oc-header .oh-nav-item.opened .pc-nav-submenus-popup{display:block;max-height:100vh;top:0;padding-top:80px}
}
@media(min-width:1024px) and (min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-item.opened .pc-nav-submenus-popup{padding-top:64px}
}
#oc-header .pc-nav-submenus-popup{display:none;max-height:0;overflow:hidden;position:absolute;width:100vw;margin-left:-50vw;top:80px;left:50%;right:0;background-color:#fff;transition:max-height .36s cubic-bezier(0.4,0.8,0.74,1) .05s}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .pc-nav-submenus-popup{top:64px}
}
#oc-header .pc-nav-submenus-popup.transition{transition:none}
@media(max-width:1023.98px){#oc-header .pc-nav-submenus-popup{display:none}
}
#oc-header .pc-nav-submenus-popup:before{content:'';display:block;width:100%;border-top:1px solid #eee;position:absolute;left:0;right:0;margin:0 auto;z-index:1}
@media(max-width:1410px){#oc-header .pc-nav-submenus-popup{width:1500px;margin-left:-750px}
}
@media(max-width:1023.98px){#oc-header .pc-nav-submenus-popup{position:relative;opacity:1;padding-top:0;top:0;width:auto;height:auto;margin-left:auto;left:auto;background-color:#fff;overflow:hidden;max-height:0;transition:max-height .3s ease,visibility 0 linear .5s}
#oc-header .pc-nav-submenus-popup:before{display:none}
.active #oc-header .pc-nav-submenus-popup{padding-bottom:23px;max-height:200vh;visibility:visible;transition:max-height .5s linear,visibility 0 linear 0}
}
#oc-header .oh-navpro-content{width:100%;height:auto}
#oc-header .oh-nav-item.opened .oh-nav-submenus-wrapper .oh-nav-submenus{opacity:1}
#oc-header .oh-nav-submenus-wrapper{display:flex;position:relative;flex-direction:column;align-items:center;margin:0 auto;background-color:#fff}
#oc-header .oh-nav-submenus-wrapper .flex-center{width:auto !important;display:flex !important;justify-content:center !important;transform:translate3d(0,0,0) !important}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper{width:auto;padding:0;display:block}
}
.lt-9 #oc-header .oh-nav-submenus-wrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.lt-9 #oc-header .oh-nav-submenus-wrapper * html{height:1px}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-series-box{width:100vw;max-width:1440px;position:relative;z-index:1}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{overflow:hidden;background-color:#fff;transform:translateZ(0);width:558px;height:410px}
.lt-9 #oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{float:left}
@media(min-width:1920px){#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{width:615px}
}
@media(max-width:1440px){#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{width:410px}
}
@media(min-width:1920px){#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{height:470px}
}
@media(max-width:1440px){#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{height:auto}
}
@media(max-width:930px){#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{width:45.55556%;height:auto}
}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{height:auto;width:auto;opacity:0;transform:translate3d(0,10px,0);transition:opacity .3s ease .7s,transform .35s ease .7s}
.active #oc-header .oh-nav-submenus-wrapper .oh-navpro-cover{opacity:1;will-change:transform;transform:translate3d(0,0,0);transition:opacity .3s ease .1s,transform .35s ease .1s}
}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover a{display:flex;position:relative;text-align:center;transform:translateZ(0)}
.lt-9 #oc-header .oh-nav-submenus-wrapper .oh-navpro-cover a{display:block}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover a:hover picture.img img{transform:scale(1.08);will-change:transform}
.lt-9 #oc-header .oh-nav-submenus-wrapper .oh-navpro-cover a:hover picture.img img{transform:scale(1)}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover a picture{display:block;width:100%;height:auto;margin-bottom:-10px}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover a img{width:100%;height:100%;user-select:none;transition:transform 1.8s ease}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover a img{height:auto;width:100%}
}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover a .oh-navcover-title{position:absolute;overflow:hidden;right:0;top:0;bottom:0;left:0}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover.ocover-theme-white a .oh-navcover-title{color:#fff}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover.ocover-theme-white a .oh-navcover-title h3{color:#acacac}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover.ocover-theme-black a .oh-navcover-title{color:#333}
#oc-header .oh-nav-submenus-wrapper .oh-navpro-cover.ocover-theme-black a .oh-navcover-title h3{color:#666}
#oc-header .oh-nav-submenus-wrapper .oh-nav-submenus{height:auto;overflow:hidden;padding-top:64px;padding-bottom:32px;justify-content:center}
@media(min-width:1024px){#oc-header .oh-nav-submenus-wrapper .oh-nav-submenus{transform:translateY(-10px);opacity:0;transition:all .36s cubic-bezier(0.4,0.8,0.74,1) .1s}
#oc-header .oh-nav-submenus-wrapper .oh-nav-submenus.transform{transform:translateY(0)}
}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .oh-nav-submenus{padding-top:48px;padding-bottom:32px}
}
#oc-header .oh-nav-submenus-wrapper .oh-nav-submenus .oh-nav-submenu{margin:0 16px;cursor:pointer}
#oc-header .oh-nav-submenus-wrapper .oh-nav-submenus .underline{display:none;margin-left:12px;color:rgba(0,0,0,0.7)}
@media(min-width:1024px){#oc-header .oh-nav-submenus-wrapper .oh-nav-submenus .underline{display:block}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products{display:flex;position:relative;flex:1;height:auto;max-width:13.12rem;overflow:hidden}
@media all and (min-width:1440px) and (-ms-high-contrast:none),(min-width:1440px) and (-ms-high-contrast:active){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products{flex:1 1 auto}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products.align-center{justify-content:center;max-width:none}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products{max-width:860px}
}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products{width:auto;margin-left:auto}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list{width:13.12rem;padding-bottom:104px;justify-content:center;overflow:visible;opacity:0;transition:opacity .36s cubic-bezier(0.4,0.8,0.74,1)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list.opacity{opacity:1}
@media(min-width:1024px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list:first-child .swiper-slide.active{opacity:1;transform:translateY(0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list:first-child .swiper-slide.none{transition:none !important}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list:first-child .slick-slide:nth-child(1) .swiper-slide{transition:all .36s cubic-bezier(0.4,0.8,0.74,1) .2s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list:first-child .slick-slide:nth-child(2) .swiper-slide{transition:all .36s cubic-bezier(0.4,0.8,0.74,1) .25s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list:first-child .slick-slide:nth-child(3) .swiper-slide{transition:all .36s cubic-bezier(0.4,0.8,0.74,1) .3s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list:first-child .slick-slide:nth-child(4) .swiper-slide{transition:all .36s cubic-bezier(0.4,0.8,0.74,1) .35s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list:first-child .slick-slide:nth-child(5) .swiper-slide{transition:all .36s cubic-bezier(0.4,0.8,0.74,1) .4s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list:first-child .slick-slide:nth-child(6) .swiper-slide{transition:all .36s cubic-bezier(0.4,0.8,0.74,1) .45s}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list{width:895px;padding-bottom:58px}
}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list{margin:auto;background-color:#fff;justify-content:flex-start;height:auto}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .slick-list{overflow:visible}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide{text-align:center;display:inline-block;justify-content:center;align-items:center;margin:0 20px 0 0;position:relative;overflow:hidden}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide{opacity:0;transform:translate3d(0,10px,0)}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide{opacity:1;transform:translate3d(0,0,0);will-change:transform}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(1){transition:opacity .3s ease .8s,transform .35s ease .8s}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(1){transition:opacity .3s ease .2s,transform .35s ease .2s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(2){transition:opacity .3s ease .7s,transform .35s ease .7s}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(2){transition:opacity .3s ease .3s,transform .35s ease .3s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(3){transition:opacity .3s ease .6s,transform .35s ease .6s}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(3){transition:opacity .3s ease .4s,transform .35s ease .4s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(4){transition:opacity .3s ease .5s,transform .35s ease .5s}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(4){transition:opacity .3s ease .5s,transform .35s ease .5s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(5){transition:opacity .3s ease .4s,transform .35s ease .4s}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(5){transition:opacity .3s ease .6s,transform .35s ease .6s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(6){transition:opacity .3s ease .3s,transform .35s ease .3s}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(6){transition:opacity .3s ease .7s,transform .35s ease .7s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(7){transition:opacity .3s ease .2s,transform .35s ease .2s}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(7){transition:opacity .3s ease .8s,transform .35s ease .8s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(8){transition:opacity .3s ease .1s,transform .35s ease .1s}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(8){transition:opacity .3s ease .9s,transform .35s ease .9s}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(9){transition:opacity .3s ease 0,transform .35s ease 0}
.active #oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide:nth-child(9){transition:opacity .3s ease 1s,transform .35s ease 1s}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a{overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a{margin:auto 0}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a ._img2{transform:translate3d(0,0,0) !important}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a:hover h3,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a:hover .navpro-tag{opacity:.6}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='top-bottom'] ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='top-bottom'] ._img2,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-top-bottom ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-top-bottom ._img2{transform:translate3d(0,0,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='top-bottom']:hover ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-top-bottom:hover ._img1{transform:translate3d(0,-4px,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='top-bottom']:hover ._img2,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-top-bottom:hover ._img2{transform:translate3d(0,4px,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='top-bottom']:hover ._img1[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='top-bottom']:hover ._img2[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-top-bottom:hover ._img1[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-top-bottom:hover ._img2[data-size="full"]{transform:none}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='bottom-top'] ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='bottom-top'] ._img2,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-bottom-top ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-bottom-top ._img2{transform:translate3d(0,0,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='bottom-top']:hover ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-bottom-top:hover ._img1{transform:translate3d(0,4px,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='bottom-top']:hover ._img2,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-bottom-top:hover ._img2{transform:translate3d(0,-4px,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='bottom-top']:hover ._img1[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='bottom-top']:hover ._img2[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-bottom-top:hover ._img1[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-bottom-top:hover ._img2[data-size="full"]{transform:none}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='left-right'] ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='left-right'] ._img2,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-left-right ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-left-right ._img2{transform:translate3d(0,0,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='left-right']:hover ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-left-right:hover ._img1{transform:translate3d(-4px,0,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='left-right']:hover ._img2,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-left-right:hover ._img2{transform:translate3d(4px,0,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='left-right']:hover ._img1[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='left-right']:hover ._img2[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-left-right:hover ._img1[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-left-right:hover ._img2[data-size="full"]{transform:none}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='right-left'] ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='right-left'] ._img2,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-right-left ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-right-left ._img2{transform:translate3d(0,0,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='right-left']:hover ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-right-left:hover ._img1{transform:translate3d(4px,0,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='right-left']:hover ._img2,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-right-left:hover ._img2{transform:translate3d(-4px,0,0)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='right-left']:hover ._img1[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a[data-ant='right-left']:hover ._img2[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-right-left:hover ._img1[data-size="full"],#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide a.ant-right-left:hover ._img2[data-size="full"]{transform:none}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .oh-navpro-img{background:rgba(0,0,0,0.04);width:202px;height:209px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .oh-navpro-img{width:121px;height:125px}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .pTitle{max-width:192px;margin-top:11px;line-height:24px;height:48px;font-size:12px;letter-spacing:-0.06px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .pTitle.pTitle-theme{max-width:416px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .pTitle{font-size:12px;line-height:22px;letter-spacing:-0.05px;max-width:125px}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .pTitle.pTitle-theme{max-width:270px}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .pTitle .pTag{font-size:9px;margin-left:5px;color:#046a38;text-transform:uppercase;line-height:16px;display:inline-block}
@media(min-width:1440px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .pTitle .pTag{transform:scale(0.75);transform-origin:left}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure{width:202px;height:209px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure{width:121px;height:125px}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure ._img1,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure ._img2{transition:transform .8s ease}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure i{position:absolute;overflow:hidden;z-index:2;top:0;left:0;right:0;bottom:0}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure img{user-select:none;height:auto;max-width:126px;max-height:126px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure img{max-width:61px;max-height:67px}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure img[data-size="full"]{max-width:100%;max-height:100%}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure.theme{width:416px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure.theme{width:270px}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide figure.theme img{max-width:100%;max-height:100%}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide h3{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:16px;color:#333;font-weight:normal;line-height:18px;white-space:nowrap;transition:color .35s ease}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide h3{font-size:13px;width:126px;bottom:42.5%;left:auto;right:20px !important;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .navpro-tag{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:14px;color:#1bc9be;font-weight:normal;line-height:20px;white-space:nowrap;transition:color .35s ease}
@media(max-width:1023.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .oh-nav-series-product-list .swiper-slide .navpro-tag{font-size:12px;width:126px;bottom:22.5%;left:auto;right:20px !important;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows{display:none;position:absolute;bottom:15px;left:0;right:0;margin:auto;justify-content:center;align-items:center;height:40px}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a{display:flex;margin:0 26px;width:40px;opacity:.78;height:34px;border-radius:50%;border:2px solid #000;transition:all .2s ease;justify-content:center;align-items:center}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a:active{opacity:1;height:40px}
@media(min-width:1440px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a:hover{opacity:1;height:40px}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a.slick-disabled,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a.disabled{opacity:.4;cursor:default;height:34px}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a.disabled{pointer-events:none}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a i{font-size:18px}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows{bottom:32px;height:32px}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a{margin:0 16px;height:27px;width:32px}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a:active{opacity:1;height:32px}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a.slick-disabled,#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-arrows a.disabled{opacity:.4;cursor:default;height:27px}
}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-btn{position:absolute;bottom:55px;left:0;right:0;margin:auto;justify-content:center;align-items:center;height:40px;opacity:0;transition:opacity .36s cubic-bezier(0.4,0.8,0.74,1)}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-btn.opacity{opacity:1}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-btn .view-all-phones{display:inline-block}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-btn a:not(:nth-child(1)){display:inline-block;padding:8px 16px;font-size:12px;margin:0 .06rem;cursor:pointer;border-radius:2px}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-btn a:not(:nth-child(1)):nth-child(2){color:#fff;background-color:#000}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-btn a:not(:nth-child(1)):last-child{border:1px solid #000}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-btn .view-all-phones{box-sizing:border-box;border-bottom:1px solid #000;color:#000;margin-right:24px;line-height:1.8}
@media(min-width:1440px){#oc-header .oh-nav-submenus-wrapper .text-button1{transition:all .3s}
#oc-header .oh-nav-submenus-wrapper .text-button1:hover{opacity:.7}
#oc-header .oh-nav-submenus-wrapper .text-button1:active{opacity:1}
}
#oc-header .oh-nav-mbseek[data-hide='true'],#oc-header .user-info[data-hide='true'],#oc-header .oh_nav_shop[data-hide='true'],#oc-header .oh-nav-right-item[data-hide='true'],#oc-header .oh_nav_shop[data-hide='true'],#oc-header .oh-nav-right-seek[data-hide='true']{display:none}
@media(min-width:1024px){#oc-header .oh-nav-right-item.tl-pc{display:block}
#oc-header .oh-nav-right-item.mb-tp{display:none}
}
@media(max-width:1023.98px){#oc-header .oh-nav-right-item.tl-pc{display:none}
#oc-header .oh-nav-right-item.mb-tp{display:block}
}
@media(max-width:767.98px){#oc-header{z-index:100}
#oc-header.openHeaderMenu .oh-nav-item{opacity:1}
#oc-header .oh-nav-item:nth-child(1){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .15s}
#oc-header .oh-nav-item:nth-child(2){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .2s}
#oc-header .oh-nav-item:nth-child(3){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .25s}
#oc-header .oh-nav-item:nth-child(4){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .3s}
#oc-header .oh-nav-item:nth-child(5){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .35s}
#oc-header .oh-nav-item:nth-child(6){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .4s}
#oc-header .oh-nav-item:nth-child(7){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .45s}
#oc-header .oh-nav-item:nth-child(8){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .5s}
#oc-header .oh-nav-item:nth-child(9){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .55s}
#oc-header .oh-nav-item:nth-child(10){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .6s}
#oc-header .oh-nav-item{height:auto;display:block;text-align:center;position:relative;opacity:0;padding:20px}
#oc-header .oh-nav-item::after{content:'';position:absolute;left:20px;right:20px;height:1px;bottom:0;background:#eaeaea}
#oc-header .oh-nav-item .oh-navitem-link{font-size:14px;line-height:24px;margin:0;color:#030016 !important;height:24px;opacity:1 !important}
#oc-header .oh-nav-item .fa-chevron-down{color:#999}
#oc-header .oh-nav-item .fa-chevron-up{color:#333}
#oc-header .oh-nav-item.has-submenu{position:relative}
#oc-header .oh-nav-item.has-submenu .wap-nav-submenus-popup{display:none;max-height:0;transition:all .3s ease;padding-top:.2rem}
#oc-header .oh-nav-item.has-submenu.active .wap-nav-submenus-popup{display:block;max-height:100vh}
#oc-header .oh-nav-item.has-submenu.active .wap-nav-kinds::before{opacity:0;transition:all .3s ease}
#oc-header .oh-nav-item.has-submenu i.fas{display:block !important;position:absolute;right:20px;top:26px;height:16px;width:16px}
#oc-header .wap-nav-series{display:flex;flex-direction:row;overflow-x:auto}
#oc-header .wap-nav-series::-webkit-scrollbar{display:none}
#oc-header .wap-nav-series .wap-nav-series-item{width:120px;margin-right:16px;transition:all .25s cubic-bezier(0.4,0.8,0.74,1)}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(-n+3){opacity:0;transform:translateY(-10px)}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(1){transition:all .25s .2s}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(2){transition:all .25s .25s}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(3){transition:all .25s .3s}
#oc-header .wap-nav-series .wap-nav-series-item:last-child{padding-right:20px}
#oc-header .wap-nav-series .wap-nav-series-item a .img-box{display:flex;width:120px;height:124px;background:rgba(0,0,0,0.04);justify-content:center;align-items:center;margin-bottom:3px}
#oc-header .wap-nav-series .wap-nav-series-item a img{max-width:67px;max-height:94px}
#oc-header .wap-nav-series .wap-nav-series-item a img[data-size="full"]{max-width:100%;max-height:100%}
#oc-header .mobile-series{text-align:left;margin-bottom:26px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
#oc-header .mobile-series .desc{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;display:inline;font-size:12px;line-height:24px}
#oc-header .mobile-series .pTag{font-size:9px;line-height:16px;display:inline-block;color:#046a38}
#oc-header .mobile-series .wide{width:320px;text-align:left;margin:0;margin-bottom:20px;opacity:0;transform:translateY(-10px);transition:all .25s cubic-bezier(0.4,0.8,0.74,1) .1s}
#oc-header .mobile-series .wide a{display:block}
#oc-header .mobile-series .wide .img-box{margin-bottom:5px}
#oc-header .mobile-series .wide img{width:320px;height:auto}
#oc-header .mobile-series .slick-btn{opacity:0;padding-top:10px;transition:all .25s .2s}
#oc-header .mobile-series .slick-btn .view-all-phones{display:none}
#oc-header .mobile-series .slick-btn a{padding:4px 16px;border:1px solid #000;font-size:12px;border-radius:2px;display:inline-block}
#oc-header .mobile-series .slick-btn a:nth-child(1){color:#fff;background-color:#000;margin-right:10px}
#oc-header .wap-nav-kinds-item.active .mobile-series .slick-btn{opacity:1}
#oc-header .wap-nav-kinds{position:relative;width:calc(100vw - 20px);font-size:14px;letter-spacing:-0.06px;line-height:24px}
#oc-header .wap-nav-kinds .wap-nav-kinds-item{position:relative;margin-bottom:.12rem;padding-left:.12rem;text-align:left;transform:translateY(-10);transition:all .25s cubic-bezier(0.4,0.8,0.74,1) .35s}
#oc-header .wap-nav-kinds .wap-nav-kinds-item.active{transform:translateY(0)}
#oc-header .wap-nav-kinds .wap-nav-kinds-item.active .wap-nav-series .wap-nav-series-item{opacity:1;transform:translateY(0)}
#oc-header .wap-nav-kinds .wap-nav-kinds-item>a{display:block;height:.24rem;line-height:.24rem;font-size:14px;color:rgba(0,0,0,0.56);margin-bottom:12px;position:relative;z-index:3}
#oc-header .wap-nav-kinds .wap-nav-kinds-item .mobile-series{display:none}
#oc-header .wap-nav-kinds .wap-nav-kinds-item .more-btn-phone{right:20px;position:absolute;top:0;width:24px;height:24px}
#oc-header .wap-nav-kinds .wap-nav-kinds-item .more-btn-phone .close-phone{display:none}
#oc-header .wap-nav-series-title{font-weight:bold;font-size:16px;line-height:32px;border-bottom:1px solid}
.android #oc-header .wap-nav-series-title{padding-bottom:4px}
#oc-header .wap-nav-series-count{display:none;margin:10px 0;color:rgba(0,0,0,0.5);font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
#oc-header .wap-nav-series-img{display:block;margin-top:30px;width:44vw}
#oc-header .oh-nav-submenus{padding:15px 0 38px !important;flex-direction:column;align-items:center}
#oc-header .oh-nav-submenus .oh-nav-submenu{margin-bottom:22px !important;line-height:24px}
#oc-header .oh-nav-submenus .oh-nav-submenu a{border-bottom:1px solid}
#oc-header .wap-see-all-phones{display:inline-block;margin:27px 0 60px;line-height:24px;border-bottom:1px solid}
#oc-header .wap-see-all-phones:active{opacity:.5}
#oc-header .oh-nav{position:relative}
#oc-header .oh-nav-right{display:none;height:auto}
#oc-header.openHeaderMenu{z-index:999}
#oc-header.openHeaderMenu .oh-nav-right{position:relative;width:100vw;margin-top:80px;margin-bottom:50px;background-color:#fff}
.ios.safari #oc-header.openHeaderMenu .oh-nav-right{margin-bottom:120px}
#oc-header.openHeaderMenu .oh-nav-right .oh-nav-right-item{display:none;float:left;margin:0;box-sizing:border-box}
#oc-header.openHeaderMenu .oh-nav-right .oh_nav_shop_pc{display:none}
#oc-header.openHeaderMenu .oh-nav-right .account{width:100%;text-align:center;margin-bottom:23px}
#oc-header.openHeaderMenu .oh-nav-right .account a{border-bottom:1px solid}
.android #oc-header.openHeaderMenu .oh-nav-right .account a{padding-bottom:4px}
#oc-header.openHeaderMenu .oh-nav-right .region{float:none;text-align:center}
#oc-header.openHeaderMenu .oh-nav-right .region a{border-bottom:1px solid}
.android #oc-header.openHeaderMenu .oh-nav-right .region a{padding-bottom:4px}
#oc-header.openHeaderMenu .oh-nav-right .search{width:100%}
#oc-header.openHeaderMenu .oh-nav-right .search input{display:block;width:100%;border:0;padding:18px;background-color:#eee}
.dark-theme #oc-header.openHeaderMenu .oh-nav-right .search input{background-color:#121212}
#oc-header.openHeaderMenu .oh-nav-right .search .fa-search{position:absolute;right:18px;bottom:18px}
#oc-header .oh_nav_shop{display:block;position:absolute;top:0;right:55px;height:100%;width:24px;z-index:2}
#oc-header .oh_nav_shop a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#oc-header .oh_nav_shop a svg{vertical-align:middle}
#oc-header.show-mask .oh_nav_shop{display:none;z-index:1}
#oc-header .oh-nav-menu{display:block;right:24px;height:48px}
#oc-header .oh-nav-list{width:100vw;height:auto;display:block !important;position:relative;margin-top:14px}
#oc-header .appDownLoad{display:block;position:relative;text-align:left;margin:80px 0 20px;left:20px}
#oc-header .appDownLoad a{padding-left:36px;font-size:14px}
#oc-header .appDownLoad svg{position:absolute;top:50%;margin-top:-12px}
}
@media(min-width:768px) and (max-width:1439.98px){#oc-header .wap-nav-series{display:flex;flex-direction:row}
#oc-header .wap-nav-series-item{margin-right:3px}
#oc-header .wap-nav-series-title{font-size:16px;line-height:30px;border-bottom:1px solid}
.android #oc-header .wap-nav-series-title{padding-bottom:4px}
#oc-header .wap-nav-series-count{display:none;margin:10px 0;font-weight:500;color:rgba(0,0,0,0.5);line-height:20px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
#oc-header .wap-nav-series-img{display:block;margin-top:20px;width:calc(25vw - 2px)}
#oc-header .wap-see-all-phones{display:inline-block;margin:27px 0 60px;border-bottom:1px solid}
#oc-header .wap-see-all-phones:active{opacity:.5}
#oc-header .oh-nav-submenus-wrapper .pc-nav-series-products .slick-btn{bottom:20px}
}
@media(min-width:768px) and (max-width:1023.98px){#oc-header{z-index:100}
#oc-header.openHeaderMenu .oh-nav-item{opacity:1}
#oc-header .oh-nav-item:nth-child(1){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .05s}
#oc-header .oh-nav-item:nth-child(2){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .1s}
#oc-header .oh-nav-item:nth-child(3){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .15s}
#oc-header .oh-nav-item:nth-child(4){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .2s}
#oc-header .oh-nav-item:nth-child(5){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .25s}
#oc-header .oh-nav-item:nth-child(6){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .3s}
#oc-header .oh-nav-item:nth-child(7){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .35s}
#oc-header .oh-nav-item:nth-child(8){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .4s}
#oc-header .oh-nav-item:nth-child(9){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .45s}
#oc-header .oh-nav-item:nth-child(10){transition:all .2s cubic-bezier(0.4,0.8,0.74,1) .5s}
#oc-header .oh-nav-item{height:auto;display:block;text-align:center;position:relative;opacity:0}
#oc-header .oh-nav-item.active .wap-nav-series .wap-nav-series-item{opacity:1;transform:translateY(0)}
#oc-header .oh-nav-item.active .wide{opacity:1;transform:translateY(0)}
#oc-header .oh-nav-item.active .wap-nav-kinds .wap-nav-kinds-item{opacity:1;transform:translateY(0)}
#oc-header .wap-nav-series .wap-nav-series-item{width:140px;margin-right:16px;transition:all .25s cubic-bezier(0.4,0.8,0.74,1)}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(-n+5){opacity:0;transform:translateY(-10px)}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(1){transition:all .25s .2s}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(2){transition:all .25s .25s}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(3){transition:all .25s .3s}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(4){transition:all .25s .35s}
#oc-header .wap-nav-series .wap-nav-series-item:nth-child(5){transition:all .25s .4s}
#oc-header .wap-nav-series .wap-nav-series-item:last-child{padding-right:64px}
#oc-header .wap-nav-series .wap-nav-series-item a .img-box{display:flex;width:140px;height:152px;background:rgba(0,0,0,0.04);justify-content:center;align-items:center;margin-bottom:7px}
#oc-header .wap-nav-series .wap-nav-series-item a img{max-width:67px;max-height:94px}
#oc-header .wap-nav-series .wap-nav-series-item a img[data-size="full"]{max-width:100%;max-height:100%}
#oc-header .mobile-series{margin-left:0;text-align:left;overflow-x:auto;margin-bottom:28px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
#oc-header .mobile-series::-webkit-scrollbar{display:none}
#oc-header .mobile-series .desc{display:inline;font-size:12px;line-height:22px}
#oc-header .mobile-series .pTag{font-size:9px;line-height:12px;display:inline-block;color:#046a38}
#oc-header .mobile-series .wide{width:304px;text-align:left;float:left;margin-right:16px;opacity:0;transform:translateY(-10px);transition:all .25s cubic-bezier(0.4,0.8,0.74,1) .1s}
#oc-header .mobile-series .wide a{display:block}
#oc-header .mobile-series .wide .img-box{margin-bottom:7px}
#oc-header .mobile-series .wide img{width:304px;height:auto}
#oc-header .wap-nav-kinds{position:relative;width:100vw;padding:16px 0;font-size:14px;letter-spacing:-0.06px;line-height:24px}
#oc-header .wap-nav-kinds::before{content:'';position:absolute;left:64px;right:64px;top:0;height:1px;background:#000;opacity:.08;margin:0 auto}
#oc-header .wap-nav-kinds .wap-nav-kinds-item{padding-left:70px;text-align:left;opacity:0;transform:translateY(-10);transition:all .25s cubic-bezier(0.4,0.8,0.74,1) .35s}
#oc-header .oh-nav-item{height:auto;display:block;text-align:center;position:relative}
#oc-header .oh-nav-item::after{content:'';position:absolute;left:64px;bottom:1px;right:64px;height:1px;background-color:#eee}
#oc-header .oh-nav-item .oh-navitem-link{font-size:14px;letter-spacing:-0.06px;line-height:64px;height:64px;color:#000 !important}
#oc-header .oh-nav-item .fa-chevron-down{color:#999}
#oc-header .oh-nav-item .fa-chevron-up{color:#333}
#oc-header .oh-nav-item.has-submenu{position:relative}
#oc-header .oh-nav-item.has-submenu .wap-nav-submenus-popup{display:block;max-height:0;transition:all .3s ease}
#oc-header .oh-nav-item.has-submenu.active .wap-nav-submenus-popup{max-height:100vh}
#oc-header .oh-nav-item.has-submenu i.fas{display:block !important;position:absolute;right:64px;top:26px;height:16px;width:16px}
#oc-header .oh-nav-submenus{padding:15px 0 38px !important;flex-direction:column;align-items:center}
#oc-header .oh-nav-submenus .oh-nav-submenu{margin-bottom:22px !important;line-height:24px}
#oc-header .oh-nav-submenus .oh-nav-submenu a{border-bottom:1px solid}
#oc-header .oh-nav{position:relative}
#oc-header .oh-nav-right{display:none;height:auto}
#oc-header.openHeaderMenu{z-index:999}
#oc-header.openHeaderMenu .oh-nav-right{position:relative;right:0;left:0;top:0;bottom:0;margin-top:54px;margin-bottom:50px;overflow:hidden;background-color:#fff}
#oc-header.openHeaderMenu .oh-nav-right .oh-nav-right-item{float:left;margin:0;box-sizing:border-box}
#oc-header.openHeaderMenu .oh-nav-right .account{width:100%;text-align:center;margin-bottom:23px}
#oc-header.openHeaderMenu .oh-nav-right .account a{border-bottom:1px solid}
#oc-header.openHeaderMenu .oh-nav-right .region{float:none;text-align:center}
#oc-header.openHeaderMenu .oh-nav-right .region a{border-bottom:1px solid}
#oc-header.openHeaderMenu .oh-nav-right .search{width:100%}
#oc-header.openHeaderMenu .oh-nav-right .search input{display:block;width:100%;border:0;padding:18px;background-color:#eee}
#oc-header.openHeaderMenu .oh-nav-right .search .fa-search{position:absolute;right:18px;bottom:18px}
#oc-header .oh-nav-menu{display:block;right:64px;height:48px}
#oc-header .oh_nav_shop{display:block;position:absolute;top:0;width:24px;right:100px;height:100%;z-index:2}
#oc-header .oh_nav_shop a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#oc-header .oh_nav_shop a svg{vertical-align:middle}
#oc-header.show-mask .oh_nav_shop{z-index:1}
#oc-header .oh-nav-list{width:100vw;height:auto;display:block !important;position:relative;margin-top:52px}
#oc-header .oh-nav-list .oh-nav-item.oh-nav-item .more-btn{right:64px}
.user-info{display:flex;padding:24px 64px;position:relative;z-index:100}
.user-info.mbactive{display:none}
.user-info .user-pic{width:48px;height:48px;border-radius:50%;background-color:#c4c4c4;overflow:hidden}
.user-info .user-show{flex:1;text-align:left;line-height:48px;padding-left:16px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 750}
.user-info .user-show .user-list{display:none;flex-direction:column;height:100%;justify-content:space-between}
.user-info .user-show .user-list p{line-height:initial;font-size:12px;margin-bottom:2px}
.user-info .user-show .user-list p a{margin-right:.32rem;border-bottom:1px solid #000}
.user-info .user-show .user-list .user-name{font-size:16px;line-height:normal}
.user-info .user-show.show .user-list{display:flex}
.user-info .user-show.show .user-sign{display:none}
.user-info[data-hide='true']{display:none}
.wap-nav-kinds{position:relative;width:calc(100vw - 20px);font-size:14px;letter-spacing:-0.06px;line-height:24px}
.wap-nav-kinds .wap-nav-kinds-item{position:relative;margin-bottom:.12rem;padding-left:.12rem;text-align:left;transform:translateY(-10);transition:all .25s cubic-bezier(0.4,0.8,0.74,1) .35s}
.wap-nav-kinds .wap-nav-kinds-item.active{transform:translateY(0)}
.wap-nav-kinds .wap-nav-kinds-item.active .wap-nav-series .wap-nav-series-item{opacity:1;transform:translateY(0)}
.wap-nav-kinds .wap-nav-kinds-item>a{display:block;height:.4rem;line-height:.4rem;font-size:14px;color:rgba(0,0,0,0.56);margin:10px 0;position:relative;z-index:3}
.wap-nav-kinds .wap-nav-kinds-item .mobile-series{display:none}
.wap-nav-kinds .wap-nav-kinds-item .more-btn-phone{right:64px;position:absolute;top:.08px;width:24px;height:24px}
.wap-nav-kinds .wap-nav-kinds-item .more-btn-phone .close-phone{display:none}
.slick-btn{opacity:0;padding-top:10px;transition:all .25s .2s}
.slick-btn a{padding:4px 16px;border:1px solid #000;font-size:12px;border-radius:2px;display:inline-block}
.slick-btn a:first-child{color:#fff;background-color:#000;margin-right:10px}
.wap-nav-kinds-item.active .mobile-series .slick-btn{opacity:1}
.appDownLoad{display:block;position:relative;text-align:left;margin:80px 0 20px;left:64px}
.appDownLoad a{padding-left:36px;font-size:14px}
.appDownLoad svg{position:absolute;top:50%;margin-top:-12px}
}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-item{margin:0 10px}
#oc-header .oh-nav-item .oh-navitem-link{font-size:12px;letter-spacing:-0.05px}
#oc-header .nav-logo svg{height:17px}
#oc-header .oh-nav-right{right:64px}
#oc-header .oh-nav-right-item{margin:0 10px}
#oc-header .oh-nav-right-item.account{margin-left:0}
#oc-header .oh-nav-right-item.search{margin-right:0}
#oc-header .oh-nav-right-item a{font-size:11px}
#oc-header .oh-nav .oh-nav-logo{left:64px}
#oc-header .wap-nav-products-popup{display:none;max-height:0;overflow:hidden;position:absolute;width:30rem;margin-left:-15rem;left:50%;right:0;background-color:#fff;transition:max-height .6s;top:80px}
}
@media(min-width:1024px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-header .wap-nav-products-popup{top:64px}
}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .wap-nav-products-popup::before{content:'';display:block;width:92vw;border-top:.01rem solid #eee;position:absolute;left:0;right:0;margin:0 auto;z-index:1}
#oc-header .oh-nav-item.opened .wap-nav-products-popup{top:0;padding-top:80px;max-height:100vh}
}
@media(min-width:1024px) and (max-width:1439.98px) and (min-width:1024px) and (max-width:1439.98px){#oc-header .oh-nav-item.opened .wap-nav-products-popup{padding-top:64px}
}
@media(min-width:1024px) and (max-width:1439.98px){#oc-header .wap-nav-series{justify-content:center;padding-top:60px}
#oc-header .wap-see-all-phones{line-height:21px;padding:0}
#oc-header .wap-nav-series-img{width:180px}
#oc-header .wap-nav-series-item{margin:0 5px}
#oc-header .wap-nav-series-title{font-size:20px;line-height:36px}
#oc-header .wap-nav-series-count{margin-top:9px;margin-bottom:30px}
#oc-header .wap-see-all-phones{margin:40px 0 60px}
}
.oh-nav-right-item.account[data-hide='true']{display:none}
.oh-nav-right-item.account .avatar{position:relative}
.oh-nav-right-item.account .avatar #iconOutline{fill:rgba(0,0,0,0.7)}
body.dark-theme .oh-nav-right-item.account .avatar #iconOutline{fill:rgba(255,255,255,0.7)}
.oh-nav-right-item.account .avatar .customize-avatar{width:24px;height:24px;border-radius:50%;position:relative}
#oc-header .oh-nav-right-item.region{display:none;margin-left:.18rem}
@media(max-width:1023.98px){.oh-nav-right-item.account>a{display:none}
.oh-nav-right-item.account .dropdown{display:flex !important;justify-content:center}
.oh-nav-right-item.account .dropdown li{margin:0 14px}
.oh-nav-right-item.account .dropdown li.account-id{display:none}
}
@media(min-width:1024px){.oh-nav-right-item.account{width:24px;height:24px;display:flex;flex-direction:column;align-items:center}
#oc-header.show-mask .oh-nav-right-item.account .dropdown{display:none !important}
.oh-nav-right-item.account .dropdown{cursor:initial;box-sizing:border-box;background-color:#fff;color:rgba(0,0,0,0.78);font-size:12px;padding:16px;margin-top:26px;min-width:144px;display:none;text-align:left;box-shadow:0 2px 20px 0 rgba(0,0,0,0.05);position:relative}
.oh-nav-right-item.account .dropdown.empty .account-id{padding-bottom:0;border-bottom:0}
.oh-nav-right-item.account .dropdown::before{position:absolute;content:'';display:block;width:0;height:0;left:0;right:0;margin:auto;top:-12px;border:6px solid transparent;border-bottom-color:#fff}
.oh-nav-right-item.account .dropdown li{line-height:20px;margin:16px 0}
.oh-nav-right-item.account .dropdown li:first-child{border-bottom:1px solid rgba(0,0,0,0.07);margin:0;padding-bottom:16px}
.oh-nav-right-item.account .dropdown li:last-child{margin-bottom:0}
.oh-nav-right-item.account .dropdown li.sign-out{padding-top:16px;border-top:1px solid rgba(0,0,0,0.07)}
.oh-nav-right-item.account .dropdown li:hover{color:#000}
.oh-nav-right-item.account .dropdown li a{display:block;color:rgba(0,0,0,0.7) !important}
}
.cp-nav-search{display:none}
.oh-nav-mbseek{display:none}
.oh-nav-pcseek{display:none}
.oh-nav-right-seek{display:inline-block;margin-right:.18rem;cursor:pointer;height:24px}
.oh-nav-right-seek[data-hide='true']{display:none}
.oh-nav-right-seek svg{transition:all .3s}
.light-theme .oh-nav-right-seek svg:hover{opacity:1}
.light-theme .oh-nav-right-seek svg path{fill:#000}
.clean-theme .oh-nav-right-seek svg:hover{opacity:1}
.dark-theme .oh-nav-right-seek svg:hover{opacity:1}
.dark-theme .oh-nav-right-seek path{fill:#fff}
@media(max-width:767.98px){.oh-nav .oh-nav-right .oh-nav-right-seek{display:none}
.header-po-fixed{position:fixed !important}
.top-index--1{z-index:-1 !important}
#oc-header .oh-nav .oh-nav-logo,#oc-header .oh-nav .oh-nav-menu{transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96)}
#oc-header .oh-nav .oh-nav-logo.mbactive,#oc-header .oh-nav .oh-nav-menu.mbactive{height:0;transform:translateY(-52px)}
#oc-header .oh-navlist .oh-nav-list,#oc-header .oh-navlist .oh-nav-right{transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96)}
#oc-header .oh-navlist .oh-nav-list.mbactive,#oc-header .oh-navlist .oh-nav-right.mbactive{transform:translateY(90px);opacity:0}
.user-info{display:flex;padding:12px 20px;position:relative;z-index:100}
.user-info.mbactive{display:none}
.user-info .user-pic{width:48px;height:48px;border-radius:50%;background-color:#c4c4c4;overflow:hidden}
.user-info .user-pic img{width:100%}
.user-info .user-show{flex:1;text-align:left;line-height:48px;padding-left:16px;font-size:14px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 750}
.user-info .user-show .user-list{display:none;flex-direction:column;height:100%;justify-content:space-between}
.user-info .user-show .user-list p{line-height:initial;font-size:12px;margin-bottom:2px}
.user-info .user-show .user-list p a{margin-right:.32rem;border-bottom:1px solid #000}
.user-info .user-show .user-list .user-name{font-size:16px;line-height:normal}
.user-info .user-show.show .user-list{display:flex}
.user-info .user-show.show .user-sign{display:none}
.user-info[data-hide='true']{display:none}
.oh-nav-mbseek{display:block}
.oh-nav-mbseek .oh-nav-seek-black{position:relative}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0 20px;position:relative;z-index:3;background-color:#fff;box-sizing:border-box;transition:padding-top .34s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek.mbactive{padding-top:4px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek.mbactive .seek-inputcolor .seek-input i.seek-input-icon svg:first-child{display:none}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek.mbactive .seek-inputcolor .seek-input i.seek-input-icon svg:last-child{display:block}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek.mbactive .seek-cancel{display:block}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor{flex:1 1 auto;background-color:#fff;position:relative;z-index:8;transition:width .34s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input{position:relative;width:100%;height:40px;display:flex;align-items:center;background:#f6f6f6;border-radius:100px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i svg{width:24px;height:24px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i.seek-input-icon{margin:0 4px 0 12px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i.seek-input-icon svg:first-child{display:block}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i.seek-input-icon svg:last-child{display:none}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i.seek-empty-icon{width:18px;height:18px;margin:0 12px 0 12px;cursor:pointer}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i.seek-empty-icon svg:first-child{position:absolute;right:1000px;display:none}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i.seek-empty-icon svg:last-child{display:block}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input input{width:100%;height:20px;line-height:20px;outline:0;border:0;color:#000;font-size:12px;background-color:transparent;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-cancel{display:none;font-size:14px;line-height:24px;margin-left:12px;box-sizing:border-box;color:#046a38;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;opacity:0;transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-cancel.mbactive{opacity:1}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot{z-index:1;width:100%;position:absolute;top:40px;opacity:0;padding:0 20px 28px;box-sizing:border-box;transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot.mbactive{top:40px;opacity:1;height:100vh}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot{text-align:left;padding-top:28px;display:none}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot.history-group .pop-group-title p{padding-bottom:16px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title p{font-size:12px;line-height:20px;padding-bottom:8px;color:#999}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title .pop-group-delete{display:block;width:16px;height:16px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMzA3IDIuMzIyNTZIOC4wNzczM0w3LjkwNyAyLjczNDQ4TDYuODU2ODEgNS4yNzQyMkgyLjYxODE2VjYuNjA3NTVINC4xNjUwNFYxNi4yNzNDNC4xNjUwNCAxNi42NDU1IDQuMzEzMDMgMTcuMDAyOCA0LjU3NjQ2IDE3LjI2NjJDNC44Mzk4OSAxNy41Mjk3IDUuMTk3MTcgMTcuNjc3NyA1LjU2OTcxIDE3LjY3NzdIMTQuNDI1OEMxNC43OTgzIDE3LjY3NzcgMTUuMTU1NiAxNy41Mjk3IDE1LjQxOTEgMTcuMjY2MkMxNS42ODI1IDE3LjAwMjggMTUuODMwNSAxNi42NDU1IDE1LjgzMDUgMTYuMjczVjYuNjA3NTVIMTcuMzc4M1Y1LjI3NDIySDEzLjE0MTRMMTIuMDkxMiAyLjczNDQ4TDExLjkyMDggMi4zMjI1NkgxMS40NzUxSDguNTIzMDdaTTYuMzA1NDggNi42MDc1NUw2LjMwNTMzIDYuNjA3OTJINy4zMDI0MUgxMi42OTU4SDEzLjY5MjhMMTMuNjkyNyA2LjYwNzU1SDE0LjQ5NzFWMTYuMjczQzE0LjQ5NzEgMTYuMjkxOSAxNC40ODk2IDE2LjMxMDEgMTQuNDc2MiAxNi4zMjM0QzE0LjQ2MjkgMTYuMzM2OCAxNC40NDQ3IDE2LjM0NDMgMTQuNDI1OCAxNi4zNDQzSDUuNTY5NzFDNS41NTA3OSAxNi4zNDQzIDUuNTMyNjUgMTYuMzM2OCA1LjUxOTI3IDE2LjMyMzRDNS41MDU4OSAxNi4zMSA1LjQ5ODM3IDE2LjI5MTkgNS40OTgzNyAxNi4yNzNWNi42MDc1NUg2LjMwNTQ4Wk0xMS42OTg1IDUuMjc0MjJMMTEuMDI5NCAzLjY1NTg5SDguOTY4ODJMOC4yOTk2NCA1LjI3NDIySDExLjY5ODVaTTcuODU2NDUgMTQuMDYxNlY4Ljg5NTU5SDkuMTg5NzhWMTQuMDYxNkg3Ljg1NjQ1Wk0xMC44MDczIDguODk1NTlWMTQuMDYxNkgxMi4xNDA2VjguODk1NTlIMTAuODA3M1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat;background-position:center;cursor:pointer}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container{display:flex;flex-wrap:wrap;align-items:center;margin:0 -2px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item{flex:0 1 auto;padding:0 2px;margin-bottom:4px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row{display:flex;flex-wrap:nowrap;align-items:center;padding:2px 12px;background:#f4f4f4}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row a{font-size:12px;line-height:20px;margin-right:6px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row i{display:block;width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkyNDgxIDYuNzUwMzZMMi45ODUwOSA5LjY5MDA4QzIuNzg2NDIgOS44ODg3NSAyLjQ0MDY5IDkuODY1MTMgMi4yMTI4OSA5LjYzNzMyQzEuOTg1MDggOS40MDk1MiAxLjk2MTQ2IDkuMDYzNzkgMi4xNjAxMyA4Ljg2NTEyTDUuMDk5ODUgNS45MjU0TDIuMTU5MzUgMi45ODQ5QzEuOTYwNjggMi43ODYyMyAxLjk4NDMgMi40NDA1IDIuMjEyMTEgMi4yMTI3QzIuNDM5OTEgMS45ODQ4OSAyLjc4NTY0IDEuOTYxMjcgMi45ODQzMSAyLjE1OTk0TDUuOTI0ODEgNS4xMDA0NEw4Ljg2NTMxIDIuMTU5OTRDOS4wNjM5OCAxLjk2MTI4IDkuNDA5NyAxLjk4NDkgOS42Mzc1MSAyLjIxMjdDOS44NjUzMSAyLjQ0MDUxIDkuODg4OTMgMi43ODYyMyA5LjY5MDI3IDIuOTg0OUw2Ljc0OTc3IDUuOTI1NEw5LjY4OTQ4IDguODY1MTJDOS44ODgxNSA5LjA2Mzc5IDkuODY0NTMgOS40MDk1MSA5LjYzNjczIDkuNjM3MzJDOS40MDg5MiA5Ljg2NTEzIDkuMDYzMiA5Ljg4ODc1IDguODY0NTMgOS42OTAwOEw1LjkyNDgxIDYuNzUwMzZaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=) no-repeat;background-position:center}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd{width:100%;padding:6px 12px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:14px;line-height:24px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a .seek-hot{color:#046a38;font-size:9px;margin-left:4px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd:last-child{border-bottom:0}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion.active:nth-child(1){opacity:1}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a{color:#999}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a strong{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;color:#000;font-weight:normal}
.appDownLoad.mbactive{opacity:0}
}
@media(min-width:1440px){.oh-nav{transform:translateX(0);transition:all .42s cubic-bezier(0.48,0.04,0.52,0.96) .06s}
.oh-nav.active{transform:translateX(-20px);transition:all .42s cubic-bezier(0.48,0.04,0.52,0.96)}
#oc-header{opacity:1;transition:opacity .42s cubic-bezier(0.48,0.04,0.52,0.96) .06s}
#oc-header.active{opacity:0;transition:opacity .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-pcseek{display:block}
.oh-nav-pcseek .oh-nav-seek-black{position:absolute;top:0;left:50%;transform:translateX(-50%);display:none}
.oh-nav-pcseek .oh-nav-seek-black.seekblock{display:block;z-index:4}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek{width:640px;margin:18px auto 0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor.pcexcursion{opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor.pcexcursion.active{opacity:1;transition:opacity .48s cubic-bezier(0.48,0.04,0.52,0.96) .24s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-cancel{display:none}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input{position:relative;width:100%;height:48px;display:flex;align-items:center;background-color:rgba(255,255,255,0.11);border-radius:47px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input .pcseekempty svg{transition:opacity .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input .pcseekempty svg:hover{opacity:1 !important}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i svg{width:24px;height:24px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i svg.pcexcursion{opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i svg.pcexcursion.active{opacity:.56;transition:opacity .24s cubic-bezier(0.48,0.04,0.52,0.96) .48s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i svg.pcexcursion.active.iconhover:hover{opacity:1}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon{margin:0 10px 0 15px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon svg.pcexcursion{transform:translateX(30px)}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon svg.pcexcursion.active{transform:translateX(0);transition:transform .48s cubic-bezier(0.48,0.04,0.52,0.96) .24s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon svg:first-child{display:block}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon svg:last-child{display:none}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-empty-icon{margin:0 15px 0 15px;cursor:pointer}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-empty-icon svg:first-child{display:block}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-empty-icon svg:last-child{display:none}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input input{width:100%;height:23px;line-height:19px;outline:0;border:0;color:#fff;font-size:16px;background-color:transparent;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input input.pcexcursion{opacity:0;transform:translateX(30px)}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input input.pcexcursion.active{opacity:1;transform:translateX(0);transition:all .48s cubic-bezier(0.48,0.04,0.52,0.96) .24s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot{width:640px;background-color:#fff;margin:10px auto 0;padding:0 39px 32px 46px;box-sizing:border-box}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot.pcexcursion{opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot.pcexcursion.active{opacity:1;transition:opacity .54s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(1){transform:translateX(30px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(2){transform:translateX(50px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(3){transform:translateX(70px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(4){transform:translateX(90px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(5){transform:translateX(110px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(6){transform:translateX(130px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(7){transform:translateX(150px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(8){transform:translateX(170px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(9){transform:translateX(190px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(10){transform:translateX(210px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(11){transform:translateX(230px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(12){transform:translateX(250px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(13){transform:translateX(270px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(14){transform:translateX(290px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(15){transform:translateX(310px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(16){transform:translateX(330px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(17){transform:translateX(350px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(18){transform:translateX(370px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(19){transform:translateX(390px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(20){transform:translateX(410px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion.active{transform:translateX(0);opacity:1;transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96) .2s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion.active:nth-child(1){opacity:.78}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot{width:100%;margin:0 auto;padding-top:32px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title p{font-size:12px;line-height:20px;padding-bottom:16px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title .pop-group-delete{display:block;width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMzA3IDIuMzIyNTZIOC4wNzczM0w3LjkwNyAyLjczNDQ4TDYuODU2ODEgNS4yNzQyMkgyLjYxODE2VjYuNjA3NTVINC4xNjUwNFYxNi4yNzNDNC4xNjUwNCAxNi42NDU1IDQuMzEzMDMgMTcuMDAyOCA0LjU3NjQ2IDE3LjI2NjJDNC44Mzk4OSAxNy41Mjk3IDUuMTk3MTcgMTcuNjc3NyA1LjU2OTcxIDE3LjY3NzdIMTQuNDI1OEMxNC43OTgzIDE3LjY3NzcgMTUuMTU1NiAxNy41Mjk3IDE1LjQxOTEgMTcuMjY2MkMxNS42ODI1IDE3LjAwMjggMTUuODMwNSAxNi42NDU1IDE1LjgzMDUgMTYuMjczVjYuNjA3NTVIMTcuMzc4M1Y1LjI3NDIySDEzLjE0MTRMMTIuMDkxMiAyLjczNDQ4TDExLjkyMDggMi4zMjI1NkgxMS40NzUxSDguNTIzMDdaTTYuMzA1NDggNi42MDc1NUw2LjMwNTMzIDYuNjA3OTJINy4zMDI0MUgxMi42OTU4SDEzLjY5MjhMMTMuNjkyNyA2LjYwNzU1SDE0LjQ5NzFWMTYuMjczQzE0LjQ5NzEgMTYuMjkxOSAxNC40ODk2IDE2LjMxMDEgMTQuNDc2MiAxNi4zMjM0QzE0LjQ2MjkgMTYuMzM2OCAxNC40NDQ3IDE2LjM0NDMgMTQuNDI1OCAxNi4zNDQzSDUuNTY5NzFDNS41NTA3OSAxNi4zNDQzIDUuNTMyNjUgMTYuMzM2OCA1LjUxOTI3IDE2LjMyMzRDNS41MDU4OSAxNi4zMSA1LjQ5ODM3IDE2LjI5MTkgNS40OTgzNyAxNi4yNzNWNi42MDc1NUg2LjMwNTQ4Wk0xMS42OTg1IDUuMjc0MjJMMTEuMDI5NCAzLjY1NTg5SDguOTY4ODJMOC4yOTk2NCA1LjI3NDIySDExLjY5ODVaTTcuODU2NDUgMTQuMDYxNlY4Ljg5NTU5SDkuMTg5NzhWMTQuMDYxNkg3Ljg1NjQ1Wk0xMC44MDczIDguODk1NTlWMTQuMDYxNkgxMi4xNDA2VjguODk1NTlIMTAuODA3M1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat;background-position:center;cursor:pointer}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container{display:flex;flex-wrap:wrap;align-items:center;margin:0 -2px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item{flex:0 1 auto;padding:0 2px;margin-bottom:4px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row{display:flex;flex-wrap:nowrap;align-items:center;padding:2px 12px;background:#f4f4f4}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row a{font-size:12px;line-height:20px;margin-right:6px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row i{display:block;width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkyNDgxIDYuNzUwMzZMMi45ODUwOSA5LjY5MDA4QzIuNzg2NDIgOS44ODg3NSAyLjQ0MDY5IDkuODY1MTMgMi4yMTI4OSA5LjYzNzMyQzEuOTg1MDggOS40MDk1MiAxLjk2MTQ2IDkuMDYzNzkgMi4xNjAxMyA4Ljg2NTEyTDUuMDk5ODUgNS45MjU0TDIuMTU5MzUgMi45ODQ5QzEuOTYwNjggMi43ODYyMyAxLjk4NDMgMi40NDA1IDIuMjEyMTEgMi4yMTI3QzIuNDM5OTEgMS45ODQ4OSAyLjc4NTY0IDEuOTYxMjcgMi45ODQzMSAyLjE1OTk0TDUuOTI0ODEgNS4xMDA0NEw4Ljg2NTMxIDIuMTU5OTRDOS4wNjM5OCAxLjk2MTI4IDkuNDA5NyAxLjk4NDkgOS42Mzc1MSAyLjIxMjdDOS44NjUzMSAyLjQ0MDUxIDkuODg4OTMgMi43ODYyMyA5LjY5MDI3IDIuOTg0OUw2Ljc0OTc3IDUuOTI1NEw5LjY4OTQ4IDguODY1MTJDOS44ODgxNSA5LjA2Mzc5IDkuODY0NTMgOS40MDk1MSA5LjYzNjczIDkuNjM3MzJDOS40MDg5MiA5Ljg2NTEzIDkuMDYzMiA5Ljg4ODc1IDguODY0NTMgOS42OTAwOEw1LjkyNDgxIDYuNzUwMzZaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=) no-repeat;background-position:center}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd{width:100%;cursor:pointer}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a{padding-left:18px;display:block;font-size:14px;line-height:24px;padding:4px 18px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a:hover{background-color:#f4f4f4;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a .seek-hot{color:#046a38;font-size:9px;margin-left:8px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion.active:nth-child(1){opacity:1}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a{color:#999}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a strong{color:#000;font-weight:normal;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a:hover{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oh-nav-pcseek .seekmas{width:100%;height:100vh;background-color:rgba(0,0,0,0.6);position:absolute;top:0;left:0;z-index:3;display:none}
.oh-nav-pcseek .seekmas.seekblock{display:block}
.oh-nav-pcseek .seekmas.seekblock.pcexcursion{opacity:0;transition:opacity .54s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-pcseek .seekmas.seekblock.pcexcursion.active{opacity:1}
}
@media(min-width:1024px) and (max-width:1439.98px){.oh-nav{opacity:1;transform:translateX(0);transition:all .42s cubic-bezier(0.48,0.04,0.52,0.96) .06s}
.oh-nav.active{transform:translateX(-20px);opacity:0;transition:all .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-pcseek{display:block}
.oh-nav-pcseek .oh-nav-seek-black{position:absolute;top:0;left:50%;transform:translateX(-50%);display:none}
.oh-nav-pcseek .oh-nav-seek-black.seekblock{display:block;z-index:4}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek{width:640px;margin:18px auto 0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor.pcexcursion{opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor.pcexcursion.active{opacity:1;transition:opacity .48s cubic-bezier(0.48,0.04,0.52,0.96) .24s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-cancel{display:none}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input{position:relative;width:100%;height:48px;display:flex;align-items:center;background-color:rgba(255,255,255,0.11);border-radius:47px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input .pcseekempty svg{transition:opacity .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input .pcseekempty svg:hover{opacity:1 !important}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i svg{width:24px;height:24px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i svg.pcexcursion{opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i svg.pcexcursion.active{opacity:.56;transition:opacity .24s cubic-bezier(0.48,0.04,0.52,0.96) .48s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i svg.pcexcursion.active.iconhover:hover{opacity:1}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon{margin:0 10px 0 15px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon svg.pcexcursion{transform:translateX(30px)}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon svg.pcexcursion.active{transform:translateX(0);transition:transform .48s cubic-bezier(0.48,0.04,0.52,0.96) .24s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon svg:first-child{display:block}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-input-icon svg:last-child{display:none}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-empty-icon{margin:0 15px 0 15px;cursor:pointer}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-empty-icon svg:first-child{display:block}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input i.seek-empty-icon svg:last-child{display:none}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input input{width:100%;height:23px;line-height:19px;outline:0;border:0;color:#fff;font-size:16px;background-color:transparent;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input input.pcexcursion{opacity:0;transform:translateX(30px)}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-seek .seek-input input.pcexcursion.active{opacity:1;transform:translateX(0);transition:all .48s cubic-bezier(0.48,0.04,0.52,0.96) .24s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot{width:640px;background-color:#fff;margin:10px auto 0;padding:0 39px 32px 46px;box-sizing:border-box}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot.pcexcursion{opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot.pcexcursion.active{opacity:1;transition:opacity .54s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(1){transform:translateX(30px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(2){transform:translateX(50px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(3){transform:translateX(70px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(4){transform:translateX(90px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(5){transform:translateX(110px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(6){transform:translateX(130px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(7){transform:translateX(150px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(8){transform:translateX(170px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(9){transform:translateX(190px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(10){transform:translateX(210px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(11){transform:translateX(230px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(12){transform:translateX(250px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(13){transform:translateX(270px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(14){transform:translateX(290px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(15){transform:translateX(310px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(16){transform:translateX(330px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(17){transform:translateX(350px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(18){transform:translateX(370px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(19){transform:translateX(390px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion:nth-child(20){transform:translateX(410px);opacity:0}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion.active{transform:translateX(0);opacity:1;transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96) .2s}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pcexcursion.active:nth-child(1){opacity:.78}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot{width:100%;margin:0 auto;padding-top:32px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title p{font-size:12px;line-height:20px;padding-bottom:16px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title .pop-group-delete{display:block;width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMzA3IDIuMzIyNTZIOC4wNzczM0w3LjkwNyAyLjczNDQ4TDYuODU2ODEgNS4yNzQyMkgyLjYxODE2VjYuNjA3NTVINC4xNjUwNFYxNi4yNzNDNC4xNjUwNCAxNi42NDU1IDQuMzEzMDMgMTcuMDAyOCA0LjU3NjQ2IDE3LjI2NjJDNC44Mzk4OSAxNy41Mjk3IDUuMTk3MTcgMTcuNjc3NyA1LjU2OTcxIDE3LjY3NzdIMTQuNDI1OEMxNC43OTgzIDE3LjY3NzcgMTUuMTU1NiAxNy41Mjk3IDE1LjQxOTEgMTcuMjY2MkMxNS42ODI1IDE3LjAwMjggMTUuODMwNSAxNi42NDU1IDE1LjgzMDUgMTYuMjczVjYuNjA3NTVIMTcuMzc4M1Y1LjI3NDIySDEzLjE0MTRMMTIuMDkxMiAyLjczNDQ4TDExLjkyMDggMi4zMjI1NkgxMS40NzUxSDguNTIzMDdaTTYuMzA1NDggNi42MDc1NUw2LjMwNTMzIDYuNjA3OTJINy4zMDI0MUgxMi42OTU4SDEzLjY5MjhMMTMuNjkyNyA2LjYwNzU1SDE0LjQ5NzFWMTYuMjczQzE0LjQ5NzEgMTYuMjkxOSAxNC40ODk2IDE2LjMxMDEgMTQuNDc2MiAxNi4zMjM0QzE0LjQ2MjkgMTYuMzM2OCAxNC40NDQ3IDE2LjM0NDMgMTQuNDI1OCAxNi4zNDQzSDUuNTY5NzFDNS41NTA3OSAxNi4zNDQzIDUuNTMyNjUgMTYuMzM2OCA1LjUxOTI3IDE2LjMyMzRDNS41MDU4OSAxNi4zMSA1LjQ5ODM3IDE2LjI5MTkgNS40OTgzNyAxNi4yNzNWNi42MDc1NUg2LjMwNTQ4Wk0xMS42OTg1IDUuMjc0MjJMMTEuMDI5NCAzLjY1NTg5SDguOTY4ODJMOC4yOTk2NCA1LjI3NDIySDExLjY5ODVaTTcuODU2NDUgMTQuMDYxNlY4Ljg5NTU5SDkuMTg5NzhWMTQuMDYxNkg3Ljg1NjQ1Wk0xMC44MDczIDguODk1NTlWMTQuMDYxNkgxMi4xNDA2VjguODk1NTlIMTAuODA3M1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat;background-position:center;cursor:pointer}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container{display:flex;flex-wrap:wrap;align-items:center;margin:0 -2px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item{flex:0 1 auto;padding:0 2px;margin-bottom:4px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row{display:flex;flex-wrap:nowrap;align-items:center;padding:2px 12px;background:#f4f4f4}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row a{font-size:12px;line-height:20px;margin-right:6px}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row i{display:block;width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkyNDgxIDYuNzUwMzZMMi45ODUwOSA5LjY5MDA4QzIuNzg2NDIgOS44ODg3NSAyLjQ0MDY5IDkuODY1MTMgMi4yMTI4OSA5LjYzNzMyQzEuOTg1MDggOS40MDk1MiAxLjk2MTQ2IDkuMDYzNzkgMi4xNjAxMyA4Ljg2NTEyTDUuMDk5ODUgNS45MjU0TDIuMTU5MzUgMi45ODQ5QzEuOTYwNjggMi43ODYyMyAxLjk4NDMgMi40NDA1IDIuMjEyMTEgMi4yMTI3QzIuNDM5OTEgMS45ODQ4OSAyLjc4NTY0IDEuOTYxMjcgMi45ODQzMSAyLjE1OTk0TDUuOTI0ODEgNS4xMDA0NEw4Ljg2NTMxIDIuMTU5OTRDOS4wNjM5OCAxLjk2MTI4IDkuNDA5NyAxLjk4NDkgOS42Mzc1MSAyLjIxMjdDOS44NjUzMSAyLjQ0MDUxIDkuODg4OTMgMi43ODYyMyA5LjY5MDI3IDIuOTg0OUw2Ljc0OTc3IDUuOTI1NEw5LjY4OTQ4IDguODY1MTJDOS44ODgxNSA5LjA2Mzc5IDkuODY0NTMgOS40MDk1MSA5LjYzNjczIDkuNjM3MzJDOS40MDg5MiA5Ljg2NTEzIDkuMDYzMiA5Ljg4ODc1IDguODY0NTMgOS42OTAwOEw1LjkyNDgxIDYuNzUwMzZaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=) no-repeat;background-position:center}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd{width:100%;cursor:pointer}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a{padding-left:18px;display:block;font-size:14px;line-height:24px;padding:4px 18px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a:hover{background-color:#f4f4f4;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a .seek-hot{color:#046a38;font-size:9px;margin-left:8px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion.active:nth-child(1){opacity:1}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a{color:#999}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a strong{color:#000;font-weight:normal;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-pcseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a:hover{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oh-nav-pcseek .seekmas{width:100%;height:100vh;background-color:rgba(0,0,0,0.6);position:absolute;top:0;left:0;z-index:3;display:none}
.oh-nav-pcseek .seekmas.seekblock{display:block}
.oh-nav-pcseek .seekmas.seekblock.pcexcursion{opacity:0;transition:opacity .54s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-pcseek .seekmas.seekblock.pcexcursion.active{opacity:1}
}
@media(min-width:768px) and (max-width:1023.98px){.oh-nav .oh-nav-right .oh-nav-right-seek{display:none}
#oc-header .oh-nav .oh-nav-logo,#oc-header .oh-nav .oh-nav-menu{transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96)}
#oc-header .oh-nav .oh-nav-logo.mbactive,#oc-header .oh-nav .oh-nav-menu.mbactive{height:0;transform:translateY(-52px)}
#oc-header .oh-navlist .oh-nav-list,#oc-header .oh-navlist .oh-nav-right{transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96)}
#oc-header .oh-navlist .oh-nav-list.mbactive,#oc-header .oh-navlist .oh-nav-right.mbactive{transform:translateY(90px);opacity:0}
.oh-nav-mbseek{display:block}
.oh-nav-mbseek .oh-nav-seek-black{position:relative}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek{display:flex;align-items:center;justify-content:space-between;padding:28px 64px 0 64px;position:relative;z-index:3;background-color:#fff;box-sizing:border-box;transition:padding-top .34s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek.mbactive{padding-top:32px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek.mbactive .seek-cancel{display:block}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor{flex:1 1 auto;background-color:#fff;position:relative;z-index:8;transition:width .34s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input{position:relative;width:100%;height:48px;display:flex;align-items:center;border-radius:47px;background:#f6f6f6;border-radius:100px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i svg{width:24px;height:24px;margin-top:4px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i svg:last-child{display:none}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i:first-child{margin:0 10px 0 15px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input i:last-child{margin:0 15px 0 15px;cursor:pointer}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-inputcolor .seek-input input{width:100%;height:23px;line-height:19px;outline:0;border:0;color:#fff;font-size:16px;background-color:transparent;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-cancel{display:none;font-size:14px;line-height:24px;margin-left:12px;box-sizing:border-box;color:#046a38;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;opacity:0;transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-seek .seek-cancel.mbactive{opacity:1}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot{z-index:1;width:100%;position:absolute;top:-90px;opacity:0;padding:32px 64px;box-sizing:border-box;transition:all .34s cubic-bezier(0.48,0.04,0.52,0.96)}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot.mbactive{top:90px;opacity:1;height:100vh}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot{text-align:left;padding-top:32px;display:none}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title p{font-size:12px;line-height:20px;padding-bottom:16px;color:#999}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-title .pop-group-delete{display:block;width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMzA3IDIuMzIyNTZIOC4wNzczM0w3LjkwNyAyLjczNDQ4TDYuODU2ODEgNS4yNzQyMkgyLjYxODE2VjYuNjA3NTVINC4xNjUwNFYxNi4yNzNDNC4xNjUwNCAxNi42NDU1IDQuMzEzMDMgMTcuMDAyOCA0LjU3NjQ2IDE3LjI2NjJDNC44Mzk4OSAxNy41Mjk3IDUuMTk3MTcgMTcuNjc3NyA1LjU2OTcxIDE3LjY3NzdIMTQuNDI1OEMxNC43OTgzIDE3LjY3NzcgMTUuMTU1NiAxNy41Mjk3IDE1LjQxOTEgMTcuMjY2MkMxNS42ODI1IDE3LjAwMjggMTUuODMwNSAxNi42NDU1IDE1LjgzMDUgMTYuMjczVjYuNjA3NTVIMTcuMzc4M1Y1LjI3NDIySDEzLjE0MTRMMTIuMDkxMiAyLjczNDQ4TDExLjkyMDggMi4zMjI1NkgxMS40NzUxSDguNTIzMDdaTTYuMzA1NDggNi42MDc1NUw2LjMwNTMzIDYuNjA3OTJINy4zMDI0MUgxMi42OTU4SDEzLjY5MjhMMTMuNjkyNyA2LjYwNzU1SDE0LjQ5NzFWMTYuMjczQzE0LjQ5NzEgMTYuMjkxOSAxNC40ODk2IDE2LjMxMDEgMTQuNDc2MiAxNi4zMjM0QzE0LjQ2MjkgMTYuMzM2OCAxNC40NDQ3IDE2LjM0NDMgMTQuNDI1OCAxNi4zNDQzSDUuNTY5NzFDNS41NTA3OSAxNi4zNDQzIDUuNTMyNjUgMTYuMzM2OCA1LjUxOTI3IDE2LjMyMzRDNS41MDU4OSAxNi4zMSA1LjQ5ODM3IDE2LjI5MTkgNS40OTgzNyAxNi4yNzNWNi42MDc1NUg2LjMwNTQ4Wk0xMS42OTg1IDUuMjc0MjJMMTEuMDI5NCAzLjY1NTg5SDguOTY4ODJMOC4yOTk2NCA1LjI3NDIySDExLjY5ODVaTTcuODU2NDUgMTQuMDYxNlY4Ljg5NTU5SDkuMTg5NzhWMTQuMDYxNkg3Ljg1NjQ1Wk0xMC44MDczIDguODk1NTlWMTQuMDYxNkgxMi4xNDA2VjguODk1NTlIMTAuODA3M1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat;background-position:center;cursor:pointer}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container{display:flex;flex-wrap:wrap;align-items:center;margin:0 -2px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item{flex:0 1 auto;padding:0 2px;margin-bottom:4px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row{display:flex;flex-wrap:nowrap;align-items:center;padding:2px 12px;background:#f4f4f4}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row a{font-size:12px;line-height:20px;margin-right:6px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot .pop-group-container .history-item .item-row i{display:block;width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkyNDgxIDYuNzUwMzZMMi45ODUwOSA5LjY5MDA4QzIuNzg2NDIgOS44ODg3NSAyLjQ0MDY5IDkuODY1MTMgMi4yMTI4OSA5LjYzNzMyQzEuOTg1MDggOS40MDk1MiAxLjk2MTQ2IDkuMDYzNzkgMi4xNjAxMyA4Ljg2NTEyTDUuMDk5ODUgNS45MjU0TDIuMTU5MzUgMi45ODQ5QzEuOTYwNjggMi43ODYyMyAxLjk4NDMgMi40NDA1IDIuMjEyMTEgMi4yMTI3QzIuNDM5OTEgMS45ODQ4OSAyLjc4NTY0IDEuOTYxMjcgMi45ODQzMSAyLjE1OTk0TDUuOTI0ODEgNS4xMDA0NEw4Ljg2NTMxIDIuMTU5OTRDOS4wNjM5OCAxLjk2MTI4IDkuNDA5NyAxLjk4NDkgOS42Mzc1MSAyLjIxMjdDOS44NjUzMSAyLjQ0MDUxIDkuODg4OTMgMi43ODYyMyA5LjY5MDI3IDIuOTg0OUw2Ljc0OTc3IDUuOTI1NEw5LjY4OTQ4IDguODY1MTJDOS44ODgxNSA5LjA2Mzc5IDkuODY0NTMgOS40MDk1MSA5LjYzNjczIDkuNjM3MzJDOS40MDg5MiA5Ljg2NTEzIDkuMDYzMiA5Ljg4ODc1IDguODY0NTMgOS42OTAwOEw1LjkyNDgxIDYuNzUwMzZaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=) no-repeat;background-position:center}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd{width:100%;padding:4px 18px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:14px;line-height:24px}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd a .seek-hot{color:#046a38;font-size:9px;margin-left:4px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .nav-Seekhot dd:last-child{border-bottom:0}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion.active:nth-child(1){opacity:1}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a{color:#999}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a strong{color:#000;font-weight:normal;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oh-nav-mbseek .oh-nav-seek-black .oh-nav-hot .tips-words-group .pcexcursion a:hover{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.appDownLoad.mbactive{opacity:0}
}
.cp-select-language{background-color:#fff;position:relative;overflow:hidden}
.cp-select-language .content{position:absolute;top:120px;right:0;left:0;bottom:40px;padding-bottom:80px;overflow:auto}
.cp-select-language .close{transition:none;position:absolute;left:4px;top:4px;display:block;width:44px;text-align:center;height:44px;line-height:44px;z-index:2}
.cp-select-language .close:active{opacity:.6}
.cp-select-language .close img{width:21px}
.cp-select-language .title{text-align:center;font-size:36px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-select-language .language-list{margin:90px auto 0;width:51.46vw;position:relative}
.cp-select-language .language-type{font-size:28px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-select-language .languages{display:flex;flex-wrap:wrap;margin-top:12px}
.cp-select-language .language{width:12.865vw;margin-top:23px}
.cp-select-language .language .region{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:16px;line-height:24px;color:#000;display:inline}
.cp-select-language .language .region::after{content:'';display:block}
.cp-select-language .language a{display:inline-block;font-size:13px;line-height:20px;color:rgba(0,0,0,0.6);margin-top:8px}
@media(min-width:1440px){.cp-select-language .language a:hover{cursor:pointer;opacity:.7}
}
.cp-select-language .expand-btn,.cp-select-language .collapse-btn{display:none;position:absolute;right:20px;top:20px}
.cp-select-language .expand-btn i{color:#999}
.cp-select-language .collapse-btn i{color:#333}
@media(max-width:767.98px){.cp-select-language{width:100vw;height:100vh;display:block}
.cp-select-language .content{top:110px}
.cp-select-language .title{font-size:16px;padding-bottom:33px}
.cp-select-language .language-list{margin:0 auto;padding:15px 0 18px;width:89.58vw;border-bottom:1px solid rgba(0,0,0,0.1)}
.cp-select-language .language-list.language-list-first{border-top:1px solid rgba(0,0,0,0.1)}
.cp-select-language .language-list.opened .languages{max-height:1000vh;margin-bottom:25px}
.cp-select-language .language-list.opened .expand-btn{display:none}
.cp-select-language .language-list.opened .collapse-btn{display:block}
.cp-select-language .language-type{text-align:center;font-size:20px;margin-bottom:0}
.cp-select-language .languages{width:100%;max-height:0;margin:0 auto;overflow:hidden;transition:all .3s}
.cp-select-language .language{width:50%;text-align:center}
.cp-select-language .expand-btn{display:block}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-select-language{width:100vw;height:100vh}
.cp-select-language .title{font-size:16px;padding-bottom:33px}
.cp-select-language .language-list{margin:0 auto;padding:15px 0 18px;width:89.58vw;border-bottom:1px solid rgba(0,0,0,0.1)}
.cp-select-language .language-list.language-list-first{border-top:1px solid rgba(0,0,0,0.1)}
.cp-select-language .language-list.opened .languages{max-height:100vh;margin-top:7px;margin-bottom:45px}
.cp-select-language .language-list.opened .expand-btn{display:none}
.cp-select-language .language-list.opened .collapse-btn{display:block}
.cp-select-language .language-type{text-align:center;font-size:20px;margin-bottom:0}
.cp-select-language .languages{width:390px;max-height:0;margin:0 auto;overflow:hidden;transition:all .3s}
.cp-select-language .language{width:130px;text-align:center;font-size:13px}
.cp-select-language .expand-btn{display:block}
}
@media(min-width:1440px){.cp-select-language .language-list{width:740px}
.cp-select-language .language{width:185px}
}
.new-header{position:absolute;width:100vw;height:64px;top:0;z-index:99;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;opacity:1;transition:opacity .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header.new-header-fixed{position:fixed}
.new-header.base-line{background:#fff;border-bottom:1px solid #efefef;box-sizing:border-box}
.new-header.active{visibility:hidden;opacity:0;transition:opacity .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header.active .header-box{transform:translateX(-20px);transition:transform .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box{max-width:1312px;height:100%;text-align:center;margin:0 auto;transform:unset;transition:transform .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box.isXs{display:none}
.new-header .header-box .nav-logo{position:relative;width:101px;height:64px;float:left}
.new-header .header-box .nav-logo svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.new-header .header-box .nav-list{display:inline-block}
.new-header .header-box .nav-list .nav-list-ul{font-size:0}
.new-header .header-box .nav-list .nav-list-ul>li{display:inline-block;height:64px;padding:0 16px}
.new-header .header-box .nav-list .nav-list-ul>li[data-new="true"]>a>span .new{display:block}
.new-header .header-box .nav-list .nav-list-ul>li>a{display:block}
.new-header .header-box .nav-list .nav-list-ul>li>a>span{position:relative;display:block;height:100%;line-height:64px;font-size:16px;box-sizing:border-box;z-index:11}
.new-header .header-box .nav-list .nav-list-ul>li>a>span::after{position:absolute;content:"";width:0;height:2px;background-color:#2ec84e;bottom:0;left:50%;transform:translateX(-50%);z-index:15;opacity:0;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box .nav-list .nav-list-ul>li>a>span .new{display:none;position:absolute;width:100%;left:50%;top:50%;font-size:12px;color:#2ec84e;line-height:6px;transform:translate(-50%,12px) scale(0.7)}
.new-header .header-box .nav-list .nav-list-ul>li:first-child{padding-left:100px}
.new-header .header-box .nav-list .nav-list-ul>li:last-child{padding-right:100px}
.new-header .header-box .nav-list .nav-list-ul>li:hover span::after{content:"";width:100%;opacity:1;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box .nav-list .nav-list-ul>li:hover .nav-list-box .nav-list-contain{opacity:1;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box .nav-list .nav-list-ul>li:hover .nav-list-box .nav-list-contain>div,.new-header .header-box .nav-list .nav-list-ul>li:hover .nav-list-box .nav-list-contain>ul{display:block}
.new-header .header-box .nav-list .nav-list-ul>li:hover .nav-list-box .nav-audio-contain ul{display:grid;grid-template-columns:repeat(auto-fit,172px);justify-content:center;max-width:1032px;margin:0 auto}
.new-header .header-box .nav-right{float:right;height:64px}
.new-header .header-box .nav-right .nav-right-item{display:inline-block;height:24px;padding:20px 0;margin-left:10px;cursor:pointer}
.new-header .header-box .nav-right .shop-cart{position:relative}
.new-header .header-box .nav-right .shop-cart:hover .mini-cart{display:block}
.new-header .header-box .nav-right .shop-cart:hover::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:2px;background-color:#2ec84e}
.new-header .header-box .nav-right .shop-cart[data-no-cart="true"]{display:none !important}
.new-header .header-box .nav-right .search[data-no-search="true"]{display:none !important}
.new-header .header-box .nav-right .account-center{position:relative}
.new-header .header-box .nav-right .account-center[data-no-user="true"]{display:none !important}
.new-header .header-box .nav-right .account-center .avatr-img{display:none;width:24px;height:24px;border-radius:50%;overflow:hidden}
.new-header .header-box .nav-right .account-center .account-center-mask{display:none;position:absolute;right:0;width:226px;padding:32px 16px;top:64px;text-align:left;background:#fff;cursor:default;box-shadow:0 5px 12px rgba(0,0,0,0.08);border-radius:2px}
.new-header .header-box .nav-right .account-center .account-center-mask.isLogin{width:326px}
.new-header .header-box .nav-right .account-center .account-center-mask .noLogin{display:block}
.new-header .header-box .nav-right .account-center .account-center-mask .noLogin a{display:inline-block;padding:3px 12px;border-radius:20px;margin-bottom:20px;color:rgba(0,0,0,0.85);font-size:14px;margin-right:10px;border:1px solid rgba(0,0,0,0.12)}
.new-header .header-box .nav-right .account-center .account-center-mask .noLogin a:last-child(){margin-right:0}
.new-header .header-box .nav-right .account-center .account-center-mask .login{display:none}
.new-header .header-box .nav-right .account-center .account-center-mask .login a{border:0;padding:0}
.new-header .header-box .nav-right .account-center .account-center-mask .login .nav-user-left{display:flex;position:relative;margin-bottom:25px}
.new-header .header-box .nav-right .account-center .account-center-mask .login .nav-user-left .nav-user-avatr{position:absolute;top:50%;transform:translateY(-50%);left:0;width:60px;height:60px;border-radius:50%;overflow:hidden}
.new-header .header-box .nav-right .account-center .account-center-mask .login .nav-user-left .nav-user-avatr img{width:100%}
.new-header .header-box .nav-right .account-center .account-center-mask .login .info-box{padding-left:76px;flex:1}
.new-header .header-box .nav-right .account-center .account-center-mask .login .info-box .member-center{display:inline-block;padding-right:12px;height:23px;line-height:23px;font-size:14px;color:rgba(0,0,0,0.85);transition:padding-right .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box .nav-right .account-center .account-center-mask .login .info-box .member-center:hover{padding-right:20px;transition:padding-right .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box .nav-right .account-center .account-center-mask .login .info-box svg{margin-bottom:2px}
.new-header .header-box .nav-right .account-center .account-center-mask .login .user-name{font-size:14px;line-height:20px;color:#666;padding-bottom:8px}
.new-header .header-box .nav-right .account-center .account-center-mask .login .user-order{margin-top:8px}
.new-header .header-box .nav-right .account-center .account-center-mask .login .user-order a{display:inline-block;height:24px;line-height:24px;margin-right:24px}
.new-header .header-box .nav-right .account-center .account-center-mask .login .user-order a i{display:inline-block}
.new-header .header-box .nav-right .account-center .account-center-mask .login .user-order svg{margin-right:2px}
.new-header .header-box .nav-right .account-center .account-center-mask>a{display:inline-block;font-size:14px;line-height:20px;padding:2px 12px;border:1px solid rgba(0,0,0,0.12);box-sizing:border-box;border-radius:20px;margin-right:12px;margin-bottom:12px}
.new-header .header-box .nav-right .account-center .account-center-mask .logOut{padding:4px 12px;display:none}
.new-header .header-box .nav-right .account-center .account-center-mask .appdownLoad{padding:3px 12px;background:#2ec84e;border:0;margin:0;color:#fff}
.new-header .header-box .nav-right .account-center .account-center-mask.isLogin .noLogin{display:none}
.new-header .header-box .nav-right .account-center .account-center-mask.isLogin .login{display:block}
.new-header .header-box .nav-right .account-center .account-center-mask.isLogin .logOut{display:inline-block}
.new-header .header-box .nav-right .account-center:hover::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:2px;background-color:#2ec84e}
.new-header .header-box .nav-right .account-center:hover .account-center-mask{display:block}
.new-header .nav-list-box{position:absolute;width:100vw;left:0;top:64px;z-index:10;background:#fff;cursor:default}
.new-header .nav-list-box .nav-list-contain{opacity:.2;max-width:1312px;margin:0 auto;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-list-box .nav-list-contain>div,.new-header .nav-list-box .nav-list-contain>ul{display:none}
@media(min-width:1200px) and (max-width:1366px){.new-header .header-box{padding:0 64px}
.new-header .header-box .nav-list .nav-list-ul>li:first-child{padding-left:40px}
.new-header .header-box .nav-list .nav-list-ul>li:last-child{padding-right:40px}
.new-header .nav-list-box{padding:0 64px;width:calc(100vw - 128px)}
}
@media(min-width:1024px) and (max-width:1199.98px){.new-header .header-box{padding:0 40px}
.new-header .header-box .nav-list .nav-list-ul>li{padding:0 8px}
.new-header .header-box .nav-list .nav-list-ul>li:first-child{padding-left:20px}
.new-header .header-box .nav-list .nav-list-ul>li:last-child{padding-right:20px}
.new-header .nav-list-box{padding:0 40px;width:calc(100vw - 80px)}
}
@media(max-width:1023.98px){.new-header{height:auto}
.new-header.fixed-header{position:fixed;top:0;left:0;right:0;background:#fff;z-index:99}
.new-header .header-box.search{transform:translateY(-28px);transition:transform .252s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box.search .nav-user,.new-header .header-box.search .nav-product{transform:translateY(50px);opacity:0;transition:all .252s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box.search .nav-user>ul,.new-header .header-box.search .nav-user>div,.new-header .header-box.search .nav-product>ul,.new-header .header-box.search .nav-product>div{display:none}
.new-header .header-box.search .header-box-botton{display:none}
.new-header .header-box.search .header-box-nav{transform:translateY(-50px);opacity:0;transition:all .252s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box .header-box-botton{display:block}
.new-header .header-box .nav-product,.new-header .header-box .header-box-nav{transform:translateY(0);opacity:1;transition:all .252s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box .nav-product>ul,.new-header .header-box .nav-product>div,.new-header .header-box .nav-product>a,.new-header .header-box .header-box-nav>ul,.new-header .header-box .header-box-nav>div,.new-header .header-box .header-box-nav>a{display:block}
.new-header .header-box .header-box-nav{height:48px;padding:0 16px}
.new-header .header-box.isPc{display:none}
.new-header .header-box.isXs{display:block}
.new-header .header-box .nav-logo{width:68px;height:48px}
.new-header .header-box .header-box-right{float:right;font-size:0;padding:12px 0}
.new-header .header-box .header-box-right>li{display:inline-block}
.new-header .header-box .header-box-right .shop-cart{margin-right:10px}
.new-header .header-box .header-box-right .shop-cart[data-no-cart="true"]{display:none !important}
.new-header .header-box .header-box-right .shop-cart svg{vertical-align:unset}
.new-header .header-box .header-box-right .shop-cart.hide{display:none}
.new-header .header-box .header-box-right .nav-menu{position:relative;width:24px;height:24px}
.new-header .header-box .header-box-right .nav-menu em{position:absolute;width:18px;height:2px;background:#000;border-radius:1px;top:50%;left:50%;transform:translate(-50%,-50%)}
.new-header .header-box .header-box-right .nav-menu em::after,.new-header .header-box .header-box-right .nav-menu em::before{content:"";position:absolute;width:18px;height:2px;background:#000;border-radius:1px;left:50%;transform:translateX(-50%);transition:all .3s}
.new-header .header-box .header-box-right .nav-menu em::after{bottom:-6px}
.new-header .header-box .header-box-right .nav-menu em::before{top:-6px}
.new-header .header-box .header-box-right .nav-menu em.rotate{background:rgba(0,0,0,0)}
.new-header .header-box .header-box-right .nav-menu em.rotate::after{bottom:0;transform:translateX(-50%) rotateZ(-45deg);transition:all .3s}
.new-header .header-box .header-box-right .nav-menu em.rotate::before{top:0;transform:translateX(-50%) rotateZ(45deg);transition:all .3s}
.new-header .header-box .header-box-menu{display:none;position:relative;height:calc(100vh - 48px);padding:0 16px;background-color:#fff;overflow:hidden;overflow-y:auto}
.new-header .header-box .header-box-menu.show{display:block}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li{padding:12px 0;text-align:left}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li[data-new="true"] .nav-product-list-title>.new,.new-header .header-box .header-box-menu .nav-product .nav-product-list>li[data-new="true"]>a>.new{display:inline-block}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li .nav-product-list-title,.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>a{position:relative;width:100%;height:24px;font-size:16px;line-height:150%;color:#030016}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li .nav-product-list-title>.new,.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>a>.new{display:none;font-size:12px;line-height:170%;color:#2ec84e;padding-left:4px}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li .nav-product-list-title svg,.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>a svg{float:right;transition:all .3s}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li .nav-product-list-title .svg-link,.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>a .svg-link{display:none}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li .nav-product-list-title.rotate .svg-more,.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>a.rotate .svg-more{transform:rotateZ(-180deg);transition:all .3s}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul{height:0;opacity:0;transition:all .196s cubic-bezier(0.26,0,0.6,0.2)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul.show{height:100%;opacity:1;transition:all .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul.show>li{display:block}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul.show .view-more-compare{display:block;margin-bottom:-24px;font-size:0}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li{display:none}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>p{position:relative;padding:12px 0}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>p span{font-size:14px;display:block}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>p span.price{padding-top:2px;font-size:12px;color:#999}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>p svg{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>p .sub-btn{opacity:0;transition:opacity .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>p .more-btn{opacity:1;transition:opacity .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>p.rotate .more-btn{opacity:0;transition:opacity .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>p.rotate .sub-btn{opacity:1;transition:opacity .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul{height:0;padding:0;font-size:0;overflow:hidden;transition:all .196s cubic-bezier(0.26,0,0.6,0.2)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul.show{padding:12px 0 8px;height:100%;transition:all .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul.show li,.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul.show .view-all{display:inline-block}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li{display:none;width:calc((100% - 32px) / 3);padding-top:10px;margin-right:16px;text-align:center;margin-bottom:24px;vertical-align:top}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li:nth-child(3n){margin-right:0}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li:nth-child(n+9){display:none}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li a{display:block;width:100%}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li .img-box{width:auto;height:56px;margin:0 auto 8px}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li .img-box img{width:auto;max-width:56px;max-height:56px}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li p{font-size:12px;line-height:170%;text-align:center}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li .new{display:none;color:#2ec84e}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li.view-all{display:none;position:relative;height:84px;margin-right:0}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li.view-all a{position:absolute;top:50%;transform:translateY(-50%)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li.view-all p{width:56px;font-size:14px;line-height:20px;margin:0 auto;text-align:left}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li.view-all p svg{position:absolute;top:50%;right:calc((100% - 56px) / 2 - 19px);transform:translateY(-50%)}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li>ul>li>ul li[data-new="true"] .new{display:block}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li .view-more-compare{display:none;padding:12px 0 20px}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li .view-more-compare a{display:inline-block;width:50%;font-size:14px;line-height:20px;margin-bottom:12px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.new-header .header-box .header-box-menu .nav-product .nav-product-list>li .view-more-compare a svg{padding-left:4px}
.new-header .header-box .header-box-menu .header-box-botton{margin-bottom:140px;padding-top:56px;text-align:left}
.new-header .header-box .header-box-menu .header-box-botton a{display:inline-block;font-size:14px;line-height:20px;padding:4px 12px;border:1px solid rgba(0,0,0,0.12);box-sizing:border-box;border-radius:20px;margin-bottom:12px}
.new-header .header-box .header-box-menu .header-box-botton .logOut{display:none}
.new-header .header-box .header-box-menu .header-box-botton .signIn,.new-header .header-box .header-box-menu .header-box-botton .logOut{margin-right:12px}
.new-header .header-box .header-box-menu .header-box-botton .appdownLoad{padding:2px 12px;background:#2ec84e;color:#fff}
.new-header .header-box .header-box-menu .header-box-botton.isLogin .signUp,.new-header .header-box .header-box-menu .header-box-botton.isLogin .signIn{display:none}
.new-header .header-box .header-box-menu .header-box-botton.isLogin .logOut{display:inline-block}
.new-header .header-box .header-box-menu .header-box-botton.isLogin .appdownLoad{float:none}
}
.new-header svg{vertical-align:middle}
.new-header svg .fill{fill:#000}
.new-header svg .stroke{stroke:#000}
.pc-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;background:rgba(0,0,0,0.5)}
#themeSelector{position:fixed;top:0;left:0;z-index:1000;outline:0;font-size:12px;background-color:rgba(255,255,255,0.8);padding:0}
html.lang-ar #themeSelector{left:unset;right:0}
body.header-hidden{overflow:hidden}
#oc-container.new-oc-container{padding-top:64px}
@media(max-width:1023.98px){#oc-container.new-oc-container{padding-top:0}
}
#oc-wrapper.up-zindex{z-index:999}
.dark-theme #new-header{background:#000}
.dark-theme #new-header .nav-list-ul>li{color:#fff}
.dark-theme #new-header .nav-list-ul>li>a{color:#fff}
.dark-theme #new-header svg .fill{fill:#fff}
.dark-theme #new-header svg .stroke{stroke:#fff}
.dark-theme #new-header .nav-menu em{background:#fff}
.dark-theme #new-header .nav-menu em::before,.dark-theme #new-header .nav-menu em::after{background:#fff}
.light-theme #new-header{background:#fff}
.clean-theme #new-header.new-header-fixed,.clean-theme #new-header.fixed-header,.clean-theme #new-header.base-line{background:#fff}
.clean-theme #new-header.new-header-fixed .header-box svg .fill,.clean-theme #new-header.fixed-header .header-box svg .fill,.clean-theme #new-header.base-line .header-box svg .fill{fill:#000 !important}
.clean-theme #new-header.new-header-fixed .header-box svg .stroke,.clean-theme #new-header.fixed-header .header-box svg .stroke,.clean-theme #new-header.base-line .header-box svg .stroke{stroke:#000 !important}
.clean-theme #new-header.new-header-fixed .header-box .nav-list-ul>li,.clean-theme #new-header.new-header-fixed .header-box .nav-list-ul>li>a,.clean-theme #new-header.fixed-header .header-box .nav-list-ul>li,.clean-theme #new-header.fixed-header .header-box .nav-list-ul>li>a,.clean-theme #new-header.base-line .header-box .nav-list-ul>li,.clean-theme #new-header.base-line .header-box .nav-list-ul>li>a{color:#000 !important}
.clean-theme #new-header.new-header-fixed .header-box .nav-menu em::before,.clean-theme #new-header.new-header-fixed .header-box .nav-menu em::after,.clean-theme #new-header.fixed-header .header-box .nav-menu em::before,.clean-theme #new-header.fixed-header .header-box .nav-menu em::after,.clean-theme #new-header.base-line .header-box .nav-menu em::before,.clean-theme #new-header.base-line .header-box .nav-menu em::after{background:#000 !important}
.new-header .nav-phone-box .nav-phone-contain{text-align:left;display:flex}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left{width:200px;min-width:202px;padding:62px 0 87px;border-right:1px solid #efefef}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left .nav-phone-series{padding-bottom:22px;cursor:pointer;max-width:92%;word-break:break-all}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left .nav-phone-series.show p{color:#000}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left .phone-name{font-size:18px;line-height:150%;color:#666}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left .phone-price{font-size:12px;line-height:20px;color:#999;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left>a{display:block;max-width:92%;font-size:16px;line-height:150%;color:#000;margin-bottom:9px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left>a:hover svg{transform:translateX(6px);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left>a svg{padding-left:10px;transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-left>a:first-of-type{margin-top:42px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right{flex:1;padding:64px 0 87px 77px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-series{opacity:0;display:flex;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96);justify-content:space-between}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-series.show{opacity:1;transition:all .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-series.show ul{display:flex;flex-flow:row wrap}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-series.show .nav-phone-right-big{display:inline-block}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul{display:none}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li{display:inline-block;width:132px;margin-left:40px;margin-bottom:40px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li:nth-child(n+9){display:none}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li.viewMore{display:none;height:96px;line-height:96px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li.viewMore a{display:inline-block;font-size:14px;line-height:20px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li.viewMore a:hover svg{transform:translateX(6px);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li.viewMore a svg{padding-left:8px;transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li[data-new="true"] .new{display:block}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li a{display:block;width:100%;text-align:center}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li a:hover{opacity:.8}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li a img{max-width:112px;max-height:112px;height:auto}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li a p{padding-top:12px;color:#000;width:132px;word-break:break-all;word-wrap:break-word;transition:color .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li a p,.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li a i{font-size:12px;line-height:170%}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li a i{display:none;color:#2ec84e;line-height:10px;transform:scale(0.7)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big{display:none;width:246px;height:328px}
@media all and (min-width:1440px) and (-ms-high-contrast:none),(min-width:1440px) and (-ms-high-contrast:active){.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big{flex:0 0 246px}
}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big a{display:block;width:100%}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big a .img-box{width:246px;height:328px;border-radius:8px;overflow:hidden}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big a img{max-width:246px;max-height:328px;height:auto;transform:scale(1);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big a img:hover{transform:scale(1.1);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big a P{padding-top:29px;font-size:14px;line-height:20px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big a P:hover svg{transform:translateX(6px);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-right-big a P svg{padding-left:8.5px;transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
@media(min-width:1024.02px) and (max-width:1366px){.new-header .nav-phone-box .nav-phone-contain .nav-phone-right{padding:64px 0 87px 24px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li{width:auto;margin-left:66px}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li:nth-child(4n){margin-right:0}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li a img{width:96px;height:96px}
}
@media(min-width:1024px) and (max-width:1280px){.new-header .nav-phone-box .nav-phone-contain .nav-phone-right ul li:nth-child(n+7){display:none}
.new-header .nav-phone-box .nav-phone-contain .nav-phone-right .nav-phone-series.show .nav-phone-right-big{display:none}
}
.new-header .nav-audio-box .nav-audio-contain{text-align:center}
.new-header .nav-audio-box .nav-audio-contain ul{padding:64px 0 145px}
.new-header .nav-audio-box .nav-audio-contain ul li{margin:0 20px 40px}
.new-header .nav-audio-box .nav-audio-contain ul li:hover{opacity:.8}
.new-header .nav-audio-box .nav-audio-contain ul li[data-new="true"] .new{opacity:1}
.new-header .nav-audio-box .nav-audio-contain ul li a{display:block;width:100%;text-align:center}
.new-header .nav-audio-box .nav-audio-contain ul li a img{max-width:112px;max-height:112px;width:auto}
.new-header .nav-audio-box .nav-audio-contain ul li a p{padding-top:12px}
.new-header .nav-audio-box .nav-audio-contain ul li a p,.new-header .nav-audio-box .nav-audio-contain ul li a i{font-size:12px;line-height:170%}
.new-header .nav-audio-box .nav-audio-contain ul li a i{opacity:0;line-height:100%;color:#2ec84e}
.new-header .nav-audio-box .nav-audio-contain ul li:nth-child(n+7){margin:0 20px}
.new-header .nav-audio-box .nav-audio-contain ul li:nth-child(n+9){display:none}
.new-header .nav-audio-box .nav-audio-contain ul #nav-audio-all a{margin-top:35px}
.new-header .nav-audio-box .nav-audio-contain ul #nav-audio-all p{font-size:14px;line-height:20px}
.new-header .nav-audio-box .nav-audio-contain ul #nav-audio-all p:hover svg{transform:translateX(6px);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-audio-box .nav-audio-contain ul #nav-audio-all p svg{padding-left:8.5px;transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-audio-box .nav-audio-contain ul #nav-audio-all.block{display:block}
@media(min-width:1024.02px) and (max-width:1366px){.new-header .nav-audio-box .nav-audio-contain ul{padding:50px 0}
}
@media(max-width:1024px){.new-header .nav-lot-product{height:0;padding:0;font-size:0;overflow:hidden;transition:all .196s cubic-bezier(0.26,0,0.6,0.2)}
.new-header .nav-lot-product.show{padding:24px 0 0;height:100%;margin-bottom:-4px;transition:all .252s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .nav-lot-product.show li{display:inline-block}
.new-header .nav-lot-product li{display:none;width:calc((100% - 32px) / 3);padding-top:10px;margin-right:16px;text-align:center;margin-bottom:24px;float:left}
.new-header .nav-lot-product li:nth-child(3n){margin-right:0}
.new-header .nav-lot-product li.view-all{position:relative;height:84px;margin-right:0}
.new-header .nav-lot-product li.view-all a{position:absolute;top:50%;transform:translateY(-50%)}
.new-header .nav-lot-product li.view-all p{width:56px;font-size:14px;line-height:20px;margin:0 auto}
.new-header .nav-lot-product li.view-all p svg{position:absolute;top:50%;right:calc((100% - 56px) / 2 - 19px);transform:translateY(-50%)}
.new-header .nav-lot-product li a{display:block;width:100%}
.new-header .nav-lot-product li a .img-box{height:56px;margin:0 auto 8px}
.new-header .nav-lot-product li a .img-box img{width:auto;max-width:56px;max-height:56px}
.new-header .nav-lot-product li p{font-size:12px;line-height:170%;text-align:center}
.new-header .nav-lot-product li .new{display:none;color:#2ec84e}
.new-header .nav-lot-product li[data-new="true"]{display:block}
}
.new-header .nav-navOffer-box .nav-navOffer-contain{text-align:center}
.new-header .nav-navOffer-box .nav-navOffer-contain ul{padding:64px 0 122px}
.new-header .nav-navOffer-box .nav-navOffer-contain li{display:inline-block;font-size:16px;line-height:150%;padding:0 16px}
.new-header .nav-navOffer-box .nav-navOffer-contain li:hover{opacity:.8}
.new-header .nav-navOffer-box .nav-navOffer-contain .nav-offer-all:hover svg{transform:translateX(6px);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-navOffer-box .nav-navOffer-contain .nav-offer-all svg{padding-left:10px;transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.96)}
@media(min-width:1024px) and (max-width:1360px){.new-header .nav-navOffer-box .nav-navOffer-contain ul{padding:64px 0}
}
@media(max-width:1024px){.new-header .nav-offer-xs .nav-product-list-title{display:block}
.new-header .nav-offer-xs .nav-lot-product{padding-left:20px}
.new-header .nav-offer-xs .nav-lot-product li{width:100%;padding:10px 0;font-size:14px;line-height:20px;text-align:left;margin:0}
.new-header .nav-offer-xs .nav-lot-product li:first-child{padding-top:4px}
.new-header .nav-offer-xs .nav-lot-product li:last-child{padding-bottom:4px}
.new-header .nav-offer-xs .nav-lot-product .view-all{height:20px}
.new-header .nav-offer-xs .nav-lot-product .view-all p{width:100%;margin:unset;text-align:left}
.new-header .nav-offer-xs .nav-lot-product .view-all p svg{position:static;transform:translateY(0)}
}
.nav-search-pc{display:none}
.nav-search-pc.active{display:block}
.nav-search-pc.active .nav-search-pc-mask{opacity:1;transition:opacity .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.nav-search-pc.active .nav-search-pc-box{opacity:1;transition:opacity .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-top input{transform:translateX(0);transition:transform .24s cubic-bezier(0.4,0.8,0.74,1)}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 p{opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1)}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(1){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .05s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(2){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .1s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(3){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .15s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(4){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .2s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(5){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .25s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(6){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .3s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(7){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .35s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(8){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .4s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(9){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .45s}
.nav-search-pc.active .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(10){opacity:1;transform:translateX(0);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .5s}
.nav-search-pc .nav-search-pc-mask{width:100%;height:100vh;background-color:rgba(0,0,0,0.68);position:absolute;top:0;left:0;z-index:10;opacity:0;transition:opacity .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.nav-search-pc .nav-search-pc-box{position:absolute;width:640px;left:50%;top:32px;transform:translateX(-50%);z-index:12;opacity:0}
.nav-search-pc .nav-search-pc-box .nav-search-pc-top{position:relative;height:23px;padding:12px 14px;background:rgba(255,255,255,0.12);border-radius:136px}
.nav-search-pc .nav-search-pc-box .nav-search-pc-top input{width:calc(100% - 68px);font-size:16px;height:23px;line-height:23px;padding:0;padding-left:8px;outline:0;border:0;color:#fff;background:transparent;vertical-align:top;transform:translateX(80px);transition:transform .24s cubic-bezier(0.4,0.8,0.74,1)}
.nav-search-pc .nav-search-pc-box .nav-search-pc-top .search-pc-close{display:none;position:absolute;top:50%;right:17px;width:24px;height:24px;transform:translateY(-50%);cursor:pointer}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list{padding:32px 46px 0;background-color:#fff;text-align:left;margin-top:10px}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1{padding-bottom:32px}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 p{padding-bottom:16px;line-height:20px;font-size:12px;color:rgba(0,0,0,0.78);opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1)}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li a{display:block;font-size:14px;line-height:24px;padding:4px 18px}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:hover{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;background:#f4f4f4}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(1){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .05s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(2){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .1s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(3){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .15s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(4){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .2s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(5){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .25s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(6){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .3s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(7){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .35s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(8){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .4s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(9){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .45s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .search-pc-list-item-v1 ul li:nth-child(10){opacity:0;transform:translateX(80px);transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1) .5s}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .tipwords-group-v1 ul li a{padding:4px 0}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .tipwords-group-v1 a{color:#999}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .tipwords-group-v1 a strong{color:#000;font-weight:normal}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .tipwords-group-v1 a:hover{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1{padding-bottom:28px}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1 .history-v1{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-bottom:16px}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1 .history-v1 p{padding-bottom:0}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1 .history-v1 .pop-group-delete{display:block;width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMzA3IDIuMzIyNTZIOC4wNzczM0w3LjkwNyAyLjczNDQ4TDYuODU2ODEgNS4yNzQyMkgyLjYxODE2VjYuNjA3NTVINC4xNjUwNFYxNi4yNzNDNC4xNjUwNCAxNi42NDU1IDQuMzEzMDMgMTcuMDAyOCA0LjU3NjQ2IDE3LjI2NjJDNC44Mzk4OSAxNy41Mjk3IDUuMTk3MTcgMTcuNjc3NyA1LjU2OTcxIDE3LjY3NzdIMTQuNDI1OEMxNC43OTgzIDE3LjY3NzcgMTUuMTU1NiAxNy41Mjk3IDE1LjQxOTEgMTcuMjY2MkMxNS42ODI1IDE3LjAwMjggMTUuODMwNSAxNi42NDU1IDE1LjgzMDUgMTYuMjczVjYuNjA3NTVIMTcuMzc4M1Y1LjI3NDIySDEzLjE0MTRMMTIuMDkxMiAyLjczNDQ4TDExLjkyMDggMi4zMjI1NkgxMS40NzUxSDguNTIzMDdaTTYuMzA1NDggNi42MDc1NUw2LjMwNTMzIDYuNjA3OTJINy4zMDI0MUgxMi42OTU4SDEzLjY5MjhMMTMuNjkyNyA2LjYwNzU1SDE0LjQ5NzFWMTYuMjczQzE0LjQ5NzEgMTYuMjkxOSAxNC40ODk2IDE2LjMxMDEgMTQuNDc2MiAxNi4zMjM0QzE0LjQ2MjkgMTYuMzM2OCAxNC40NDQ3IDE2LjM0NDMgMTQuNDI1OCAxNi4zNDQzSDUuNTY5NzFDNS41NTA3OSAxNi4zNDQzIDUuNTMyNjUgMTYuMzM2OCA1LjUxOTI3IDE2LjMyMzRDNS41MDU4OSAxNi4zMSA1LjQ5ODM3IDE2LjI5MTkgNS40OTgzNyAxNi4yNzNWNi42MDc1NUg2LjMwNTQ4Wk0xMS42OTg1IDUuMjc0MjJMMTEuMDI5NCAzLjY1NTg5SDguOTY4ODJMOC4yOTk2NCA1LjI3NDIySDExLjY5ODVaTTcuODU2NDUgMTQuMDYxNlY4Ljg5NTU5SDkuMTg5NzhWMTQuMDYxNkg3Ljg1NjQ1Wk0xMC44MDczIDguODk1NTlWMTQuMDYxNkgxMi4xNDA2VjguODk1NTlIMTAuODA3M1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat;background-position:center;cursor:pointer}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1 ul{display:flex;flex-wrap:wrap;align-items:center}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1 ul li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#f4f4f4;padding:2px 12px;margin:0 4px 4px 0;border-radius:2px}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1 ul li a{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;padding:0;margin-right:6px}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1 ul li a:hover{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;background:#f4f4f4}
.nav-search-pc .nav-search-pc-box .nav-search-pc-list .history-group-v1 ul .item-delete{display:block;width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkyNDgxIDYuNzUwMzZMMi45ODUwOSA5LjY5MDA4QzIuNzg2NDIgOS44ODg3NSAyLjQ0MDY5IDkuODY1MTMgMi4yMTI4OSA5LjYzNzMyQzEuOTg1MDggOS40MDk1MiAxLjk2MTQ2IDkuMDYzNzkgMi4xNjAxMyA4Ljg2NTEyTDUuMDk5ODUgNS45MjU0TDIuMTU5MzUgMi45ODQ5QzEuOTYwNjggMi43ODYyMyAxLjk4NDMgMi40NDA1IDIuMjEyMTEgMi4yMTI3QzIuNDM5OTEgMS45ODQ4OSAyLjc4NTY0IDEuOTYxMjcgMi45ODQzMSAyLjE1OTk0TDUuOTI0ODEgNS4xMDA0NEw4Ljg2NTMxIDIuMTU5OTRDOS4wNjM5OCAxLjk2MTI4IDkuNDA5NyAxLjk4NDkgOS42Mzc1MSAyLjIxMjdDOS44NjUzMSAyLjQ0MDUxIDkuODg4OTMgMi43ODYyMyA5LjY5MDI3IDIuOTg0OUw2Ljc0OTc3IDUuOTI1NEw5LjY4OTQ4IDguODY1MTJDOS44ODgxNSA5LjA2Mzc5IDkuODY0NTMgOS40MDk1MSA5LjYzNjczIDkuNjM3MzJDOS40MDg5MiA5Ljg2NTEzIDkuMDYzMiA5Ljg4ODc1IDguODY0NTMgOS42OTAwOEw1LjkyNDgxIDYuNzUwMzZaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=) no-repeat;background-position:center}
@media(max-width:1024px){.new-header .nav-search[data-no-search="true"]{display:none !important}
.new-header .nav-search .nav-search-box{position:relative;height:20px;padding:10px 8px;margin-bottom:9px;background:#f6f6f6;border-radius:100px}
.new-header .nav-search .search-cancel{display:none}
.new-header .nav-search svg{position:absolute;top:50%;transform:translateY(-50%);left:8px;opacity:.24}
.new-header .nav-search svg.opacity{opacity:1}
.new-header .nav-search input{width:calc(100% - 28px);height:20px;font-size:12px;line-height:20px;outline:0;border:0;padding:0;margin-left:28px;background-color:transparent}
.new-header .nav-search input::placeholder{color:rgba(0,0,0,0.24)}
.new-header .nav-search .search-empty{display:none;position:absolute;top:50%;transform:translateY(-50%);right:8px;left:unset;opacity:1}
.new-header .nav-search .nav-search-mask{opacity:0}
.new-header .nav-search .nav-search-mask p,.new-header .nav-search .nav-search-mask ul{display:none}
.new-header .header-box.search .header-box-menu{padding:0 20px}
.new-header .header-box.search .nav-search .search-box{width:100%;display:flex;justify-content:space-between}
.new-header .header-box.search .nav-search .nav-search-box{display:inline-block;flex:1;margin-bottom:0}
.new-header .header-box.search .nav-search input{width:calc(100% - 56px);margin:0 28px}
.new-header .header-box.search .nav-search .search-cancel{display:inline-block;line-height:40px;padding-left:12px;font-size:14px;color:#2ec84e;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.new-header .header-box.search .nav-search .nav-search-mask{padding:28px 0 0;background-color:#fff;margin-top:0;text-align:left;opacity:1;transition:opacity .242s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .header-box.search .nav-search .nav-search-mask .search-pc-list-item-v1{padding-bottom:28px}
.new-header .header-box.search .nav-search .nav-search-mask .search-pc-list-item-v1 p{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;display:block;padding-bottom:8px;line-height:20px;font-size:12px;color:#999;transition:opacity,transform .24s cubic-bezier(0.4,0.8,0.74,1)}
.new-header .header-box.search .nav-search .nav-search-mask .search-pc-list-item-v1 ul{display:block}
.new-header .header-box.search .nav-search .nav-search-mask .search-pc-list-item-v1 ul li a{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;display:block;font-size:14px;line-height:24px;padding:6px 12px}
.new-header .header-box.search .nav-search .nav-search-mask .tipwords-group-v1 a{color:#999}
.new-header .header-box.search .nav-search .nav-search-mask .tipwords-group-v1 a strong{color:#000;font-weight:normal}
.new-header .header-box.search .nav-search .nav-search-mask .history-group-v1{padding-bottom:28px}
.new-header .header-box.search .nav-search .nav-search-mask .history-group-v1 .history-v1{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-bottom:16px}
.new-header .header-box.search .nav-search .nav-search-mask .history-group-v1 .history-v1 p{padding-bottom:0}
.new-header .header-box.search .nav-search .nav-search-mask .history-group-v1 .history-v1 .pop-group-delete{display:block;width:16px;height:16px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjUyMzA3IDIuMzIyNTZIOC4wNzczM0w3LjkwNyAyLjczNDQ4TDYuODU2ODEgNS4yNzQyMkgyLjYxODE2VjYuNjA3NTVINC4xNjUwNFYxNi4yNzNDNC4xNjUwNCAxNi42NDU1IDQuMzEzMDMgMTcuMDAyOCA0LjU3NjQ2IDE3LjI2NjJDNC44Mzk4OSAxNy41Mjk3IDUuMTk3MTcgMTcuNjc3NyA1LjU2OTcxIDE3LjY3NzdIMTQuNDI1OEMxNC43OTgzIDE3LjY3NzcgMTUuMTU1NiAxNy41Mjk3IDE1LjQxOTEgMTcuMjY2MkMxNS42ODI1IDE3LjAwMjggMTUuODMwNSAxNi42NDU1IDE1LjgzMDUgMTYuMjczVjYuNjA3NTVIMTcuMzc4M1Y1LjI3NDIySDEzLjE0MTRMMTIuMDkxMiAyLjczNDQ4TDExLjkyMDggMi4zMjI1NkgxMS40NzUxSDguNTIzMDdaTTYuMzA1NDggNi42MDc1NUw2LjMwNTMzIDYuNjA3OTJINy4zMDI0MUgxMi42OTU4SDEzLjY5MjhMMTMuNjkyNyA2LjYwNzU1SDE0LjQ5NzFWMTYuMjczQzE0LjQ5NzEgMTYuMjkxOSAxNC40ODk2IDE2LjMxMDEgMTQuNDc2MiAxNi4zMjM0QzE0LjQ2MjkgMTYuMzM2OCAxNC40NDQ3IDE2LjM0NDMgMTQuNDI1OCAxNi4zNDQzSDUuNTY5NzFDNS41NTA3OSAxNi4zNDQzIDUuNTMyNjUgMTYuMzM2OCA1LjUxOTI3IDE2LjMyMzRDNS41MDU4OSAxNi4zMSA1LjQ5ODM3IDE2LjI5MTkgNS40OTgzNyAxNi4yNzNWNi42MDc1NUg2LjMwNTQ4Wk0xMS42OTg1IDUuMjc0MjJMMTEuMDI5NCAzLjY1NTg5SDguOTY4ODJMOC4yOTk2NCA1LjI3NDIySDExLjY5ODVaTTcuODU2NDUgMTQuMDYxNlY4Ljg5NTU5SDkuMTg5NzhWMTQuMDYxNkg3Ljg1NjQ1Wk0xMC44MDczIDguODk1NTlWMTQuMDYxNkgxMi4xNDA2VjguODk1NTlIMTAuODA3M1oiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==) no-repeat;background-position:center;cursor:pointer}
.new-header .header-box.search .nav-search .nav-search-mask .history-group-v1 ul{display:flex;flex-wrap:wrap;align-items:center}
.new-header .header-box.search .nav-search .nav-search-mask .history-group-v1 ul li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#f4f4f4;padding:2px 12px;margin:0 4px 4px 0;border-radius:2px}
.new-header .header-box.search .nav-search .nav-search-mask .history-group-v1 ul li a{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;font-size:12px;line-height:20px;padding:0;margin-right:6px}
.new-header .header-box.search .nav-search .nav-search-mask .history-group-v1 ul .item-delete{display:block;width:12px;height:12px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjkyNDgxIDYuNzUwMzZMMi45ODUwOSA5LjY5MDA4QzIuNzg2NDIgOS44ODg3NSAyLjQ0MDY5IDkuODY1MTMgMi4yMTI4OSA5LjYzNzMyQzEuOTg1MDggOS40MDk1MiAxLjk2MTQ2IDkuMDYzNzkgMi4xNjAxMyA4Ljg2NTEyTDUuMDk5ODUgNS45MjU0TDIuMTU5MzUgMi45ODQ5QzEuOTYwNjggMi43ODYyMyAxLjk4NDMgMi40NDA1IDIuMjEyMTEgMi4yMTI3QzIuNDM5OTEgMS45ODQ4OSAyLjc4NTY0IDEuOTYxMjcgMi45ODQzMSAyLjE1OTk0TDUuOTI0ODEgNS4xMDA0NEw4Ljg2NTMxIDIuMTU5OTRDOS4wNjM5OCAxLjk2MTI4IDkuNDA5NyAxLjk4NDkgOS42Mzc1MSAyLjIxMjdDOS44NjUzMSAyLjQ0MDUxIDkuODg4OTMgMi43ODYyMyA5LjY5MDI3IDIuOTg0OUw2Ljc0OTc3IDUuOTI1NEw5LjY4OTQ4IDguODY1MTJDOS44ODgxNSA5LjA2Mzc5IDkuODY0NTMgOS40MDk1MSA5LjYzNjczIDkuNjM3MzJDOS40MDg5MiA5Ljg2NTEzIDkuMDYzMiA5Ljg4ODc1IDguODY0NTMgOS42OTAwOEw1LjkyNDgxIDYuNzUwMzZaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo=) no-repeat;background-position:center}
}
.new-header .mini-cart{position:absolute;padding-right:7px;right:-39px;width:411px;top:64px;text-align:left;background:#fff;cursor:default;box-shadow:0 5px 12px rgba(0,0,0,0.08);border-radius:2px}
.new-header .mini-cart .mini-cart-box{width:100%;max-height:424px;margin:32px 0;overflow-y:scroll}
.new-header .mini-cart .cart-product-list{padding:0 20px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.new-header .mini-cart .cart-product-list li{margin-bottom:32px}
.new-header .mini-cart .cart-product-list li .mini-cart-list-box{display:flex;width:100%}
.new-header .mini-cart .cart-product-list li .mini-cart-gift{padding-left:82px}
.new-header .mini-cart .cart-product-list li .mini-cart-gift .img-box{width:40px;height:40px;line-height:40px;text-align:center}
.new-header .mini-cart .cart-product-list li .mini-cart-gift .img-box img{max-height:40px;max-width:40px;width:auto}
.new-header .mini-cart .cart-product-list li .mini-cart-gift li{margin-bottom:11px}
.new-header .mini-cart .cart-product-list li .mini-cart-gift .product-text{max-width:81%;padding:0 8px}
.new-header .mini-cart .cart-product-list li .mini-cart-gift .product-text .product-title{font-size:12px;height:20px;line-height:20px;padding-right:12px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.new-header .mini-cart .cart-product-list li .mini-cart-gift .product-text .product-title i{left:-4px}
.new-header .mini-cart .cart-product-list li .mini-cart-gift .product-text .product-title.gift span{display:inline-block;width:32px}
.new-header .mini-cart .cart-product-list li .mini-cart-gift .product-text .product-title.gift i{left:0;color:#ff6712;border:1px solid #ff6712}
.new-header .mini-cart .cart-product-list li .mini-cart-gift .product-text .product-num{top:9px}
.new-header .mini-cart .cart-product-list li:last-child{margin-bottom:0}
.new-header .mini-cart .cart-product-list li .img-box{width:82px;height:82px;line-height:82px;text-align:center}
.new-header .mini-cart .cart-product-list li .img-box img{max-height:82px;max-width:82px;width:auto}
.new-header .mini-cart .cart-product-list li .product-text{position:relative;flex:1;padding:9px 20px 9px 8px}
.new-header .mini-cart .cart-product-list li .product-text p{height:20px;line-height:20px;font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new-header .mini-cart .cart-product-list li .product-text .product-price{color:#000}
.new-header .mini-cart .cart-product-list li .product-text .product-price.sale{color:#2ec84e}
.new-header .mini-cart .cart-product-list li .product-text .product-price .origin-price{margin-left:4px;color:#999;text-decoration:line-through}
.new-header .mini-cart .cart-product-list li .product-text .product-title{position:relative;font-size:14px;height:24px;color:#000;line-height:24px}
.new-header .mini-cart .cart-product-list li .product-text .product-title i{position:absolute;height:20px;line-height:20px;padding:0 4px;left:-6px;top:50%;text-align:center;font-size:12px;transform:translateY(-50%) scale(0.83);color:#2ec84e;border-radius:2px;border:1px solid #2ec84e}
.new-header .mini-cart .cart-product-list li .product-text .product-num{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px;color:#999}
.new-header .mini-cart .mini-cart-bottom{padding:12px 13px 12px 20px}
.new-header .mini-cart .mini-cart-bottom .bottom-price{font-size:18px;line-height:26px;color:#111}
.new-header .mini-cart .mini-cart-bottom .bottom-price i{font-size:12px;line-height:20px;color:#2ec84e;margin-left:12px}
.new-header .mini-cart .mini-cart-bottom .bottom-dec{font-size:12px;line-height:16px;color:#999}
.new-header .mini-cart .mini-cart-bottom .bottom-btn{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:8px}
.new-header .mini-cart .mini-cart-bottom .bottom-btn a{display:block;height:20px;line-height:20px;width:182px;text-align:center;font-size:12px;padding:9px 0;border:1px solid #dfdfdf;border-radius:100px;background:#fff;color:#000}
.new-header .mini-cart .mini-cart-bottom .bottom-btn object:last-child a{color:#fff;background:#2ec84e;border:0}
.new-header .mini-cart .cart-empyt{text-align:center}
.new-header .mini-cart .cart-empyt img{width:100%}
.new-header .mini-cart .cart-empyt p{font-size:20px;line-height:36px}
.new-header .mini-cart .cart-empyt object{display:block;margin:8px 0 24px}
.new-header .mini-cart .cart-empyt object a{display:inline-block;height:32px;line-height:30px;font-size:12px;padding:0 20px;background:#2ec84e;color:#fff;border-radius:2px}
@media(min-width:1024px){.new-header .mini-cart{display:none}
.new-header .mini-cart-box::-webkit-scrollbar{right:8px;margin-right:8px;width:4px;height:100%;background:#fff}
.new-header .mini-cart-box::-webkit-scrollbar-track{right:8px;margin-right:8px;background:#fff;width:4px}
.new-header .mini-cart-box::-webkit-scrollbar-thumb{right:8px;margin-right:8px;background:#efefef;height:228px;border-radius:9px}
}
@media(max-width:1024px){.new-header .mini-cart-xs{opacity:0;position:static;width:100%}
.new-header .mini-cart-xs .mini-cart-mask{display:none;position:absolute;top:50px;left:0;width:100%;height:calc(100vh - 48px);background:linear-gradient(0,rgba(0,0,0,0.56),rgba(0,0,0,0.56)),#eed6d6}
.new-header .mini-cart-xs.show{opacity:1;height:calc(100vh - 48px);transition:opacity .24s cubic-bezier(0.075,0.82,0.165,1)}
.new-header .mini-cart-xs.show .mini-cart-container{display:flex}
.new-header .mini-cart-xs.show .mini-cart-mask{display:block}
.new-header .mini-cart-xs .mini-cart-container{display:none;position:relative;flex-direction:column;justify-content:space-between;height:80vh;left:-1px;background-color:#fff;z-index:98}
.new-header .mini-cart-xs .mini-cart-container::after{position:absolute;content:"";top:-5px;right:58px;width:8px;height:8px;background:#fff;border-top:1px solid #f6f6f6;border-right:1px solid #f6f6f6;transform:rotateZ(-45deg)}
.new-header .mini-cart-xs .mini-cart-container .mini-cart-box{height:294px}
.new-header .mini-cart-xs .mini-cart-container .mini-cart-bottom{border:1px solid #f6f6f6}
.new-header .mini-cart-xs .mini-cart-container .mini-cart-bottom .bottom-btn a{width:152px;padding:8px 0;border-radius:none}
}
@media(max-width:1024px){.new-header .nav-user{position:relative}
.new-header .nav-user.show{display:flex;padding:16px 0;opacity:1;transform:translateY(0);transition:all .42s cubic-bezier(0.48,0.04,0.52,0.96)}
.new-header .nav-user.show>div{display:block}
.new-header .nav-user[data-no-user="true"]{display:none !important}
.new-header .nav-user>div{display:none}
.new-header .nav-user .nav-user-left{position:absolute;left:0;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;overflow:hidden}
.new-header .nav-user .nav-user-left img{width:100%}
.new-header .nav-user .nav-user-right{flex:1;padding-left:76px;text-align:left}
.new-header .nav-user .nav-user-right>div svg{margin-bottom:2px}
.new-header .nav-user .nav-user-right .member-center{display:inline-block;padding-right:11px;line-height:23px;color:rgba(0,0,0,0.85);border-radius:27px}
.new-header .nav-user .nav-user-right p{font-size:14px;color:#666;margin-top:8px}
.new-header .nav-user .nav-user-right p:first-child{margin-top:0;margin-bottom:8px;height:20px;line-height:20px}
.new-header .nav-user .nav-user-right p a{display:inline-flex;font-size:14px;height:24px;line-height:24px}
.new-header .nav-user .nav-user-right p a svg{display:initial}
.new-header .nav-user .nav-user-right p a:first-child{margin-right:28px}
}
#footer{padding:36px 0 0;background-color:#f0f0f0}
.dark-theme>#footer{background-color:#121212;color:rgba(255,255,255,0.6)}
#footer .online-service img{width:24px;vertical-align:middle}
#footer .online-service span{font-size:14px;color:#fff;padding-left:8px;line-height:24px}
#footer .online-service .light-them-color{color:#000}
#footer .online-service .phone-num{padding-top:24px}
#footer .online-service p{font-size:12px;padding-top:4px}
#footer .benefit ul{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.24);padding-bottom:12px;margin-bottom:32px}
.light-theme>#footer .benefit ul{border-bottom:1px solid #ccc}
#footer .benefit ul .benefit-items{width:50%;display:flex;align-items:center;padding-bottom:20px}
@media(max-width:767.98px){#footer .benefit ul .benefit-items{padding-right:16px}
}
#footer .benefit ul .benefit-items img{width:24px;padding-right:8px}
#footer .benefit ul .benefit-items .item-intro{color:#fff;font-size:12px}
#footer .benefit ul .benefit-items .item-intro .intro-top{margin-bottom:2px}
.light-theme>#footer .benefit ul .benefit-items .item-intro{color:#000 !important}
#footer .benefit ul{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.24);padding-bottom:12px;margin-bottom:32px}
.light-theme>#footer .benefit ul{border-bottom:1px solid #ccc}
#footer .benefit ul .benefit-items{width:50%;display:flex;align-items:center;padding-bottom:20px}
@media(max-width:767.98px){#footer .benefit ul .benefit-items{padding-right:16px}
}
#footer .benefit ul .benefit-items img{width:24px;padding-right:8px}
#footer .benefit ul .benefit-items .item-intro{color:#fff;font-size:12px}
.light-theme>#footer .benefit ul .benefit-items .item-intro{color:#000 !important}
#footer .law{padding-bottom:32px;position:relative;color:#999}
.dark-theme>#footer .law{color:rgba(255,255,255,0.4)}
#footer .law::after{content:'';position:absolute;left:60px;right:60px;bottom:0;height:1px;background-color:rgba(255,255,255,0.24)}
.light-theme>#footer .law::after{background-color:#ccc}
#footer .law p{font-size:12px;font-weight:normal;line-height:20px}
#footer .main{padding:32px 0;flex-direction:column;display:flex;position:relative}
#footer nav{display:flex;flex-wrap:wrap}
#footer nav dl{width:200px;margin-right:20px;margin-bottom:32px}
#footer nav dl:nth-child(-n+5){margin-bottom:52px}
#footer nav dl.mobile-only{display:none}
#footer nav dt{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;color:#000;font-size:16px;line-height:28px;padding-bottom:12px}
.dark-theme>#footer nav dt{color:rgba(255,255,255,0.78)}
#footer nav dd{margin-bottom:4px}
#footer nav dd a{color:rgba(0,0,0,0.56);display:block;font-size:12px;line-height:20px}
.dark-theme>#footer nav dd a{color:rgba(255,255,255,0.56)}
#footer nav .cp-plus-minus-btns{display:none}
#footer .contact{display:flex;flex-direction:column;position:relative}
#footer .contact a.live-chat-btn{display:flex;align-items:center;font-size:14px;width:max-content;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:20px;padding-bottom:32px;padding-top:32px}
#footer .contact a.live-chat-btn img{width:24px;padding-right:8px}
@media(max-width:767.98px){#footer .contact a.live-chat-btn img{width:20px;padding-right:10px}
}
@media(max-width:767.98px){#footer .contact a.live-chat-btn{padding-bottom:32px;padding-top:32px;border-top:0}
}
#footer .contact h2{font-size:14px;line-height:22px}
#footer .contact h2 a{color:#000}
.dark-theme>#footer .contact h2 a{color:#fff}
@media(max-width:767.98px){#footer .contact h2{font-size:14px !important}
}
.dark-theme>#footer .contact h2{color:#fff}
.dark-theme>#footer .contact h2 .for-dark-theme{display:none}
.light-theme>#footer .contact h2 .for-light-theme{display:none}
#footer .contact h2 img{width:24px;padding-right:8px}
@media(max-width:767.98px){#footer .contact h2 img{width:20px;padding-right:10px}
}
#footer .contact .input-box{position:relative;width:100%;margin:23px 0 28px}
#footer .contact .input-box .email-input{width:100%;padding:19px 20px;font-size:13px;border:0;background-color:#fff;box-sizing:border-box}
.dark-theme>#footer .contact .input-box .email-input{color:rgba(255,255,255,0.6);background-color:rgba(255,255,255,0.12)}
#footer .contact .input-box .send-btn{display:flex;position:absolute;right:0;top:0;bottom:0;width:40px;height:100%;text-align:center;justify-content:center;align-items:center;color:rgba(0,0,0,0.4)}
.dark-theme>#footer .contact .input-box .send-btn i{color:rgba(255,255,255,0.4)}
#footer .contact .input-box .send-btn:active{opacity:.6}
#footer .contact .contacts{margin-top:13px;padding-left:32px}
@media(max-width:767.98px){#footer .contact .contacts{padding-left:30px}
}
#footer .contact .contacts li{font-size:11px;line-height:22px}
.dark-theme>#footer .contact .contacts li a{color:rgba(255,255,255,0.6)}
#footer .contact .live-chat-btn{display:inline-block;font-size:16px}
#footer .contact .live-chat-btn span{border-bottom:1px solid #000}
#footer .contact .live-chat-btn .for-dark-theme{display:none}
#footer .contact .live-chat-btn .for-light-theme{display:inline}
.dark-theme>#footer .contact .live-chat-btn{color:#fff}
.dark-theme>#footer .contact .live-chat-btn .for-dark-theme{display:inline}
.dark-theme>#footer .contact .live-chat-btn .for-light-theme{display:none}
#footer .contact .live-chat-btn:active{opacity:.6}
#footer .contact .contact-bottom{margin-top:0}
#footer .contact .contact-bottom h3{font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:28px}
.dark-theme>#footer #footer .contact .contact-bottom h3{color:rgba(255,255,255,0.78)}
#footer .contact .social-media{position:relative;display:inline-flex;flex-wrap:wrap;flex-direction:row}
#footer .contact .social-media li{margin-top:10px;display:flex;margin-right:10px;justify-content:center;align-items:center;width:24px;height:24px;border-radius:100%;background-color:#aaa}
#footer .contact .social-media li a{display:flex;justify-content:center;align-items:center;width:100%;text-align:center}
#footer .contact .social-media li .fab{font-size:16px;color:#f0f0f0}
.dark-theme>#footer .contact .social-media li .fab{color:#000}
.alipay #footer .contact .social-media li .fab{font-size:18px}
#footer .contact .social-media li .media-link img{max-width:16px;max-height:16px}
.light-theme>#footer .contact .social-media li .media-link img{filter:invert(1);opacity:.7}
.dark-theme>#footer .contact .social-media li{background-color:rgba(255,255,255,0.5)}
#footer .contact .contact-tab .tab-select{margin-bottom:8px}
#footer .contact .contact-tab .tab-select .tab-select-wrap{display:flex}
#footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content{display:flex;border-bottom:1px solid rgba(0,0,0,0.08)}
#footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li{cursor:pointer;display:flex;width:201px;align-items:center;position:relative;margin-right:20px}
#footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li:last-child{margin-right:0}
#footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li img{display:block;width:24px;height:24px;margin-right:8px}
#footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li p{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:14px;line-height:24px;color:#999}
#footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li.cursor-select p{border-bottom:1px solid #000;color:#000}
@media(max-width:1024px){#footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li{width:150px}
}
#footer .contact .contact-tab .tab-card{position:relative;margin-bottom:14px}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box{width:100%}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box .tab-card-mobtitle{display:none}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box,#footer .contact .contact-tab .tab-card .tab-card-wrap-box.tab-carditem-hidden{visibility:hidden;position:absolute;left:-3000px;top:-3000px}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box.tab-carditem-show{visibility:visible;position:relative;left:unset;top:unset}
@media all and (min-width:1440px) and (-ms-high-contrast:none),(min-width:1440px) and (-ms-high-contrast:active){#footer .contact .contact-tab .tab-card .tab-card-wrap-box.tab-carditem-show{left:auto;top:auto}
}
#footer .contact .contact-tab .tab-card .tab-card-wrap{display:flex;flex-wrap:wrap}
#footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item{width:202px;padding-right:0;box-sizing:border-box;padding-top:16px;margin-right:20px}
#footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item .tab-card-item-container p.qatar{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 750;font-size:14px;line-height:24px}
#footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item .tab-card-item-container p.remarks{font-size:12px;line-height:20px;color:rgba(0,0,0,0.56);margin-top:2px;margin-bottom:8px}
#footer .bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid;padding:32px 0 32px 0;background-color:inherit;margin:0;border-top-color:rgba(0,0,0,0.08)}
.dark-theme>#footer .bottom{border-top-color:rgba(255,255,255,0.24)}
#footer .bottom .links{font-size:12px}
@media all and (min-width:1440px) and (-ms-high-contrast:none),(min-width:1440px) and (-ms-high-contrast:active){#footer .bottom .links{flex:1 1 auto}
}
#footer .bottom .links li{display:inline-block;vertical-align:baseline;margin-right:20px}
#footer .bottom .links li,#footer .bottom .links li a{color:rgba(0,0,0,0.4);font-size:12px;line-height:23px}
.dark-theme>#footer .bottom .links li,.dark-theme>#footer .bottom .links li a{color:rgba(255,255,255,0.4)}
@media(max-width:1439.98px){.dark-theme>#footer .bottom .links li,.dark-theme>#footer .bottom .links li a{color:rgba(255,255,255,0.56)}
}
#footer .bottom .links li:last-child{margin-right:0}
#footer .bottom .copyright li{display:inline-block;vertical-align:baseline;margin-right:20px;font-size:12px}
#footer .bottom .copyright li:last-child{margin-right:0}
.dark-theme>#footer .bottom .copyright .languages{color:#fff;border-bottom:1px solid #fff}
#footer .mobile{display:none}
#footer .qrcode{display:none}
#footer .qrcode{position:absolute;width:max-content;left:100%;min-height:120px;padding:0 20px;background:#1c1c1c;border:1px solid rgba(255,255,255,0.2);align-items:center;z-index:1}
html.ie11 #footer .qrcode{top:50%;transform:translateY(-50%)}
#footer .qrcode.show{display:flex}
#footer .qrcode .txt{box-sizing:border-box;min-width:130px;padding-right:12px;text-align:left;max-width:300px;flex-shrink:0}
#footer .qrcode .txt h4{font-size:14px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;color:#fff;padding-bottom:8px}
#footer .qrcode .txt p{font-size:12px;color:rgba(255,255,255,0.6);line-height:17px}
#footer .qrcode img{width:100px;height:100px}
#footer .light-theme>#footer .qrcode{background:#f7f7f7;border:1px solid rgba(0,0,0,0.1)}
#footer .light-theme>#footer .qrcode .txt h4{color:#333}
#footer .light-theme>#footer .qrcode .txt p{color:rgba(51,51,51,0.6)}
#footer .truste{display:inline-block;margin-left:20px}
#footer .truste img{width:76px}
#footer .img-logo a{font-size:0 !important}
#footer .img-logo a img{width:12px;height:12px;vertical-align:sub}
#footer .img-logo a span{font-size:12px;margin-left:4px}
.dark-theme #footer .light-theme-img{display:none}
section.dark-theme #footer nav dt{color:#fff}
section.dark-theme #footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item .tab-card-item-container p.remarks{color:#666}
section.dark-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content{border-bottom:1px solid rgba(255,255,255,0.24)}
section.dark-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li.cursor-select::before{background:#fff}
section.dark-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li img.for-dark-theme{display:block}
section.dark-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li img.for-light-theme{display:none}
section.dark-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li p{color:#fff}
section.dark-theme #footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item .tab-card-item-container p.qatar{color:#c7c7c7}
section.dark-theme #footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item .tab-card-item-container p.qatar span,section.dark-theme #footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item .tab-card-item-container p.qatar a{color:#fff}
section.dark-theme #footer .contact .live-chat-btn span{border-bottom:1px solid #fff}
section.dark-theme #footer .contact .contact-tab .tab-card .tab-card-wrap-box .tab-card-mobtitle::after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABJSURBVHgB7ZPRCQAgCES1iVqhyVuhjS6CPiIk8EP68B6IcKCH4IkQcgKgr/LMFAmGBv8N1BIfn1J3H+Yy1XZr4Re4YA5oQLIyAYz7FAhiyrupAAAAAElFTkSuQmCC) no-repeat;background-size:contain}
section.dark-theme #footer .contact .contact-tab .tab-card .tab-card-mobtitle.slide-open::after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgB7cyxDQAgDANBm82YnNFMj5AipUnzV37xEgCU/ItJjjoze79tCQDmXWNaBASW+56BAAAAAElFTkSuQmCC) no-repeat;background-size:contain}
section.dark-theme #footer .contact .contact-tab .tab-card .tab-card-wrap-box .tab-card-mobtitle p{color:#fff}
section.dark-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li.cursor-select p{border-bottom:1px solid #fff}
@media(max-width:767.98px){section.dark-theme #footer .contact .contact-tab .tab-card .tab-card-wrap-box{border-bottom:1px solid #333}
}
.light-theme #footer .dark-theme-img{display:none}
.light-theme #footer .online-service span{color:#000}
.light-theme #footer .online-service span{color:#000}
section.light-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li img.for-dark-theme{display:none}
section.light-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li img.for-light-theme{display:block}
@media(max-width:1023.98px){#footer .back-top-btn{display:none !important;display:flex;justify-content:center;align-items:center;font-size:12px;box-sizing:border-box;width:40px;height:44px;box-shadow:0 8px 12px 0 rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.04);background-color:#fff;position:fixed;bottom:-44px;right:20px;z-index:9;transition:bottom ease-in .2s}
html.ios.uc #footer .back-top-btn{transition:none}
#footer .back-top-btn.fixed{bottom:32px}
#footer .back-top-btn img{width:19px}
}
@media(max-width:767.98px){#footer{padding:32px 15px 30px}
#footer .law{padding-bottom:33px}
#footer .law::after{left:0;right:0}
#footer .online-service{padding-top:50px}
#footer .benefit{margin-top:-8px}
#footer .benefit ul{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:4px;margin-bottom:24px}
#footer .benefit ul .benefit-items{width:50%;display:flex;align-items:center;padding-right:96px;padding-right:0}
#footer .benefit ul .benefit-items img{width:24px;padding-right:8px}
#footer .benefit ul .benefit-items .item-intro{font-size:12px}
#footer .benefit ul .benefit-items .item-intro .intro-bottom{transform:scale(0.83);text-indent:-1.25em;width:150px}
#footer .benefit{margin-top:-8px}
#footer .benefit ul{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:4px;margin-bottom:24px}
#footer .benefit ul .benefit-items{width:50%;display:flex;align-items:center;padding-right:96px;padding-right:0}
#footer .benefit ul .benefit-items img{width:24px;padding-right:8px}
#footer .benefit ul .benefit-items .item-intro{font-size:12px}
#footer .benefit ul .benefit-items .item-intro .intro-bottom{transform:scale(0.83);text-indent:unset;transform-origin:left;width:150px}
#footer .main{padding-top:28px;flex-direction:column;padding-bottom:0;border-bottom:0}
#footer nav{width:100%;flex-basis:unset;flex-direction:column}
#footer nav dl{width:100%;margin-bottom:0;padding:0;border-bottom:1px solid #ccc;overflow:hidden;max-height:42px;position:relative;transition:all .3s ease}
#footer nav dl:nth-child(-n+5){margin-bottom:0}
.dark-theme>#footer nav dl{border-bottom:1px solid rgba(255,255,255,0.3)}
#footer nav dl.mobile-only{display:block}
#footer nav dl.opened{max-height:100vh;padding-bottom:8px}
#footer nav dt{font-size:14px;height:42px;line-height:42px;padding:0}
#footer nav dd{font-size:14px;padding-left:12px;line-height:24px;margin-bottom:8px}
#footer nav .cp-plus-minus-btns{display:block;position:absolute;top:0;right:15px;height:42px;width:14px}
#footer nav .cp-plus-minus-btns .dark-btn,#footer nav .cp-plus-minus-btns .light-btn{height:42px;line-height:42px}
#footer .contact{flex-basis:unset;width:100%;max-width:100%}
#footer .contact h2{font-size:12px}
#footer .contact.mobile{margin-top:0}
#footer .contact .contacts{margin-top:8px;max-width:unset}
#footer .contact .contacts li{font-size:12px;line-height:22px}
#footer .contact .live-chat-btn{padding-top:15px;border-top:0}
#footer .contact .input-box{margin-top:20px;margin-bottom:40px}
#footer .contact .input-box .email-input{padding:18px 20px}
#footer .contact .contact-tab{margin-top:0}
#footer .contact .contact-tab .tab-select{display:none}
#footer .contact .contact-tab .tab-card{margin-bottom:0}
#footer .contact .contact-tab .tab-card .tab-card-wrap{margin-bottom:12px;padding-left:12px}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box{border-bottom:1px solid rgba(0,0,0,0.08)}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box:first-child .tab-card-mobtitle{padding-top:0}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box .tab-card-mobtitle{display:flex;justify-content:space-between;cursor:pointer;padding:12px 0 9px}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box .tab-card-mobtitle p{font-size:14px;line-height:24px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box .tab-card-mobtitle::after{content:'';display:block;width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABDSURBVHgB7dPBCQAgCIVha6JWaPJWaKQunoQHdZAO/h9EoIeHoGZAsPxd65aMgP8BTdTVpgz/t+jPWEif4BV3QABKOlHnBRTADh7wAAAAAElFTkSuQmCC) no-repeat;background-size:contain}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box:last-child .tab-card-mobtitle{padding-bottom:0}
#footer .contact .contact-tab .tab-card .tab-card-wrap-box .tab-card-mobtitle.tab-card-icon-none::after{display:none}
#footer .contact .contact-tab .tab-card .tab-card-mobtitle.slide-open::after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAoSURBVHgB7cixDQAABEXBz2Ymt5peIhKN5l15EgCsbPjUTfRwAcC/At4hAQRI6ixlAAAAAElFTkSuQmCC) no-repeat;background-size:contain}
#footer .contact .contact-tab .tab-card .tab-card-wrap{display:block}
#footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item{width:auto;padding-right:0;margin-right:0;padding-top:12px}
#footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item:first-child{padding-top:4px}
#footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item .tab-card-item-container p.qatar{font-size:14px;line-height:24px;margin-bottom:0}
#footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item .tab-card-item-container p.remarks{font-size:12px;line-height:20px;color:rgba(0,0,0,0.56);margin:0}
#footer .contact .contact-bottom{display:flex;flex-wrap:wrap;margin:22px 0 0 0}
#footer .contact .contact-bottom h3{font-size:12px;color:#fff;line-height:20px}
#footer .contact .contact-bottom .social-media{flex:0 0 100%}
#footer .contact .contact-bottom .languages{font-size:12px;border-bottom:1px solid;height:22px;line-height:22px;flex-shrink:0;margin-top:16px}
.dark-theme>#footer .contact .contact-bottom .languages{color:#fff}
#footer .bottom{display:block;text-align:center;padding-bottom:0;padding-top:44px;border-top:0}
#footer .bottom .links{line-height:22px;display:flex;flex-wrap:wrap;margin:0 -5px}
#footer .bottom .links li{display:inline;float:none;margin-right:0;font-size:12px;line-height:17px;margin-bottom:4px}
#footer .bottom .links li a{font-size:12px;line-height:1;padding:0 5px;color:rgba(34,34,34,0.56);border-right:1px solid rgba(143,87,87,0.3)}
#footer .bottom .links .rights{display:block;margin-top:0;text-align:left;padding:0 5px}
#footer .bottom .links .img-logo{display:inline-block;flex:0 0 100%;text-align:left;padding:0 5px}
#footer .bottom .links .truste{display:block;margin-top:12px;margin-left:auto;margin-right:auto}
#footer .bottom .links .truste a{padding:0}
#footer .bottom .copyright{display:block;margin-top:20px}
#footer .bottom .copyright li{display:inline;margin-right:0}
#footer .pc{display:none}
#footer .qrcode{left:0;top:135%}
#footer .languages.mobile{display:inline-block}
section.dark-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content{border:0}
section.dark-theme #footer .contact .contact-tab .tab-select{border-bottom:1px solid rgba(255,255,255,0.24)}
section.light-theme #footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content{border:0}
section.light-theme #footer .contact .contact-tab .tab-select{border-bottom:1px solid rgba(0,0,0,0.08)}
}
@media(min-width:768px) and (max-width:1439.98px){#footer{padding:36px 40px 0}
#footer .law::after{left:0;right:0}
#footer .main{padding-top:32px;padding-bottom:32px}
#footer .contact h2{font-size:14px}
#footer .contact .input-box .email-input{padding:19px}
#footer .contact .contact-bottom h3{font-size:14px;line-height:24px}
#footer .contact .back-top-btn{position:absolute;bottom:0;right:0}
#footer .bottom .links li{margin-right:14px}
#footer .bottom .links .rights{display:block;margin-top:10px}
#footer .bottom .links .truste{margin-left:12px}
#footer .bottom .copyright{flex-shrink:0;align-self:flex-start;text-align:right}
#footer .bottom .copyright li{margin-right:14px}
}
@media(min-width:1024px) and (max-width:1439.98px){#footer nav{width:960px}
#footer nav dl{width:200px;margin-right:32px}
#footer .benefit ul{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.24);padding-bottom:12px;margin-bottom:32px}
#footer .benefit ul .benefit-items{width:unset;display:flex;align-items:center;padding-right:96px}
#footer .benefit ul .benefit-items:last-child{padding-right:0}
}
@media(min-width:1024px) and (max-width:1439.98px) and (max-width:767.98px){#footer .benefit ul .benefit-items{padding-right:16px}
}
@media(min-width:1024px) and (max-width:1439.98px){#footer .benefit ul .benefit-items img{width:24px;padding-right:8px}
#footer .benefit ul .benefit-items .item-intro{font-size:12px}
#footer .social-media{max-width:800px}
#footer .back-top-btn.pc{color:rgba(0,0,0,0.4);font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.dark-theme>#footer .back-top-btn.pc{color:rgba(255,255,255,0.4)}
}
@media(min-width:768px) and (max-width:1023.98px){#footer .main{padding-top:32px}
#footer nav{width:730px}
#footer nav dl{width:192px;margin-right:32px}
#footer nav dt{line-height:28px}
#footer .contact h2{line-height:20px}
#footer .contact .contact-tab .tab-select .tab-select-wrap .tab-select-content li{width:auto;margin-right:32px}
#footer .contact .contact-tab .tab-card .tab-card-wrap .tab-card-item{padding-right:22px}
#footer .bottom .copyright li{margin-right:0}
#footer .back-top-btn.pc{display:none}
}
@media(min-width:1440px){#footer .law,#footer .main,#footer .bottom,#footer .benefit{position:relative;box-sizing:border-box;max-width:1440px;margin:auto;padding-left:60px;padding-right:60px}
#footer .benefit{padding-top:12px}
#footer .benefit ul{display:flex;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.24);padding-bottom:12px;margin-bottom:32px}
#footer .benefit ul .benefit-items{width:unset;display:flex;align-items:center;padding-right:96px}
#footer .benefit ul .benefit-items img{width:24px;padding-right:8px}
#footer .benefit ul .benefit-items .item-intro{font-size:12px}
#footer .bottom{border-top:0}
#footer .bottom::before{content:'';display:block;position:absolute;top:0;left:60px;right:60px;height:1px;background-color:rgba(0,0,0,0.08)}
.dark-theme>#footer .bottom::before{background-color:rgba(255,255,255,0.24)}
#footer .back-top-btn.pc{position:absolute;right:0;bottom:0;color:rgba(0,0,0,0.4);font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.dark-theme>#footer .back-top-btn.pc{color:rgba(255,255,255,0.4)}
.social-media{max-width:900px}
}
.cp-plus-minus-btns .expand-btn,.cp-plus-minus-btns .collapse-btn{display:none}
.cp-plus-minus-btns .expand-btn img,.cp-plus-minus-btns .collapse-btn img{width:24px;height:24px}
@media(max-width:1023.98px){.cp-plus-minus-btns .expand-btn.dark-btn{display:block}
.dark-theme>#footer .cp-plus-minus-btns .expand-btn.light-btn{display:block}
.dark-theme>#footer .cp-plus-minus-btns .expand-btn.dark-btn{display:none}
.opened>.cp-plus-minus-btns .dark-btn.expand-btn{display:none}
.opened>.cp-plus-minus-btns .dark-btn.collapse-btn{display:block}
.dark-theme>#footer .opened>.cp-plus-minus-btns .light-btn.expand-btn{display:none}
.dark-theme>#footer .opened>.cp-plus-minus-btns .light-btn.collapse-btn{display:block}
.dark-theme>#footer .opened>.cp-plus-minus-btns .dark-btn{display:none !important}
}
.cp-footer-subscribe{padding-bottom:60px;border-bottom:.01rem solid #dfdfdf}
.cp-footer-subscribe h3{font-size:16px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:28px;color:rgba(0,0,0,0.78)}
.dark-theme>#footer .cp-footer-subscribe h3{color:rgba(255,255,255,0.78)}
.cp-footer-subscribe p{margin-top:25px;font-size:12px;line-height:20px;letter-spacing:-0.05px;width:340px;color:rgba(0,0,0,0.56)}
.dark-theme>#footer .cp-footer-subscribe p{color:rgba(255,255,255,0.56)}
.cp-footer-subscribe .cp-email-input{margin-top:12px}
section.dark-theme .cp-footer-subscribe{border-bottom:1px solid rgba(255,255,255,0.24)}
@media(min-width:768px) and (max-width:1439.98px){.cp-footer-subscribe h3{font-size:14px;line-height:24px}
.cp-footer-subscribe p{margin-top:21px;font-size:12px;line-height:20px}
}
@media(max-width:767.98px){.cp-footer-subscribe{margin-top:30px;margin-bottom:0;padding-bottom:0;border-bottom:0}
.cp-footer-subscribe h3{font-size:12px;line-height:20px}
.cp-footer-subscribe p{margin-top:12px;font-size:12px;line-height:20px;width:320px}
}
.cp-email-input .cp-email-input__box{display:flex;width:340px}
.cp-email-input .cp-email-input__main{width:340px;height:48px;display:flex;justify-content:space-between;align-items:center;position:relative;box-sizing:border-box;border:1px solid rgba(0,0,0,0.78)}
.dark-theme>#footer .cp-email-input .cp-email-input__main{border:1px solid rgba(255,255,255,0.24)}
.light-theme>#footer .cp-email-input .cp-email-input__main.change{border:1px solid rgba(0,0,0,0.16)}
.light-theme>#footer .cp-email-input .cp-email-input__main.change input{color:#000}
.light-theme>#footer .cp-email-input .cp-email-input__main.change .subscribe{opacity:.16}
.cp-email-input .cp-email-input__main input:-webkit-autofill,.cp-email-input .cp-email-input__main input:-webkit-autofill:hover,.cp-email-input .cp-email-input__main input:-webkit-autofill:focus,.cp-email-input .cp-email-input__main input:-webkit-autofill:active{-webkit-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out}
.cp-email-input .cp-email-input__main input,.cp-email-input .cp-email-input__main textarea,.cp-email-input .cp-email-input__main select{appearance:none !important;-moz-appearance:none !important;outline:none !important;-moz-outline:none !important;box-shadow:none !important;-moz-box-shadow:none !important}
.cp-email-input input{display:block;width:240px;padding-left:20px;border:0;outline:0;background-color:transparent;font-size:13px;line-height:20px}
.cp-email-input input::placeholder{color:rgba(0,0,0,0.16)}
.dark-theme>#footer .cp-email-input input{color:#fff}
.dark-theme>#footer .cp-email-input input::placeholder{color:rgba(255,255,255,0.28)}
.cp-email-input .subscribe{width:48px;height:48px;display:flex;justify-content:center;align-items:center;margin-right:-1px;flex-shrink:0;font-size:12px;padding:0;border:0;transition:opacity .3s;color:#fff;background-color:#000;opacity:.78}
.dark-theme>#footer .cp-email-input .subscribe{color:#000;background-color:#fff}
.dark-theme>#footer .cp-email-input .subscribe.dark-button{opacity:.28}
.dark-theme>#footer .cp-email-input .subscribe.light-button{opacity:.16}
.light-theme>#footer .cp-email-input .subscribe.light-button{opacity:.16}
.cp-email-input .subscribe:hover .arrow{opacity:.4}
.cp-email-input .subscribe:focus{outline:0;border:0}
.cp-email-input .subscribe:active{opacity:.7}
.cp-email-input .subscribe:active .arrow{opacity:1}
.cp-email-input .subscribe .arrow{position:relative;left:1px;display:block;width:13px;height:2px;background-color:#fff;transition:.1s}
.dark-theme>#footer .cp-email-input .subscribe .arrow{background-color:#000}
.cp-email-input .subscribe .arrow::before,.cp-email-input .subscribe .arrow::after{display:block;position:absolute;right:1px;content:'';height:2px;width:7px;background-color:#fff;transform-origin:right}
.dark-theme>#footer .cp-email-input .subscribe .arrow::before,.dark-theme>#footer .cp-email-input .subscribe .arrow::after{background-color:#000}
.cp-email-input .subscribe .arrow::before{transform:rotate(45deg)}
.cp-email-input .subscribe .arrow::after{transform:rotate(-45deg)}
.cp-email-input .status{display:none;width:18px;height:18px;transition:opacity .3s;margin-right:8px}
.cp-email-input .status:focus{outline:0;border:0}
.cp-email-input .status:active{opacity:.7}
.cp-email-input .status.valid{cursor:pointer}
.cp-email-input .status.invalid{cursor:pointer}
.cp-email-input .status.repeat{cursor:pointer}
.cp-email-input .cp-email-input__tip{position:absolute;margin-top:8px;font-size:12px;line-height:20px}
.cp-email-input .cp-email-input__tip p{display:none;margin-top:0}
.cp-email-input .cp-email-input__tip .valid{color:#408d67 !important}
.cp-email-input .cp-email-input__tip .invalid{color:#e33b3b !important}
.cp-email-input .cp-email-input__tip .repeat{color:#e33b3b !important}
.cp-email-input.valid .valid{display:flex}
.cp-email-input.valid .valid .status{display:inline}
.cp-email-input.invalid{border-color:#e33b3b}
.cp-email-input.invalid input{color:#e33b3b !important}
.cp-email-input.invalid .invalid{display:flex}
.cp-email-input.invalid .invalid .status{display:inline}
.cp-email-input.repeat{border-color:#e33b3b}
.cp-email-input.repeat input{color:#e33b3b !important}
.cp-email-input.repeat .repeat{display:flex}
.cp-email-input.repeat .repeat .status{display:inline}
@media(max-width:767.98px){.cp-email-input .cp-email-input__box{width:330px}
.cp-email-input .cp-email-input__main{width:330px}
.cp-email-input input{width:220px}
}
.cp-cookie-tip{display:none;position:fixed;bottom:0;left:0;right:0;z-index:10;padding:20px 112px 20px 64px;font-size:11px;line-height:16px;color:rgba(0,0,0,0.7);background-color:rgba(255,255,255,0.9)}
.cp-cookie-tip .tip{display:inline-block;width:1744px;font-size:11px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:17px;text-align:left}
.cp-cookie-tip .link{padding-bottom:0;border-bottom:1px solid}
.cp-cookie-tip .close{position:absolute;right:20px;bottom:0;top:0;margin:auto;width:40px;height:40px;line-height:40px;text-align:center}
.cp-cookie-tip .close img{width:14px}
@media(min-width:1440px) and (max-width:1919.8px){.cp-cookie-tip{padding:20px 100px 20px 52px}
.cp-cookie-tip .tip{width:1288px}
}
@media(max-width:767.98px){.cp-cookie-tip{text-align:left;padding:12px 44px 12px 20px}
.cp-cookie-tip .tip{line-height:13px;width:100%;font-size:9px}
.cp-cookie-tip .link{position:relative;display:inline-block;border-bottom:0}
.cp-cookie-tip .link::after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#000}
.android .cp-cookie-tip .link::after{bottom:-2px}
.cp-cookie-tip .close{right:0;top:0;bottom:auto}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-cookie-tip{padding:20px 78px 20px 32px}
.cp-cookie-tip .tip{width:914px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-cookie-tip{padding:20px 66px 20px 32px}
.cp-cookie-tip .tip{line-height:13px;width:100%;font-size:9px}
.cp-cookie-tip .link{border-bottom:0;text-decoration:underline}
}
.cp-cookie-tip-euro{display:flex;visibility:hidden;position:fixed;bottom:0;left:0;right:0;z-index:10;padding:17px 40px 17px 50px;font-size:11px;line-height:16px;color:rgba(0,0,0,0.7);background-color:rgba(255,255,255,0.9);align-items:center}
.cp-cookie-tip-euro .tip{flex-grow:1;display:inline-block;font-size:11px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:17px}
.cp-cookie-tip-euro .link{padding-bottom:0;border-bottom:1px solid}
.cp-cookie-tip-euro .actions{min-width:337px;flex-shrink:0;text-align:right;padding-right:48px}
.cp-cookie-tip-euro .text-button2{margin-left:20px;padding:0}
.cp-cookie-tip-euro .solid-button2{display:inline-block;padding:10px 16px;line-height:20px;color:#fff;background-color:#000;font-size:12px;font-weight:bold;border:0;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-cookie-tip-euro .solid-button2:focus{outline:0}
@media(min-width:1440px){.cp-cookie-tip-euro .solid-button2{transition:all .3s}
.cp-cookie-tip-euro .solid-button2:hover{opacity:.7}
}
.cp-cookie-tip-euro .text-button2{font-size:12px;font-weight:500;line-height:20px;border:0;border-bottom:1px solid;background:0;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-cookie-tip-euro .text-button2:focus{outline:0}
@media(min-width:1440px){.cp-cookie-tip-euro .text-button2{transition:all .3s}
.cp-cookie-tip-euro .text-button2:hover{opacity:.7}
}
.cp-cookie-tip-euro .solid-button2{transition:all .3s,visibility 0}
.cp-cookie-tip-euro .text-button2{transition:all .3s,visibility 0}
.cp-cookie-tip-euro .close{position:absolute;right:20px;bottom:0;top:0;margin:auto;width:16px;height:16px;line-height:16px;text-align:center}
.cp-cookie-tip-euro .close img{width:16px}
@media(min-width:1440px) and (max-width:1919.8px){.cp-cookie-tip-euro{padding:20px 40px 20px 50px}
.cp-cookie-tip-euro .actions{padding-right:44px}
}
@media(max-width:767.98px){.cp-cookie-tip-euro{text-align:left;padding:20px;flex-direction:column;align-items:flex-start}
.cp-cookie-tip-euro .tip{font-size:9px;line-height:13px}
.cp-cookie-tip-euro .actions{text-align:center;margin:18px auto 0;min-width:unset;padding-right:unset}
.cp-cookie-tip-euro .text-button2{display:block;padding-top:12px;margin:auto}
.cp-cookie-tip-euro .close{position:absolute;right:12px;bottom:0;top:-84%;margin:auto;width:14px;height:14px;line-height:14px;text-align:center}
.cp-cookie-tip-euro .close img{width:14px;height:14px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-cookie-tip-euro{padding:20px 20px}
.cp-cookie-tip-euro .tip{max-width:450px}
.cp-cookie-tip-euro .actions{margin:auto;padding-right:20px}
.cp-cookie-tip-euro .close{position:absolute;right:12px;bottom:0;top:-70%;margin:auto;width:14px;height:14px;line-height:14px;text-align:center}
.cp-cookie-tip-euro .close img{width:14px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-cookie-tip-euro{padding:20px 20px}
.cp-cookie-tip-euro .tip{max-width:418px;font-size:9px}
.cp-cookie-tip-euro .actions{margin:auto;min-width:0;padding-right:20px;vertical-align:middle;display:inline-block;text-align:center;flex-shrink:.27}
.cp-cookie-tip-euro .solid-button2{max-width:252px}
.cp-cookie-tip-euro .text-button2{display:block;max-width:216px;padding-top:12px;margin:auto}
.cp-cookie-tip-euro .close{position:absolute;right:12px;bottom:0;top:-70%;margin:auto;width:14px;height:14px;line-height:14px;text-align:center}
.cp-cookie-tip-euro .close img{width:14px}
}
.cp-cookie-setting{display:none;width:590px;box-sizing:border-box;position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);margin:auto;background-color:#fff;z-index:1000;padding:36px 25px}
.cp-cookie-setting .close-button{width:16px;height:16px;cursor:pointer;position:relative;top:-7px;transform:translateY(-50%);display:block;left:98%}
.cp-cookie-setting .title{margin-bottom:20px;text-align:center;font-size:24px;font-weight:normal;line-height:33px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-cookie-setting .cookie-type{margin-bottom:30px}
.cp-cookie-setting .type-name{font-size:13px;font-weight:normal;line-height:14px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-cookie-setting .cp-checkbox{margin-right:8px}
.cp-cookie-setting .type-desc{margin-top:5px;font-size:11px;font-weight:normal;color:#666;line-height:17px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-cookie-setting .actions{text-align:center}
.cp-cookie-setting .solid-button2{text-transform:uppercase}
.cp-cookie-setting .solid-button2{display:inline-block;padding:10px 16px;line-height:20px;color:#fff;background-color:#000;font-size:12px;font-weight:bold;border:0;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-cookie-setting .solid-button2:focus{outline:0}
@media(min-width:1440px){.cp-cookie-setting .solid-button2{transition:all .3s}
.cp-cookie-setting .solid-button2:hover{opacity:.7}
}
.cp-cookie-setting .cp-checkbox{display:inline-block;width:14px;position:relative}
.cp-cookie-setting .cp-checkbox label{width:14px;height:14px;box-sizing:border-box;cursor:pointer;position:absolute;top:0;left:0;border:2px solid rgba(0,0,0,0.5);transition:all .3s}
.cp-cookie-setting .cp-checkbox input[type="checkbox"]{visibility:hidden}
.cp-cookie-setting .cp-checkbox input[type="checkbox"]:checked+label{background:#31ac52;border:0}
.cp-cookie-setting .cp-checkbox input[type="checkbox"]:checked+label:after{content:"";width:6px;height:3px;position:absolute;border:.02rem solid #fcfff4;border-top:0;border-right:0;background:transparent;transform:rotate(-45deg);top:4px;left:3px}
.cp-cookie-setting .cp-checkbox input[type="checkbox"]:disabled+label{background-color:rgba(0,0,0,0.5)}
@media(min-width:1024px) and (max-width:1439.98px){.cp-cookie-setting .close-button{width:14px;height:14px}
.cp-cookie-setting.ipadfix .solid-button2{transform:translateY(-10px)}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-cookie-setting .close-button{width:14px;height:14px}
}
@media(max-width:767.98px){.cp-cookie-setting{width:86.1111vw;padding:18px 20px}
.cp-cookie-setting .close-button{width:14px;height:14px;top:2px}
.cp-cookie-setting .title{font-size:13px}
.cp-cookie-setting ul{height:290px;overflow-y:auto;margin-bottom:20px}
.cp-cookie-setting .cookie-type{margin-bottom:20px}
.cp-cookie-setting .cookie-type:last-child{margin-bottom:6px}
.cp-cookie-setting .type-name{font-size:9px}
.cp-cookie-setting .type-desc{font-size:9px;line-height:13px}
}
html body.support-page .cp-notice-bar{display:none}
html.body_class .cp-notice-bar{display:none !important}
.cp-notice-bar{display:none;position:fixed;left:0;right:0;z-index:100;height:60px;line-height:60px;text-align:center;background-color:#046a38;font-size:12px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-notice-bar .tip,.cp-notice-bar .watch,.cp-notice-bar .learn{color:#fff}
.cp-notice-bar .tip{margin-right:32px}
.cp-notice-bar .watch{margin-right:12px}
.cp-notice-bar .watch,.cp-notice-bar .learn{padding-bottom:2px;border-bottom:1px solid}
.cp-notice-bar .actions{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-notice-bar .close{position:absolute;top:0;bottom:0;margin:auto;right:6px;background-color:transparent;border:0;transition:all .3s;display:inline-block;height:40px;width:40px;padding-left:12px}
.cp-notice-bar .close:active,.cp-notice-bar .close:focus{outline:0;border:0}
.cp-notice-bar .close:active{opacity:.8}
.cp-notice-bar .close::before{position:relative;top:1px;content:"";display:block;width:18px;height:2px;background-color:#fff;transform:rotateZ(45deg);transform-origin:center}
.cp-notice-bar .close::after{position:relative;content:"";display:block;top:-1px;width:18px;height:2px;background-color:#fff;transform:rotateZ(-45deg);transform-origin:center}
@media(max-width:767.98px){.cp-notice-bar{text-align:left;height:auto;padding:12px 16px 20px;line-height:20px}
.cp-notice-bar .tip{font-size:12px;line-height:20px}
.cp-notice-bar .actions{display:block}
.cp-notice-bar .watch{margin-top:5px;font-size:12px;line-height:20px}
.cp-notice-bar .learn{font-size:12px;line-height:20px}
}
@media(min-width:1440px){.cp-notice-bar{right:unset;width:100%}
.cp-notice-bar .close{right:20px}
}
html.body_class .cp-site-language-tip{display:none !important}
.cp-site-language-tip{display:none;position:absolute;top:0;left:0;right:0;z-index:101;height:60px;line-height:60px;text-align:center;background-color:#121212;font-size:12px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-site-language-tip .tip,.cp-site-language-tip .stay,.cp-site-language-tip .select-site,.cp-site-language-tip .select{color:#fff}
.cp-site-language-tip .tip{margin-right:32px}
.cp-site-language-tip .stay,.cp-site-language-tip .select-site,.cp-site-language-tip .select{padding-bottom:2px;border-bottom:1px solid}
.cp-site-language-tip .stay{margin-right:12px}
.cp-site-language-tip .select-site{margin-right:12px}
.cp-site-language-tip .actions{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
#oc-wrapper{transition:all .3s}
@media(max-width:767.98px){.cp-site-language-tip{text-align:left;height:auto;padding:12px 16px 20px;line-height:unset}
.cp-site-language-tip .tip{display:block;font-size:12px;line-height:20px}
.cp-site-language-tip .actions{display:block;font-size:12px;line-height:24px}
.cp-site-language-tip .actions .stay,.cp-site-language-tip .actions .select,.cp-site-language-tip .actions .select-site{padding-bottom:0}
}
@media(min-width:768px) and (max-width:1439.98px){html:lang(de-CH) .cp-site-language-tip{font-size:12px}
}
@media(min-width:1440px){.cp-site-language-tip{right:unset;width:100%}
}
.no-hover{pointer-events:none}
.alert-box{overflow-y:hidden;width:calc(100% - 16px)}
section.chrome-message-box{display:none;position:fixed;z-index:101;top:0;left:0;width:100%;height:100%}
section.chrome-message-box i.mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}
section.chrome-message-box .content-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:860px;height:196px;background:#fff}
section.chrome-message-box .content-box .text{text-align:center;font-size:20px;line-height:32px;letter-spacing:-0.2px;margin-top:48px}
section.chrome-message-box .content-box .text a{color:#000 !important}
section.chrome-message-box .content-box span{display:block;width:160px;height:48px;line-height:48px;background:#046a38;text-align:center;margin:20px auto 0;font-size:12px;color:#fff;transition:opacity .3s;cursor:pointer}
@media(min-width:1440px){section.chrome-message-box .content-box span:hover{opacity:.85}
}
@media(min-width:1024px) and (max-width:1439.98px){section.chrome-message-box .content-box{width:590px;height:192px}
section.chrome-message-box .content-box .text{text-align:center;font-size:16px;line-height:28px;letter-spacing:-0.16px;margin-top:48px}
}
@media(min-width:768px) and (max-width:1023.98px){section.chrome-message-box .content-box{width:590px;height:192px}
section.chrome-message-box .content-box .text{text-align:center;font-size:16px;line-height:28px;letter-spacing:-0.16px;margin-top:48px}
}
@media(max-width:767.98px){section.chrome-message-box .content-box{width:310px;height:200px}
section.chrome-message-box .content-box .text{width:270px;text-align:center;font-size:14px;line-height:24px;letter-spacing:-0.06px;margin:48px auto 0}
section.chrome-message-box .content-box a{display:block;width:95px;height:36px;line-height:36px;background:#046a38;text-align:center;margin:20px auto 0;font-size:12px}
}
.mobile-tablet-box{display:none}
@media(min-width:768px) and (max-width:1023.98px){.mobile-tablet-box{z-index:101;display:none;position:fixed;top:0;left:0;width:100%;height:100%}
.mobile-tablet-box i.mask{position:absolute;top:0;left:0;height:100%;width:100%;background:#000;opacity:.5}
.mobile-tablet-box .content-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:590px;height:192px;background:#fff}
.mobile-tablet-box .content-box .text{font-size:16px;line-height:28px;letter-spacing:-0.16px;margin-top:48px;text-align:center}
.mobile-tablet-box .content-box a.close{display:block;margin:20px auto 0;width:160px;height:48px;line-height:48px;background-color:#046a38;color:#fff;text-align:center;font-size:12px}
}
@media(max-width:767.98px){.mobile-tablet-box{z-index:101;display:none;position:fixed;top:0;left:0;width:100%;height:100%}
.mobile-tablet-box i.mask{position:absolute;top:0;left:0;height:100%;width:100%;background:#000;opacity:.5}
.mobile-tablet-box .content-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:96px;background:#fff}
.mobile-tablet-box .content-box .text{font-size:8px;line-height:14px;letter-spacing:-0.08px;margin-top:24px;text-align:center}
.mobile-tablet-box .content-box a.close{display:block;margin:10px auto 0;width:80px;height:24px;line-height:24px;background-color:#046a38;color:#fff;text-align:center;font-size:6px}
}
body.show-cookie-tip #nps{bottom:176px}
#nps{position:fixed;right:64px;bottom:116px;font-size:0;z-index:99;transition:bottom .3s}
#nps .icon{width:42px;height:42px;border:1px solid #ededed;background:rgba(255,255,255,0.78);font-size:0;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:11;cursor:pointer;box-sizing:border-box}
#nps .icon:hover{opacity:.7}
#nps .icon img{width:24px;height:24px}
#nps .icon.finish{display:none}
@media(min-width:1920px){body.show-cookie-tip #nps{bottom:176px}
#nps{position:fixed;right:64px;bottom:116px;font-size:0;z-index:99;transition:bottom .3s}
#nps .icon{width:42px;height:42px;background:rgba(255,255,255,0.78);font-size:0;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:11;cursor:pointer;box-sizing:border-box}
#nps .icon:hover{opacity:.7}
#nps .icon img{width:24px;height:24px}
#nps .icon.finish{display:none}
}
@media(min-width:768px) and (max-width:1023.98px){body.show-cookie-tip #nps{bottom:141px}
#nps{right:20px;bottom:64px}
}
@media(max-width:767.98px){body.show-cookie-tip #nps{bottom:141px}
#nps{right:20px;bottom:64px}
#nps .icon{width:40px;height:40px;border:1px solid #f4f6ec}
}
body.show-cookie-tip #goback-top{bottom:77px}
#goback-top{position:fixed;right:64px;bottom:20px;width:40px;height:40px;border:1px solid #ededed;background:rgba(255,255,255,0.78);transition:bottom .3s;font-size:0;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:11;cursor:pointer}
#goback-top:hover{opacity:.7}
#goback-top img{width:24px;height:24px}
@media(min-width:768px) and (max-width:1023.98px){#goback-top{display:none}
}
@media(max-width:767.98px){#goback-top{display:none}
}
html.body_class #crab{display:none !important}
.show-site-lan .notice-bar-wrapper{position:relative}
.notice-bar-wrapper{display:none;z-index:999;background-color:#2dc84d;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.32,0.94,0.6,1),background-color .15s cubic-bezier(0.26,0,0.6,0.2)}
.notice-bar-wrapper.show-bar{max-height:100px}
.notice-bar-wrapper.change-color{background-color:#f6f6f6}
.notice-bar-wrapper.hide-bar{max-height:0;transition:max-height .4s cubic-bezier(0.4,0,0.68,0.06)}
.notice-bar-wrapper .notice-bar{display:flex;align-items:center;justify-content:space-between}
.noticeBarFix{position:fixed !important;top:0 !important;width:100%}
html[class*='noscroll'] .notice-bar-wrapper{z-index:0}
@media(max-width:767.98px){.notice-bar-wrapper .pc,.notice-bar-wrapper .store-name{display:none}
.notice-bar-wrapper .notice-bar .store-icon{width:32px;height:32px;margin-right:5px}
.notice-bar-wrapper .notice-bar i{font-size:10px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:17px;padding:0 20px 0 0;flex-grow:1;display:block;text-align:start}
.notice-bar-wrapper .notice-bar .op-btn{display:flex;align-items:center}
.notice-bar-wrapper .notice-bar .op-btn a{min-width:48px;height:32px;padding:8px 16px;border-radius:2px;background-color:#000;color:#fff;text-align:center;font-size:12px;margin-right:8px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;box-sizing:border-box}
.notice-bar-wrapper .notice-bar .op-btn img{width:16px;height:16px}
}
@media(min-width:1024px) and (max-width:1439.98px){.notice-bar-wrapper .pc,.notice-bar-wrapper .store-name{display:none}
.notice-bar-wrapper .notice-bar{padding:12px 64px 12px 64px}
.notice-bar-wrapper .notice-bar .store-icon{width:32px;height:32px}
.notice-bar-wrapper .notice-bar i{font-size:10px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:17px;padding:0 20px 0 0;flex-grow:1;display:block;text-align:center}
.notice-bar-wrapper .notice-bar .op-btn{display:flex;align-items:center}
.notice-bar-wrapper .notice-bar .op-btn a{min-width:48px;padding:6px 16px;border-radius:2px;background-color:#000;color:#fff;text-align:center;font-size:12px;margin-right:18px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;height:32px;box-sizing:border-box}
.notice-bar-wrapper .notice-bar .op-btn img{width:16px;height:16px}
}
@media(min-width:768px) and (max-width:1023.98px){.notice-bar-wrapper .pc,.notice-bar-wrapper .store-name{display:none}
.notice-bar-wrapper .notice-bar{padding:12px 38px 12px 32px}
.notice-bar-wrapper .notice-bar .store-icon{width:32px;height:32px}
.notice-bar-wrapper .notice-bar i{font-size:10px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:17px;padding:0 20px 0 6px;flex-grow:1;display:block;text-align:center}
.notice-bar-wrapper .notice-bar .op-btn{display:flex;align-items:center}
.notice-bar-wrapper .notice-bar .op-btn a{min-width:48px;padding:6px 16px;border-radius:2px;background-color:#000;color:#fff;text-align:center;font-size:12px;margin-right:18px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;height:32px;box-sizing:border-box}
.notice-bar-wrapper .notice-bar .op-btn img{width:16px;height:16px}
}
@media(min-width:1440px){.notice-bar-wrapper .mb{display:none}
.notice-bar-wrapper .notice-bar{width:1312px;padding:12px 0;margin:0 auto}
.notice-bar-wrapper .notice-bar .store-icon{width:24px;height:24px;margin-right:5px}
.notice-bar-wrapper .notice-bar i{font-size:12px;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;line-height:20px;padding:0 20px 0 0;display:block;text-align:center}
.notice-bar-wrapper .notice-bar .text-title{flex:1;display:flex;justify-content:start}
.notice-bar-wrapper .notice-bar .op-btn{display:flex;align-items:center}
.notice-bar-wrapper .notice-bar .op-btn a{min-width:90px;padding:6px 16px;border-radius:2px;background-color:#000;color:#fff;text-align:center;font-size:12px;margin-right:18px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;height:32px;box-sizing:border-box}
.notice-bar-wrapper .notice-bar .op-btn img{width:16px;height:16px}
.notice-bar-wrapper .notice-bar .op-btn .close{display:block;cursor:pointer}
.notice-bar-wrapper .notice-bar .op-btn .pc{border:1px solid #000;padding:6px 16px;border-radius:2px;font-size:12px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;cursor:pointer}
}
html.hasHeader #oc-container{padding-top:0px}
.oppo-navbar #navbar ul.selector svg.arrow{display:none}
.oppo-navbar nav#navbar .container ul.selector{display:none}
.oppo-navbar nav#navbar .container .links.page{display:none}
.oppo-navbar #navbar .container ul li.invisible{display:none}
.oppo-navbar nav#navbar{z-index:998;opacity:1;color:#000;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-left:0;border-right:0;transition:background-color .3s ease,color .3s ease}
.oppo-navbar #online-store .store-container{display:block}
.oppo-navbar #online-store.show .store-container{display:block}
.oppo-navbar nav#navbar li a,.oppo-navbar nav#navbar li span{opacity:.69;color:inherit;transition:opacity .3s ease}
.oppo-navbar #navbar>div>ul.products>li>a{opacity:.7}
.oppo-navbar nav#navbar .container .mask{background-color:rgba(253,253,253,0.9);transition:background-color .3s ease}
.oppo-navbar nav#navbar .container .indicator .arrow{fill:#000;transition:fill .3s ease}
.oppo-navbar nav#navbar[data-theme="dark"]{color:#fff;background-color:#000;border-color:rgba(255,255,255,0.1)}
.oppo-navbar nav#navbar[data-theme="dark"] .container .mask{background-color:rgba(21,21,21,0.9)}
.oppo-navbar nav#navbar[data-theme="dark"] .container .indicator .arrow{fill:#fff}
.oppo-navbar nav#navbar.light[data-theme="dark"]{color:#000;background-color:#fff;border-color:rgba(0,0,0,0.1)}
.oppo-navbar nav#navbar.light[data-theme="dark"] .container .indicator .arrow{fill:#000}
.oppo-navbar nav#navbar{z-index:10;left:0;width:100%;height:58px}
.oppo-navbar nav#navbar.scrolled{position:fixed}
.oppo-navbar nav#navbar li{color:inherit}
.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-size:14px;line-height:24px;letter-spacing:-0.06px}
.oppo-navbar nav#navbar li a,.oppo-navbar nav#navbar li span{display:flex;align-items:center;cursor:default}
.oppo-navbar nav#navbar li a{cursor:pointer;white-space:nowrap}
.oppo-navbar nav#navbar .container{position:relative;height:100%;width:auto;margin:0 auto;padding:0 64px;display:flex;justify-content:space-between}
.oppo-navbar nav#navbar .container ul,.oppo-navbar nav#navbar .container li{display:flex}
.oppo-navbar nav#navbar .container .products,.oppo-navbar nav#navbar .container .links,.oppo-navbar nav#navbar .container .buttons{min-width:0;align-items:center}
.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:18px}
.oppo-navbar nav#navbar .container .products{flex:1 1 0;justify-content:flex-start}
.oppo-navbar nav#navbar .container .products .active{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .products .divider a{cursor:default}
.oppo-navbar nav#navbar .container .links{flex:3 3 0;justify-content:center;margin-left:100px}
.oppo-navbar nav#navbar .container .links .anchors{margin-left:0}
.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:18px}
.oppo-navbar nav#navbar .container .buttons{flex:1 1 0;justify-content:flex-end}
.oppo-navbar nav#navbar .container .buttons .button{position:relative;overflow:hidden}
.oppo-navbar nav#navbar .container .buttons .button a{font-size:12px;letter-spacing:-0.05px;opacity:1;line-height:24px;height:32px;padding:4px 12px;border-radius:2px;min-width:64px;justify-content:center}
.oppo-navbar nav#navbar .container .buttons[data-theme="green"] .button a{background-color:#2dc84d;color:#fff}
.oppo-navbar nav#navbar .container .buttons[data-theme="light"] .button a{background:#fff;color:#000}
.oppo-navbar nav#navbar .container .buttons[data-theme="dark"] .button a{background:#000;color:#fff}
.oppo-navbar nav#navbar .container .links[data-active=""] .default,.oppo-navbar nav#navbar .container .links:not([data-active]) .default{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="1"]>li:nth-child(1) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="2"]>li:nth-child(2) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="3"]>li:nth-child(3) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="4"]>li:nth-child(4) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="5"]>li:nth-child(5) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="6"]>li:nth-child(6) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="7"]>li:nth-child(7) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="8"]>li:nth-child(8) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="9"]>li:nth-child(9) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="10"]>li:nth-child(10) a{opacity:1;pointer-events:none}
.oppo-navbar #online-store{position:fixed;visibility:hidden;z-index:999;top:-999vh;top:calc(var(--vh, 1vh) * -999);left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.oppo-navbar #online-store .mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);backdrop-filter:blur(5px);opacity:0;transition:opacity .5s ease}
.oppo-navbar #online-store .store-container{position:relative;z-index:2;background-color:#fff;width:1312px;height:720px;opacity:0;transform:translateY(100%);transition-delay:.2s;transition:transform .5s ease,opacity .3s ease}
.oppo-navbar #online-store .store-container .store-page{width:100%;height:100%;overflow:hidden;overflow-y:scroll}
.oppo-navbar #online-store .store-container .store-page::-webkit-scrollbar{width:4px}
.oppo-navbar #online-store .store-container .store-page::-webkit-scrollbar-thumb{background-color:#2dc84d}
.oppo-navbar #online-store .store-container .store-page .close-button{position:absolute;z-index:3;top:32px;right:32px;width:14px;height:14px;cursor:pointer}
.oppo-navbar #online-store .store-container .store-page .title-area{position:static;z-index:2;top:0;left:0;width:calc(100% - 4px);background-color:#fff;text-align:center;padding-top:70px}
.oppo-navbar #online-store .store-container .store-page .title-area a{font-size:28px;line-height:44px;letter-spacing:-0.1;pointer-events:none;display:inline-block;max-width:1088px}
.oppo-navbar #online-store .store-container .store-page .store-content{position:relative;z-index:1;width:100%;margin-top:32px;margin-bottom:28px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:1088px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-content:baseline;min-height:395px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-title{flex:100%;text-align:center;margin-bottom:20px;font-size:20px;line-height:32px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store{width:192px;height:144px;background-color:rgba(0,0,0,0.04);margin-bottom:32px;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store img{width:118px;height:80px;transition:transform .3s ease}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store:hover,.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store :active{background-color:rgba(0,0,0,0.01)}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store:hover img,.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store :active img{transform:scale(0.9)}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list:not(:first-child){margin-top:6px}
.oppo-navbar #online-store.show{top:0;visibility:visible}
.oppo-navbar #online-store.show .mask{opacity:1}
.oppo-navbar #online-store.show .store-container{opacity:1;transform:translateY(0)}
.oppo-navbar #online-store.show .remarks{position:relative;padding-top:1px;padding-bottom:28px}
.oppo-navbar #online-store.show .remarks ul li{margin:auto;width:1088px;font-size:12px;font-weight:normal;color:#000;line-height:24px}
.oppo-navbar .mb-tab{display:none}
.oppo-navbar #navbar .container ul li.post.hightlight a,.oppo-navbar #navbar .container ul li.pc.hightlight a{opacity:1;pointer-events:none}
@media(min-width:1440px) and (max-width:1919px){.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:14px}
.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:14px}
}
@media(min-width:1440px) and (max-width:1600px){.oppo-navbar #online-store .store-container{width:1312px;height:625px}
}
@media(min-width:1440px){.oppo-navbar #navbar .container ul li.pc{display:none}
.oppo-navbar nav#navbar .container{max-width:1312px}
.oppo-navbar nav#navbar .container .linkwrapper{display:flex}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:auto;margin:auto}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store{margin:16px}
.oppo-navbar nav#navbar li a:hover,.oppo-navbar nav#navbar li span:hover{opacity:1}
}
@media(min-width:1920px){.oppo-navbar nav#navbar .container{padding:0 295px}
.oppo-navbar nav#navbar .container .buttons .button a{font-size:14px;height:20px;line-height:20px;padding:10px 24px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list{min-height:490px}
}
@media(min-width:1024px){.oppo-navbar nav#navbar.scrolled{top:0 !important}
}
@media(min-width:1439.98px) and (max-width:1460px){.linkwrapper{visibility:visible !important}
}
.lang-ar .oppo-navbar nav#navbar{direction:rtl}
.lang-ar .oppo-navbar nav#navbar .container .products ul+ul,.lang-ar .oppo-navbar nav#navbar .container .links ul+ul,.lang-ar .oppo-navbar nav#navbar .container .buttons ul+ul,.lang-ar .oppo-navbar nav#navbar .container .products ul+li,.lang-ar .oppo-navbar nav#navbar .container .links ul+li,.lang-ar .oppo-navbar nav#navbar .container .buttons ul+li,.lang-ar .oppo-navbar nav#navbar .container .products li+ul,.lang-ar .oppo-navbar nav#navbar .container .links li+ul,.lang-ar .oppo-navbar nav#navbar .container .buttons li+ul,.lang-ar .oppo-navbar nav#navbar .container .products li+li,.lang-ar .oppo-navbar nav#navbar .container .links li+li,.lang-ar .oppo-navbar nav#navbar .container .buttons li+li{margin-right:18px;margin-left:0}
.lang-ar .oppo-navbar nav#navbar .container .links{margin-left:0;margin-right:0}
.lang-ar .oppo-navbar #online-store .store-container .store-page .close-button{left:32px;right:unset}
@media(min-width:1024px) and (max-width:1439.98px){html.hasHeader #oc-container{padding-top:0px}
.oppo-navbar #navbar .container ul li.pc{display:none}
.oppo-navbar nav#navbar .container .products .active{display:none}
.oppo-navbar nav#navbar .container{padding:0 64px}
.oppo-navbar #navbar ul.selector svg.arrow{display:block}
.oppo-navbar nav#navbar .container ul.selector{display:flex}
.oppo-navbar nav#navbar .products li,.oppo-navbar nav#navbar .links li{background-color:#fff}
.oppo-navbar nav#navbar .products li a,.oppo-navbar nav#navbar .links li a{border-bottom:1px solid #e5e5e5}
.oppo-navbar nav#navbar .products>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child,.oppo-navbar nav#navbar .products>:last-child>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child>:last-child{border-bottom-color:transparent}
.oppo-navbar nav#navbar.sticked{background-color:#fff}
.oppo-navbar nav#navbar[data-theme='dark'] .products li,.oppo-navbar nav#navbar[data-theme='dark'] .links li{background-color:#000}
.oppo-navbar nav#navbar[data-theme='dark'].sticked{background-color:#000}
.oppo-navbar nav#navbar.light[data-theme='dark'] .products li,.oppo-navbar nav#navbar.light[data-theme='dark'] .links li{background-color:#fff}
.oppo-navbar nav#navbar.light[data-theme='dark'].sticked{background-color:#fff}
.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-size:14px;line-height:20px;letter-spacing:-0.05px}
.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:0}
.oppo-navbar nav#navbar .container .products,.oppo-navbar nav#navbar .container .links.page{display:flex;transform:translateX(-100vw);overflow:hidden;position:absolute;left:0;top:100%;width:100%;flex-direction:column;align-items:stretch}
.oppo-navbar nav#navbar .container .linkwrapper{width:100%;overflow:auto;position:absolute;top:calc(100% + 1px);display:none;left:0;text-align:center;justify-content:center;scrollbar-width:none}
.oppo-navbar nav#navbar .container .linkwrapper::-webkit-scrollbar{display:none}
.oppo-navbar nav#navbar[data-theme='dark'] .container .linkwrapper{background-color:black}
.oppo-navbar nav#navbar[data-theme='light'] .container .linkwrapper,.oppo-navbar nav#navbar.light[data-theme='dark'] .container .linkwrapper{background-color:white}
.oppo-navbar nav#navbar .container .links.module{position:initial;left:0;top:100%;height:40px;width:auto;align-items:stretch;border-top:unset;border-bottom:unset;background:#fff;scrollbar-width:none;text-align:center;justify-content:center}
.oppo-navbar nav#navbar .container .links.module::-webkit-scrollbar{display:none}
.oppo-navbar nav#navbar .container .products li,.oppo-navbar nav#navbar .container .links li{position:relative;padding:0 10px;justify-content:stretch;transition:transform .3s ease;transform:translateY(-800%)}
.oppo-navbar nav#navbar .container .products li a,.oppo-navbar nav#navbar .container .links li a{display:flex;width:100%;justify-content:center;text-align:center;padding:15px 0}
.oppo-navbar #navbar .container ul li.post.jumLink a{display:none}
.oppo-navbar nav#navbar .container .links li.post a{border-bottom:unset}
.oppo-navbar nav#navbar .container .products{z-index:3}
.oppo-navbar nav#navbar .container .products .divider{display:none}
.oppo-navbar nav#navbar .container .links{margin-left:0;justify-content:unset}
.oppo-navbar nav#navbar .container .links{z-index:4}
.oppo-navbar nav#navbar .container .links>ul{flex-direction:column}
.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:0}
.oppo-navbar nav#navbar .container .buttons .button a{height:32px;padding:0 10px;line-height:20px;background:#046a38}
.oppo-navbar nav#navbar .container .mask{position:absolute;z-index:0;left:0;top:100%;width:100%;height:0;opacity:0;background:rgba(0,0,0,0.56)}
.oppo-navbar nav#navbar .container .indicator{height:24px;margin-left:5px}
.oppo-navbar nav#navbar .container .indicator .arrow{margin-top:5px;width:14px;height:14px;transform:rotate(90deg);transition:transform .3s ease}
.oppo-navbar nav#navbar .container .selector{display:flex;align-items:center;justify-content:flex-start}
.oppo-navbar nav#navbar .container .selector li *{opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector] .mask{height:100vh;height:calc(var(--vh, 1vh) * 100);opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .product-selector .indicator .arrow{transform:rotate(-90deg)}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products{transform:translateX(0)}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li{transform:translateY(0)}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .link-selector .indicator .arrow{transform:rotate(-90deg)}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page{transform:translateX(0)}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li{transform:translateY(0)}
.oppo-navbar nav#navbar .container[data-active-selector='product'] ul.module{visibility:hidden;z-index:0}
.oppo-navbar nav#navbar .container[data-active-selector='link'] ul.module{visibility:hidden;z-index:0}
.oppo-navbar nav#navbar .container .links .post{transform:translateX(0)}
.oppo-navbar nav#navbar .container .links>li.post{transform:translateY(0)}
.oppo-navbar nav#navbar .container .product-selector,.oppo-navbar nav#navbar .container .buttons{flex:0 0 107px}
.oppo-navbar nav#navbar .container .link-selector{margin:0 5px;flex:1 1 0;justify-content:center}
.oppo-navbar nav#navbar .container .links[data-active=''] .default,.oppo-navbar nav#navbar .container .links:not([data-active]) .default{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="1"]>li:nth-child(1) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="2"]>li:nth-child(2) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="3"]>li:nth-child(3) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="4"]>li:nth-child(4) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="5"]>li:nth-child(5) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="6"]>li:nth-child(6) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="7"]>li:nth-child(7) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="8"]>li:nth-child(8) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="9"]>li:nth-child(9) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="10"]>li:nth-child(10) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-size:12px;line-height:24px;letter-spacing:-0.05px}
.oppo-navbar #navbar>div>ul.links.module>li{line-height:20px}
.oppo-navbar nav#navbar .container .buttons .button a{line-height:16px}
.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:10px}
.oppo-navbar #online-store .store-container{width:896px;height:580px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:664px;min-height:325px;align-content:baseline}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store{width:200px;height:150px;margin:10px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store img{width:122px;height:82px}
.oppo-navbar #online-store .store-container .store-page .title-area{background-color:unset}
.oppo-navbar #online-store .store-container .store-page .title-area a{max-width:664px}
.oppo-navbar #online-store.show .remarks ul li{width:664px}
.lang-ar .oppo-navbar nav#navbar .container .indicator{margin-right:5px;margin-left:0}
.lang-ar .oppo-navbar nav#navbar .container .products ul+ul,.lang-ar .oppo-navbar nav#navbar .container .links ul+ul,.lang-ar .oppo-navbar nav#navbar .container .buttons ul+ul,.lang-ar .oppo-navbar nav#navbar .container .products ul+li,.lang-ar .oppo-navbar nav#navbar .container .links ul+li,.lang-ar .oppo-navbar nav#navbar .container .buttons ul+li,.lang-ar .oppo-navbar nav#navbar .container .products li+ul,.lang-ar .oppo-navbar nav#navbar .container .links li+ul,.lang-ar .oppo-navbar nav#navbar .container .buttons li+ul,.lang-ar .oppo-navbar nav#navbar .container .products li+li,.lang-ar .oppo-navbar nav#navbar .container .links li+li,.lang-ar .oppo-navbar nav#navbar .container .buttons li+li{margin-right:0;margin-left:0}
}
@media(width:1366px){.oppo-navbar nav#navbar .container{padding:0 .64rem}
}
@media(min-width:768px) and (max-width:1023.98px){html.hasHeader #oc-container{padding-top:0}
.oppo-navbar nav#navbar{z-index:998;height:52px}
.oppo-navbar nav#navbar .container{padding:0 64px;position:relative}
.oppo-navbar nav#navbar .container .products .active{display:none}
.oppo-navbar #navbar ul.selector svg.arrow{display:block}
.oppo-navbar nav#navbar .container ul.selector{display:flex}
.oppo-navbar nav#navbar .products li,.oppo-navbar nav#navbar .links li{background-color:#fff}
.oppo-navbar nav#navbar .products li a,.oppo-navbar nav#navbar .links li a{border-bottom:1px solid #e5e5e5}
.oppo-navbar nav#navbar .products>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child,.oppo-navbar nav#navbar .products>:last-child>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child>:last-child{border-bottom-color:transparent}
.oppo-navbar nav#navbar.sticked{background-color:#fff}
.oppo-navbar nav#navbar[data-theme='dark'] .products li,.oppo-navbar nav#navbar[data-theme='dark'] .links li{background-color:#000}
.oppo-navbar nav#navbar[data-theme='dark'].sticked{background-color:#000}
.oppo-navbar nav#navbar.light[data-theme='dark'] .products li,.oppo-navbar nav#navbar.light[data-theme='dark'] .links li{background-color:#fff}
.oppo-navbar nav#navbar.light[data-theme='dark'].sticked{background-color:#fff}
.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-size:14px;line-height:20px;letter-spacing:-0.05px}
.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:0}
.oppo-navbar nav#navbar .container .products,.oppo-navbar nav#navbar .container .links.page{display:flex;transform:translateX(-100vw);overflow:hidden;position:absolute;left:0;top:100%;width:100%;flex-direction:column;align-items:stretch}
.oppo-navbar nav#navbar .container .linkwrapper{width:100%;overflow:auto;position:absolute;top:calc(100% + 1px);display:none;left:0;text-align:center;justify-content:center;scrollbar-width:none}
.oppo-navbar nav#navbar .container .linkwrapper::-webkit-scrollbar{display:none}
.oppo-navbar nav#navbar[data-theme='dark'] .container .linkwrapper{background-color:black}
.oppo-navbar nav#navbar[data-theme='light'] .container .linkwrapper,.oppo-navbar nav#navbar.light[data-theme='dark'] .container .linkwrapper{background-color:white}
.oppo-navbar nav#navbar .container .links.module{position:initial;left:0;top:100%;height:40px;width:auto;align-items:stretch;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);scrollbar-width:none;text-align:center;justify-content:center}
.oppo-navbar nav#navbar .container .links.module::-webkit-scrollbar{display:none}
.oppo-navbar nav#navbar .container .products li,.oppo-navbar nav#navbar .container .links li{position:relative;padding:0 10px;justify-content:stretch;transition:transform .3s ease;transform:translateY(-800%)}
.oppo-navbar nav#navbar .container .products li a,.oppo-navbar nav#navbar .container .links li a{display:flex;width:100%;justify-content:center;text-align:center;padding:15px 0}
.oppo-navbar #navbar .container ul li.post.jumLink a{display:none}
.oppo-navbar nav#navbar .container .links li.post a{border-bottom:unset}
.oppo-navbar nav#navbar .container .products{z-index:3}
.oppo-navbar nav#navbar .container .products .divider{display:none}
.oppo-navbar nav#navbar .container .links{margin-left:0;justify-content:unset}
.oppo-navbar nav#navbar .container .links{z-index:4}
.oppo-navbar nav#navbar .container .links>ul{flex-direction:column}
.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:0}
.oppo-navbar nav#navbar .container .buttons .button a{height:32px;padding:0 10px;line-height:20px;background:#046a38}
.oppo-navbar nav#navbar .container .mask{position:absolute;z-index:0;left:0;top:100%;width:100%;height:0;opacity:0;background:rgba(0,0,0,0.56)}
.oppo-navbar nav#navbar .container .indicator{height:24px;margin-left:5px}
.oppo-navbar nav#navbar .container .indicator .arrow{margin-top:5px;width:14px;height:14px;transform:rotate(90deg);transition:transform .3s ease}
.oppo-navbar nav#navbar .container .selector{display:flex;align-items:center;justify-content:flex-start}
.oppo-navbar nav#navbar .container .selector li *{opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector] .mask{height:100vh;height:calc(var(--vh, 1vh) * 100);opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .product-selector .indicator .arrow{transform:rotate(-90deg)}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products{transform:translateX(0)}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li{transform:translateY(0)}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .link-selector .indicator .arrow{transform:rotate(-90deg)}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page{transform:translateX(0)}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li{transform:translateY(0)}
.oppo-navbar nav#navbar .container[data-active-selector='product'] ul.module{visibility:hidden;z-index:0}
.oppo-navbar nav#navbar .container[data-active-selector='link'] ul.module{visibility:hidden;z-index:0}
.oppo-navbar nav#navbar .container .links .post{transform:translateX(0)}
.oppo-navbar nav#navbar .container .links>li.post{transform:translateY(0)}
.oppo-navbar nav#navbar .container .product-selector,.oppo-navbar nav#navbar .container .buttons{flex:0 0 107px}
.oppo-navbar nav#navbar .container .link-selector{margin:0 5px;flex:1 1 0;justify-content:center}
.oppo-navbar nav#navbar .links li.pc{display:none}
.oppo-navbar #online-store .store-container{width:720px;height:850px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:532px;min-height:595px;align-content:baseline}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store{width:155px;height:116px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store:not(:nth-of-type(3n+1)){margin-left:32px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store img{width:95px;height:64px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-wrap{display:flex;justify-content:center;align-items:center;width:155px;height:116px;margin:0 11px 16px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-title{margin-bottom:40px}
.oppo-navbar #online-store .store-container .store-page .title-area a{max-width:529px}
.oppo-navbar nav#navbar .container .links[data-active=''] .default,.oppo-navbar nav#navbar .container .links:not([data-active]) .default{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="1"]>li:nth-child(1) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="2"]>li:nth-child(2) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="3"]>li:nth-child(3) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="4"]>li:nth-child(4) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="5"]>li:nth-child(5) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="6"]>li:nth-child(6) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="7"]>li:nth-child(7) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="8"]>li:nth-child(8) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="9"]>li:nth-child(9) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active="10"]>li:nth-child(10) a{opacity:1;pointer-events:none}
.oppo-navbar #online-store.show .remarks ul li{width:529px}
.lang-ar .oppo-navbar nav#navbar .container .indicator{margin-left:0;margin-right:5px}
.lang-ar .oppo-navbar nav#navbar .container .products ul+ul,.lang-ar .oppo-navbar nav#navbar .container .links ul+ul,.lang-ar .oppo-navbar nav#navbar .container .buttons ul+ul,.lang-ar .oppo-navbar nav#navbar .container .products ul+li,.lang-ar .oppo-navbar nav#navbar .container .links ul+li,.lang-ar .oppo-navbar nav#navbar .container .buttons ul+li,.lang-ar .oppo-navbar nav#navbar .container .products li+ul,.lang-ar .oppo-navbar nav#navbar .container .links li+ul,.lang-ar .oppo-navbar nav#navbar .container .buttons li+ul,.lang-ar .oppo-navbar nav#navbar .container .products li+li,.lang-ar .oppo-navbar nav#navbar .container .links li+li,.lang-ar .oppo-navbar nav#navbar .container .buttons li+li{margin-right:0;margin-left:0}
}
@media(max-width:767.98px){html.hasHeader #oc-container{padding-top:0}
.oppo-navbar .store-title,.oppo-navbar .title-area{display:none}
.oppo-navbar .store-container{padding-right:4px}
.oppo-navbar #online-store .store-container .store-page{margin-top:125px;height:calc(100% - 125px)}
.oppo-navbar #online-store .store-container .store-page .title-area{position:fixed;padding-top:20px;z-index:100;display:block;width:100%}
.oppo-navbar #online-store .store-container .store-page::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.15);border-radius:3px}
.oppo-navbar #online-store .store-container .store-page .title-area a{font-size:18px;line-height:23px}
.oppo-navbar #online-store .store-container .store-page .store-content{margin-top:0;margin-bottom:17px}
.oppo-navbar .mb-tab{position:fixed;display:flex;white-space:nowrap;padding-left:20px;padding-top:75px;height:32px;font-size:14px;font-weight:normal;color:#000;line-height:32px;overflow:auto;z-index:100;background-color:white;width:96vw;padding-bottom:16px;top:0;scrollbar-width:none}
.oppo-navbar .mb-tab::-webkit-scrollbar{display:none}
.oppo-navbar .mb-tab a{margin:0 10px;margin:0 16px;opacity:.78}
.oppo-navbar .mb-tab a.active{opacity:1;border-bottom:2px solid #2ec84e}
.oppo-navbar .mb-tab a:first-child{margin-left:0}
.oppo-navbar .mb-tab::after{position:fixed;content:'';width:1px;height:32px;top:0;right:0;box-shadow:-10px 55px 15px 25px #ffff}
.oppo-navbar nav#navbar{z-index:998;height:51px}
.oppo-navbar nav#navbar .container .products .active{display:none}
.oppo-navbar #navbar ul.selector svg.arrow{display:block}
.oppo-navbar nav#navbar .container ul.selector{display:flex}
.oppo-navbar #online-store .store-container{position:fixed;width:100vw;max-height:410px;transform:translateY(100%);bottom:0}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list{width:320px;justify-content:left;min-height:185px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-wrap{display:flex;justify-content:center;width:150px;height:96px;margin:0 4px 16px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store-wrap .store{width:130px;height:80px;border-radius:20px;border:1px solid rgba(0,0,0,0.08);background:rgba(0,0,0,0.04)}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap .store{width:150px;height:96px;border-radius:4px}
.oppo-navbar #online-store .store-container .store-page .store-content .store-list .store img{width:98px;height:66px}
.oppo-navbar nav#navbar .container{padding:0 20px;position:relative}
.oppo-navbar nav#navbar .products li,.oppo-navbar nav#navbar .links li{background-color:#fff}
.oppo-navbar nav#navbar .products li a,.oppo-navbar nav#navbar .links li a{border-bottom:0 solid #e5e5e5}
.oppo-navbar nav#navbar .products>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child,.oppo-navbar nav#navbar .products>:last-child>:last-child>:last-child,.oppo-navbar nav#navbar .links>:last-child>:last-child>:last-child{border-bottom-color:transparent}
.oppo-navbar nav#navbar.sticked{background-color:#fff}
.oppo-navbar nav#navbar[data-theme='dark'] .products li,.oppo-navbar nav#navbar[data-theme='dark'] .links li{background-color:#000}
.oppo-navbar nav#navbar[data-theme='dark'].sticked{background-color:#000}
.oppo-navbar nav#navbar.light[data-theme='dark'] .products li,.oppo-navbar nav#navbar.light[data-theme='dark'] .links li{background-color:#fff}
.oppo-navbar nav#navbar.light[data-theme='dark'].sticked{background-color:#fff}
.oppo-navbar nav#navbar li,.oppo-navbar nav#navbar li a{font-size:14px;line-height:20px;letter-spacing:-0.05px}
.oppo-navbar nav#navbar .container .products ul+ul,.oppo-navbar nav#navbar .container .links ul+ul,.oppo-navbar nav#navbar .container .buttons ul+ul,.oppo-navbar nav#navbar .container .products ul+li,.oppo-navbar nav#navbar .container .links ul+li,.oppo-navbar nav#navbar .container .buttons ul+li,.oppo-navbar nav#navbar .container .products li+ul,.oppo-navbar nav#navbar .container .links li+ul,.oppo-navbar nav#navbar .container .buttons li+ul,.oppo-navbar nav#navbar .container .products li+li,.oppo-navbar nav#navbar .container .links li+li,.oppo-navbar nav#navbar .container .buttons li+li{margin-left:0}
.oppo-navbar nav#navbar .container .products,.oppo-navbar nav#navbar .container .links.page{display:flex;transform:translateX(-100vw);overflow:hidden;position:absolute;left:0;top:100%;width:100%;flex-direction:column;align-items:stretch;background-color:white;opacity:0;transition:opacity .3s ease}
.oppo-navbar nav#navbar .container .products a,.oppo-navbar nav#navbar .container .links.page a{line-height:24px}
.oppo-navbar nav#navbar .container .linkwrapper{width:100%;overflow:auto;position:absolute;top:calc(100% + 1px);display:none;left:0;text-align:center;justify-content:center;scrollbar-width:none;z-index:1}
.oppo-navbar nav#navbar .container .linkwrapper::-webkit-scrollbar{display:none}
.oppo-navbar nav#navbar[data-theme='dark'] .container .linkwrapper{background-color:black}
.oppo-navbar nav#navbar.light[data-theme='dark'] .container .linkwrapper{background-color:white}
.oppo-navbar nav#navbar[data-theme='light'] .container .linkwrapper{background-color:white}
.oppo-navbar nav#navbar .container .links.module{position:initial;left:0;top:100%;height:40px;width:100%;width:auto;align-items:stretch;text-align:center;scrollbar-width:none}
.oppo-navbar nav#navbar .container .links.module::-webkit-scrollbar{display:none}
.oppo-navbar nav#navbar .container .links.module li{font-size:12px}
.oppo-navbar nav#navbar .container .products li,.oppo-navbar nav#navbar .container .links li{position:relative;padding:0 10px;justify-content:stretch;transition:transform .3s ease;transform:translateY(-800%)}
.oppo-navbar nav#navbar .container .products li a,.oppo-navbar nav#navbar .container .links li a{display:flex;width:100%;justify-content:center;text-align:center;padding:12px 0}
.oppo-navbar nav#navbar .container .links{z-index:4;margin-left:0;justify-content:unset}
.oppo-navbar nav#navbar .container .products{z-index:3}
.oppo-navbar nav#navbar .container .products .divider{display:none}
.oppo-navbar nav#navbar .container .links>ul{flex-direction:column}
.oppo-navbar nav#navbar .container .links .anchors>:first-child{margin-left:0}
.oppo-navbar nav#navbar .container .buttons .button a{height:24px;padding:4px 12px}
.oppo-navbar nav#navbar .container.fakeshow.nobefore::before{content:unset}
.oppo-navbar nav#navbar .container.fakeshow.noafter::after{content:unset}
.oppo-navbar nav#navbar .container.fakeshow::after{content:'';position:absolute;right:0;z-index:9;top:51px;width:33px;height:40px}
.oppo-navbar nav#navbar .container.fakeshow::before{content:'';position:absolute;left:0;z-index:9;top:51px;width:33px;height:40px}
.oppo-navbar nav#navbar[data-theme='light'] .container.fakeshow::after,.oppo-navbar nav#navbar.light[data-theme='dark'] .container.fakeshow::after{background:linear-gradient(270deg,white 0,white 40%,rgba(255,255,255,0.28) 100%)}
.oppo-navbar nav#navbar[data-theme='light'] .container.fakeshow::before,.oppo-navbar nav#navbar.light[data-theme='dark'] .container.fakeshow::before{background:linear-gradient(-270deg,white 0,white 40%,rgba(255,255,255,0.28) 100%)}
.oppo-navbar nav#navbar[data-theme='dark'] .container.fakeshow::after{background:linear-gradient(270deg,black 0,black 40%,rgba(0,0,0,0.28) 100%)}
.oppo-navbar nav#navbar[data-theme='dark'] .container.fakeshow::before{background:linear-gradient(-270deg,black 0,black 40%,rgba(0,0,0,0.28) 100%)}
.oppo-navbar nav#navbar .container .mask{position:absolute;z-index:0;left:0;top:100%;width:100%;height:0;opacity:0;background:rgba(0,0,0,0.56)}
.oppo-navbar nav#navbar .container .indicator{height:24px;margin-left:5px}
.oppo-navbar nav#navbar .container .indicator .arrow{margin-top:5px;width:14px;height:14px;transform:rotate(90deg);transition:transform .3s ease}
.oppo-navbar nav#navbar .container .selector{display:flex;align-items:center;justify-content:flex-start}
.oppo-navbar nav#navbar .container .selector li *{opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector] .mask{height:100vh;height:calc(var(--vh, 1vh) * 100);opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .product-selector .indicator .arrow{transform:rotate(-90deg)}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products{transform:translateX(0);background-color:white;opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li{transform:translateY(0);opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(0){transition:opacity .2s ease 0}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(1){transition:opacity .2s ease .025s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(2){transition:opacity .2s ease .05s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(3){transition:opacity .2s ease .075s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(4){transition:opacity .2s ease .1s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(5){transition:opacity .2s ease .125s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(6){transition:opacity .2s ease .15s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(7){transition:opacity .2s ease .175s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(8){transition:opacity .2s ease .2s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(9){transition:opacity .2s ease .225s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:nth-child(10){transition:opacity .2s ease .25s}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:first-child{padding-top:18px;border-top:1px solid rgba(0,0,0,0.1)}
.oppo-navbar nav#navbar .container[data-active-selector='product'] .products>li:last-child{padding-bottom:34px}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .link-selector .indicator .arrow{transform:rotate(-90deg)}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page{transform:translateX(0);opacity:1}
.oppo-navbar nav#navbar .container .links.page>li{opacity:0}
.oppo-navbar nav#navbar .container .products>li{opacity:0}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li{transform:translateY(0);opacity:1}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(0){transition:opacity .2s ease 0}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(1){transition:opacity .2s ease .025s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(2){transition:opacity .2s ease .05s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(3){transition:opacity .2s ease .075s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(4){transition:opacity .2s ease .1s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(5){transition:opacity .2s ease .125s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(6){transition:opacity .2s ease .15s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(7){transition:opacity .2s ease .175s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(8){transition:opacity .2s ease .2s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(9){transition:opacity .2s ease .225s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:nth-child(10){transition:opacity .2s ease .25s}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:first-child{padding-top:18px;border-top:1px solid rgba(0,0,0,0.1)}
.oppo-navbar nav#navbar .container[data-active-selector='link'] .links.page>li:last-child{padding-bottom:34px}
.oppo-navbar nav#navbar .container[data-active-selector='product'] ul.module{visibility:hidden;z-index:0}
.oppo-navbar nav#navbar .container[data-active-selector='link'] ul.module{visibility:hidden;z-index:0}
.oppo-navbar nav#navbar .container .links .post{transform:translateX(0)}
.oppo-navbar nav#navbar .container .links>li.post{transform:translateY(0)}
.oppo-navbar nav#navbar .container .product-selector,.oppo-navbar nav#navbar .container .buttons{flex:0 0 107px}
.oppo-navbar nav#navbar .container .link-selector{margin:0 5px;flex:1 1 0;justify-content:center}
.oppo-navbar nav#navbar .links li.pc{display:none}
.oppo-navbar nav#navbar .container .links[data-active=''] .default,.oppo-navbar nav#navbar .container .links:not([data-active]) .default{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='1']>li:nth-child(1) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='2']>li:nth-child(2) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='3']>li:nth-child(3) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='4']>li:nth-child(4) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='5']>li:nth-child(5) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='6']>li:nth-child(6) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='7']>li:nth-child(7) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='8']>li:nth-child(8) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='9']>li:nth-child(9) a{opacity:1;pointer-events:none}
.oppo-navbar nav#navbar .container .links[data-active='10']>li:nth-child(10) a{opacity:1;pointer-events:none}
.oppo-navbar #online-store .store-container .store-page .title-area a{max-width:320px}
.oppo-navbar #online-store.show .remarks ul li{width:320px}
.oppo-navbar #online-store.show .store-container .store-page .close-button{transform:rotate(90deg);transition:transform .3s ease}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(0) .store{transition:border-radius .2s ease 0,width .2s ease 0,height .2s ease 0}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(1) .store{transition:border-radius .2s ease .025s,width .2s ease .025s,height .2s ease .025s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(2) .store{transition:border-radius .2s ease .05s,width .2s ease .05s,height .2s ease .05s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(3) .store{transition:border-radius .2s ease .075s,width .2s ease .075s,height .2s ease .075s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(4) .store{transition:border-radius .2s ease .1s,width .2s ease .1s,height .2s ease .1s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(5) .store{transition:border-radius .2s ease .125s,width .2s ease .125s,height .2s ease .125s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(6) .store{transition:border-radius .2s ease .15s,width .2s ease .15s,height .2s ease .15s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(7) .store{transition:border-radius .2s ease .175s,width .2s ease .175s,height .2s ease .175s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(8) .store{transition:border-radius .2s ease .2s,width .2s ease .2s,height .2s ease .2s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(9) .store{transition:border-radius .2s ease .225s,width .2s ease .225s,height .2s ease .225s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(10) .store{transition:border-radius .2s ease .25s,width .2s ease .25s,height .2s ease .25s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(11) .store{transition:border-radius .2s ease .275s,width .2s ease .275s,height .2s ease .275s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(12) .store{transition:border-radius .2s ease .3s,width .2s ease .3s,height .2s ease .3s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(13) .store{transition:border-radius .2s ease .325s,width .2s ease .325s,height .2s ease .325s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(14) .store{transition:border-radius .2s ease .35s,width .2s ease .35s,height .2s ease .35s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(15) .store{transition:border-radius .2s ease .375s,width .2s ease .375s,height .2s ease .375s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(16) .store{transition:border-radius .2s ease .4s,width .2s ease .4s,height .2s ease .4s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(17) .store{transition:border-radius .2s ease .425s,width .2s ease .425s,height .2s ease .425s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(18) .store{transition:border-radius .2s ease .45s,width .2s ease .45s,height .2s ease .45s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(19) .store{transition:border-radius .2s ease .475s,width .2s ease .475s,height .2s ease .475s}
.oppo-navbar #online-store.show .store-container .store-page .store-content .store-list .store-wrap:not([style*='display: none']):nth-child(20) .store{transition:border-radius .2s ease .5s,width .2s ease .5s,height .2s ease .5s}
.oppo-navbar #online-store .store-container .store-page .close-button{z-index:101;top:17px;right:20px}
.oppo-navbar #online-store .store-container .store-page.tabscrolled .mb-tab{position:fixed}
.oppo-navbar #navbar .container ul li.post.jumLink a{display:none}
.oppo-navbar #navbar .container ul li.post.hightlight a{opacity:1;pointer-events:none}
.lang-ar .oppo-navbar nav#navbar .container .indicator{margin-left:0;margin-right:5px}
.lang-ar .oppo-navbar nav#navbar .container .products ul+ul,.lang-ar .oppo-navbar nav#navbar .container .links ul+ul,.lang-ar .oppo-navbar nav#navbar .container .buttons ul+ul,.lang-ar .oppo-navbar nav#navbar .container .products ul+li,.lang-ar .oppo-navbar nav#navbar .container .links ul+li,.lang-ar .oppo-navbar nav#navbar .container .buttons ul+li,.lang-ar .oppo-navbar nav#navbar .container .products li+ul,.lang-ar .oppo-navbar nav#navbar .container .links li+ul,.lang-ar .oppo-navbar nav#navbar .container .buttons li+ul,.lang-ar .oppo-navbar nav#navbar .container .products li+li,.lang-ar .oppo-navbar nav#navbar .container .links li+li,.lang-ar .oppo-navbar nav#navbar .container .buttons li+li{margin-right:0;margin-left:0}
.lang-ar .oppo-navbar .mb-tab{padding-right:10px;padding-left:0}
.lang-ar .oppo-navbar #online-store .store-container .store-page .close-button{left:20px;right:unset}
}
#all-pop-up-all .all-pop-up-content{font-size:0;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;opacity:0;position:fixed;bottom:0;right:12px;z-index:999;margin-bottom:-1px;font-weight:450;width:360px}
#all-pop-up-all .all-pop-up-content .all-pop-up{position:absolute;bottom:0;min-height:74px;display:flex;align-items:center;background-size:100%;background-size:10%}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-up-close #all-pop-up-close_x{padding:0 20px 0 6px;width:24px;height:24px;cursor:pointer}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-up-top img{display:inline-block;width:48px;height:48px;padding:0 12px 0 20px}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-up-middle{max-width:190px;text-align:left}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-up-middle span{text-align:left;font-weight:400;float:left;overflow:hidden;position:relative;word-break:break-word;font-style:normal;font-size:10px;line-height:1.7;letter-spacing:-0.06px;color:#000;padding:12px 0}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-upRight{display:flex;align-items:center;flex:1;justify-content:flex-end}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-upRight .all-pop-up-bottom{padding-left:12px;padding-top:0}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-upRight .all-pop-up-bottom #all-pop-up-downloadClick{box-sizing:border-box;white-space:nowrap;display:inline-block;font-weight:500;font-size:14px;border-radius:2px;min-width:80px;padding:0 20px;height:40px;line-height:40px;background-color:#000;color:#fff;outline:0}
@media(min-width:1440px){#all-pop-up-all .all-pop-up-content .all-pop-up-bottom #all-pop-up-downloadClick:hover{opacity:.7}
#all-pop-up-all .all-pop-up-content .all-pop-up{bottom:12px;border-radius:2px}
}
@media(min-width:1024px) and (max-width:1439.98px){#all-pop-up-all .all-pop-up-content .all-pop-up{bottom:12px}
}
@media(min-width:768px) and (max-width:1023.98px){#all-pop-up-all .all-pop-up-content .all-pop-up{bottom:12px}
}
@media(max-width:767.98px){#all-pop-up-all .all-pop-up-content{width:100vw;position:fixed;bottom:0;right:0;opacity:0}
#all-pop-up-all .all-pop-up-content .all-pop-up{width:100vw;position:absolute}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-up-close #all-pop-up-close_x{padding:0 16px 0 2px;width:24px;height:24px}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-up-middle span{font-weight:400;float:left;overflow:hidden;position:relative;word-break:break-word;font-style:normal;font-size:10px;line-height:1.7;color:#000;padding:10px 0;font-weight:'OPPOSans2.0-Medium'}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-upRight .all-pop-up-bottom{padding-top:0}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-upRight .all-pop-up-bottom #all-pop-up-downloadClick{white-space:nowrap;display:inline-block;font-size:12px;min-width:40px;padding:0 8px;height:32px;line-height:32px}
#all-pop-up-all .all-pop-up-content .all-pop-up .all-pop-up-top img{display:inline-block;width:32px;height:32px;padding:0 8px 0 20px}
}
.index__brand-waterfall{padding:128px 60px;background-color:#c0a69a;text-align:center}
.index__brand-waterfall .title{margin-bottom:95px;font-size:28px}
.index__brand-waterfall .mobile{display:none}
@media(max-width:767.98px){.index__brand-waterfall{padding:60px 0}
.index__brand-waterfall .title{font-size:20px;margin-bottom:20px;color:#000}
.index__brand-waterfall .pc{display:none}
.index__brand-waterfall .mobile{display:block}
}
@media(min-width:768px) and (max-width:1023.98px){.index__brand-waterfall{padding:60px 40px}
.index__brand-waterfall .title{margin-bottom:63px;font-size:20px}
}
@media(min-width:1024px) and (max-width:1439.98px){.index__brand-waterfall{padding:60px 50px}
}
@media(min-width:1440px){.index__brand-waterfall{padding-left:0;padding-right:0}
.index__brand-waterfall .pc{box-sizing:border-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}
}
@media(min-width:1440px){.cp-video-item:hover .video-cover{opacity:0}
.cp-video-item:hover .video-box{opacity:1}
}
.cp-video-item .img-box{position:relative;overflow:hidden}
.cp-video-item .video-box{opacity:0;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-video-item .video-box .video{max-height:100%;max-width:100%;cursor:pointer}
.cp-video-item .video-box .video:focus{border:0;outline:0}
.cp-video-item .video-box .video::-webkit-media-controls-timeline{display:none}
.cp-video-item .video-box .close-video-btn{display:none;position:fixed;top:20px;right:20px}
.cp-video-item .video-box .close-video-btn i{color:#fff;font-size:20px}
.cp-video-item .video-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:flex;justify-content:center;align-items:center}
.cp-video-item .video-mask.video-box{opacity:1}
.cp-video-item .video-mask .close-video-btn{display:block}
.cp-video-item .play-btn{position:absolute;bottom:30px;left:30px;padding:5px 10px;background-color:#fff;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:13px}
.cp-video-item .play-btn:hover{opacity:.85}
.cp-video-item .play-btn .fa-play{margin-right:10px}
@media(min-width:768px) and (max-width:1023.98px){.cp-video-item .play-btn{bottom:15px;left:15px;padding:5px 8px}
.cp-video-item .play-btn .fa-play{margin-right:4px}
}
@media(min-width:1440px){.cp-waterfall .item:hover .video-cover{opacity:0}
.cp-waterfall .item:hover .video-box{opacity:1}
}
.cp-waterfall .cols{display:flex;justify-content:space-between}
.cp-waterfall .col{width:27.78vw}
.cp-waterfall .item{margin-bottom:60px;overflow:hidden;transition:all 1s}
.cp-waterfall .new-item{opacity:0;margin-top:200px}
.cp-waterfall .tobe-added{display:none}
.cp-waterfall .to-remove{transform:translateY(-100px);opacity:0}
.cp-waterfall .img-box{position:relative;overflow:hidden}
.cp-waterfall .img-box:hover+.desc{transform:translateY(-8px)}
.cp-waterfall .cover{width:100%;transition:all .5s;transform:scale(1.1);cursor:pointer}
.cp-waterfall .cover:hover{opacity:.9;transform:scale(1)}
.cp-waterfall .desc{margin-top:15px;line-height:27px;font-size:16px;text-align:left;transition:all .5s;cursor:pointer;color:#161513}
.cp-waterfall .show-more,.cp-waterfall .show-less{display:block;width:180px;padding-top:10px;overflow:hidden;margin:0 auto}
.cp-waterfall .show-more span,.cp-waterfall .show-less span{display:inline-block;width:55px;height:55px;line-height:55px;text-align:center;font-size:32px;border:2px solid #000;border-radius:50%;transition:all .2s cubic-bezier(0.77,0,0.175,1)}
.cp-waterfall .show-more svg,.cp-waterfall .show-less svg{width:60px;height:60px}
.cp-waterfall .show-more p,.cp-waterfall .show-less p{margin-top:10px;font-size:14px;color:#000;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.cp-waterfall .show-more:hover span,.cp-waterfall .show-less:hover span{transform-origin:center;opacity:.5}
.cp-waterfall .show-more:hover svg,.cp-waterfall .show-less:hover svg{opacity:.5}
.cp-waterfall .show-more:hover p,.cp-waterfall .show-less:hover p{opacity:.7}
.cp-waterfall .show-less{display:none}
.cp-waterfall .video-box{opacity:0;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-waterfall .video-box .video{max-height:100%;max-width:100%;cursor:pointer}
.cp-waterfall .video-box .video:focus{border:0;outline:0}
.cp-waterfall .video-box .video::-webkit-media-controls-timeline{display:none}
.cp-waterfall .video-box .close-video-btn{display:none;position:fixed;top:20px;right:20px}
.cp-waterfall .video-box .close-video-btn i{color:#fff;font-size:20px}
.cp-waterfall .video-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:flex;justify-content:center;align-items:center}
.cp-waterfall .video-mask.video-box{opacity:1}
.cp-waterfall .video-mask .close-video-btn{display:block}
.cp-waterfall .play-btn{position:absolute;bottom:30px;left:30px;padding:5px 10px;background-color:#fff;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:13px}
.cp-waterfall .play-btn .fa-play{margin-right:5px}
@media(min-width:768px) and (max-width:1023.98px){.cp-waterfall .play-btn{bottom:15px;left:15px;padding:5px 8px}
.cp-waterfall .play-btn .fa-play{margin-right:4px}
}
@media(min-width:1440px){.cp-waterfall .item:hover .video-cover{opacity:0}
.cp-waterfall .item:hover .video-box{opacity:1}
}
@media(max-width:767.98px){.cp-waterfall .show-more{display:none}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-waterfall .col{width:27.08vw}
.cp-waterfall .desc{font-size:13px;margin-top:10px}
.cp-waterfall .show-more span:hover,.cp-waterfall .show-less span:hover{transform:none;opacity:1}
.cp-waterfall .show-more span:active,.cp-waterfall .show-less span:active{opacity:.5}
}
@media(min-width:1440px){.cp-waterfall .col{width:400px}
.cp-waterfall .item:hover .video-cover{opacity:0}
.cp-waterfall .item:hover .video-box{opacity:1}
}
.cp-slicks{direction:ltr}
.cp-slicks .item-list{margin-top:31px}
.cp-slicks .item{margin-right:10px}
.cp-slicks .item:focus{outline:0;border:0}
.cp-slicks .img-box{width:270px;height:270px;display:flex;justify-content:center;overflow:hidden;align-items:center;position:relative}
.cp-slicks .img-box img{min-height:270px;max-height:100%}
.cp-slicks .desc{width:270px;margin-top:14px;font-size:13px;line-height:20px;color:#000}
.cp-slicks video{display:none}
.cp-slicks .play-btn{position:absolute;bottom:30px;left:30px;padding:5px 10px;background-color:#fff;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:13px}
.cp-slicks .play-btn .fa-play{margin-right:10px}
@media(max-width:767.98px){.slick-arrows{height:40px;display:none}
.cp-left-right-btns{display:none}
}
.cp-left-right-btns .arrow-btn{margin:0 8px}
.cp-left-right-btns .arrow-btn.disabled,.cp-left-right-btns .arrow-btn.slick-disabled{opacity:.3}
.cp-left-right-btns .arrow-btn i{font-size:20px}
.cp-left-right-btns .slick-disabled{opacity:.2}
.cp-left-right-btns .next-arrow{display:inline-block;box-sizing:border-box;width:55px;height:46px;line-height:46px;border:2px solid #000;border-radius:50%;transition:all .3s;text-align:center}
.cp-left-right-btns .next-arrow:hover,.cp-left-right-btns .next-arrow:active{transform:scaleY(1.19565);opacity:.5}
@media(max-width:767.98px){.cp-left-right-btns .arrow-btn:hover{transform:none;opacity:1}
.cp-left-right-btns .arrow-btn:active{transform:scaleY(1.19565);opacity:.5}
.cp-left-right-btns .arrow-btn.slick-disabled,.cp-left-right-btns .arrow-btn.disabled{opacity:.3}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-left-right-btns .arrow-btn:hover{transform:none;opacity:1}
.cp-left-right-btns .arrow-btn:active{transform:scaleY(1.19565);opacity:.5}
.cp-left-right-btns .arrow-btn.slick-disabled,.cp-left-right-btns .arrow-btn.disabled{opacity:.3}
}
.cp-bgchange-gallery{padding:90px 0 0;position:relative;overflow:hidden;background-color:unset}
@media(min-width:1440px){.cp-bgchange-gallery{margin-top:0;margin-bottom:40px}
}
@media(min-width:1024px) and (max-width:1439.98px){.cp-bgchange-gallery{margin-top:0;margin-bottom:40px}
}
@media(min-width:768px) and (max-width:1023.98px){.cp-bgchange-gallery{margin-top:0;margin-bottom:40px}
}
@media(max-width:767.98px){.cp-bgchange-gallery{margin-top:0;margin-bottom:40px}
}
.cp-bgchange-gallery .title{padding-bottom:36px;text-align:left;font-size:36px;line-height:44px;display:inline-block}
.cp-bgchange-gallery .disSlick-arrows{float:right}
.cp-bgchange-gallery .disSlick-arrows a{font-size:20px;margin:0 12px}
.cp-bgchange-gallery .disSlick-arrows a .next-arrow{margin:0}
.cp-bgchange-gallery .disSlick-arrows a:active{opacity:.5}
.cp-bgchange-gallery .item-list{margin-top:80px;padding-bottom:40px;display:flex;position:relative;user-select:none}
.cp-bgchange-gallery .item-list .item{padding:0}
.cp-bgchange-gallery .item-list .item .discover-title{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:20px;line-height:30px;padding:8px 0}
.cp-bgchange-gallery .item-list .item .discover-intro{font-size:14px;line-height:24px;max-width:100%;word-wrap:break-word}
.cp-bgchange-gallery .item-list:hover{cursor:pointer}
.cp-bgchange-gallery .img-box{position:relative;overflow:hidden;height:100%;width:100%}
.cp-bgchange-gallery .video-box{height:100%;width:100%;opacity:1;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-bgchange-gallery .video-box .video{height:100%;width:100%;cursor:pointer;position:absolute;left:0;top:0}
.cp-bgchange-gallery .video-box .video:focus{border:0;outline:0}
.cp-bgchange-gallery .video-box .video::-webkit-media-controls-timeline{display:none}
.cp-bgchange-gallery .video-box .close-video-btn{display:none;position:fixed;top:20px;right:20px}
.cp-bgchange-gallery .video-box .close-video-btn i{color:#fff;font-size:20px}
.cp-bgchange-gallery .video-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:flex;justify-content:center;align-items:center}
.cp-bgchange-gallery .video-mask.video-box{width:100%;height:100%;opacity:1}
.cp-bgchange-gallery .video-mask .close-video-btn{display:block}
.cp-bgchange-gallery a.play-btn{opacity:0;position:absolute;bottom:12px;left:12px;padding:5px 10px;background-color:unset;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:13px;color:#fff}
.cp-bgchange-gallery a.play-btn:hover{opacity:.85}
.cp-bgchange-gallery a.play-btn .fa-play{margin-right:4px}
.cp-bgchange-gallery .item-mask{display:none;position:absolute;bottom:0;width:100%;height:25%;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%)}
.cp-bgchange-gallery .cover{width:100%;transition:all .5s;transform:scale(1.1)}
.cp-bgchange-gallery .cover:hover{opacity:.9;transform:scale(1)}
.cp-bgchange-gallery .learn-more{display:inline-block;padding-top:8px;height:24px;border-bottom:1px solid #000}
.cp-bgchange-gallery .learn-more a{font-size:14px;font-weight:400}
.cp-bgchange-gallery .learn-more:hover,.cp-bgchange-gallery .learn-more:active{opacity:.78;transition:all .3s}
.cp-bgchange-gallery .desc{margin-top:12px}
.cp-bgchange-gallery .video-box{opacity:0;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-bgchange-gallery .video-box .video{max-height:100%;max-width:100%;cursor:pointer}
.cp-bgchange-gallery .video-box .video:focus{border:0;outline:0}
.cp-bgchange-gallery .video-box .video::-webkit-media-controls-timeline{display:none}
.cp-bgchange-gallery .video-box .close-video-btn{display:none;position:fixed;top:20px;right:20px}
.cp-bgchange-gallery .video-box .close-video-btn i{color:#fff;font-size:20px}
.cp-bgchange-gallery .video-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:flex;justify-content:center;align-items:center}
.cp-bgchange-gallery .video-mask.video-box{opacity:1}
.cp-bgchange-gallery .video-mask .close-video-btn{display:block}
.cp-bgchange-gallery .play-btn{position:absolute;bottom:30px;left:30px;padding:5px 10px;background-color:#fff;font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:13px}
.cp-bgchange-gallery .play-btn .fa-play{margin-right:5px}
@media(min-width:768px) and (max-width:1023.98px){.cp-bgchange-gallery .play-btn{bottom:15px;left:15px;padding:5px 8px}
.cp-bgchange-gallery .play-btn .fa-play{margin-right:4px}
}
@media(min-width:1440px){.cp-bgchange-gallery .item:hover .video-cover{opacity:0}
.cp-bgchange-gallery .item:hover .video-box{opacity:1}
}
.swiper-button-disabled{opacity:.56;cursor:not-allowed}
.op-swiper-container .swiper-container-horizontal>.swiper-scrollbar:hover{cursor:pointer}
@media(max-width:767.98px){.cp-bgchange-gallery{padding:64px 0;margin-bottom:0}
.cp-bgchange-gallery .disSlick-arrows{display:none}
.cp-bgchange-gallery .img-box .video-box{opacity:0}
.cp-bgchange-gallery .title{text-align:left;padding-left:16px;font-size:20px;line-height:26px;padding-bottom:20px}
.cp-bgchange-gallery .item-list{margin-top:80px;padding-bottom:0;display:flex;position:relative;user-select:none}
.cp-bgchange-gallery .item-list .item .discover-title{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750;font-size:16px;line-height:20px;padding:4px 0}
.cp-bgchange-gallery .item-list .item .discover-intro{font-size:14px;line-height:24px;max-width:100%;word-wrap:break-word}
.cp-bgchange-gallery .item-list .item .learn-more{opacity:1;margin-bottom:40px}
.cp-bgchange-gallery .item-list .item .learn-more a{font-size:12px;line-height:20px}
.cp-bgchange-gallery .item-list:hover{cursor:pointer}
.cp-bgchange-gallery .item-list .item-mask{display:block}
.cp-bgchange-gallery .item-list .play-btn{opacity:1}
}
@media(min-width:768px) and (max-width:1439.98px){.cp-bgchange-gallery{margin-bottom:0;padding:128px 64px;position:relative}
.cp-bgchange-gallery .img-box .video-box{opacity:1}
.cp-bgchange-gallery .desc{font-size:13px;margin-top:10px}
.cp-bgchange-gallery .title{padding-left:unset;font-size:28px;line-height:34px}
.cp-bgchange-gallery a.play-btn{opacity:1;bottom:15px;left:15px;padding:5px 8px}
.cp-bgchange-gallery a.play-btn .fa-play{margin-right:4px}
.cp-bgchange-gallery .disSlick-arrows{right:64px;top:0}
.cp-bgchange-gallery .disSlick-arrows a{display:inline-block;box-sizing:border-box;width:36.6px}
.cp-bgchange-gallery .disSlick-arrows .cp-discover-btns .disnext-arrow{margin-right:0;margin-left:0}
.cp-bgchange-gallery{padding-left:64px;padding-right:64px}
}
@media(min-width:1440px){.cp-bgchange-gallery{max-width:1312px;margin:0 auto;padding:128px 0}
.cp-bgchange-gallery .cp_bgchange_gallery_swiperScroll{opacity:0}
.cp-bgchange-gallery .cp_bgchange_gallery_swiperContainer:hover .cp_bgchange_gallery_swiperScroll,.cp-bgchange-gallery .cp_bgchange_gallery_swiperContainer:active .cp_bgchange_gallery_swiperScroll{transition:all .5s;opacity:1}
.cp-bgchange-gallery .img-box{width:424px}
.cp-bgchange-gallery .item{width:424px}
.cp-bgchange-gallery .item:hover .video-cover{opacity:0}
.cp-bgchange-gallery .item:hover .video-box{opacity:1}
.cp-bgchange-gallery .item .title{padding-left:20px}
.cp-bgchange-gallery .disSlick-arrows a{display:inline-block;box-sizing:border-box;width:36.6px}
.cp-bgchange-gallery .disSlick-arrows a:hover img{opacity:.67}
.cp-bgchange-gallery .disSlick-arrows a img{transition:all .3s}
.cp-bgchange-gallery .disSlick-arrows .cp-discover-btns .disnext-arrow{margin-right:0;margin-left:0}
}
@font-face{.op-swiper-container{font-family:'swiper-icons';src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}
}
.op-swiper-container :root{--swiper-theme-color:#007aff}
.op-swiper-container .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.op-swiper-container .swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.op-swiper-container .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.op-swiper-container .swiper-container-android .swiper-slide,.op-swiper-container .swiper-wrapper{transform:translate3d(0,0,0)}
.op-swiper-container .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.op-swiper-container .swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.op-swiper-container .swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.op-swiper-container .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.op-swiper-container .swiper-slide-invisible-blank{visibility:hidden}
.op-swiper-container .swiper-container-autoheight,.op-swiper-container .swiper-container-autoheight .swiper-slide{height:auto}
.op-swiper-container .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.op-swiper-container .swiper-container-3d{perspective:1200px}
.op-swiper-container .swiper-container-3d .swiper-wrapper,.op-swiper-container .swiper-container-3d .swiper-slide,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top,.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.op-swiper-container .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.op-swiper-container .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.op-swiper-container .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.op-swiper-container :root{--swiper-navigation-size:44px}
.op-swiper-container .swiper-button-prev,.op-swiper-container .swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.op-swiper-container .swiper-button-prev.swiper-button-disabled,.op-swiper-container .swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.op-swiper-container .swiper-button-prev:after,.op-swiper-container .swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}
.op-swiper-container .swiper-button-prev,.op-swiper-container .swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.op-swiper-container .swiper-button-prev:after,.op-swiper-container .swiper-container-rtl .swiper-button-next:after{content:'prev'}
.op-swiper-container .swiper-button-next,.op-swiper-container .swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.op-swiper-container .swiper-button-next:after,.op-swiper-container .swiper-container-rtl .swiper-button-prev:after{content:'next'}
.op-swiper-container .swiper-button-prev.swiper-button-white,.op-swiper-container .swiper-button-next.swiper-button-white{--swiper-navigation-color:#fff}
.op-swiper-container .swiper-button-prev.swiper-button-black,.op-swiper-container .swiper-button-next.swiper-button-black{--swiper-navigation-color:#000}
.op-swiper-container .swiper-button-lock{display:none}
.op-swiper-container .swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10}
.op-swiper-container .swiper-pagination.swiper-pagination-hidden{opacity:0}
.op-swiper-container .swiper-pagination-fraction,.op-swiper-container .swiper-pagination-custom,.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%}
.op-swiper-container .swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}
.op-swiper-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}
.op-swiper-container .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.op-swiper-container button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.op-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.op-swiper-container .swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}
.op-swiper-container .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}
.op-swiper-container .swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}
.op-swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.op-swiper-container .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.op-swiper-container .swiper-container-horizontal>.swiper-pagination-progressbar,.op-swiper-container .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.op-swiper-container .swiper-container-vertical>.swiper-pagination-progressbar,.op-swiper-container .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}
.op-swiper-container .swiper-pagination-white{--swiper-pagination-color:#fff}
.op-swiper-container .swiper-pagination-black{--swiper-pagination-color:#000}
.op-swiper-container .swiper-pagination-lock{display:none}
.op-swiper-container .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}
.op-swiper-container .swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:50%;bottom:3px;z-index:50;height:5px;width:50%;transform:translateX(-50%)}
@media(max-width:767.98px){.op-swiper-container .swiper-container-horizontal>.swiper-scrollbar{width:90%}
}
.op-swiper-container .swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.op-swiper-container .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}
.op-swiper-container .swiper-scrollbar-cursor-drag{cursor:move}
.op-swiper-container .swiper-scrollbar-lock{display:none}
.op-swiper-container .swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.op-swiper-container .swiper-zoom-container>img,.op-swiper-container .swiper-zoom-container>svg,.op-swiper-container .swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}
.op-swiper-container .swiper-slide-zoomed{cursor:move}
.op-swiper-container .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.op-swiper-container .swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.op-swiper-container .swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.op-swiper-container .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.op-swiper-container .swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.op-swiper-container .swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.op-swiper-container .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-fade .swiper-slide-active,.op-swiper-container .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-cube{overflow:visible}
.op-swiper-container .swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.op-swiper-container .swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.op-swiper-container .swiper-container-cube .swiper-slide-active,.op-swiper-container .swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-cube .swiper-slide-active,.op-swiper-container .swiper-container-cube .swiper-slide-next,.op-swiper-container .swiper-container-cube .swiper-slide-prev,.op-swiper-container .swiper-container-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}
.op-swiper-container .swiper-container-cube .swiper-slide-shadow-top,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-left,.op-swiper-container .swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.op-swiper-container .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.op-swiper-container .swiper-container-flip{overflow:visible}
.op-swiper-container .swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.op-swiper-container .swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.op-swiper-container .swiper-container-flip .swiper-slide-active,.op-swiper-container .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.op-swiper-container .swiper-container-flip .swiper-slide-shadow-top,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-bottom,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-left,.op-swiper-container .swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@media(max-width:767.98px){.cp-media-reviewer .cp-left-right-btns .next-arrow{color:#000}
}
@media(max-width:767.98px){.cp-media-reviewer .cp-left-right-btns .prev-arrow{color:#000;margin-right:5vw}
}
body.show-cookie-tip #contact-pop{bottom:143px}
@media(min-width:1920px){body.show-cookie-tip #contact-pop{bottom:143px}
}
@media(min-width:768px) and (max-width:1023.98px){body.show-cookie-tip #contact-pop{bottom:97px}
}
@media(max-width:767.98px){body.show-cookie-tip #contact-pop{bottom:97px}
}
#contact-pop{position:fixed;right:64px;bottom:86px;z-index:100}
@media(min-width:1920px){#contact-pop{bottom:86px;right:64px}
}
@media(min-width:768px) and (max-width:1023.98px){#contact-pop{bottom:72px;right:20px}
}
@media(max-width:767.98px){#contact-pop{bottom:72px;right:20px}
}
#contact-pop *{box-sizing:border-box}
#contact-pop .contact-pop_icon{width:42px;height:42px;background:rgba(255,255,255,0.78);transition:bottom .3s;font-size:0;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:99;cursor:pointer;border:1px solid #ededed}
#contact-pop .contact-pop_icon img{display:block;width:24px;height:24px}
#contact-pop .contact-pop_box{position:absolute;right:-1000%;bottom:calc(100% + 12px);opacity:0;transform:translateY(10px);width:284px;background:white;box-sizing:border-box;padding:20px 0 30px;border:1px solid #ededed}
#contact-pop .contact-pop_box.pop-box-ani{opacity:1;transform:translateY(0)}
#contact-pop .contact-pop_box .pop-close_btn{position:absolute;cursor:pointer;display:none}
#contact-pop .contact-pop_box .contact-pop_title{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;margin-bottom:10px;padding-left:30px;padding-right:30px}
#contact-pop .contact-pop_box .contact-pop_title p{font-size:24px;line-height:36px}
#contact-pop .contact-pop_box .contact-pop_subbox{width:100%}
#contact-pop .contact-pop_box .contact-pop_wrap .contact-pop_wrap_scroll{width:100%}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item{display:block;padding:10px 24px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item:first-child{margin-top:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item:last-child{margin-bottom:0;padding-bottom:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap{display:flex}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-icon{display:flex;align-items:center}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-icon img{width:28px;height:28px;cursor:pointer}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-des{flex:1 1 auto;padding:2px 0;margin-left:12px;cursor:pointer;font-size:14px;line-height:24px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-des .phone-title{color:#000}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-des span{display:block;color:rgba(0,0,0,0.9)}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-des a{display:block;width:100%;color:#000}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-status{display:flex;align-items:center}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-status i{display:block;width:18px;height:18px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS44MzUyIDkuMDQ1NDFMNi41ODUyNSAxNC4yOTU0TDUuNzg5NzUgMTMuNDk5OUwxMC42NDIgOC42NDc2Nkw1Ljc4OTc1IDMuNzk1NDFMNi41ODUyNSAyLjk5OTkyTDExLjgzNTIgOC4yNDk5MkMxMi4wNTQ5IDguNDY5NTkgMTIuMDU0OSA4LjgyNTc0IDExLjgzNTIgOS4wNDU0MVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNTUiLz4KPC9zdmc+Cg==) no-repeat;background-position:center}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-icon{display:block}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des{padding:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des .phone-title{color:rgba(0,0,0,0.9)}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des .phone-list{cursor:default}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des p{padding-top:4px;color:rgba(0,0,0,0.55)}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des p.phone-title{margin:2px 0 2px;cursor:pointer;padding-top:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des p.phone-color{color:#2ec84e}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-status{display:block}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-status i{opacity:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wx_img{margin-top:4px;margin-left:40px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wx_img .item-wx-wrap{display:flex;justify-content:flex-start}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wx_img .item-wx-wrap img{display:block;width:120px;height:120px}
@media(min-width:768.98px){#contact-pop .contact-pop_box .contact-pop_wrap .pop-item:hover{background:#ededed;cursor:pointer}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone:hover{background:transparent;cursor:normal}
}
@media(max-width:1023.98px){#contact-pop .contact-pop_box .contact-pop_subbox .contact-pop_wrap::-webkit-scrollbar,#contact-pop .contact-pop_box .contact-pop_subbox .contact-pop_wrap::-webkit-scrollbar-track{background-color:#f5f7fa}
#contact-pop .contact-pop_box .contact-pop_subbox .contact-pop_wrap::-webkit-scrollbar{width:6px;height:6px}
#contact-pop .contact-pop_box .contact-pop_subbox .contact-pop_wrap::-webkit-scrollbar-button{height:0;background-color:#b0aeda}
#contact-pop .contact-pop_box .contact-pop_subbox .contact-pop_wrap::-webkit-scrollbar-thumb{border-radius:6px;background-color:rgba(0,0,0,0.15)}
#contact-pop .contact-pop_box .contact-pop_subbox .contact-pop_wrap::-webkit-scrollbar,#contact-pop .contact-pop_box .contact-pop_subbox .contact-pop_wrap ::-webkit-scrollbar-track{background-color:#f5f7fa}
}
@media(max-width:768px){#contact-pop .contact-pop_icon{width:40px;height:40px;border:1px solid #f4f6ec}
#contact-pop .contact-pop_icon img{width:24px;height:24px}
#contact-pop .contact-pop_box{position:fixed;transform:none;width:100%;height:100%;background:rgba(0,0,0,0.6);box-shadow:none;padding:0;justify-content:center;align-items:center;z-index:9999;right:-1000%;top:0;bottom:unset;left:unset}
#contact-pop .contact-pop_box.pop-box-ani{transform:translateY(0);opacity:1}
#contact-pop .contact-pop_box.pop-box-ani .contact-pop_subbox{transform:translateY(0)}
#contact-pop .contact-pop_box .pop-close_btn{position:absolute;right:12px;top:12px;display:block}
#contact-pop .contact-pop_box .contact-pop_title{padding:32px 24px 0;margin-bottom:28px;text-align:center}
#contact-pop .contact-pop_box .contact-pop_subbox{position:absolute;bottom:0;width:100%;background:#fff;padding:0;transform:translateY(100%);transition:transform .42s cubic-bezier(0.32,0.94,0.6,1),opacity .32s cubic-bezier(0.32,0.94,0.6,1)}
#contact-pop .contact-pop_box .contact-pop_wrap{max-height:584px;overflow-y:scroll;padding:0 0 28px}
#contact-pop .contact-pop_box .contact-pop_wrap .contact-pop_wrap_scroll{width:100%}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item{padding:10px 24px 10px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item:first-child{margin-top:0;padding-top:0;border-top:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-icon img{width:28px;height:28px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-des{padding:0;margin-left:12px;font-size:14px;line-height:28px;font-family:OPPOSans-Ver2-Medium;font-variation-settings:"wght" 750}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-des span{color:rgba(0,0,0,0.9)}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-des a{color:rgba(0,0,0,0.9)}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-status i{width:18px;height:18px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item .item-wrap .item-status i.item-status_rotate{transform:rotate(90deg)}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des{padding:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des .phone-title{margin:0;color:rgba(0,0,0,0.9)}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des .phone-list{display:none;margin-top:6px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des .phone-list p{line-height:24px;color:rgba(0,0,0,0.55)}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des p{padding-top:4px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des p:first-child{padding-top:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des p.phone-title{margin:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wrap .item-des p.phone-color{color:#006a38}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wx_img{display:none;margin-top:4px;margin-left:40px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wx_img .item-wx-wrap{justify-content:flex-start}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone .item-wx_img .item-wx-wrap img{width:120px;height:120px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone.phone-list_alone .item-wrap{padding-top:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone.phone-list_alone .item-wrap .item-icon{display:flex}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone.phone-list_alone .item-wrap .item-des{display:flex;flex-direction:column;font-size:14px;line-height:24px}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone.phone-list_alone .item-wrap .item-des .phone-title{order:2;margin:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone.phone-list_alone .item-wrap .item-des .phone-list{display:block;order:1;margin-top:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone.phone-list_alone .item-wrap .item-des .phone-list .phone-number{margin-top:0;padding-top:0}
#contact-pop .contact-pop_box .contact-pop_wrap .pop-item.pop-item_phone.item-wx_status .item-wrap{padding-top:0}
}
.cmp__sms-global-subscribe-container *{box-sizing:border-box}
.cmp__sms-global-subscribe-container .svg-icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
.cmp__sms-global-subscribe-container .sms-box{position:relative;height:456px;background:#f9f4ec}
.cmp__sms-global-subscribe-container .sms-box .sms-bg{position:absolute;width:100%;height:100%;z-index:0;overflow:hidden;display:flex;justify-content:center;align-items:center}
.cmp__sms-global-subscribe-container .sms-box .sms-bg img{display:block;width:100%}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:646px;width:646px;text-align:center;margin:0 auto}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .title{margin-bottom:20px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .title p{font-size:36px;line-height:43px;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .subtitle{margin-bottom:40px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .subtitle p{font-size:16px;line-height:24px;color:#666;font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box{margin-bottom:20px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-box-wrap{display:flex}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box{position:relative;flex:1 0 auto}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box .area-code{position:absolute;top:50%;transform:translateY(-50%);left:16px;font-size:16px;line-height:24px;color:rgba(0,0,0,0.9);padding-right:4px;border-right:1px solid rgba(0,0,0,0.15)}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box input{display:block;width:100%;padding:12px 16px 12px 52px;font-size:16px;line-height:24px;border:1px solid transparent;border-radius:4px 0 0 4px;background:#fff}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box .i-tip-icon{position:absolute;top:50%;transform:translateY(-50%);right:16px;display:block;width:20px;height:20px;background:0}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box .i-tip-icon .sms-svg-success{display:none}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box .i-tip-icon .sms-svg-error{display:none}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .btn-box{flex:0 0 128px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .btn-box a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#999;font-size:18px;line-height:27px;color:#fff;cursor:no-drop}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .btn-box a .btn-box-icon{display:none}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .error-text{display:none;color:#ea3447;font-size:12px;line-height:16px;margin-top:4px;text-align:left}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.cursor-select input{border:1px solid #000}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.cursor-entry .i-tip-icon{cursor:pointer}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.cursor-succese .i-tip-icon{cursor:default}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.cursor-succese .sms-svg-success{display:block !important}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.cursor-succese .sms-svg-error{display:none !important}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.submit-succese .btn-box a{background:#000;cursor:pointer}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.cursor-error input{border:1px solid #ea3447}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.cursor-error .sms-svg-success{display:none !important}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box.cursor-error .sms-svg-error{display:block !important}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause{padding-left:24px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause.no-checkbox{padding-left:0}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause{position:relative;margin-bottom:4px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause .check-pointer{position:absolute;width:16px;height:16px;left:-8px;top:0;transform:translate(-100%,22%);background-size:cover;background-color:#fff;border:1px solid #c7c7c7;border-radius:2px;cursor:pointer;color:#fff;font-size:12px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause .check-pointer.check-pointer-select{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAEBSURBVDhPY9z4eu//rgdzGD7//cpACpBiF2PIlIliYPQ4n/L/2c9XUGHSAC8zNwMTuZpBAORqJiibbECSAepcimC/IwOiDciQiWRYpTuBoVQ+GSoCAUQZANKcKR0BZt/6eh9MwwDcAJDTJqhVARVGQkUgAFnzjCfLGaY/XQFmwwDcAF4WbgZHQXOghgi4IYQ0gwCzeIp6A4jx9vcHBgZGBgZTPl0GEz4dMO0v6gRWhEszCKCEwYwnK4AKl4PZIENAAJ9mEMAIRGRDCGkGAUa9E37/oWwUAHLBmU9XoDzcAGc0EqMZBJhAGYJcIM0uzsBUJp8CZKAmT2IAH9DidOlwBgCSqlNgnElVAAAAAABJRU5ErkJggg==") no-repeat;background-size:cover;border:0}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause p{font-size:12px;line-height:20px;letter-spacing:-0.05px;color:#999;text-align:left}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-agreement{display:flex;justify-content:flex-start}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-agreement a{display:block;font-size:12px;line-height:20px;text-align:left;border-bottom:1px solid rgba(0,0,0,0.9);color:rgba(0,0,0,0.9)}
.cmp__sms-global-subscribe-container .sms-subscribe-pop{display:flex;justify-content:center;align-items:center;position:fixed;left:-5000px;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.5)}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box{width:328px;padding:24px 32px;box-shadow:0 4px 10px rgba(0,0,0,0.12);border-radius:4px;background:#fff}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box .pop-wrap .pop-img .svg-icon{width:68px;height:68px;margin:0 auto}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box .pop-wrap .pop-des{margin:16px 0}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box .pop-wrap .pop-des p{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550;font-size:16px;line-height:24px;text-align:center}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box .pop-wrap .pop-btn a{display:flex;justify-content:center;align-items:center;padding:10px 14px;font-size:14px;line-height:20px;color:#fff;background:#000;border-radius:2px}
.cmp__sms-global-subscribe-container .sms-subscribe-pop.show-popbox{left:0}
.cmp__sms-global-subscribe-container .sms-subscribe-pop.show-popbox .sms-svg-success{display:block}
.cmp__sms-global-subscribe-container .sms-subscribe-pop.show-popbox .sms-svg-error{display:none}
.cmp__sms-global-subscribe-container .sms-subscribe-pop.error-popbox .sms-svg-success{display:none}
.cmp__sms-global-subscribe-container .sms-subscribe-pop.error-popbox .sms-svg-error{display:block}
.cmp__sms-global-subscribe-container.style-2 .sms-box{background:#fff;backdrop-filter:blur(102.564px)}
.cmp__sms-global-subscribe-container.style-2 .sms-box.no-title{height:290px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .inp-area-box .sms-svg-phone{position:absolute;top:50%;transform:translateY(-50%);left:26px;width:21px;height:21px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .inp-area-box .area-code{left:56px;color:#000;font-size:18px;line-height:1.5;padding-right:10px;border-right:1px solid #000}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .inp-area-box input{border:1px solid #046a38;padding-left:110px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .btn-box{flex:0 0 136px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .btn-box a{background:#046a38}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .error-text{font-size:16px;line-height:150%;color:#f50514;margin-top:10px;text-align:center}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .error-text .sms-inp-error{width:24px;height:24px;vertical-align:bottom}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-success-text,.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-error-text{display:none;font-size:16px;line-height:150%;color:#2ec84e;margin-top:10px;text-align:center}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-success-text .sms-inp-success,.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-error-text .sms-inp-success{width:24px;height:24px;vertical-align:bottom}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-success-text .sms-inp-error,.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-error-text .sms-inp-error{width:24px;height:24px;vertical-align:bottom}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-error-text{color:#f50514}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause{padding-left:0}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause .check-clause{display:flex;justify-content:center}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause .check-clause .check-pointer{position:relative;transform:translateY(22%);left:0;display:inline-block;margin-right:8px;flex-shrink:0}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause .check-clause p{font-size:14px;line-height:1.7;color:#666;display:inline-block;text-align:center}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause .check-clause p span{color:#35b5e0}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause .check-agreement{display:none}
@media(max-width:768px){.cmp__sms-global-subscribe-container .sms-box{height:356px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap{max-width:100%;width:100%;padding:0 16px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .title{margin-bottom:8px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .title p{font-size:20px;line-height:26px;text-align:left}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .subtitle{margin-bottom:20px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .subtitle p{font-size:12px;line-height:16px;text-align:left}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box{margin-bottom:20px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box .area-code{left:16px;font-size:14px;line-height:20px;padding-right:4px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box input{padding:12px 16px 12px 49px;font-size:14px;line-height:16px;border-radius:2px 0 0 2px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .inp-area-box .i-tip-icon{right:16px;width:20px;height:20px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .btn-box{flex:0 0 48px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .btn-box a .btn-box-text{display:none}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .btn-box a .btn-box-icon{display:block;width:24px;height:24px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .inp-box .error-text{font-size:12px;line-height:16px;margin-top:4px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause{margin-bottom:8px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause p{font-size:10px;line-height:14px;letter-spacing:-0.05px}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause p span{color:#2ec84e}
.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-agreement a{font-size:12px;line-height:14px;padding-bottom:3px}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box{width:328px;padding:24px 32px;box-shadow:0 4px 10px rgba(0,0,0,0.12);border-radius:4px}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box .pop-wrap .pop-img i{width:68px;height:68px}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box .pop-wrap .pop-des{margin:16px 0}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box .pop-wrap .pop-des p{font-size:16px;line-height:24px}
.cmp__sms-global-subscribe-container .sms-subscribe-pop .pop-box .pop-wrap .pop-btn a{padding:10px 14px;font-size:14px;line-height:20px;border-radius:2px}
}
@media screen and (max-width:768px){.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause .check-pointer{transform:translate(-100%,-2%)}
}
@media screen and (max-width:600px){.cmp__sms-global-subscribe-container .sms-box .sms-wrap .clause .check-clause .check-pointer{transform:translate(-100%,16%)}
}
@media(max-width:768px){.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .title p{text-align:center}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .subtitle p{text-align:center}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .inp-area-box .sms-svg-phone{display:none}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .inp-area-box .area-code{left:10px;font-size:14px;line-height:20px;padding-right:8px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .inp-area-box input{padding-left:53px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .btn-box{flex:0 0 108px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .btn-box a .btn-box-text{display:block;font-size:14px;line-height:24px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .btn-box a .btn-box-icon{display:none}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .error-text{font-size:12px;margin-top:7px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .error-text .sms-inp-error{width:23px;height:23px;position:relative;top:3px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-success-text,.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-error-text{font-size:12px;margin-top:7px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-success-text .sms-inp-success,.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-error-text .sms-inp-success{width:23px;height:23px;position:relative;top:3px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-success-text .sms-inp-error,.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-error-text .sms-inp-error{width:23px;height:23px;position:relative;top:3px}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .inp-box .submit-error-text{color:#f50514}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause .check-clause .check-pointer{transform:translateY(-2%)}
.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause .check-clause p{font-size:12px}
}
@media screen and (max-width:600px){.cmp__sms-global-subscribe-container.style-2 .sms-box .sms-wrap .clause .check-clause .check-pointer{transform:translateY(16%)}
}
.oc-text-inside{margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);position:absolute}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
html{width:100%;background:#fff}
html:after{display:none;content:'xs: (max-width: 768px) | sm: (max-width: 1024px) | md: (max-width: 1440px) | lg: (max-width: 1920px) | xl: (min-width: 1921px)'}
.isapp body *{font-family:'Microsoft YaHei' !important}
a{color:#000;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,p,ul,li{margin:0;padding:0;list-style:none;font-weight:normal}
em,i,strong{font-style:normal}
input:focus{outline:0}
figure{margin:0}
img{vertical-align:middle;outline:0;-webkit-user-drag:none}
ul,menu,dir{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}
input,textarea{-webkit-appearance:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0a0a0}
input:-moz-placeholder,textarea:-moz-placeholder{color:#a0a0a0}
input::-moz-placeholder,textarea::-moz-placeholder{color:#a0a0a0}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0a0a0 !important}
input::-ms-clear,textarea::-ms-clear{display:none}
input::-ms-reveal,textarea::-ms-reveal{display:none}
input:focus,textarea:focus{outline:0}
#oc-wrapper{box-sizing:border-box;height:auto;min-height:100vh;width:100%;position:relative;z-index:1;margin:auto;overflow:hidden}
@media(max-width:1023.98px){#oc-wrapper{padding-top:0px}
}
#oc-wrapper.main{padding-top:0}
#oc-container{width:100%;position:relative;padding-top:0px}
.clean-theme #oc-container{padding-top:0}
@media(min-width:1024px) and (max-width:1439.98px){#oc-container{padding-top:0px}
}
@media(max-width:1023.98px){#oc-container{min-height:auto;padding-top:0}
.clean-theme #oc-container{margin-top:-48px}
}
[data-index='normal'],.mask-index-normal{z-index:900}
[data-index='top'],.mask-index-top{z-index:1010}
#oc-top-mask{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:rgba(0,0,0,0.2);z-index:1000;max-height:0;opacity:0;transition:opacity .3s ease 0,max-height 0 linear .5s}
@media(max-width:768px){#oc-top-mask{cursor:pointer;pointer-events:all}
}
.show-mask #oc-top-mask{opacity:1;max-height:100vh;transition:opacity .3s ease 0,max-height 0 linear 0}
.noscroll{width:100%;position:relative;overflow:hidden !important;height:100% !important}
.noscroll body{overflow-y:scroll;width:100%}
.hide{display:none !important}
.hidden{visibility:hidden !important}
.lazyload{opacity:0}
.lazyloaded{opacity:1;transition:opacity 300ms}
.page-h1{width:0;height:0;visibility:hidden;transform:translateX(-99999px) scale(0)}
@media(min-width:1440px){.safe-area{width:1320px}
}
@media(min-width:1024px) and (max-width:1439.98px){.safe-area{width:896px}
}
@media(min-width:768px) and (max-width:1023.98px){.safe-area{width:640px}
}
@media(max-width:767.98px){.safe-area{width:317px}
}
.underlined__price{text-decoration:line-through}
.cp-img-modal{opacity:0;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-img-modal.img-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:flex;justify-content:center;align-items:center;opacity:1}
.cp-img-modal.img-mask .close-video-btn{display:block}
.cp-img-modal img{max-width:90%;max-height:90%}
.cp-img-modal .close-video-btn{display:none;position:fixed;top:20px;right:20px}
.cp-img-modal .close-video-btn i{color:#fff;font-size:20px}
.cp-video-modal{opacity:0;transition:all .5s;position:absolute;top:0;left:0;right:0}
.cp-video-modal.video-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000;display:flex;justify-content:center;align-items:center;opacity:1}
.cp-video-modal.video-mask .close-video-btn{display:block}
.cp-video-modal .video{display:block;max-height:100%;max-width:100%;cursor:pointer}
.cp-video-modal .video:focus{border:0;outline:0}
.cp-video-modal .close-video-btn{display:none;position:fixed;top:20px;right:20px}
@media(min-width:1440px){.cp-video-modal .close-video-btn{right:40px}
}
.cp-video-modal .close-video-btn i{color:#fff;font-size:20px}
.oppo-font-regular{font-family:'OPPOSans-Ver2-Regular';font-variation-settings:'wght' 550}
.oppo-font-medium{font-family:'OPPOSans-Ver2-Medium';font-variation-settings:'wght' 750}
.oppo-font-bold{font-family:'OPPOSans-Ver2-Bold';font-variation-settings:'wght' 1000}
.oc-row{display:flex;flex-wrap:wrap}
.ie.lt-9 .oc-row:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ie.lt-9 .oc-row * html{height:1px}
.oc-row .col-1{flex:0 0 8.33333%;max-width:8.33333%}
.ie.lt-9 .oc-row .col-1{width:8.33333%;float:left}
.oc-row .col-2{flex:0 0 16.66667%;max-width:16.66667%}
.ie.lt-9 .oc-row .col-2{width:16.66667%;float:left}
.oc-row .col-3{flex:0 0 25%;max-width:25%}
.ie.lt-9 .oc-row .col-3{width:25%;float:left}
.oc-row .col-4{flex:0 0 33.33333%;max-width:33.33333%}
.ie.lt-9 .oc-row .col-4{width:33.33333%;float:left}
.oc-row .col-5{flex:0 0 41.66667%;max-width:41.66667%}
.ie.lt-9 .oc-row .col-5{width:41.66667%;float:left}
.oc-row .col-6{flex:0 0 50%;max-width:50%}
.ie.lt-9 .oc-row .col-6{width:50%;float:left}
.oc-row .col-7{flex:0 0 58.33333%;max-width:58.33333%}
.ie.lt-9 .oc-row .col-7{width:58.33333%;float:left}
.oc-row .col-8{flex:0 0 66.66667%;max-width:66.66667%}
.ie.lt-9 .oc-row .col-8{width:66.66667%;float:left}
.oc-row .col-9{flex:0 0 75%;max-width:75%}
.ie.lt-9 .oc-row .col-9{width:75%;float:left}
.oc-row .col-10{flex:0 0 83.33333%;max-width:83.33333%}
.ie.lt-9 .oc-row .col-10{width:83.33333%;float:left}
.oc-row .col-11{flex:0 0 91.66667%;max-width:91.66667%}
.ie.lt-9 .oc-row .col-11{width:91.66667%;float:left}
.oc-row .col-12{flex:0 0 100%;max-width:100%}
.ie.lt-9 .oc-row .col-12{width:100%;float:left}
@media(min-width:1920px){.oc-row .col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}
.ie.lt-9 .oc-row .col-xl-1{width:8.33333%;float:left}
.oc-row .col-xl-2{flex:0 0 16.66667%;max-width:16.66667%}
.ie.lt-9 .oc-row .col-xl-2{width:16.66667%;float:left}
.oc-row .col-xl-3{flex:0 0 25%;max-width:25%}
.ie.lt-9 .oc-row .col-xl-3{width:25%;float:left}
.oc-row .col-xl-4{flex:0 0 33.33333%;max-width:33.33333%}
.ie.lt-9 .oc-row .col-xl-4{width:33.33333%;float:left}
.oc-row .col-xl-5{flex:0 0 41.66667%;max-width:41.66667%}
.ie.lt-9 .oc-row .col-xl-5{width:41.66667%;float:left}
.oc-row .col-xl-6{flex:0 0 50%;max-width:50%}
.ie.lt-9 .oc-row .col-xl-6{width:50%;float:left}
.oc-row .col-xl-7{flex:0 0 58.33333%;max-width:58.33333%}
.ie.lt-9 .oc-row .col-xl-7{width:58.33333%;float:left}
.oc-row .col-xl-8{flex:0 0 66.66667%;max-width:66.66667%}
.ie.lt-9 .oc-row .col-xl-8{width:66.66667%;float:left}
.oc-row .col-xl-9{flex:0 0 75%;max-width:75%}
.ie.lt-9 .oc-row .col-xl-9{width:75%;float:left}
.oc-row .col-xl-10{flex:0 0 83.33333%;max-width:83.33333%}
.ie.lt-9 .oc-row .col-xl-10{width:83.33333%;float:left}
.oc-row .col-xl-11{flex:0 0 91.66667%;max-width:91.66667%}
.ie.lt-9 .oc-row .col-xl-11{width:91.66667%;float:left}
.oc-row .col-xl-12{flex:0 0 100%;max-width:100%}
.ie.lt-9 .oc-row .col-xl-12{width:100%;float:left}
}
@media(max-width:1440px){.oc-row .col-md-1{flex:0 0 8.33333%;max-width:8.33333%}
.ie.lt-9 .oc-row .col-md-1{width:8.33333%;float:left}
.oc-row .col-md-2{flex:0 0 16.66667%;max-width:16.66667%}
.ie.lt-9 .oc-row .col-md-2{width:16.66667%;float:left}
.oc-row .col-md-3{flex:0 0 25%;max-width:25%}
.ie.lt-9 .oc-row .col-md-3{width:25%;float:left}
.oc-row .col-md-4{flex:0 0 33.33333%;max-width:33.33333%}
.ie.lt-9 .oc-row .col-md-4{width:33.33333%;float:left}
.oc-row .col-md-5{flex:0 0 41.66667%;max-width:41.66667%}
.ie.lt-9 .oc-row .col-md-5{width:41.66667%;float:left}
.oc-row .col-md-6{flex:0 0 50%;max-width:50%}
.ie.lt-9 .oc-row .col-md-6{width:50%;float:left}
.oc-row .col-md-7{flex:0 0 58.33333%;max-width:58.33333%}
.ie.lt-9 .oc-row .col-md-7{width:58.33333%;float:left}
.oc-row .col-md-8{flex:0 0 66.66667%;max-width:66.66667%}
.ie.lt-9 .oc-row .col-md-8{width:66.66667%;float:left}
.oc-row .col-md-9{flex:0 0 75%;max-width:75%}
.ie.lt-9 .oc-row .col-md-9{width:75%;float:left}
.oc-row .col-md-10{flex:0 0 83.33333%;max-width:83.33333%}
.ie.lt-9 .oc-row .col-md-10{width:83.33333%;float:left}
.oc-row .col-md-11{flex:0 0 91.66667%;max-width:91.66667%}
.ie.lt-9 .oc-row .col-md-11{width:91.66667%;float:left}
.oc-row .col-md-12{flex:0 0 100%;max-width:100%}
.ie.lt-9 .oc-row .col-md-12{width:100%;float:left}
}
@media(max-width:1024px){.oc-row .col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}
.ie.lt-9 .oc-row .col-sm-1{width:8.33333%;float:left}
.oc-row .col-sm-2{flex:0 0 16.66667%;max-width:16.66667%}
.ie.lt-9 .oc-row .col-sm-2{width:16.66667%;float:left}
.oc-row .col-sm-3{flex:0 0 25%;max-width:25%}
.ie.lt-9 .oc-row .col-sm-3{width:25%;float:left}
.oc-row .col-sm-4{flex:0 0 33.33333%;max-width:33.33333%}
.ie.lt-9 .oc-row .col-sm-4{width:33.33333%;float:left}
.oc-row .col-sm-5{flex:0 0 41.66667%;max-width:41.66667%}
.ie.lt-9 .oc-row .col-sm-5{width:41.66667%;float:left}
.oc-row .col-sm-6{flex:0 0 50%;max-width:50%}
.ie.lt-9 .oc-row .col-sm-6{width:50%;float:left}
.oc-row .col-sm-7{flex:0 0 58.33333%;max-width:58.33333%}
.ie.lt-9 .oc-row .col-sm-7{width:58.33333%;float:left}
.oc-row .col-sm-8{flex:0 0 66.66667%;max-width:66.66667%}
.ie.lt-9 .oc-row .col-sm-8{width:66.66667%;float:left}
.oc-row .col-sm-9{flex:0 0 75%;max-width:75%}
.ie.lt-9 .oc-row .col-sm-9{width:75%;float:left}
.oc-row .col-sm-10{flex:0 0 83.33333%;max-width:83.33333%}
.ie.lt-9 .oc-row .col-sm-10{width:83.33333%;float:left}
.oc-row .col-sm-11{flex:0 0 91.66667%;max-width:91.66667%}
.ie.lt-9 .oc-row .col-sm-11{width:91.66667%;float:left}
.oc-row .col-sm-12{flex:0 0 100%;max-width:100%}
.ie.lt-9 .oc-row .col-sm-12{width:100%;float:left}
}
@media(max-width:768px){.oc-row .col-xs-1{flex:0 0 8.33333%;max-width:8.33333%}
.ie.lt-9 .oc-row .col-xs-1{width:8.33333%;float:left}
.oc-row .col-xs-2{flex:0 0 16.66667%;max-width:16.66667%}
.ie.lt-9 .oc-row .col-xs-2{width:16.66667%;float:left}
.oc-row .col-xs-3{flex:0 0 25%;max-width:25%}
.ie.lt-9 .oc-row .col-xs-3{width:25%;float:left}
.oc-row .col-xs-4{flex:0 0 33.33333%;max-width:33.33333%}
.ie.lt-9 .oc-row .col-xs-4{width:33.33333%;float:left}
.oc-row .col-xs-5{flex:0 0 41.66667%;max-width:41.66667%}
.ie.lt-9 .oc-row .col-xs-5{width:41.66667%;float:left}
.oc-row .col-xs-6{flex:0 0 50%;max-width:50%}
.ie.lt-9 .oc-row .col-xs-6{width:50%;float:left}
.oc-row .col-xs-7{flex:0 0 58.33333%;max-width:58.33333%}
.ie.lt-9 .oc-row .col-xs-7{width:58.33333%;float:left}
.oc-row .col-xs-8{flex:0 0 66.66667%;max-width:66.66667%}
.ie.lt-9 .oc-row .col-xs-8{width:66.66667%;float:left}
.oc-row .col-xs-9{flex:0 0 75%;max-width:75%}
.ie.lt-9 .oc-row .col-xs-9{width:75%;float:left}
.oc-row .col-xs-10{flex:0 0 83.33333%;max-width:83.33333%}
.ie.lt-9 .oc-row .col-xs-10{width:83.33333%;float:left}
.oc-row .col-xs-11{flex:0 0 91.66667%;max-width:91.66667%}
.ie.lt-9 .oc-row .col-xs-11{width:91.66667%;float:left}
.oc-row .col-xs-12{flex:0 0 100%;max-width:100%}
.ie.lt-9 .oc-row .col-xs-12{width:100%;float:left}
}
.cmp-image__image{width:100%;display:block}
.cmp-breadcrumb{display:inline-block;list-style:none;padding:0}
.cmp-breadcrumb__item{display:inline-block;vertical-align:top}
#oc-header .oh-nav-submenus-wrapper .oh-nav-submenus.no-show{visibility:hidden}
#oc-header .oh-nav-series-product-list.swiper-wrapper button.slick-arrow{display:none !important}
.oh-nav .oh-nav-logo a.nav-logo svg.dark-logo{fill:#1a1a1a}
.oh-nav .oh-nav-logo a.nav-logo svg.light-logo{fill:#fff}
.show-mask .oh-nav .oh-nav-logo a.nav-logo svg.light-logo{fill:#1a1a1a}
@media(max-width:1023.98px){.dark-theme #oc-header.mobile-header.openHeaderMenu,.clean-theme #oc-header.mobile-header.openHeaderMenu,.light-theme #oc-header.mobile-header.openHeaderMenu{background-color:#fff !important}
}
.headercarousel{display:none}
.headercarouselV2{display:none}
section[data-bg-href]:hover{cursor:pointer}
@media(max-width:767.98px){.cp-slicks .desc{position:relative;top:0}
}
@media(min-width:1440px){.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title{font-size:.36rem;line-height:.48rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .short_intro{font-size:.20rem;line-height:.30rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .main_title{font-size:.20rem;line-height:.30rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .short_intro{font-size:.16rem;line-height:.24rem}
.press_section_content .main_title{font-size:.20rem;line-height:.30rem}
.press_section_content .short_intro{font-size:.16rem;line-height:.24rem}
.story_section_content .main_title{font-size:.20rem;line-height:.30rem}
.story_section_content .short_intro{font-size:.16rem;line-height:.24rem}
}
@media(max-width:1439.98px){.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title{font-size:.20rem;line-height:.30rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .short_intro{font-size:.16rem;line-height:.24rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .main_title{font-size:.13rem;line-height:.19rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .short_intro{font-size:.13rem;line-height:.19rem}
.press_section_content .main_title{font-size:.13rem;line-height:.19rem}
.press_section_content .short_intro{font-size:.11rem;line-height:.16rem}
.story_section_content .main_title{font-size:.13rem;line-height:.19rem}
.story_section_content .short_intro{font-size:.11rem;line-height:.16rem}
}
@media(max-width:1023.98px){.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title{font-size:.16rem;line-height:.24rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .short_intro{font-size:.13rem;line-height:.19rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .main_title{font-size:.16rem;line-height:.24rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .short_intro{font-size:.13rem;line-height:.19rem}
.press_section_content .main_title{font-size:.13rem;line-height:.19rem}
.press_section_content .short_intro{font-size:.11rem;line-height:.16rem}
.story_section_content .main_title{font-size:.13rem;line-height:.19rem}
.story_section_content .short_intro{font-size:.11rem;line-height:.16rem}
}
@media(max-width:767.98px){.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .main_title{font-size:.16rem;line-height:.24rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_section_left .latest_left_content .short_intro{font-size:.13rem;line-height:.19rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .main_title{font-size:.16rem;line-height:.24rem}
.newslist_visible_box .newslist_tab_section .newslist_latest_section .latest_right_content .short_intro{font-size:.13rem;line-height:.19rem}
.press_section_content .main_title{font-size:.16rem;line-height:.24rem}
.press_section_content .short_intro{font-size:.13rem;line-height:.19rem}
.story_section_content .main_title{font-size:.16rem;line-height:.24rem}
.story_section_content .short_intro{font-size:.13rem;line-height:.19rem}
}
.accessories-recommend_list.master-list{display:none}
.accessories-recommend_list.shown-list{display:flex}
.cp-breadcrumb li:last-child a{border-bottom:none !important}
.newproductlistitem.parbase.section .list-item{display:block !important;position:inherit !important}