@charset "utf-8";.con,body{margin:0 auto}.box,.first,.last,h2{float:left}.con-3,.first{clear:left}#author,.con,.related-art{max-width:1200px}#author,#author-bg,#breadcrumb .container,#footer,#footer-container,.banner,.box,.con-2,.footer,.related-art .cont{overflow:hidden}.menu-new-line .sub-menu a,body{font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif}body{color:#333;font-size:14px;line-height:20px}.banner{background:url(/images/tutorial/banner.jpg) no-repeat}.con{width:100%}.con-2{padding-bottom:70px}h1{font-size:35px;line-height:38px;margin:60px auto 25px}.box,.first{margin-top:18px}p{font-size:16px}.first,.last{position:relative}.first .title,.last a.title{position:absolute;bottom:0;left:0}.first{width:589px}.first .title{margin-left:20px}.first .title a,.first .title span.author{display:block;color:#FFF;font-size:18px;text-decoration:none;line-height:22px}.first .title span.author{font-size:12px}.first .title a:first-child,.last a.title{background:#000;text-align:center;color:#fff;font-size:14px}.first .title a:first-child{display:block;padding:5px 10px;width:50px;text-decoration:none;margin-bottom:5px}.first .title a:hover{text-decoration:underline}.box{width:285px;padding-left:18px}.box:nth-child(7){padding-left:0}.last a.title{padding:5px 10px;width:50px;text-decoration:none}.unslider,.unslider-fade,.unslider-wrap{position:relative}.box a.title-2,.box p.author{display:block;float:left;color:#000;text-decoration:none;line-height:22px;font-size:18px;padding-left:8px;margin-top:15px;margin-bottom:0}a.more,h2{font-weight:400;line-height:32px;display:block}.box a.title-2:hover{text-decoration:underline}#footer a,.con-3 a,.footer .footer-part a,.related-art .cont a,.related-art .mehr,a.more{text-decoration:none}.box p.author{font-size:12px;margin-top:10px;width:100%}h2{margin:67px auto 30px;font-size:32px}a.more{float:right;margin:63px 17px 30px 0;font-size:21px;color:#000;padding-right:28px;background:url(/images/tutorial/more.png) right center no-repeat}.con-3 a,.line,.unslider-wrap.unslider-carousel li{float:left}#author .info,#author h1,.con-3 a{color:#FFF;text-align:center}.line{border-bottom:2px solid #e0e0e0;width:67%;margin:90px 0 30px 20px}.con-3 a{display:block;width:130px;height:50px;line-height:50px;margin-right:20px;margin-bottom:20px;font-size:20px}.first img,.last img{transition:box-shadow .15s ease-in-out;-moz-transition:box-shadow .15s;-webkit-transition:box-shadow .15s cubic-bezier(.1,.57,1,.99);-o-transition:box-shadow .15s}.first img:hover,.last img:hover{box-shadow:2px 2px 8px #000}.unslider{margin:50px 0 100px;padding:0;clear:both}.unslider ul li img{margin:0 5px;transition:box-shadow .15s ease-in-out;-moz-transition:box-shadow .15s;-webkit-transition:box-shadow .15s cubic-bezier(.1,.57,1,.99);-o-transition:box-shadow .15s}.unslider ul li img:hover{box-shadow:2px 2px 6px #000}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none;text-align:center}.unslider-arrow{position:absolute;left:-55px;z-index:0;cursor:pointer;text-indent:-999em;width:57px;height:85px;display:block;top:206px}.unslider-arrow.next{left:auto;right:-55px;background:url(/new-style/images/products/right-arrow.png) no-repeat;top:50px;height:85px}.unslider-arrow.prev{background:url(/new-style/images/products/left-arrow.png) no-repeat;right:auto;top:50px;height:85px}.unslider-nav ol{display:none}#author-bg{background:#58b2ff}#author{width:100%;margin:0 auto}#author h1{font-size:32px;line-height:30px}#author img{margin:20px auto;display:block}#author .info{font-size:16px;width:80%;margin:auto auto 50px}.related-art{width:100%;margin:40px auto 30px;padding:0 1%;overflow:hidden}.related-art .title{font-size:36px;line-height:60px;color:#000;text-align:center}.related-art .cont{display:-webkit-box;display:-webkit-flex;display:flex;display:-webkit-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.related-art .cont .txt{width:24%;line-height:25px;margin:30px 1% 0 0}.related-art .cont a{color:#008ED2;font-size:18px;display:block;width:100%}.related-art .cont a:hover{text-decoration:underline}.related-art .cont img{max-width:240px;width:100%;display:block}.related-art .cont img:hover{opacity:.9}.related-art .cont .tit{padding:15px 0 5px;width:100%}.related-art .mehr{font-size:26px;line-height:30px;color:#29d085;text-align:center;width:240px;border:2px solid #29d085;border-radius:5px;display:block;padding:10px 15px;margin:30px auto 20px}.related-art .mehr:hover{background:#29d085;color:#FFF}.cont li{list-style-type:none}#breadcrumb{font-size:14px;margin-top:15px}#breadcrumb .container{max-width:1200px;padding:10px 1%;width:98%;margin:0 auto;color:#333}#breadcrumb .container a{color:#333;text-decoration:none}#breadcrumb .container a:hover{color:#007EFD}#footer{text-align:left;background-color:#2b2b2b;color:#bfbfbf}#footer a{font-size:13px;color:#e0e0e0}#footer-container{margin:15px auto;max-width:1200px}#footer-left{float:left;width:20%}#footer-center{float:left;width:37%;margin-top:20px;margin-left:3.5%}#footer-center p{margin:0}#footer-right{float:left;width:35%;margin-top:20px;margin-left:3%}.background-footer{background-color:#303132}.footer{width:100%;max-width:1200px;margin:0 auto}.footer .footer-part .title{color:#FFF;text-align:left;width:100%;clear:both;font-size:20px;margin:40px auto 30px}.footer .footer-part{width:28%;float:left;margin:0 4% 30px 0}.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}.footer .footer-part a:hover{text-decoration:underline}.background-footer p#copyright{color:#FFF;margin:0;padding:20px 0 25px;border-top:1px #929393 solid;text-align:center}.banner_tutorial{width:100%;margin:0 auto;background:url(/images/tutorial/banner.jpg) center 0 no-repeat #46c8de;padding:50px 0 55px}.banner_tutorial .banner_info,.banner_tutorial h1{display:block;width:96%;color:#fff;text-align:center}.banner_tutorial h1{margin:0 auto;font-size:35px;line-height:44px}.banner_tutorial .banner_info{margin:10px auto 0;max-width:828px;font-size:16px;line-height:24px}.main_section{width:100%;margin:0 auto;padding:59px 0 75px;overflow:visible}.left_point{float:left;width:100%;max-width:206px;padding:19px 0 30px;box-shadow:0 0 10px 0 rgba(0,0,0,.25)}.left_point ul{width:100%;margin:0;padding:0;list-style:none}.left_point ul li{margin:0;padding-left:26px;font-size:18px;color:#222;text-align:left;border-left:3px solid transparent;list-style:none;line-height:46px;cursor:pointer}.left_point ul li.active{font-weight:700;border-left:3px solid #35a2ff;background-color:#f9f9f9}.right_zoon{float:right;width:100%;max-width:925px;display:none}.right_zoon.active{display:block}.right_zoon .top{min-height:310px;margin:0;width:100%;background-color:#f0f0f0}.right_zoon .left_img{float:left;width:100%;max-width:429px}.right_zoon .right_info{float:right;width:100%;max-width:462px;padding:48px 0 30px}.right_info .title{display:block;margin:0;font-size:36px;line-height:36px;color:#222}.right_info .info{display:block;margin:14px 0 23px;font-size:16px;line-height:30px;color:#222;max-width:440px}.right_info .learn_more{display:block;margin:0;font-size:18px;line-height:46px;color:#fff;width:207px;height:46px;border-radius:5px;background-color:#35a2ff;text-align:center;text-decoration:none}.right_info .learn_more:hover{background-color:#4faeff}.right_zoon .recommand{width:100%;margin:0;padding:84px 0 0}.top_line{display:block;width:100%;margin:0;font-size:20px;line-height:20px;color:#999;font-weight:700}.items_zoon{padding:48px 0 0}.re_items{float:left;width:100%;max-width:284px;padding:0 0 15px;border-bottom:2px solid transparent;margin-right:34px}.re_items:nth-last-of-type(1){margin-right:0}.re_items>img{display:block;width:100%;margin:0 auto 23px}.re_items .re_time{display:block;margin:0 0 5px;font-size:16px;line-height:16px;color:#999}.article_items .article_title,.re_items .h_title{margin:0;color:#222;text-decoration:none;display:block}.re_items .h_title{font-size:24px;line-height:30px}.re_items .h_title:hover{border-bottom:2px solid #535353}.article_list{width:100%;margin:0;padding:57px 0 0}.article_list .article_items{padding:32px 0 35px;border-bottom:2px solid #eee}.article_items .article_title{width:96%;font-size:30px;line-height:40px}.article_items .article_title:hover{text-decoration:underline}.article_items .article_info{display:block;width:96%;margin:20px 0 10px;font-size:16px;line-height:24px;color:#666}.article_items .infomation{display:block;width:96%;margin:0;font-size:16px;line-height:30px;color:#666}.article_items .rel_time{margin-left:20px}@media (max-width:1200px){.con{width:95%;max-width:607px}.box:nth-child(7),.first{padding-left:18px}.box img,.first img{width:100%}.unslider-arrow.prev{left:25px}.unslider-arrow.next{right:25px}.line{display:none}.main_section{padding:59px 20px 75px;box-sizing:border-box}.main_section .con{width:100%;max-width:1200px}}@media screen and (max-width:1080px){.left_point{float:none;margin:0 auto 30px;max-width:600px;width:90%}.right_zoon{float:none;margin:0 auto}#footer-left{display:none}#footer-center,#footer-right{width:100%;text-align:center;margin:5px auto}}@media (max-width:1000px){.unslider-arrow.next,.unslider-arrow.prev{top:300px}}@media (max-width:768px){.related-art .cont .txt{width:45%;line-height:25px;margin:30px 2% 0 3%}.right_zoon .left_img,.right_zoon .right_info{float:none;margin:0 auto}}@media (max-width:630px){.re_items{float:none;margin:0 auto 20px!important}.top_line{text-align:center}}@media (max-width:600px){h2{font-size:28px}.box a,p{font-size:14px}.unslider-arrow{display:none}.unslider-nav ol{display:block;list-style:none;text-align:center;position:absolute;bottom:-40px}.unslider-nav ol li{background:rgba(0,0,0,.5);cursor:pointer;display:inline-block;float:none;height:15px;margin:0 4px;opacity:.4;overflow:hidden;text-indent:-999em;width:75px}.unslider-nav ol li.unslider-active{background:#cfcfcf;cursor:default;opacity:1}.unslider ul li img{margin:0}.first{width:96%;margin:0 2%;padding-left:0}.box,.box:nth-child(7){padding:0 2%}}#all-menu-navbar::after,.clearfloat::after{content:"";height:0;clear:both;visibility:hidden;display:block}@media (max-width:500px){.footer .footer-part{width:70%;float:left;margin:0 15% 30px}}@media (max-width:480px){.related-art .cont .txt{width:100%}}@media (max-width:400px){.unslider ul li img{width:95%}a.more{margin-top:0;float:left}}.clearfloat::after{overflow:hidden}.clearfloat{zoom:1}#all-menu-navbar{max-width:1200px;width:100%;overflow:visible;margin:0 auto}#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}}