@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft Yahei","Wenquanyi Micro Hei",sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4{font-weight:600;line-height:normal}h1{margin:20px 0;font-size:28px}h2{margin:20px 0;font-size:24px}h3{margin:18px 0;font-size:20px}h4{margin:16px 0;font-size:16px}b,strong{font-weight:700}.hide{display:none}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clear:after{content:" ";display:table;clear:both}.pull-right{float:right}.pull-left{float:left}.mt-10{margin-top:-10px}.mt20{margin-top:20px}.mt50{margin-top:50px}.mshow{display:none}.lightfont{font-weight:100}@media handheld,only screen and (max-width:767px){.mhide{display:none!important;width:0;height:0}.mshow{display:block}}@font-face{font-family:webfont;src:url(//at.alicdn.com/t/webfont_ild1b5r4urw9udi.eot);src:url(//at.alicdn.com/t/webfont_ild1b5r4urw9udi.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/webfont_ild1b5r4urw9udi.woff) format("woff"),url(//at.alicdn.com/t/webfont_ild1b5r4urw9udi.ttf) format("truetype"),url(//at.alicdn.com/t/webfont_ild1b5r4urw9udi.svg#思源黑体-极细) format("svg")}[lang=zh-CN] .webfont,[lang=en-US] .webfont{font-family:webfont!important}@font-face{font-family:iconfont;src:url(/fonts/os/iconfont_afc5866.eot);src:url(/fonts/os/iconfont_afc5866.eot?),url(/fonts/os/iconfont_277d12a.woff),url(/fonts/os/iconfont_3b11695.ttf),url(/fonts/os/iconfont_33792ed.svg)}.icon{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.flag{width:24px;height:18px;display:inline-block;vertical-align:middle;margin-right:10px;background:url(/img/flags_daa973f.png) no-repeat;background-size:30px 242px}.flag.flag-cn{background-position:-3px -3px}.flag.flag-de{background-position:-3px -25px}.flag.flag-es{background-position:-3px -47px}.flag.flag-fr{background-position:-3px -69px}.flag.flag-gb{background-position:-3px -91px}.flag.flag-it{background-position:-3px -113px}.flag.flag-jp{background-position:-3px -135px}.flag.flag-kr{background-position:-3px -157px}.flag.flag-pt{background-position:-3px -179px}.flag.flag-ru{background-position:-3px -201px}.flag.flag-sa{background-position:-3px -223px}[lang=ar-SA] .flag{margin-right:inherit;margin-left:10px}html{height:100%}body{font-size:14px;min-height:100%;position:relative}a{text-decoration:none}.content{max-width:960px;width:96%;margin:0 auto}header{height:44px;background-color:#1e1e1e;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";position:absolute;z-index:100;width:100%}header .logo{background:url(/img/os/logo2_97e5497.png) no-repeat;display:block;width:160px;height:24px;margin-top:11px;background-size:160px 24px}header nav{position:relative;font-size:14px;line-height:39px;padding-top:3px}header nav a{color:#fff;display:inline-block}header nav>a.active{color:#649fff;background:url(/img/menudot_feeff65.png) no-repeat center 50px;background-size:15px 9px}header nav#nav-menu{text-align:justify;margin-left:300px}header nav#nav-menu:after{content:'';width:100%;display:inline-block;font-size:0;line-height:0}header .lang-switcher-container{position:absolute;display:inline-block;margin-left:20px;padding-right:20px;line-height:22px;border-radius:20px;background-color:#5b5754;cursor:pointer}header .lang-switcher{font-size:14px;position:relative;padding:0 0 0 10px}header .lang-switcher:after{content:" ";position:absolute;top:50%;margin-top:-2px;left:100%;margin-left:5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #aaa}header .lang-switcher .flag{margin-right:0}#lang-list{position:absolute;z-index:100;left:0;top:-355px;background:#fff;border-radius:4px;padding:5px 0;line-height:1.5;border:1px solid rgba(143,143,143,.2);min-width:145px}#lang-list a{display:block;text-align:left;font-size:14px;padding:5px 10px;color:#000;margin-left:0}#lang-list a.active{color:#4f85ff}#lang-list li:hover{background:#f5f5f5}footer{color:#777;background:#fafafa;line-height:20px;width:100%;bottom:0}footer nav{color:#cecece}footer a{color:#145ad9}footer .content{position:relative;padding-top:50px;padding-bottom:0}footer #footer-nav:after{content:'';width:100%;display:inline-block;font-size:0;line-height:0}footer .mhide.lang{display:inline}footer .lang-switcher-container{position:absolute;top:15px;right:93px;display:inline-block;padding-right:20px;line-height:22px;border-radius:20px;cursor:pointer}footer .lang-switcher{font-size:14px;position:relative;padding:0 0 0 10px;color:#333}footer .lang-switcher:after{content:" ";position:absolute;top:50%;margin-top:-3px;left:100%;margin-left:5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #aaa}footer .lang-switcher .flag{margin-right:0}footer #footer-nav{min-height:184px;padding-bottom:30px}footer .item{display:inline-block;vertical-align:top;width:18%}footer .item div{font-size:12px;line-height:15px;padding:3px 0}footer .item div a{color:#888}footer .item div:first-child{font-size:14px;color:#1e1e1e;padding-bottom:10px}footer #bottom{position:relative;font-size:12px;padding:15px 0 30px;border-top:1px solid #e6e6e6}footer .copyright{color:#999}#apple-prompt{height:84px;text-align:center;vertical-align:middle;background-color:#434343;font-size:14px;color:#fff}#apple-prompt .wrapper{padding-top:25px}#apple-prompt .info{width:70%}#apple-prompt .btn{background-color:#f96300;border-radius:10px;margin-left:10px;padding:10px 20px}.hover-menu{z-index:10;position:absolute;width:100%;line-height:1}.hover-menu #menu-placeholder{height:120px;display:none}.hover-menu #menu ul{min-width:0;line-height:1}.hover-menu .menu{padding-top:44px;display:block;width:100%;height:120px;text-align:center;background:#fff;z-index:10;box-shadow:0 2px 8px 0 rgba(185,185,185,.5)}.hover-menu .menu.fixed{position:fixed;top:0}.hover-menu .menu{min-width:320px}.hover-menu .menu ul{display:inline-block;list-style:none}.hover-menu .menu li{float:left}.hover-menu .menu a{color:#444;display:table-cell;vertical-align:middle;height:120px;width:147px}.hover-menu .menu .active a{color:#fff;background:#337aed}.hover-menu .menu .active .icon{color:#fff}.hover-menu .menu li:hover{background:#ccc;color:#fff}.hover-menu .menu li:hover .icon,.hover-menu .menu li:hover .title{color:#fff}.hover-menu .menu .icon{font-size:43px;color:#303030}.hover-menu .menu .title{margin-top:9px;font-size:12px}.hover-menu#products-menu .box{max-width:1080px;margin:14px auto 0;text-align:center}.hover-menu#products-menu .box div{display:inline-block;width:124px}.hover-menu#products-menu .box a{height:70px}.hover-menu#products-menu .box .img{margin-bottom:10px}.hover-menu#products-menu .box img{max-width:100%}.hover-menu#products-menu .box img:hover{transform:scale(1.1)}.hover-menu#products-menu .box span{font-size:12px;color:#333}@media handheld,only screen and (max-width:767px){.content{width:94%}header{height:52px;position:fixed;width:100%;z-index:100}#screen{padding-top:52px}header .logo{height:41px;margin-top:15px}header nav{height:0;opacity:1;overflow:hidden;position:absolute;top:49px;left:0;transition:height 500ms;width:100%;z-index:1}header nav#nav-menu{margin-left:0}header nav#nav-menu>a:nth-child(1){border-top:1px solid rgba(120,120,120,.3)}header nav#nav-menu>a{background:0 0;background-color:rgba(0,0,0,.88);display:block;float:none;height:auto;color:#fff;text-decoration:none;border-bottom:1px solid rgba(120,120,120,.3);text-align:left;padding:10px 30px;margin:0;line-height:normal}header nav#nav-menu>a.active{color:#4c81ff}header nav#nav-menu #nav-products{display:none}header .btn-wrap{position:absolute;right:10px;top:0;line-height:52px;color:#fff;font-size:20px}header .nav-btn .icon{font-size:36px;color:#4c81ff;vertical-align:middle}header .lang-switcher-container{display:none;padding-right:0}.hover-menu{display:none;z-index:-1;opacity:0}footer .lang-switcher-container{display:none}footer #footer-nav{text-align:justify}}@media handheld,only screen and (max-width:959px){.content{width:90%;min-width:0}}[lang=pt-PT] header nav#nav-menu{margin-left:160px}[lang=ja-JP] header nav#nav-menu{margin-left:160px}[lang=ru-RU] header nav#nav-menu{margin-left:160px}[lang=de-DE] header nav#nav-menu{margin-left:160px}[lang=fr-FR] header nav#nav-menu{margin-left:160px}[lang=ar-SA] header nav#nav-menu{margin-left:160px}[lang=ar-SA] footer .lang-switcher-container{left:93px;right:initial}[lang=ar-SA] footer .lang-switcher{margin-right:18px}[lang=ar-SA] #lang-list{left:-93px}[lang=ar-SA] #lang-list a{text-align:right}.article-header{background:url(/img/os/banner_about_19693b9.jpg) no-repeat;background-size:auto 394px;background-position:center;background-color:#012d9a;font-size:16px;height:394px}.article-header .content{height:394px;position:relative}.article-header h1,.article-header ul{position:absolute;bottom:0;padding:20px 0}@media (max-width:767px){.article-header .content{background-position-x:left;width:100%}.article-header h1{margin-left:5%}}[lang=ar-SA] .article-header .content{background-position:left bottom}.btn{background:#4f85ff;border-radius:2px;color:#fff;display:inline-block;padding:15px 30px;text-align:center}.btn:hover{background:#6796ff}.btn.white{color:#4f85ff;background:#fff;padding:14px 30px;border:1px solid #4f85ff}.btn.white:hover{background:#fff;color:#6796ff;border:1px solid #6796ff}.download-pdf-btn{height:50px;line-height:50px;padding:0 15px;display:inline-block;background:#e87204;color:#fff;border-radius:3px}.download-pdf-btn:hover{background:#ff8f27}.download-pdf-btn:active{background:#ee7608}.download-pdf-btn .ico{width:29px;height:32px;background:url(/img/os/sprites_ea60a04.png) no-repeat;background-position:-65px -3px;background-size:221px 62px;display:inline-block;margin-right:2px;margin-top:6px;vertical-align:middle}[lang=ar-SA] .download-pdf-btn .ico{margin-left:8px;margin-right:-10px}h1,h2,h3,h4,h5,p,.box{color:#111;font-weight:400;margin:0;padding:0}p{font-size:18px}body{color:#fff}h1{font-size:60px;line-height:60px}h2{font-size:60px;line-height:60px}h3{font-size:54px;line-height:54px}h4{font-size:24px;line-height:24px}h5{font-size:20px;line-height:20px}img{max-width:100%}.lightfont{font-weight:100}#handle{height:640px;background:url(/img/octopus/brief_banner_f61ef10.jpg) center no-repeat}#handle h1{color:#fff;font-size:60px;font-weight:600}#handle h1:first-child{padding-top:144px;padding-bottom:28px}#handle h1:nth-child(2){padding-bottom:20px}#handle span{color:#f4d712}#handle .img img{vertical-align:middle;margin-right:10px}#handle .cover{height:100%;background:linear-gradient(to right,rgba(0,0,0,.4),transparent)}#handle .download-now,#handle .qrcode,#handle .download-activator{display:inline-block;width:168px;height:42px;line-height:42px;font-size:20px;vertical-align:middle;text-align:center;cursor:pointer;color:#fff;border:1px solid #000}#handle .download-now{background-color:#000;margin-right:8px}#handle .qrcode{color:#fff;border:1px solid #fff}#handle .download-activator{width:240px;background-color:#000}#handle .download-activator img{vertical-align:middle;margin-right:9px}#handle .qr-container{position:relative}#handle .qrcode-img{position:absolute;width:168px;top:50px;left:183px;display:none}#handle .qrcode-img img{margin-right:0}#handle .qrcode-line{position:relative;margin-top:10px;text-decoration:underline;cursor:pointer}#handle .qrcode-line-img{position:absolute;width:168px;top:22px;left:0;display:none}#handle .qrcode-line-img img{margin-right:0}#handle .qrcode:hover .qrcode-img{display:block}#handle .qrcode-line:hover .qrcode-line-img{display:block}#handle .break-line{max-width:340px;margin-top:22px;border-bottom:1px solid rgba(255,255,255,.5)}#handle .activator .title{font-size:24px;font-weight:600;margin:22px 0 20px}#handle .activator .brief{font-size:18px;margin-bottom:15px}#handle .version{max-width:330px;line-height:40px;font-size:16px;padding-left:10px;color:#222;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.video-frame{background:url(/img/octopus/brief_device_phone_540e56b.png) center no-repeat;height:430px}#video-container{padding-top:13px;padding-right:6px;height:100%;max-width:822px;max-height:430px;margin:0 auto}#video-player{margin:0 auto}.jwlogo{display:none}#device{position:relative;height:900px;background:url(/img/octopus/brief_device_bg_86755ec.jpg) center no-repeat;text-align:center}#device h3{padding:72px 0 30px;font-size:48px;line-height:48px}#device h4{padding-bottom:50px}#device .img{position:absolute;bottom:-2px;left:0;right:0;margin:auto}#waist-one{height:360px;background-color:#ecf3fc;text-align:center}#waist-one h2{padding:90px 0 44px}#waist-one h4{line-height:40px}#skill{position:relative}#skill .cover{position:absolute;z-index:1;width:100%;min-height:100%}#skill .cover h1{font-size:48px;padding-top:35px;text-align:center;color:#fff}#skill .cover .operation{position:absolute;bottom:55px;width:100%;max-width:700px;left:0;right:0;margin:auto;text-align:justify;font-size:0;border:2px solid #fff}#skill .cover .operation:after{content:'';display:inline-block;width:100%;font-size:0;line-height:0}#skill .cover .item{cursor:pointer;display:inline-block;box-sizing:border-box;width:25%;font-size:18px;line-height:40px;border-left:2px solid #fff}#skill .cover .item img{vertical-align:middle;margin:0 7px 0 20px}#skill .cover .item:first-child{border-left:0}#skill .cover .item:hover{background-color:#000}#skill .cover .desc{position:absolute;bottom:15px;width:100%;font-size:24px;text-align:center}#skill .video-group .img{vertical-align:middle}#skill .video-group video{max-width:100%;vertical-align:middle}#feature{height:900px;background:url(/img/octopus/brief_feature_bg_8cb87ae.jpg) center no-repeat;text-align:center}#feature h1,#feature h4,#feature .literal{color:#fff}#feature h1{padding:90px 0 30px}#feature h4{padding-bottom:54px}#feature .box{max-width:550px;text-align:left;margin:0 auto}#feature .icon,#feature .literal{display:inline-block}#feature .box .icon{width:15px;height:15px;border-radius:50%}#feature .box:nth-child(3) .icon{background-color:#b034ff}#feature .box:nth-child(4) .icon{background-color:#ff8a22}#feature .box:nth-child(5) .icon{background-color:#5577f6}#feature .box:nth-child(6) .icon{background-color:#13f2b0}#feature .literal{font-size:14px;line-height:38px}#feature img{margin-top:77px}#convenient{position:relative;height:780px;background:url(/img/octopus/brief_convenient_bg_889b79f.jpg) center no-repeat;background-color:#f7f8fd;text-align:center}#convenient h3{padding:72px 0 36px;font-size:60px}#convenient h4{font-size:24px;line-height:40px}#convenient .img{position:absolute;bottom:-2px;left:0;right:0;margin:auto}#waist-two{height:258px;background-color:#141518;text-align:center}#waist-two h2,#waist-two h4{color:#fff}#waist-two h2{padding:72px 0 40px}#tv{position:relative;height:780px;background:url(/img/octopus/brief_tv_bg_88a570b.jpg) center no-repeat;text-align:center}#tv h1{padding:90px 0 36px}#tv .img{position:absolute;bottom:-2px;left:0;right:0;margin:auto}#easy{position:relative;height:900px;background:url(/img/octopus/brief_easy_bg_b8c71fe.jpg) center no-repeat;background-color:#f7f8fd;text-align:center}#easy h1,#easy h4{color:#fff}#easy h1{padding:90px 0 36px}#easy .img{position:absolute;bottom:-2px;left:0;right:0;margin:auto}#download{height:450px;background-color:#fff;text-align:center}#download h2,#download h5{color:#222}#download .content{border-bottom:1px solid #e2e2e2;padding-bottom:60px}#download .title{padding:60px 0 40px}#download .title .icon,#download .title h2{display:inline-block;vertical-align:middle}#download .title .icon{margin-right:10px;max-width:25%}#download .title h2{font-size:48px;max-width:70%}#download h5{font-size:18px}#download h5:first-child{margin-bottom:35px}#download h5:nth-child(2){margin-bottom:30px}#download a{color:#fff}#download .direct,#download .scan{display:inline-block;width:168px;line-height:54px;border-radius:27px;margin:0 20px;max-width:40%}#download .download-btn{margin-top:50px;font-size:18px}#download .direct{background-color:#6555f4}#download .scan{background-color:#2ecc93}#download .a-qr{position:relative}#download .a-qr .img{display:none;position:absolute;top:-200px;left:20px;width:168px}#download .a-qr:hover .img{display:block}#activate{text-align:center}#activate h2{font-size:48px}#activate p{font-size:18px;margin-top:30px}#activate .link{margin-top:50px;padding-bottom:130px}#activate .link a{font-size:18px;padding:17px 67px;border-radius:27px;color:#fff;background-color:#6555f4}@media (max-width:960px){.video-frame{background:0 0}}@media handheld,only screen and (max-width:767px){#handle{text-align:center;height:540px;background:url(/img/octopus/brief_banner_m_e578bc4.png) center no-repeat}#handle h1{font-size:54px;line-height:54px}#handle .version{margin:0 auto}#handle .qrcode{display:none}#device{height:880px}#convenient h3{font-size:54px}#feature{height:700px}#feature img{margin-top:52px}#feature h1{font-size:54px;line-height:54px}#tv{height:630px}#tv h1{font-size:54px;line-height:54px}#easy{height:650px}#easy h1{font-size:54px;line-height:54px}#download .title{padding:25px 0 15px}}@media (max-width:640px){#device{height:820px}#handle h1:first-child{padding-top:97px}#download .a-qr{display:none}}@media (max-width:479px){#handle h1{font-size:42px}#handle h1:first-child{padding-top:140px;padding-bottom:9px}#handle h1:nth-child(2){padding-bottom:22px}#device{height:720px}#device h3{font-size:42px}#device h4{font-size:20px}#waist-one h2{font-size:42px}#waist-two h2{font-size:42px}#feature h1{font-size:42px}#convenient{height:720px}#convenient h3{font-size:42px}#tv{height:530px}#tv h1{font-size:42px}#easy{height:620px}#easy h1{font-size:42px}#download{height:420px}#download h2{font-size:42px}#download .scan{margin-top:15px}.download-btn{margin-top:30px}#activate h2{font-size:42px}}[lang=zh-CN] #skill h1{font-size:60px}