cite,i{font-style:normal}.banner,h2{text-align:center}*{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{margin:0;padding:0}b,em,h1,h2,h3,h4,h5,h6{font-weight:400}body{font-size:16px;line-height:22px}ol,ul{list-style-type:none}a{color:#222;text-decoration:none}a:hover{text-decoration:underline;cursor:pointer}cite{float:right}img{border:0;-ms-interpolation-mode:bicubic;display:block}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.center,.main .left dl,.product .btn a.buy{box-sizing:border-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.flex_box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap}i{display:inline-block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}.header li.drop>div::after,.main .left dl dd::after{clear:both;content:"";left:0}.center{max-width:1200px;width:100%;margin:auto}h2{font-size:36px;line-height:50px;color:#101C2C;font-weight:600}.header .center{-webkit-align-items:center;align-items:center}.header .logo{position:relative;z-index:1}.header li{display:inline-block;margin-right:30px}.header li.drop span{color:#fff}.header li.drop i{width:18px;height:18px;background:url(/images/header-arrow.svg);vertical-align:-3px;margin-left:6px}.header li.drop>div{position:absolute;left:0;top:60px;width:100%;background:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.1);padding-top:24px;padding-bottom:40px;display:none}.header li.drop>div::after{width:100%;height:30px;top:-30px;position:absolute}.header li.drop>div dl{display:inline-block}.header li.drop>div dl dt{border-bottom:1px solid #E9E9E9;padding-bottom:16px;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:25px}.header li.drop>div dl dt span{font-size:18px;color:#101C2C;font-weight:500;margin-left:12px;line-height:22px}.header li.drop>div dl dd{margin-bottom:16px;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.header li.drop>div dl dd:last-child{margin-bottom:0}.header li.drop>div dl dd a{font-size:16px;color:#101C2C;line-height:20px}.header li.drop.active>span,.header li.drop>div dl dd:hover a{color:#5A92FF}.header li.drop>div dl dd div{margin-left:20px;height:24px;opacity:0}.header li.drop>div dl dd:hover div{opacity:1}.header li.drop>div dl dd .down{width:24px;height:24px;background:url(/images/dropdown-icon2.svg);display:inline-block}.header li.drop>div dl dd .buy{width:24px;height:24px;background:url(/images/dropdown-icon3.svg);margin-left:8px;display:inline-block}.header li.drop.active>i{background:url(/images/header-arrow-h.svg)}.header li.drop.active>div{display:block}.header li:last-child{margin-right:0}.header li a{font-size:16px;color:#fff}.header .toggle{display:none}.footer{background:#151F3A;padding-top:56px}.footer>div dl{font-size:16px;color:#fff;font-weight:600;line-height:22px}.footer>div dl a,.footer>div dl dd{color:#9095A2;margin-bottom:20px}.footer>div dl a:last-child,.footer>div dl dd:last-child{margin-bottom:0}.footer>div dl dt{margin-bottom:20px}.footer>div i{width:1px;background:#303748;display:block}.footer>div:last-child{margin-top:70px;font-size:16px;padding-top:18px;padding-bottom:18px;background:#111931;text-align:center;color:#5D6570}.footer>div:last-child a{color:#5D6570}@media screen and (max-width:1200px){.center,.header ul li{padding:0 40px}.header{background:#2F3450;position:relative!important;top:0!important;z-index:9}.header .toggle{width:26px;height:26px;display:block;position:relative}.header .toggle i{width:26px;height:2px;background:#fff;display:block;margin-top:12px;border-radius:2px;-webkit-transition:all .2s .3s ease;transition:all .2s .3s ease}.header .toggle i::after,.header .toggle i::before{clear:both;content:"";position:absolute;width:26px;height:2px;background:#fff;left:0;-webkit-transition:top .2s .3s ease,-webkit-transform .3s ease;transition:top .2s .3s ease,transform .3s ease}.header .toggle i::after{top:2px}.header .toggle i::before{top:22px}.header .toggle.active i{background:0 0;-webkit-transition:all .2s 0s ease;transition:all .2s 0s ease}.header .toggle.active i::after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);top:12px;-webkit-transition:top .2s ease,-webkit-transform .2s .3s ease;transition:top .2s ease,transform .2s .3s ease}.header .toggle.active i::before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);top:12px;-webkit-transition:top .2s ease,-webkit-transform .2s .3s ease;transition:top .2s ease,transform .2s .3s ease}.header>div{height:70px;-webkit-align-items:center;align-items:center}.header ul{position:absolute;top:70px;left:0;background:#2F3450;width:100%;display:none}.header ul li,.header ul.active{display:block}.header ul li{line-height:60px;border-top:1px solid rgba(204,204,204,.2);margin:0}.header ul li.drop div{position:static;background:0 0;box-shadow:initial;padding:0!important;margin:0!important}.header li.drop>div dl{display:block;margin-bottom:20px}.header li.drop>div dl dt{margin-bottom:20px;border-color:rgba(233,233,233,.3)}.header li.drop>div dl dd a,.header li.drop>div dl dt span{color:#fff}.header li.drop>div dl dd div{line-height:0}}@media screen and (max-width:850px){.footer>div div{width:100%;margin-bottom:24px}.footer>div i{display:none}}@media screen and (max-width:630px){.center,.header ul li{padding:0 20px}.footer>div dl{width:50%}.footer>div dl:last-child{width:100%}}.header{position:absolute;top:20px;left:0;width:100%}.banner{background:url(/images/guide/bannerbg-top.jpg);padding-top:210px;color:#fff;padding-bottom:160px}.banner h1{font-size:54px;line-height:76px}.banner .info{font-size:20px;color:#fff;line-height:28px;margin-top:26px}.banner .btn{max-width:540px;margin:32px auto 0}.banner .btn a{width:240px;height:66px;line-height:66px;font-size:20px;color:#fff;background:#2C63D6;background:linear-gradient(270deg,#2C63D6 0,#B97D9B 100%);margin-top:16px;border-radius:15px;text-decoration:none;font-weight:600}.banner .btn a:hover{background:linear-gradient(270deg,#B97D9B 0,#2C63D6 100%)}.banner .btn a i{margin-right:24px}.banner .btn a.win i{width:32px;height:32px;vertical-align:-8px;background:url(/images/win.svg)}.banner .btn a.mac i{width:30px;height:36px;vertical-align:-8px;background:url(/images/mac.svg)}.banner .btn a.buy{background:#fff;color:#101C2C}.banner .btn a.buy i{background:url(/images/win-mac.png);width:40px;height:40px;vertical-align:-10px}.banner .btn a.buy:hover{background:#2C63D6;background:linear-gradient(270deg,#2C63D6 0,#B97D9B 100%);color:#fff}.banner .btn a.win.buy i{background-position-y:-120px;vertical-align:-11px}.banner .btn a.win.buy:hover i{background-position-y:-80px}.banner .btn a.mac.buy i{background-position-y:-40px}.banner .btn a.mac.buy:hover i{background-position-y:0}.main{margin-top:90px;-webkit-align-items:flex-start;align-items:flex-start;position:relative}.main .left{box-shadow:0 0 30px 0 rgba(0,0,0,.06);border-radius:16px;max-width:360px;width:100%;padding-top:22px;padding-bottom:10px;position:sticky;top:0}.main .left dl dd,.main .left dl dt{position:relative;font-size:16px;color:#2C3039}.main .left .name{font-size:24px;color:#1e1e1e;line-height:32px;font-weight:600;padding-left:12px;padding-right:12px;padding-bottom:20px;border-bottom:1px solid #E0E0E0}.main .left .name img{display:inline-block;width:32px;height:32px;vertical-align:-8px;margin-right:12px}.main .left dl{margin-left:12px;margin-right:12px;padding:10px 20px 12px 44px}.main .left dl dt{font-weight:600;line-height:26px;cursor:pointer}.main .left dl dd{display:none;line-height:24px;margin-bottom:8px;padding-left:12px}.main .left dl dd::after{width:4px;height:4px;border-radius:50%;background:#2C3039;position:absolute;top:10px}.main .left dl dd:last-child{margin-bottom:0}.main .left dl.active{background:#F4F5F8}.main .left dl.active dt{margin-bottom:12px}.main .left dl.active dd{display:block}.main .left dl dt i{width:16px;height:16px;background:url(/images/guide/navigation-bar-icon.png)}.main .left dl:nth-child(1) dt i{background-position-y:0}.main .left dl:nth-child(2) dt i{background-position-y:-16px}.main .left dl:nth-child(3) dt i{background-position-y:-32px}.main .left dl dt i:first-child{position:absolute;left:-36px;top:4px}.main .left dl dt i:last-child{position:absolute;width:10px;height:10px;top:7px;right:0;background:url(/images/guide/arrow.svg)}.main .left dl.active dt i:last-child{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.main .right{max-width:760px;width:100%}.main .right h2{font-size:28px;color:#2C3039;margin-bottom:24px;text-align:left}.main .right p{font-size:16px;color:#1e1e1e;margin-bottom:22px;line-height:28px}.main .right p:last-child{margin-bottom:0}.main .right>img{margin-bottom:32px;max-width:100%}.product{background:url(/images/guide/bottom-bg.png) center center no-repeat;text-align:center;padding-top:100px;padding-bottom:100px;margin-top:60px}.product .name{font-size:36px;color:#101c2c;font-weight:600}.product .btn a,.product .info{font-size:20px;font-weight:600}.product .name img{display:inline-block;margin-right:24px;vertical-align:-16px;width:56px;height:56px}.product .info{margin-top:32px;color:#5d6570;line-height:28px}.product .btn{max-width:540px;margin:32px auto 0}.product .btn a{width:240px;height:66px;line-height:66px;color:#fff;background:#2C63D6;background:linear-gradient(270deg,#2C63D6 0,#B97D9B 100%);margin-top:16px;border-radius:15px;text-decoration:none}.product .btn a:hover{background:linear-gradient(270deg,#B97D9B 0,#2C63D6 100%)}.product .btn a i{margin-right:24px}.product .btn a.win i{width:32px;height:32px;vertical-align:-8px;background:url(/images/win.svg)}.product .btn a.mac i{width:30px;height:36px;vertical-align:-8px;background:url(/images/mac.svg)}.product .btn a.buy{border:2px solid #556AC4;line-height:62px;background:0 0;color:#101C2C}.product .btn a.buy i{background:url(/images/win-mac.png);width:40px;height:40px;vertical-align:-10px}.product .btn a.buy:hover{background:#2C63D6;background:linear-gradient(270deg,#2C63D6 0,#B97D9B 100%);color:#fff;border:none;line-height:66px}.product .btn a.win.buy i{background-position-y:-120px;vertical-align:-11px}.product .btn a.win.buy:hover i{background-position-y:-80px}.product .btn a.mac.buy i{background-position-y:-40px}.product .btn a.mac.buy:hover i{background-position-y:0}@media screen and (max-width:1200px){.main{-webkit-justify-content:space-around;justify-content:space-around}.main .left{margin-bottom:30px;position:static}.main .left,.main .right{max-width:100%}}@media screen and (max-width:630px){.banner,.product{padding-top:60px;padding-bottom:60px}.banner .btn,.product .btn{margin-top:30px;-webkit-justify-content:space-around;justify-content:space-around}.main,.product{margin-top:60px}.product{background-size:cover}}