@charset "utf-8";.container,.nav-bar{max-width:1200px;overflow:hidden}.container,.nav-bar,.reference,ul.hot-rec,ul.hot-rec li{overflow:hidden}.menu-new-line .sub-menu a,body,p.top-title{font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif}body{color:#333;font-size:14px;line-height:100%;margin:0 auto}.nav-bar a.title,.nav-bar ul li a{line-height:32px;text-align:left;text-decoration:none}h1{text-align:left;float:left;margin-top:18px;margin-bottom:13px}#pro-nav{border-top:2px #efefef solid;border-bottom:2px #efefef solid}.nav-bar{width:100%;margin:0 auto}.nav-bar a.title{color:#333;font-size:26px;float:left;margin-top:20px;margin-bottom:20px}.nav-bar a:hover{color:#00a2ea}.nav-bar ul{float:right;list-style:none}.nav-bar ul li{float:left;height:36px;margin:8px 0 0 30px}.nav-bar ul li a{color:#333;font-size:16px}.nav-bar ul li a.buy,.nav-bar ul li a.download{display:block;float:left;width:132px;height:36px;color:#fff;font-size:14px;line-height:36px;font-weight:400;text-align:center;background-color:#41bd9b}.nav-bar ul li a.buy{background-color:#e04445;margin-left:20px}.nav-bar ul li a.download:hover{background-color:#0cc7a1;text-decoration:underline}.nav-bar ul li a.buy:hover{background-color:#f95354;text-decoration:underline}.nav-bar ul.sys_change{display:block;float:left;margin:32px 0 24px;padding-left:10px}.nav-bar ul.sys_change li{float:left;margin:0;height:16px;color:#333;cursor:pointer}.nav-bar ul.sys_change li a{display:block;margin:0 0 0 10px;padding:0 0 0 24px;font-size:16px;line-height:16px;height:16px;background:url(/new-style/images/products/win-mac.png) 2px 0 no-repeat}.nav-bar ul.sys_change li.sys_win a{background-position:2px -16px;color:#333}.nav-bar ul.sys_change li.sys_win.active a,.nav-bar ul.sys_change li.sys_win:hover a{background-position:2px 0;color:#00a2ea}.nav-bar ul.sys_change li.sys_mac a{background-position:2px -48px;color:#333}.nav-bar ul.sys_change li.sys_mac.active a,.nav-bar ul.sys_change li.sys_mac:hover a{background-position:2px -32px;color:#00a2ea}.nav-bar ul.sys_change li:hover{color:#00a2ea}.rollTop{position:fixed;z-index:16;top:0;left:0;width:100%;background-color:#fff}.container{width:100%;margin:0 auto;padding-top:20px}h1{font-size:40px;font-weight:600;line-height:48px}.reference{max-width:1180px;width:100%;margin-top:80px;font-size:16px;line-height:30px;font-weight:400}.title-h2{font-size:30px;text-align:center;clear:both;line-height:36px;padding:30px 0;margin:0}.bold{font-weight:600}.reference img{display:block;margin:0 auto;width:100%;max-width:600px}ul.hot-rec{width:30%;float:left}ul.hot-rec li{list-style:none;float:left;line-height:30px;clear:both;text-align:left}ul.hot-rec li a{color:#4898e2;text-decoration:none;font-size:16px}ul.hot-rec li a:hover{text-decoration:underline}.tutorial-style{max-width:1000px;width:100%;margin:0 auto}.tutorial-style img{max-width:640px;width:100%;display:block;padding-top:20px;padding-bottom:20px}.tutorial-style p{font-size:16px;line-height:30px;max-width:1000px}.tutorial-style ul{margin-top:10px}.tutorial-style ul li{margin-top:10px;font-size:16px;list-style:none}p.top-title{font-size:26px;text-align:left;float:left;margin-top:18px;line-height:32px;margin-bottom:13px;color:#333;font-weight:700}h1.tutorial-h1,h2.tutorial-h2{font-weight:400;max-width:1000px}p.top-title a{color:#222;text-decoration:none}p.top-title a:hover{color:#4898e2}h1.tutorial-h1{font-size:40px;margin:5% auto;line-height:55px;float:none}h2.tutorial-h2{font-size:28px;margin:auto;text-align:left;width:100%}ul.tutorial-bd li{font-size:16px;line-height:30px}.pro-rec{clear:both;display:-webkit-box;display:-webkit-flex;display:flex;display:-webkit-flex;-webkit-justify-content:space-between;justify-content:space-between;margin:0 10px 52px}.pro-rec .box{max-width:330px;width:100%;padding:30px 20px 30px 30px;margin:0;box-shadow:rgba(0,0,0,.4) 0 0 8px 0}.pro-rec .box img{max-width:110px;width:100%;float:left;padding-right:10px;padding-top:10px}.pro-rec .box p{line-height:20px}.pro-rec .box p:nth-child(2){margin-top:7px}.pro-rec .box p a{color:#008dce;font-size:18px;font-weight:700;text-decoration:none}.pro-rec .box p a.more{display:block;width:148px;height:35px;line-height:35px;text-align:center;text-decoration:none;background:#0cc7a1;color:#fff;font-size:14px;font-weight:400;float:left}#all-menu-navbar::after,.clearfloat::after{content:"";height:0;clear:both;visibility:hidden}#breadcrumb{color:#222;font-size:14px;line-height:20px;margin-top:15px}#breadcrumb .container,.footer{margin:0 auto;overflow:hidden;max-width:1200px}#breadcrumb .container{padding:10px 1%;width:98%}#breadcrumb .container a{color:#222;text-decoration:none}.background-footer{background-color:#303132}.footer{width:100%}.footer .footer-part .title{color:#FFF;text-align:left;width:100%;clear:both;font-size:20px;margin:40px auto 30px}.footer .footer-part{width:32%;float:left;margin:0 3% 30px 0}.footer .footer-part:last-child{width:24%}.footer .footer-part img{float:left;padding:0 20px 20px 0}.footer .footer-part ul{padding:0}.footer .footer-part ul li{width:50%;float:left;padding:0 0 20px}.footer .footer-part a img{padding:0;margin-right:5px}.footer .footer-part .border{margin-top:20px;border-top:1px solid #929393;padding-top:17px}.footer .footer-part a{display:inline-block;color:#929393;text-decoration:none}.background-footer p#copyright{color:#FFF;text-align:center;margin:0;padding:20px 0 25px;border-top:1px #929393 solid}#goTop{display:none;width:67px;height:67px;background:url(/new-style/images/products/gotop.png);position:fixed;right:20px;bottom:80px;cursor:pointer}@media (max-width:1200px){.container{width:95%}.pro-rec .box{box-shadow:none}}@media (max-width:1000px){.pro-rec{flex-flow:wrap}}@media screen and (max-width:500px){.nav-bar a.title{margin-bottom:0}.nav-bar ul li:first-child,.nav-bar ul li:last-child{margin-left:0}ul.hot-rec{width:90%;margin:auto 5%;padding:inherit}.footer .footer-part{width:70%;float:left;margin:0 15% 30px}}.clearfloat::after{display:block;overflow:hidden}.clearfloat{zoom:1}#all-menu-navbar{max-width:1200px;width:100%;overflow:visible;margin:0 auto}#all-menu-navbar::after{display:block}#logo{overflow:hidden;float:left;margin-top:15px}#logo a{position:relative;display:block}.menu-new-line ul.menu{display:block;float:right;font-size:18px;line-height:20px;margin-top:15px;margin-bottom:0}.menu-new-line ul.menu>li{display:block;float:left;margin-left:38px;padding:15px 5px 25px}.menu-new-line ul.menu>li>a,.menu-new-line ul.menu>li>span{color:#000;text-decoration:none;display:inline-block}.menu-new-line ul.menu>li>a:hover{color:#4898e2;text-decoration:none}.menu-new-line ul.menu>li.home:after{content:'';display:inline-block;width:13px;background:url(/new-style/images/cricle.png) -4px 0 no-repeat;height:6px;vertical-align:3px;position:relative;top:0}.toggle-nav{display:none}.menu-new-line .sub-menu{width:100%;display:none;position:absolute;z-index:9;background:-webkit-linear-gradient(left ,#58b2ff ,#126cba);background:-o-linear-gradient(right ,#58b2ff ,#126cba);background:-moz-linear-gradient(right ,#58b2ff ,#126cba);background:linear-gradient(to right,#58b2ff,#126cba);box-shadow:0 2px 2px 1px rgba(0,0,0,.1);left:0;top:70px}.menu-new-line .sub-menu-1{padding-bottom:40px;background:#fff;width:100%;overflow:hidden;margin-top:3px}.menu-new-line ul.menu li.home.menu-new-line ul.menu li.home:hover+.menu-new-line .sub-menu.menu-new-line .sub-menu{display:block}.menu-new-line ul.menu>li:last-child::after,.toggle{display:none}.menu-new-line ul.menu li.active:after{background:url(/new-style/images/cricle.png) -4px -6px}.toggle{width:48px;height:48px;float:right}.new-sidebar-list a{display:block;margin-top:15px;width:100%;max-width:320px;transition:width .1s}.new-sidebar-list a:hover{box-shadow:2px 2px 8px 0 rgba(.1,.1,.1,.1);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01)}.new-sidebar-list span{float:left;max-width:190px;vertical-align:middle;color:#45a5f9;padding-top:10px;line-height:20px}.new-sidebar-list img{float:left;width:110px;margin-right:18px}.menu-new-line .sub-menu:hover{display:block}.pc-os{max-width:1080px;margin:0 auto}.menu-new-line .sub-menu a{text-decoration:none;color:#45a5f9;font-weight:lighter}.menu-new-line .sub-menu ul{padding-left:0}.menu-new-line .sub-menu ul li{font-size:20px;display:block;float:left;width:45%;list-style-type:none;margin-right:5%;margin-left:0;box-sizing:border-box;padding:0}.menu-new-line .sub-menu ul li dl{margin:0}.menu-new-line .sub-menu ul li dl dd{padding:8px 0;margin:0;font-size:16px;width:50%;float:left}.menu-new-line .sub-menu ul li dl dd a{color:#606060;font-size:16px}.menu-new-line .sub-menu ul li dl dd.more a{color:#45a5f9;text-decoration:underline}.menu-new-line .sub-menu ul li dl dt{margin-bottom:20px;margin-top:30px;padding-bottom:15px;font-size:22px;border-bottom:#45a5f9 solid 1px}.menu-new-line .sub-menu ul li dl dt.win{background:url(/images/index/win.png) no-repeat;padding-left:30px}.menu-new-line .sub-menu ul li dl dt.mac{background:url(/images/index/mac.png) no-repeat;padding-left:30px}.menu-new-line .sub-menu ul li dl dt.win_only_navbar{background:url(/images/index/win.png) no-repeat;padding-left:30px}.menu-new-line .sub-menu ul li dl dt.mac_only_navbar{background:url(/images/index/mac.png) no-repeat;padding-left:30px}.menu-new-line .sub-menu ul li dl dt.online_only_navbar{background:url(/images/index/online.png) no-repeat;padding-left:30px}.menu-new-line .sub-menu ul li dl dt.desktop_only_navbar{background:url(/images/index/desktop.png) no-repeat;padding-left:30px}.menu-new-line .sub-menu ul li dl dd a:hover,.menu-new-line .sub-menu ul li dl dt a:hover{color:#00a2ea;text-decoration:underline}.usernotice_pop{display:table;width:100%;padding:7px;position:fixed;bottom:0;background:rgba(0,0,0,.55);z-index:1000;text-align:center;color:#fff;border-radius:0;transition:all .3s ease;font-size:12px;line-height:20px}.usernotice_pop a{color:#fff;text-decoration:underline}.usernotice_pop span{display:inline;cursor:pointer;border:1px solid #fff;margin:10px 5px;width:50%;padding:0 5px}.top_ads{position:relative;width:100%;max-width:1920px;margin:0 auto}.top_ads a,.top_ads img{display:block;width:100%;margin:0 auto}.top_ads i{display:block;position:absolute;right:0;top:0;width:32px;height:32px;background:url(/images/giveaway/close.png) no-repeat;cursor:pointer}@media screen and (max-width:1180px){.toggle{display:block;position:relative}.toggle i{width:20px;height:20px;background:url(/images/index/menu-icons.png);display:block;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-position-y:-20px}.toggle.active{background:#404040}.toggle.active i{background-position-y:0}#logo{margin-left:0;margin-top:2px}.menu-new-line ul.menu{padding:0 25px;max-width:264px;width:100%}.menu-new-line ul.menu>li{display:block;float:none;margin:0;position:relative;padding:13px 0;border-bottom:1px solid #717171}.menu-new-line ul.menu>li.home:after{width:11px;height:5px;background:url(/images/index/menu-icons.png);background-position-y:-40px;position:absolute;right:0;top:22px;margin-top:-2px}.menu-new-line ul.menu>li.home.active>a{color:#00baff}.menu-new-line ul.menu>li.home.active:after{background-position-y:-45px}.menu-new-line ul.menu{display:none;position:absolute;top:48px;right:0;margin:0!important;background:#404040;z-index:10}.menu-new-line ul.menu>li>a,.menu-new-line ul.menu>li>span{color:#fff;font-size:16px}.menu-new-line .sub-menu{position:static;display:none;box-shadow:0 0 0 transparent}.menu-new-line .sub-menu-1{background:#404040;border-top:1px solid #0084ff;margin-top:16px;padding-bottom:8px}.menu-new-line .sub-menu ul li{float:none;display:block;width:100%}.menu-new-line .sub-menu ul li dl dt{background:0 0!important;padding:0!important;border:none;font-size:16px;color:#fff;font-weight:550;margin-top:18px;margin-bottom:15px}.menu-new-line .sub-menu ul li dl dd{display:block;float:none;width:100%;font-size:16px;color:#fff;margin-top:14px;padding:0}.menu-new-line .sub-menu ul li dl dd a{color:rgba(255,255,255,.7);padding-left:15px;position:relative}.menu-new-line .sub-menu ul li dl dd a::after{clear:both;content:"";width:0;height:0;border:4px solid #fff;border-color:transparent transparent transparent #fff;line-height:0;font-size:0;position:absolute;left:2px;top:8px}#logo img{width:100%;margin-top:2px}}@media screen and (max-width:900px){.menu-new-line ul.menu{opacity:1}.menu-new-line ul.menu li{text-align:left}}@media screen and (max-width:414px){.usernotice_pop{width:100%;bottom:0;right:0;padding:5px 0;border-radius:0}.usernotice_pop span{display:inline;padding:0 15px;margin-left:5px}.menu-new-line ul.menu{padding:0 25px;max-width:100%;width:100%;box-sizing:border-box}.menu-new-line .sub-menu ul li dl dt{display:block}}