@charset "utf-8";
html, div, body, p, li, form, img, dd, h1, h2, h3, h4, input{margin:0 auto;padding:0;font:16px/1.8em  "Arial","Helvetica","Verdana","sans-serif";color:#555;font-weight:normal;}
img{border:none;}
a, a:hover, a:link, a:visited{text-decoration:none;color:#FFF;}
ul, li{margin:0;padding:0;list-style:none;}
.left{float:left;}
.right{float:right;}
.container{max-width:1000px;overflow:hidden;}
.flex-box,.flex_box{display:-webkit-box;display: -webkit-flex;display: flex;flex-direction: row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
/*ads*/
.top-ads{position:relative;background:#FFE9BF url(/images/system/top-ads-special-offer.svg) no-repeat 50% 0;}
.ads{height:100px;display:block;}
.top-ads img{position:absolute;right:0px;top:0px;cursor:pointer;}
/*Top_fixed_nav*/
.rollTopfone-top{display:none;box-sizing:border-box;top:0;width:100%;background-color:#fff;border-top:3px solid #33abe9;box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);position:fixed;z-index:1;}
.rollTopfone-top .container{width: 96%;box-sizing:border-box;}
.rollTopfone-top p.des{font-size:24px;color:#666666;float:left;line-height:30px;display:inline-block;width:60%;padding:10px 2px;}
.rollTopfone-top .win-mac{float:right;max-width:334px;width:100%;margin:12px 0;overflow:hidden;}
.rollTopfone-top .win-mac.single{max-width:180px}
.rollTopfone-top a.win, .rollTopfone-top a.mac{float:left;background:#3fc91f url(/images/download/btn-fix.png) no-repeat 10px 10px;height:40px;color:#FFF;padding:0 10px 0 40px;font-size:16px;line-height:40px;text-decoration:none;display:block;}
.rollTopfone-top a.mac{background:#3fc91f url(/images/download/btn-fix.png) no-repeat 10px -28px;padding:0 10px 0 40px;}
.rollTopfone-top a.win:hover, .rollTopfone-top a.mac:hover{background-color:#37d912;}
.rollTopfone-top a:nth-last-child(1){margin-left: 15px;}
/*Navigation Style*/
#header{width:100%;height:90px;top:0;background:url(/style-response/images/resource/top-bg.png) repeat-x 40% bottom;position:relative;}
#header .container{overflow:visible;}
#logo{float:left;display:block;margin:20px 0 0 10px;width:240px;}
#header .menu{position:relative;height:90px;float:right;}
#header .menu li{float:left;}
#header .menu li p, #header .menu li a{display:block;width:85px;margin-top:45px;line-height:45px;font-size:16px;color:#222;text-align:center;}
#header .menu li a{text-decoration:none;}
#header .menu li:hover,#header .menu li a:hover,#header .menu li:hover a{color:#ffffff;}
#header .menu li.curr:hover,#header .menu li.curr a,#header .menu li.curr:hover a{color:#ffffff;line-height:45px;}
#header .menu li.nav-resource:hover,#header .menu li.nav-resource.curr{background:url(/style-response/images/icon-2.png) 22px -178px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-video:hover,#header .menu li.nav-video.curr{background:url(/style-response/images/ico-1.png) 22px -90px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-dvd:hover,#header .menu li.nav-dvd.curr{background:url(/style-response/images/ico-1.png) 22px -180px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-iphone:hover,#header .menu li.nav-iphone.curr{background:url(/style-response/images/ico-1.png) 22px -270px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-ipad:hover,#header .menu li.nav-ipad.curr{background:url(/style-response/images/ico-1.png) 22px -360px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-itunes:hover,#header .menu li.nav-itunes.curr{background:url(/style-response/images/ico-1.png) 22px -450px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-android:hover,#header .menu li.nav-android.curr{background:url(/style-response/images/ico-1.png) 22px -540px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-pdf:hover,#header .menu li.nav-pdf.curr{background:url(/style-response/images/ico-1.png) 22px -630px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-store:hover,#header .menu li.nav-store.curr{background:url(/style-response/images/icon-2.png) 22px -2px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.nav-product:hover,#header .menu li.nav-product.curr{background:url(/style-response/images/icon-2.png) 22px -88px #0db1ee no-repeat;width:85px;height:90px;}
#header .menu li.curr dd a, #header .menu li.curr:hover dd a{line-height:25px;}
.toggle-nav{display:none;}
/* header_article */
.header_article{width: 100%;height: 70px;position: relative;}
.header_article .container{max-width: 1000px;}
.header_article .flex_box{display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.header_article div.logo{max-width: max-content;margin: 16px 0px 0px;height: 100%;}
.header_article div.menu{margin-right: 0px;}
.header_article div.menu ul.menu_list{overflow: hidden;}
.header_article div.menu ul.menu_list li{float: left;}
.header_article div.menu ul.menu_list li a{display: inline-block;}
.header_article div.menu ul.menu_list a{color: #222;font-size: 16px;font-weight: bold;padding: 24px 20px;}
.header_article div.menu ul.menu_list li.nav-special a{padding: 14px 24px;}
.header_article div.menu ul.menu_list li.nav-special a img{width: 100%;max-width: 64px;}
.header_article div.menu ul.menu_list li a:hover{color: #326DFF;}
.header_article div.menu ul.menu_list li.nav-special a:last-child{padding-right: 0px;}
.header_article div.menu ul.menu_list li.nav-special img{vertical-align: middle;width: 100%;max-width: 64px;}
.header_article div.toggle{display: inline-block;width: 26px;height: 26px;position: relative;margin: auto 10px;border-radius: 12px;display: none;}
.header_article div.toggle i{display: block;width: 26px;height: 2px;background-color: #333;margin-top: 12px;}
.header_article div.toggle i::before,.header_article div.toggle i::after{content: "";clear: both;position: absolute;width: 26px;height: 2px;left: 0px;transition: top .2s .3s ease,transform .3s ease;-webkit-transition: top .2s .3s ease,-webkit-transform .3s ease;background-color: #333;}
.header_article div.toggle i::before{top: 22px;}
.header_article .toggle i::after{top: 2px;}
.header_article .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_article .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_article .toggle.active i{background: transparent;-webkit-transition: all .2s 0s ease;transition: all .2s 0s ease;}


/*Banner*/
#article{overflow:visible;}
.info{background:url(/style-response/images/resource/ban.jpg) no-repeat center #0db1ee;min-height:115px;}
h1{font-size:34px;line-height:50px;color:#FFF;text-align:center;padding:30px 10%;width:80%;max-width:800px;}
.info .title p{font-size:16px;line-height:30px;color:#FFF;padding-top:5px;}
.innav-bg{background:url(/style-response/images/resource/innav.png) no-repeat center;height:60px;overflow:hidden;}
ul.innav{width:100%;padding:15px 0 15px 40px;max-width:960px;margin:0 auto;}
ul.innav li{overflow:hidden;display:inline;padding-right:30px;}
ul.innav li a{background:url(/style-response/images/resource/arrow-w.png) no-repeat 0 2px;width:10px;height:12px;padding-left:20px;line-height:30px;color:#FFF;}
ul.innav li a:hover{background:url(/style-response/images/resource/arrow-b.png) no-repeat 0 2px;color:#5ad2ff;}
/*Content*/
#content{clear:both;overflow:hidden;} 
.container{max-width:1000px;overflow:hidden;}
.container h2{width:100%;font-size:24px;line-height:30px;padding-top:15px;}
/*article_right*/
.article_right{-webkit-position: fixed;position: fixed;top: 299px;right: 89px;width: 100%;max-width: 281px;background: #FFFFFF;box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.14);border-radius: 0px;text-indent: 16px;}
.article_right .top_zoon{box-sizing:border-box;padding:21px 0 20px;width: 100%;height: 63px;background: #0DB1EE;position: relative;font-size: 22px;font-weight: 600;color: #FFFFFF;line-height: 22px;}
.article_right .top_zoon i{display: block;position: absolute;top: 25px;left: 251px;width: 21px;height: 13px;background: url(/images/recommend/right-article-icon.png) no-repeat center;cursor: pointer;transition: all linear .3s;}
.article_right.active .top_zoon i{-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}
.article_right ul{overflow: hidden;margin:9px 0;overflow-y: auto;height: 245px;transition: all linear .3s;width: 100%;}
.article_right.active ul{display: none;}
.article_right li{padding:13px 0;font-size: 16px;font-weight: 400;color: #333333;line-height: 22px;}
.article_right li a{color:#333;}
.article_right li a:hover{color:#0DB1EE;}


/*Introduction*/
.intro{overflow:hidden;max-width:1000px;padding-top:15px;}
.intro h2{width:100%;font-size:28px;padding-top:15px;}
.intro h3{width:100%;font-size:24px;line-height:30px;padding-top:10px;}
.intro h3 a{color:#0080C0;}
.intro h3 a:hover{text-decoration:underline;}
.intro h4{width:100%;font-size:18px;line-height:30px;padding-top:5px;}
.intro .title{width:100%;float:left;font-size:28px;line-height:40px;padding-bottom:5px;overflow:hidden;}
.intro .arrow{background:url(/style-response/images/resource/step.png) no-repeat;width:65px;height:27px;text-align:center;font-size:16px;margin-right:10px;margin-top:2px;color:#FFF;}
.intro .stepshow{width:100%;float:left;font-size:28px;line-height:40px;padding:5px 0;overflow:hidden;}
.intro .fea{font-weight:bold;}
.intro .firstpic{max-width:696px;width:100%;}
.intro p{padding-top:5px;}
.intro p a{color:#0a92e8;}
.intro p a:hover{text-decoration:underline;}
.intro img{max-width:100%;max-width:600px;height: auto;}
.intro .bold{font-weight:bold;}
.intro .guide-img p{font-size:12px;margin-left:150px;}
.intro ul{width:100%;}
.intro ul li{line-height:25px;}
.intro ul li span{font-weight:bold;}
.intro ul li a{color:#0a92e8;}
.intro ul li a:hover{text-decoration:underline;}
p span{font-weight:bold;}
.intro .btn{margin:20px auto;overflow:hidden;}
.intro .btn .downw,.intro .btn .win{float:left;background:url(/style-response/images/resource/btn-m.png) no-repeat;width:300px;height:65px;display:block;margin-right:2%;}
.intro .btn .downw:hover,.intro .btn .win:hover{background-position:0 -65px;}
.intro .btn .downm,.intro .btn .mac{float:left;background:url(/style-response/images/resource/btn-m.png) 0 -130px no-repeat;width:300px;height:65px;display:block;margin-right:2%;}
.intro .btn .downm:hover,.intro .btn .mac:hover{background-position:0 -195px;}
.btn .mobile{display: none !important;}
.table_box{overflow-x: auto;}
.intro table{margin:20px 0 10px 0;}
.intro table tr th{font-weight:bold;border:1px solid #0db1ee;padding:5px 10px;}
.intro table tr td{border:1px solid #0db1ee;padding:5px 10px;}
.intro p a.download{font-size:20px;}
ul#part{border:1px solid #50b8ed;border-radius:5px;padding:10px 20px;margin:10px 0;max-width:600px;}
ul#part li a{color:#0a92e8;background:url(/style-response/images/product/blue_bot.jpg) no-repeat 0 center;padding-left:10px;}
ul#part li a:hover{text-decoration:underline;}
p.part{margin-top:20px;margin-bottom:20px;font-size:20px;}
/*Recommendation*/
.rec-intro{max-width:1000px;font-size:28px;line-height:40px;padding-top:30px;}
.rec-bg{margin-top:30px;background-color:#eef5fb;}
.rec{background:#4a667b;max-width:1000px;overflow:hidden;}
.rec .pic{float:left;width:48%;margin-right:2%;}
.rec .pic img{width:100%;max-width:480px;}
.rec .pro{float:left;width:50%;padding:30px 0 10px 0;}
.rec .pro .title{width:100%;}
.rec .pro .title a{font-size:30px;line-height:45px;color:#FFF;}
.rec .pro .title a:hover{text-decoration:underline; }
.rec .pro ul{padding:10px 4% 0 0;}
.rec .pro ul li{width:100%;font-size:16px;color:#FFF;padding-top:5px;}
.rec .pro .btn{margin:20px 0 10px 0;}
.rec .pro .btn .downw,.rec .pro .btn .win{background:url(/style-response/images/resource/btn-s.png) no-repeat;float:left;width:216px;height:49px;margin-right:20px;}
.rec .pro .btn .downw:hover,.rec .pro .btn .win:hover{background-position:0 -49px;}
.rec .pro .btn .downm,.rec .pro .btn .mac{float:left;background:url(/style-response/images/resource/btn-s.png) 0 -98px no-repeat;width:216px;height:49px;}
.rec .pro .btn .downm:hover,.rec .pro .btn .mac:hover{background-position:0 -147px;}
/*Guide-Step*/
.step-bg{background:url(/style-response/images/resource/top-bg.png) repeat-x 40% 0;height:5px;margin-top:20px;}
.step{padding:20px 0;overflow:hidden;}
.step .left{float:left;}
.step .step-intro{font-weight:bold;}
.step .bold{font-weight:bold;}
.step .wrap{padding-bottom:20px;}
.step .wrap2{padding-bottom:20px;background-color:#eef5fb;}
.step .txt1{width:100%;padding-bottom:10px;padding-top: 20px;}
.step .txt{width:50%;padding-top:20px;padding-right:5%;}
.step .title{width:100%;}
.step .title .arrow{background:url(/style-response/images/resource/step.png) no-repeat;width:65px;height:27px;text-align:center;font-size:16px;margin-right:10px;color:#FFF;}
.step .title h3{font-size:18px;line-height:28px;padding-bottom:10px;}
.step .title h4{font-size:18px;line-height:28px;padding-bottom:10px;}
.step h2{width:100%;font-size:24px;line-height:40px;padding:10px 0 20px 0;}
.step h3{width:100%;font-size:20px;line-height:40px;}
.step h3 a{color:#0080C0;}
.step h3 a:hover{text-decoration:underline;}
.step p{padding-bottom:10px;width:100%;line-height:25px;}
.step p a{color:#0080C0;}
.step p a:hover{text-decoration:underline;}
.step .pic1{width:40%;max-width:400px;padding-top:20px;}
.step .pic1 img{max-width:400px;width:100%;}
.step .tip{max-width:1000px;}
.step .tip span{font-weight:bold;}
.list-title{font-weight:bold;}
.arrow-s{background:url(/style-response/images/resource/step-s.png) no-repeat;width:60px;height:23px;text-align:center;font-size:14px;margin-right:10px;color:#FFF;}
ul li .arrow-special{background:url(/style-response/images/resource/step-s.png) no-repeat;width:60px;height:23px;text-align:center;font-size:14px;margin-right:10px;color:#FFF;}
/*FAQ*/
.faq{margin:20px auto;border-bottom:1px solid #bdbdbd;}
.faq .faq-item{box-sizing:border-box;width:100%;padding:0 50px;border-top:1px solid #bdbdbd;overflow:hidden;transition:0.5s;}
.faq .faq-item:hover{background:#e3f0ff;}
.faq .faq-item.active{background:#e3f0ff;}
.faq .faq-item .faq-question{box-sizing:border-box;font-size:18px;padding:20px 0;position:relative;cursor:pointer;padding-right:30px;}
.faq .faq-item .faq-question::after{content:"";display:block;width:20px;height:12px;background:url(/style-response/images/resource/arrow.png) no-repeat 0 0;position:absolute;right:0;top:30px;}
.faq .faq-item.active .faq-question::after{background-position: 0 -12px;}
.faq .faq-item .faq-answer{font-size:16px;padding:0 0 20px;}
/*Download*/
.down{width:90%;margin-top:20px;padding-left:10%;overflow:hidden;}
.down .downw{float:left;background:url(/style-response/images/resource/btn-b.png) no-repeat;width:370px;height:81px;display:block;margin-right:2%;}
.down .downw:hover{background-position:0 -81px;}
.down .downm{float:left;background:url(/style-response/images/resource/btn-b.png) 0 -162px no-repeat;width:370px;height:81px;display:block;}
.down .downm:hover{background-position:0 -243px;}
/*Related*/
.relate{margin:30px auto 50px auto;overflow:hidden;max-width:1000px;}
.relate .intro{float:left;font-size:28px;overflow:hidden;width:100%;}
.relate .artl, .relate .artr{float:left;width:46%;border:#eef5fb solid 3px;margin-top:20px;overflow:hidden;}
.relate .artr{margin-left:3%;}
.relate a.title{width:90%;padding:10px 5%;display:block;font-size:16px;color:#11b0ee;}
.relate a.title:hover{text-decoration:underline;}
.relate .txt{float:left;width:90%;background-color:#eef5fb;padding:10px 5%;}
.relate .txt .pic{float:left;max-width:54px;margin-right:2.6%;}
.relate .txt p{float:left;width:80%;line-height:25px;}
/*Related New*/
.related-art{box-sizing:border-box;padding:40px 0 50px 0;width:100%;max-width:1000px;}
.related-art .title{box-sizing:border-box;font-size:28px;width:100%;max-width:1000px;overflow:hidden;}
.related-art .cont{box-sizing:border-box;margin-top:20px;display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:hidden;}
.related-art .cont .txt{float:left;width:24%;line-height:25px;margin-right:10px;}
.related-art .cont p{float:left;font-size:16px;line-height:25px;width:90%;}
.related-art .cont a{color:#11b0ee;font-size:18px;display:block;width:100%;}
.related-art .cont a:hover{text-decoration:underline;opacity:0.8;}
.related-art .cont img{max-width:240px;width:100%;}
.related-art .cont img a:hover{}
.related-art .cont .tit{margin:15px 0 5px 0;width:90%;}
.related-art .more{font-size:26px;line-height:30px;color:#29d085;text-align:center;width:200px;border:#29d085 2px solid;border-radius:5px;display:block;padding:10px 15px;margin:30px auto 20px auto;}
.related-art .more:hover{background:#29d085;color:#FFF;}
.related-art .title-s{font-size:36px;text-align: center;}
/*Pro Video*/
#article .arti-body iframe{width:640px;height:360px;}
.youtube-bg{max-width:1000px;margin:10px 0;overflow:hidden;}
.frame-video{display:block;width:100%;max-width:663px;}
.youtube-player{display:block;width:100%;padding-bottom:56.25%;overflow:hidden;position:relative;width:100%;height:100%;cursor:hand;cursor:pointer;display:block;}
img.youtube-thumb{bottom:0;display:block;left:0;margin:auto;max-width:640px;width:100%;position:absolute;right:0;top:0;}
div.play-button{height:136px;width:136px;left:50%;top:32%;margin-left:-65px;margin-top:-36px;position:absolute;background:url(/images/video-guide/article-play-button.png) no-repeat;}
#youtube-iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/*Author Info*/
#author-info{background-color:#f7f7f7;overflow:hidden;padding:30px 0;margin-top:20px;}
#author-info .vcard{max-width:1000px;overflow:hidden;}
#author-info #author{font-size:16px;line-height:30px;}
#author-info #author .auth-follow{overflow:hidden;float:left;margin-right:30px;}
#author-info #author a{color:#11c2f8;}
#author-info span{font-size:16px;}
#author-info #author a:hover{text-decoration:underline;}
#author-info-new{background-color:#f7f7f7;overflow:hidden;padding:30px 0;margin-top:20px;}
#author-info-new .vcard{max-width:1000px;overflow:hidden;}
#author-info-new #author{font-size:16px;line-height:30px;}
#author-info-new #author .auth-follow{overflow:hidden;float:left;margin-right:30px;}
#author-info-new #author a{color:#11c2f8;}
#author-info-new span{font-size:16px;}
#author-info-new #author a:hover{text-decoration:underline;}
/*Author Page*/
#author-bg{background:#58b2ff;overflow:hidden;}
#author-1{width:100%;max-width:1200px;margin:40px auto;overflow:hidden;}
#author-1 h1{font-size:32px;line-height:30px;color:#FFF;text-align:center;padding: 0;}
#author-1 img{margin:20px auto;display:block;}
#author-1 .info{font-size:16px;width:80%;color:#FFF;text-align:center;background: none;min-height: 0px;line-height: 25px;}
/*discuss*/
.discuss{max-width:1000px;overflow:hidden;padding-bottom:50px;}
.discuss>.add-review{text-align: center;font-size: 18px;color:#0d48b1;cursor: pointer;background:#eef4ff;padding-top: 15px;padding-bottom: 15px;text-decoration: underline;max-width:1000px;width: 100%;}
.discuss>.add-review:hover{color:#f90000;}
.discuss>.add-review img{vertical-align: -15px;margin-right: 20px;}
.discuss iframe{max-width:1000px;width: 100%;}
/* addthis */
#share-list{position:fixed;left:0;top:40%;overflow:hidden;}
#share-list li{width:36px;height:36px;transition:0.5s;float:right;clear: both;margin-bottom: 2px;background:#2853a0;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;cursor: pointer;}
#share-list li img{width: 30px;margin: auto !important;}
#share-list li:hover{background:#0da6ff !important}
#share-list li.gmail svg,#share-list li.reddit svg,#share-list li.whatsapp svg{width: 25px;height: 25px;}

.center{width:100%;overflow:hidden;background:url(/images/support/support-banner-new.jpg) no-repeat center;height:247px;}
.center h1{font-size:50px;color:#fff;text-align:center;margin-top:35px;width:100%;}
.center p{font-size:20px;color:#fff;text-align:center;width:100%;}
.intro-innav{background:#e9e9e9;padding:15px 15px 15px 30px;margin:20px 0;border-radius:5px;}
.intro-innav a{color:#0080C0;}
.intro-innav a:hover{text-decoration:underline;}
/*tutorial*/
.view-info-right ul.tutorial-left, .view-info-right ul.tutorial-middle, .view-info-right ul.tutorial-right{width:30%;float:left;margin-top:3%;}
.view-info-right ul.tutorial-left{width:33%;}
.view-info-right ul.tutorial-middle{width:30%;}
.view-info-right ul.tutorial-right{width:33%;}
.view-info-right .product-tutorial{border:1px solid #e5e5e5;height:150px;margin-top:5%;}
.product-tutorial p{text-align:center;border-bottom:1px solid #e5e5e5;padding-top:1%;padding-bottom:1%;font-size:20px;width:600PX;}
.product-tutorial ul li{text-align:center;}
ul#version{width:400px;margin:0 auto;overflow:hidden;display:block;}
ul#version li{float:left;text-align:center;width:220px;border:1px solid #0db1ee;line-height:24px;}
ul#version li.active{background:url(/images/support/win-mac.png) no-repeat 0px 0px;width:171px;color:#fff;border:none;padding:24px 0;font-size:18px;}
ul#version li.mac{background:url(/images/support/win-mac.png) no-repeat -171px 1px;width:171px;border:none;}
ul#version li a{color:#222222;display:block;width:171px;text-align:center;border-radius:0 5px 5px 0;padding:24px 0;}
.center{width:100%;overflow:hidden;background:url(/images/support/banner.jpg) no-repeat center;height:248px;}
/*Footer*/
.footer{background: #000A3E;padding-top: 30px;padding-bottom: 25px;}
.footer>div{align-items: center;overflow: visible;max-width: 1200px;height: auto;background: none;}
.footer .text{text-align: center;margin: 0;}
.footer .text a{font-size: 14px;color: #fff;line-height: 32px;}
.footer .text p{font-size: 14px;color: #fff;line-height: 32px;}
.footer .language{position: relative;margin: 0;}
.footer .language .change_language{min-width: 182px;height: 40px;line-height: 40px;background: #fff;border-radius: 8px;font-size: 14px;color: #000;padding-left: 8px;padding-right: 8px;box-sizing: border-box;cursor: pointer;}
.footer .language .change_language::before{clear: both;content: "";background: url(/images/index/earth-symbol.svg);width: 22px;height: 22px;display: inline-block;vertical-align: -6px;margin-right: 8px;}
.footer .language .change_language::after{clear: both;content: "";background: url(/images/index/language-dropdown-button.svg);width: 10px;height: 6px;display: inline-block;vertical-align: middle;margin-left: 10px;transition: all .3s linear;}
.footer .language.active .change_language::after{transform: rotate(180deg);}
.footer .language .language_box{overflow:hidden;position:absolute;bottom:60px;right:0;box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.13);display: none;font-size: 0;display: none;background: #F2F6FF;border-radius:15px;overflow: hidden;}
.footer .language.active .language_box{display: block;}
.footer .language .language_box>div{display:flex;width: 460px;padding:15px 5px 55px 45px;justify-content: flex-start;flex-wrap: wrap; box-sizing: border-box;}
.footer .language .language_box a{font-size: 14px;color: #000;width: 100px;display: inline-block;margin-top: 30px;}
.footer .language .language_box a:hover{color:#4349f2;text-decoration:none}

/* youtube-video */
.youtube-video{position: relative;display: inline-block;margin-top: 10px;margin-bottom: 10px;}
.youtube-video img{max-width: 100%;}
.youtube-video img:last-child{width: 85px;height: 85px;}
.youtube-video>img.youtube-video-play{position: absolute;top:50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);cursor: pointer;}
.youtube-video-mask{position: fixed;top:0px;left: 0px;background: rgba(0,0,0,0.4);width: 100%;height: 100%;z-index: 999;}
.youtube-video-mask>div{max-width: 800px;width: 90%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);height: 0px;background: #000;overflow: visible !important;}
.youtube-video-mask>div iframe{width: 100%;height: 450px;}
.youtube-video-mask>div i{width: 36px;height: 36px;background: url(/images/youtube/close.png);background-position-y: -0px;position: absolute;right: -16px;top:-16px;cursor: pointer;}
/*Go Top*/
#goTop{background:url(/style-response/images/gotop.png) scroll 0 0;width:58px;height:58px;position:fixed;right:10px;bottom:10px;cursor:pointer;}
/*cookie*/
.usernotice_pop{display: table;width:280px;padding: 7px;position: fixed;bottom: 10px;	right:70px;background: rgba(0,0,0, 0.55);z-index: 1000;text-align: center;color: #fff;border-radius: 5px;transition: all 0.3s ease;font-size:12px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{cursor:pointer;border:1px solid #fff;margin:10px 5px;width:50%;padding:0 5px;white-space:nowrap;}

/* bread */
.breadcrumb{width: 100%;text-align: left;font-size: 16px;color: #555555;line-height: 18px;padding: 0px 0px 24px;box-sizing: border-box;margin-top: -26px;}
.breadcrumb .inner_box{max-width: 1000px;width: 100%;text-align: left;}
.breadcrumb .inner_box a{color: #555555;line-height: 18px;margin: 0px 6px;font-weight: 400;font-size: 16px;}
.breadcrumb .inner_box a:first-child{margin-left: 0px;}
.breadcrumb .inner_box>span{margin-left: 6px;font-size: 16px;}
.breadcrumb .inner_box a:hover{color: #11C1F5;}

/* 按钮改版 */
.btn_v1{font-size: 0;display: flex;flex-wrap: wrap;}
.btn_v1.mac_btn{display: none;}
.btn_v1 .mobile_btn{display: none;}
.btn_v1 a{min-width: 220px;height: 56px;line-height: 54px;border: 1px solid #fff;box-sizing: border-box;border-radius: 40px;background: #326DFF;font-size: 18px;font-weight: bold;color: #fff;text-align: center;display: inline-block;margin-right: 20px;overflow: hidden;position: relative;margin-top: 20px;}
.btn_v1 a:hover{text-decoration: none;}
.btn_v1 a span{display: block;position: relative;left: 0;}
.btn_v1 a:hover span{left: 100%;transition: all .3s linear;}
.btn_v1 a span::before{width: 24px;height: 24px;margin-right: 6px;background: url(/images/products/icons.svg);clear: both;content: "";display: inline-block;vertical-align: -5px;}
.btn_v1 a.buy{margin-right: 0px;background: #FF6F36;}
.btn_v1 a.buy span::before{display: none;}
.btn_v1 a::before{width: 100%;height: 100%;clear: both;content: "";position: absolute;background: #3290FF;top: 0px;left: -100%;border-radius: 40px;}
.btn_v1 a.buy::before{background: #FF8F3E;}
.btn_v1 a:hover::before{left: 0px;transition: all .3s linear;}
.btn_v1 a::after{width: 24px;height: 24px;position: absolute;left: -50%;top: 50%;clear: both;content: "";background: url(/images/products/icons.svg);transform: translate(-50%,-50%);background-position-y: -48px;}
.btn_v1 a.buy::after{background-position-y: -72px;}
.btn_v1 a:hover::after{left: 50%;transition: all .3s linear;}
.btn_v1.mac_btn a span::before,.btn_v1.mac a span::before,.btn_v1 a.mac span::before{background-position-y: -24px;}

.intro .btn_v1{margin-bottom: 20px;}

.rollTopfone-top>div{display: flex;align-items: center;justify-content: space-between;}
.rollTopfone-top p.des{margin: 0;width: auto;flex: 1;}
.rollTopfone-top .btn_v1{align-self:center;height: auto;margin: 0 !important;}
.rollTopfone-top .btn_v1 a{min-width: 158px;height: 32px;line-height: 30px;font-size: 14px;margin-top: 0px;}
.rollTopfone-top .btn_v1 a.down{margin-right: 12px;}
.rollTopfone-top .btn_v1 a span::before{width: 20px;height: 20px;background-size: 20px 80px;margin-right: 4px;}
.rollTopfone-top .btn_v1 a.mac span::before{background-position-y: -20px;}
.rollTopfone-top .btn_v1 a.mac{padding: 0;background: #326DFF;margin: 0px;}

@media screen and (max-width:1800px){
  .article_right{right: 0;}
}
@media screen and (max-width:1580px){
  .article_right{display: none;}
}
@media screen and (max-width:1200px) {
  .header_article div.menu ul.menu_list li{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
  }
  
  .footer>div{flex-direction: column;}
  .footer>div .language{order: 2;margin-top: 20px;margin-bottom: 20px;}
  .footer .language .language_box{right: unset;left: 50%;transform: translateX(-50%);}
  .footer>div .text{order: 3;}
}
@media screen and (max-width:1020px){
.container,.intro,.relate,.rec-intro,.relate{width:95%;}
.view-info-right{width:100%;float:left;margin-left:0px;margin-top:5%;}
.related-art .title{padding-left:10px;}
.related-art .cont .txt{width:22%;margin-left:10px;}
.discuss{width: 95%;}
.breadcrumb{width: 95%;}
}
@media screen and (max-width:1000px){
#header .container{width:100%;}	
.toggle-nav{float:right;background:#0db1ee;display:inline-block;color:#fff;font-size:45px;padding:33px;}
.toggle-nav:hover,.toggle-nav .active{text-decoration:none;color:#0FF;}
#header .menu{padding:0;}
#header .menu ul{position:absolute;z-index:90;top:100%;right:0;padding:10px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#fff;border:1px solid #69b5c8;}
#header .menu ul:after{content:"";position:absolute;top:0%;right:15px;transform:translate(0%, -100%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff;}
#header .menu ul.active{display:none;}
#header .menu li a{margin-top:0;}
#header .menu li a:hover,#header .menu li a.curr:hover{background-color:#0db1ee;color:#fff;}
#header .menu li.nav-resource:hover,#header .menu li.nav-resource.curr,#header .menu li.nav-video:hover,#header .menu li.nav-video.curr,#header .menu li.nav-dvd:hover,#header .menu li.nav-dvd.curr,#header .menu li.nav-ipad:hover,#header .menu li.nav-ipad.curr,#header .menu li.nav-android:hover,#header .menu li.nav-android.curr,#header .menu li.nav-itunes:hover,#header .menu li.nav-itunes.curr,#header .menu li.nav-iphone:hover,#header .menu li.nav-iphone.curr,#header .menu li.nav-pdf:hover,#header .menu li.nav-pdf.curr{background:none;width:auto;height:auto;background-color:#0db1ee;color:#fff;}
#header .menu li:hover .subnav{display:none;}
.innav-bg, .innav{display:none;}
.go-top{bottom:0;right:0;}
.top-ads{background:#FFE9BF url(/images/system/top-ads-special-offer-pad.svg) no-repeat 50% 0;}
.ads{height:61px;display:block;}

.header_article div.menu ul.menu_list{display: none;right: 0px;}
.header_article div.toggle{display: inline-block;margin: 22px 0px;}
.header_article .container{overflow: visible;}

.header_article div.menu ul.menu_list{position: absolute;height: auto;top: 70px;background-color: #fff;border-radius: 0px 0px 12px 12px;box-shadow: 0 1px 1px rgb(0 0 0 / 15%);padding: 10px;border: 1px solid #69b5c8;}
.header_article div.menu ul.menu_list li{float: none;}
.header_article div.menu ul.menu_list li a{display: block;width: 90px;text-align: center;padding: 16px 0px 16px;}
.header_article div.menu ul.menu_list.active{display:block;}
.header_article div.menu ul.menu_list li.nav-special{display: none;}

}
@media screen and (max-width:940px){	
.rec .pic img{float:left;width:100%;vertical-align:middle;}
.rec .pro{padding:20px 0 10px 0;}
.rec .pro .title a{font-size:2.0em;line-height:40px;}
.rec .pro ul li{font-size:1.0em;}
.rec .pro .btn .downw, .down .downw{margin-bottom:10px;}
.down{width:50%;margin-top:10px;}
}
@media screen and (max-width:860px){
.related-art .cont .txt{width:45%;padding-bottom:30px;}
.rollTopfone-top p.des{display:block;float:none;margin:0 auto;width: 100%;}
.rollTopfone-top .win-mac{display:block;float:none;width: 100%;}
}
@media screen and (max-width:798px){
.intro .btn{margin: 0px;}
.rec .pro{padding:15px 0 20px;}
.rec .pro .title a{font-size:2.0em;line-height:30px;}	
.rec .pro .btn .downw, .rec .pro .btn .downm{display:none;}
.btn .downw,.intro .btn .downm{display: none !important;}
.btn .downw.mobile,.btn .downm.mobile{display: block !important;margin-top: 15px;}
.btn .win.mobile_btn,.btn .mac.mobile_btn{margin-top: 15px;}
.rollTopfone-top{display: none !important;}
.new-rollTopfone-top a{display: none !important;}
.new-rollTopfone-top a.mobile{display: block !important;}
.relate .txt .pic{display:none;}
.relate .txt p{float:left;width:100%;line-height:25px;}
.down{display:none;}
.video-player{width:100%;padding-bottom:0;}
#share-list{display: none;}
}
@media screen and (max-width:680px){
.rec .pro ul li{font-size:1.0em;}
.relate .artl{width:95%;}
.relate .artr{width:95%;margin-left:0;}
.step .txt{width:100%;padding-top:20px;padding-right:5%;}
.step .pic1{width:100%;max-width:400px;padding-top:20px;}
.rec .pic{width:100%;max-width:480px;padding-left:2%;}
.rec .pro{width:100%;max-width:480px;padding-left:2%;}
iframe{width:426px;height:240px;}
.youtube-video-mask>div,.youtube-video-mask>div iframe{height: 200px !important;}
}
@media screen and (max-width:610px){
  .top-ads{background:#FFE9BF url(/images/system/top-ads-special-offer-mobile.svg) no-repeat 50% 0;}
.ads{height:52px;display:block;}
.header_article .toggle-nav{font-size:20px;padding:33px 21px;}
#logo img, #logo{width:155px;}
.item{padding:10px;}
.go-top{bottom:0;right:0;}
.related-art .cont .txt{width:100%;padding-bottom:30px;}
.related-art-s .cont .txt{margin:0 auto;}
.related-art-s .cont img{margin: 0 auto;display: block;}
.related-art-s .cont .tit{text-align: center;width:98%;}
.faq .faq-item{padding:0 10px;}

.footer .language .language_box>div{width: 280px;}
}
@media screen and (max-width:480px){	
  #logo img, #logo{width:180px;margin-top: 5px;}
  .toggle-nav{font-size:20px;padding:18px 15px;line-height: 24px;}
  #look{margin-top: 17px;}
  #header,#header .menu{height: 60px;}
  .sliding{top: 60px;}
  input[type="text"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.info .title{width:90%;}		
.info h1{font-size:28px;line-height:35px;}
.info .title p{font-size:14px;line-height:25px;}
.step h2{padding:0;}
.step .txt{width:100%;}
.step .pic1{width:100%;padding-top:20px;max-width:425px;}
.rec-intro, .relate .intro{font-size:20px;line-height:30px;}
.intro .title{font-size:20px;}
.center h1{font-size:34px;}
}
@media screen and (max-width:400px){
  .usernotice_pop{left: 0;right: 0;margin:0 auto;bottom: 0;width: 100%;max-width: 290px;}
  .breadcrumb .inner_box a,.breadcrumb .inner_box span{font-size: 15px;}
}
@media screen and (max-width: 300px) {
	.usernotice_pop{box-sizing: border-box;text-align: center;}
	.usernotice_pop span{float:none;display: inline-block;width: 45px;margin:5px 5px 2px;}
	}