.ol-link,.op-page-nav{-webkit-box-sizing:border-box}[data-lang]{display:none;opacity:0;visibility:hidden}[lang=cn] [data-lang*=cn],[lang=en] [data-lang*=en],[lang=it] [data-lang*=it],[lang=fr] [data-lang*=fr],[lang=dk] [data-lang*=dk],[lang=se] [data-lang*=se],[lang=fi] [data-lang*=fi],[lang=nl] [data-lang*=nl],[lang=de] [data-lang*=de],[lang=es] [data-lang*=es]{display:block;opacity:1;visibility:visible}svg:not(:root){overflow:visible;width:100%;height:100%}svg{visibility:visible!important}canvas{display:block}.op-page-nav{position:absolute;width:100%;height:50px;z-index:8;top:0;background-color:#fff;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.1)}.op-nav-container{position:relative;width:1200px;height:100%;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:0}.op-logo-nav{position:relative;width:30px;height:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1}.op-link-nav{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}.op-link-nav .op-link span{color:#000;font-size:14px;font-family:MYingHei W5,SlateForOnePlusRegular,Microsoft Yahei,sans-serif}.op-link-nav .op-link:last-child{margin-left:40px}.line{display:block;width:1px;height:52px;position:relative;margin:0 30px;background-color:#CFCFCF}.op-loading{position:fixed;width:100%;height:100%;background-color:#fff;top:0;bottom:0;left:0;right:0;z-index:99}.op-loading .loading-icon{position:relative;width:60px;height:60px;top:50%;left:50%;margin-left:-30px;margin-top:-30px}.op-loading span{position:absolute;width:auto;top:105%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.op-loading .loading-icon .loading-img{position:absolute;width:100%;height:100%;background-image:url(../images/loading.png);background-size:101% 101%;background-repeat:no-repeat;background-position:center center;z-index:1}.op-loading .loading-icon i{display:block;position:absolute;width:100%;height:0;bottom:0;right:0;left:0;transform:scale(.98);background-color:red}.op-loading .loading-icon b{display:block;width:99%;height:99%;left:50%;top:50%;position:absolute;background:#ccc;-webkit-transform:translate(-49.5%,-49.5%);-ms-transform:translate(-49.5%,-49.5%);transform:translate(-49.5%,-49.5%)}.op-switch{position:absolute;width:100%;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-ms-flex-line-pack:center;align-content:center;margin:20px 0}.op-switch li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.op-wrapper{position:relative;height:100%;overflow:hidden}.op-links{position:absolute;width:100%;padding-top:40px}.op-links .op-link-container{position:relative;max-width:1200px;width:100%;margin:0 auto;padding:0 15px;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:transparent;color:transparent;border-color:transparent}.ol-link{position:relative;width:150px;height:50px;background-color:#fff;border:1px solid #000;box-sizing:border-box;text-align:center;border-radius:1px}.ol-link:hover{background-color:#000}.ol-link:hover span{color:#fff}.ol-link a{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;text-align:center}.ol-link span{font-weight:700;color:#333;font-size:14px;line-height:48px}.op-tips{position:absolute;width:200px;height:300px;overflow:hidden;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;left:50%;top:50%;margin-left:-580px;margin-top:-150px;z-index:9;opacity:0;visibility:hidden;-webkit-transition:opacity ease-in-out 1s,visibility ease-in-out 1s,-webkit-transform ease-in-out 1s;-o-transition:opacity ease-in-out 1s,transform ease-in-out 1s,visibility ease-in-out 1s;transition:opacity ease-in-out 1s,transform ease-in-out 1s,visibility ease-in-out 1s;transition:opacity ease-in-out 1s,transform ease-in-out 1s,visibility ease-in-out 1s,-webkit-transform ease-in-out 1s;transition:opacity ease-in-out 1s,transform ease-in-out 1s,-webkit-transform ease-in-out 1s,visibility ease-in-out 1s}.op-tips.play{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:1;visibility:visible}.op-tips .ot-tip{position:relative;width:100%;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:start;align-content:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#svg-cameradown,.frontcamera-reset.current #svg-cameraup,.op-tips .ol-link{display:none}.op-tips .ot-tip .tip-icon{position:relative;width:60px;height:60px;background-size:100% 100%;background-repeat:no-repeat}.op-tips .ot-tip.tip-drag .tip-icon{background-image:url(../images/arrow.png)}.op-tips .ot-tip.tip-zoom .tip-icon{background-image:url(../images/mouse.png)}.op-tips .ot-tip span{position:relative;color:#000;width:100%;margin-top:10px;text-align:center;font-weight:700}.color-switch,.frontcamera-switch{-webkit-tap-highlight-color:transparent;position:absolute;z-index:8;height:auto;left:50%}.frontcamera-switch{top:50%;width:50px;margin-left:535px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.frontcamera-reset.current #svg-cameradown{display:block}.color-switch{bottom:6%;width:50px;margin-left:-25px}.color-switch .cs-wrapper{position:relative;margin:auto;width:50px}.color-switch .cs-wrapper .cs-color{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.color-switch .cs-wrapper .cs-color ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto;padding:0}.color-switch .cs-wrapper .cs-color ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.color-switch .cs-wrapper .cs-color ul li a:hover .content-section span{color:#000}.color-switch .cs-wrapper .cs-color ul li a:hover .content-section svg{fill:#000!important}.color-switch .cs-wrapper .cs-color ul li a.op-link:hover .content-section span{color:#4B97C7;text-decoration:underline}.color-switch .cs-wrapper .cs-color ul li a.op-link:hover .content-section svg{fill:#4B97C7!important}.color-switch .cs-wrapper .cs-color ul li .btn-icon{position:relative;width:30px;height:30px;cursor:pointer;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}.color-switch .cs-wrapper .cs-color ul li span{position:absolute;left:50%;top:42px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;text-align:center;color:#666;width:80px}.color-switch .cs-wrapper .cs-color ul li .content-section{position:relative;width:30px;height:30px;margin:4px 30px 26px;cursor:pointer;display:block;border-radius:50%;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-box-shadow .3s ease;-webkit-transition:box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.color-switch .cs-wrapper .cs-color ul.colors li .red{background:#c31328}.color-switch .cs-wrapper .cs-color ul.colors li .gold{background:#f8e1cb}.color-switch .cs-wrapper .cs-color ul.colors li .black{background:#45464a}.color-switch .cs-wrapper .cs-color ul.colors li .blue{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiM2I1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzc4YmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1b3b5d),color-stop(100%,#3378bf));background:-webkit-linear-gradient(top,#1b3b5d 0,#3378bf 100%);background:-webkit-gradient(linear,left top,left bottom,from(#1b3b5d),to(#3378bf));background:-o-linear-gradient(top,#1b3b5d 0,#3378bf 100%);background:linear-gradient(to bottom,#1b3b5d 0,#3378bf 100%);filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#1b3b5d', endColorstr='#3378bf', GradientType=0)}.color-switch .cs-wrapper .cs-color ul.colors li .content-section::after{content:'';display:block;position:absolute;width:38px;height:38px;border:2px solid #ccc;border-radius:50%;left:50%;top:50%;margin-left:-19px;margin-top:-19px;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box}.color-switch .cs-wrapper .cs-color ul.colors li a .content-section:hover::after,.color-switch .cs-wrapper .cs-color ul.colors li a.current .content-section::after{opacity:1;border-color:rgba(0,0,0,.2)}@media screen and (min-width:735px){.op-tips.horizon-layout{top:50%;width:150px;height:240px;left:50%;margin-top:-120px;margin-left:200px}.op-tips.horizon-layout .ot-tip{width:100%;float:left}}@media screen and (max-height:800px){.op-tips.horizon-layout{margin-top:-80px}}@media screen and (max-width:1260px){.op-page-nav{width:100%;padding:0 30px}.op-nav-container{width:100%}}@media screen and (max-width:735px){.op-links{padding-top:20px}.ol-link{width:120px;height:40px}.ol-link span{line-height:38px}.op-tips{width:100%;height:100%;margin:0;left:0;top:0;border-radius:0;background-color:rgba(0,0,0,.85);padding:30vh 10% 0;-webkit-transition:opacity ease-in-out .5s,visibility ease-in-out .5s,-webkit-transform ease-in-out .5s;-o-transition:opacity ease-in-out .5s,transform ease-in-out .5s,visibility ease-in-out .5s;transition:opacity ease-in-out .5s,transform ease-in-out .5s,visibility ease-in-out .5s;transition:opacity ease-in-out .5s,transform ease-in-out .5s,visibility ease-in-out .5s,-webkit-transform ease-in-out .5s;transition:opacity ease-in-out .5s,transform ease-in-out .5s,-webkit-transform ease-in-out .5s,visibility ease-in-out .5s;pointer-events:none;z-index:9}.op-tips.play{-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all}.op-tips.horizon-layout{margin-top:0}.op-tips .ot-tip{width:50%;height:auto;float:left}.op-tips .ot-tip .tip-icon{width:128px;height:128px}.op-tips .ot-tip.tip-drag .tip-icon{background-image:url(../images/drag.png)}.op-tips .ot-tip.tip-zoom .tip-icon{background-image:url(../images/zoom.png)}.op-tips .ot-tip span{margin-top:36px;color:#fff}.op-tips .ol-link{width:200px;display:block;margin:0 auto;background-color:transparent;border-color:#fff;top:210px}.color-switch .cs-wrapper .cs-color ul.lines,.frontcamera-reset .content-section span{display:none}.color-switch,.frontcamera-switch{-webkit-appearance:none;top:auto;bottom:3%}.op-tips .ol-link span{color:#fff}.color-switch{left:50%;width:100%;margin-left:-50%}.op-links .op-link-container{width:auto}.color-switch .cs-wrapper{width:100%}.color-switch .cs-wrapper .cs-color ul li .content-section{margin:4px 30px 26px}.color-switch .cs-wrapper .cs-color ul li .content-section::after{border-width:2px}.frontcamera-switch{-webkit-transform:none;-ms-transform:none;transform:none}.op-page-nav{height:60px}.op-link-nav .op-link:last-child{margin-left:20px}.btns{position:fixed;top:60px;right:0}.color-switch .cs-wrapper .cs-color .btns li .content-section{margin:15px 23px}}.flex-content-end{justify-content:flex-end}.flex-align-center{align-items:center}.flex{display:flex}.col-1{flex:1}.font-body-1{font-size:14px;line-height:1.7;color:rgba(0,0,0,.45)}.no-shrink,.no-strink{flex-shrink:0}li{list-style:none}.text-black,.text-black:hover{color:#000}@media screen and (min-width:1200px){.op-nav-container .container-text{padding:0}}.op-nav-container .container-text{height:100%;padding:0 15px}.op-nav-container .header-nav-1>li:first-child{margin-left:0}.op-nav-container .header-nav-1>li{margin-right:18px}.header-row-1{height:50px}.header-row-2{display:none}.op-nav-container{display:block}.op-nav-container .buy-button{padding:4px 14px}.header-row-2 .header-nav-2{height:100%;position:relative;margin:0;padding:0}.header-row-2 .header-nav-2>li{height:100%;position:relative;padding:0 8px}.header-row-2 .header-nav-2>li:first-child{padding-left:0}.header-row-2::-webkit-scrollbar{display:none}.buy-on-amazon{margin-right:20px}@media screen and (max-width:1024px){.header-nav-1{display:none}.header-row-1{height:45px}.header-row-2{display:block;height:40px;border-top:1px solid rgba(0,0,0,.1);overflow-x:auto}.op-page-nav{padding:0;height:90px}.header-row-2 .container-text{width:max-content;margin:0}.btns{top:85px}}@font-face{font-family:'productspin W5';font-display:swap;src:url(../font/MYingHeiPRC-W5.eot);src:url(../font/MYingHeiPRC-W5.eot) format('embedded-opentype'),url(../font/MYingHeiPRC-W5.woff) format('woff'),url(../font/MYingHeiPRC-W5.ttf) format('truetype'),url(../font/MYingHeiPRC-W5.svg#MYingHeiPRC-W5) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'productspin W7';font-display:swap;src:url(../font/MYingHeiPRC-W7.eot);src:url(../font/MYingHeiPRC-W7.eot) format('embedded-opentype'),url(../font/MYingHeiPRC-W7.woff) format('woff'),url(../font/MYingHeiPRC-W7.ttf) format('truetype'),url(../font/MYingHeiPRC-W7.svg#MYingHeiPRC-W7) format('svg');font-weight:400;font-style:normal}@font-face{font-family:SlateForOnePlusMedium;font-display:swap;src:url(../font/SlateForOnePlusMedium.eot);src:url(../font/SlateForOnePlusMedium.eot) format("embedded-opentype"),url(../font/SlateForOnePlusMedium.woff2) format("woff2"),url(../font/SlateForOnePlusMedium.woff) format("woff"),url(../font/SlateForOnePlusMedium.ttf) format("truetype"),url(../font/SlateForOnePlusMedium.svg#SlateForOnePlusMedium) format("svg");font-weight:400;font-style:normal}@font-face{font-family:SlateForOnePlusRegular;font-display:swap;src:url(../font/SlateForOnePlusRegular.eot);src:url(../font/SlateForOnePlusRegular.eot) format("embedded-opentype"),url(../font/SlateForOnePlusRegular.woff2) format("woff2"),url(../font/SlateForOnePlusRegular.woff) format("woff"),url(../font/SlateForOnePlusRegular.ttf) format("truetype"),url(../font/SlateForOnePlusRegular.svg#SlateForOnePlusRegular) format("svg");font-weight:400;font-style:normal}body{font-family:"productspin W5",SlateForOnePlusRegular,"Helvetica Neue",Helvetica,Arial,sans-serif}