*{margin:0;padding:0;font-family:wf_segoe-ui_normal,'Segoe UI',Verdana,Arial,sans-serif;}
a{text-decoration:none;cursor:pointer;color:#3083ff;}
a:hover{text-decoration:underline;}
a[name] { scroll-margin-top: 80px;}
li{list-style:none;}
body{overflow-x:hidden;}
.header-nav{position:relative;}
#container{width:100%;max-width:1920px;margin:0 auto;position:relative;}
.clear{clear:both;}
/*--------------*/

/* CSS Document */
.fixed-main-nav{background-color:#fff; position:sticky; position:-webkit-sticky; top:0; z-index:5; box-shadow:0 0 5px rgba(0 0 0 / .1); padding:12px 0;}
.fixed-main-nav .details{width:1200px; display:flex; align-items:center; justify-content:space-between; flex-flow:wrap;}
.fixed-main-nav .nav-logo{margin-left:0; height:auto; text-decoration:none;}
.fixed-main-nav .nav-logo b{font-size:25px; color:#333; margin:0 10px;}
.fixed-main-nav .nav-logo .icon-ai{margin-top:auto;}
.fixed-main-nav-link{display:flex;}
.fixed-nav-down, .fixed-nav-more{padding:8px 15px; margin-left:15px; box-shadow:inset 0 0 0 1px #0fb4ff;border-radius: 3px;}
.fixed-nav-down{background-color:#0fb4ff; color:#fff;}
.fixed-nav-more{color:#FDA928;box-shadow: inset 0 0 0 1px;}
.fixed-nav-down:hover{background-color:transparent; color:#0fb4ff; text-decoration:none;}
.fixed-nav-more:hover{background-color:#FDA928; color:#fff; text-decoration:none;}
@media screen and (max-width:1200px){
	.fixed-main-nav .details{width:auto;}
}
@media screen and (max-width:767px){
	.fixed-main-nav .details{justify-content:center;}
}
/* CSS Document */
header{position:relative;}
header > a{display:none;width:210px;padding:8px 0 0 12px;}
header > a > img{display:block;width:100%;}
.win-plat{display:block;}
.mac-plat{display:none;}
.the-menu{width:30px;border-top:16px double #737373;padding-bottom:7px;border-bottom:5px solid #737373;position:absolute;right:22px;top:16px;z-index:100;cursor:pointer;display:none;}
.after-click{width:30px;height:28px;border:none;padding:0;}
.after-click::before{content:'';width:30px;height:4px;background-color:#737373;transform:rotate(-45deg);position:absolute;top:13px;left:0;}
.after-click::after{content:'';width:30px;height:4px;background-color:#737373;transform:rotate(45deg);position:absolute;top:13px;left:0;}
.header-intro{width:1200px;height:150px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.header-intro > a{display:block;width:122px;margin-right:8px;}
.header-intro > a > img{display:block;width:100%;}
.header-real-intro{width:100%;display:flex;justify-content:space-between;align-items:flex-end;}
.header-left-intro > a:hover{text-decoration:none;}
.header-left-intro > a > img{display:inline-block;vertical-align:bottom;}
.header-left-intro > a > strong{display:inline-block;vertical-align:bottom;font-size:18px;color:#4d4d4d;margin-top:10px;}
.header-left-intro > a > strong > span{color:#fe3232;}
.header-right-intro{text-align:right;float:right;}
.header-right-intro > a{display:block;margin-top:20px;}
.input-content{width:262px;}
.aside-content .input-content{width:auto;margin-bottom:48px;}
.aside-content .input-content > input[type="text"]{width:calc(100% - 40px);box-sizing:border-box;}
.aside-content .input-content > input[type="submit"]{height:30px;}
.input-content > input{outline:none;}
.input-content > input[type="text"]{border-radius:18px 0 0 18px;padding-left:15px;width:205px;height:30px;font-size:13px;color:#999;border:1px solid #999999;border-right:none;}
.input-content > input[type="submit"]{background:url("../seo-img/search-icon.png") no-repeat center;width:40px;height:32px;cursor:pointer;border-radius:0 18px 18px 0;border:1px solid #999999;border-left:none;margin-left:-5px;vertical-align:bottom;}
nav{border-top:1px solid black;border-bottom:1px solid #999;}
nav > ul{display:flex;width:1200px;margin:0 auto;justify-content:center;flex-wrap:wrap;}
nav > ul > li{position:relative;float:left;}
nav > ul > li > a{position:relative;display:block;width:200px;padding:20px 0;font-size:18px;font-weight:700;text-align:center;text-decoration:none;color:#333;}
nav > ul > li > a:hover{text-decoration:none;}
nav > ul > li > a:after{position:absolute;right:0;bottom:-10px;left:0;visibility:hidden;height:3px;margin:0 auto;content:'';transition:All .2s ease-in-out;opacity:0;border-radius:1px;background-color:#c36695;}
nav > ul > li > a:hover:after{visibility:visible;transform:translate3d(0,-9px,0);opacity:1;}
nav > ul > li ul.sub-menu{position:absolute;top:90px;left:0;opacity:0;visibility:hidden;width:100%;padding:10px 0;background-color:#fff;box-shadow:0 2px 5px #eee;font-size:18px;line-height:40px;z-index:9;}
nav > ul > li ul.sub-menu li a{display:block;color:#3b4675;text-decoration:none;padding:0px 15px;box-sizing:border-box;}
nav > ul > li ul.sub-menu li a:hover{background-color:#eaeaea;}
nav > ul > li:hover ul.sub-menu{top:71px;opacity:1;visibility:visible;transition:All 0.2s ease-in-out;}
/*--------------*/
.main-banner{background:url(../seo-img/seo-bg.jpg) no-repeat center / cover;padding:50px 0;}
.main-banner .details{display:flex;align-items:center;justify-content:space-around;width:1200px;padding:0 8px;box-sizing:border-box;}
.main-banner-con{flex-basis:545px;margin:0 1%;}
.main-banner-title{font-size:33px;line-height:1;font-weight:700;padding-bottom:.8em;color:#4F8EF5;}
.main-banner-tema{font-size:20px;}
.main-banner-lists{padding:23px 0;}
.main-banner-lists li{padding:5px 0;}
.main-banner-button a{display:inline-block;font-size:21px;color:#fff;text-decoration:none;padding:.6em 1em;border-radius:5px;}
.main-banner-button a:hover{box-shadow:inset 999px 0 rgba(255 255 255 / .11);}
.main-banner-button a::before{content:'';display:inline-block;width:30px;height:32px;background-image:url(../seo-img/system-icons.png);vertical-align:-7px;margin-right:15px;}
.main-banner-button a:first-child{margin-right:5%;}
.main-banner-button > .detail-button::before{background:url(../seo-img/detail-icon.png) no-repeat;}
.main-banner-button > .download-button::before{background:url(../seo-img/download-icon.png) no-repeat;}
.main-banner-btn-win{background-color:#1BB4FB;}
.main-banner-btn-mac{background-color:#FDA928;}
.main-banner-btn-mac::before{background-position-x:-33px;}
.main-banner-media{margin:0 1%;}
.main-banner-media img{height:auto;}
.main-banner-video-x{cursor:pointer;position:relative;}
.main-banner-video-x::after{display:none;content:"";width:100%;height:100%;top:0;position:absolute;z-index:4;background-color:rgba(0,0,0,0.2);}
.main-banner-video-x:hover::after{display:block;}
.main-banner-video-x img{z-index:5;position:relative;}
.main-banner-video-x span{width:118px;height:118px;background-color:rgba(255,255,255,0.5);border-radius:50%;position:absolute;top:50%;left:50%;margin:-60px 0 0 -60px;z-index:5;}
.main-banner-video-x span::after{content:"";border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:40px solid #ec2d29;position:absolute;left:47px;top:34px;}
.main-banner-video-x:hover span{background-color:rgba(255,255,255,0.7);}
.main-banner-video-x iframe{position:absolute;top:0;width:100%;height:100%;left:0;}
/*--------------*/
/*--------------*/
section{width:1200px;margin:0 auto;padding:40px 0 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
article{width:890px;margin:0 auto;margin-bottom:78px;overflow:hidden;}
.aside-content{width:280px;margin:0 auto;}
/*--------------*/
/*--------------*/
.aside-content > ul{width:280px;margin-bottom:48px;-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 14px 0 rgba(0,0,0,0.1);box-shadow:0 0 14px 0 rgba(0,0,0,0.1);}
.aside-content > ul > h3{height:60px;font-size:25px;line-height:60px;text-indent:20px;color:#333333;background-color:#ddeefc;}
.first-list > li{padding:12px 15px;}
.first-list > li:hover{background-color:#e5e5e5;}
.first-list > li > a{display:flex;justify-content:space-between;}
.first-list > li > a:hover{text-decoration:none;}
.first-list-left{width:82px;height:65px;background-color:#52c2ef;position:relative;}
.first-list-left > span{width:19px;height:19px;font-size:15px;text-align:center;line-height:19px;background-color:#ffcc44;border-radius:50%;color:white;position:absolute;top:-6px;left:-6px;}
.first-list-left > img{display:block;max-width:100%;}
.first-list-right{width:158px;}
.first-list-right > h4{display:inline-block;padding:0 14px;font:15px lighter;color:#333333;line-height:20px;border-radius:10px;background-color:#e8f6fc;margin-bottom:6px;}
.first-list-right > p{font-size:15px;line-height:20px;color:#333333;}
.aside-content > ul.second-list{padding-bottom:0;}
.second-list > li > h4{font-size:15px;line-height:20px;margin:0 15px;padding:18px 0 12px 0;background:url("../seo-img/select-arrow-icon.png") right center no-repeat;cursor:pointer;}
.list-link{display:none;}
.list-link > li{padding:4px;font-size:15px;line-height:20px;color:#333333;text-align:center;}
.list-link > li > .left{padding:3px 15px;text-align:left;font-size:13px;}
.list-link > li > a > strong{color:#c0c0c0;margin:0 6px;}
.list-link > li > a{display:block;color:#333;}
.list-link > li:hover{color:#ffffff;background-color:#549ffd;}
.list-link > li:hover > a{color:#ffffff;text-decoration:none;}
.fixed-style{position:sticky;top:80px;background-color:white;}
.third-list{padding-bottom:18px;}
.third-list > h4{font-size:15px;line-height:20px;padding:14px 18px 10px 18px;}
.third-list > h4 > a{color:#333;}
.third-list > li{padding:4px 8px;margin:0 10px 4px 30px;border-radius:4px;font-size:13px;line-height:20px;color:#333333;border-bottom:1px dashed #c0c0c0;}
.third-list > li > a{color:#333;}
.third-list > li > strong{color:#c0c0c0;font-family:DFKai-SB;margin-right:3px;}
.aside-content .last{margin:0;padding:14px 18px 0;border-bottom:none;}
.aside-content .last:hover{background:none;}
.aside-content .last a img{width:100%;max-width:100%;}
/*--------------*/
/*--------------*/
.advertisement{margin-bottom:74px;}
.advertisement > a > img{display:block;width:100%;}
.breadcrumbs-nav{display:flex;}
.breadcrumbs-nav > li{font-size:17px;color:#333333;margin-right:8px;-webkit-transition:color 0.4s;-moz-transition:color 0.4s;-ms-transition:color 0.4s;-o-transition:color 0.4s;transition:color 0.4s;}
.breadcrumbs-nav > li > a{color:#333;}
.breadcrumbs-nav > .can-hover:hover{color:#549ffd;}
.breadcrumbs-nav > li > a:hover{text-decoration:none;color:#549ffd;}
.tag-list{display:flex;margin:30px 0;}
.tag-list > li{font-size:17px;line-height:26px;color:#333333;padding:0 16px;background-color:#ddeefc;border-radius:13px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.tag-list > li > a{color:#333;}
.tag-list > li:hover{background-color:#bddffc;}
.tag-list > li > a:hover{text-decoration:none;color:#549ffd;}
header > h1{font-size:33px;line-height:46px;color:#333333;font-weight:700;}
header > time{display:block;font-size:17px;color:#333333;margin:22px 0;}
.share-list{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-end;margin-bottom:40px;}
.share-list > a{display:block;width:22.5%;height:40px;border-bottom:4px solid white;border-radius:4px;position:relative;cursor:pointer;}
.share-list > a:hover{border-bottom:none;}
.share-list > a:nth-child(1){background-color:#3b5999;border-bottom-color:#244998;}
.share-list > a:nth-child(2){background-color:#222222;border-bottom-color:#000000;}
.share-list > a:nth-child(3){background-color:#00c400;border-bottom-color:#068c06;}
.share-list > a:nth-child(4){background-color:#008fde;border-bottom-color:#036ca6;}
.share-list > a > span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.share-list > a:nth-child(1) > span{width:12px;height:23px;background:url("../seo-img/share-icons.png") 0 center no-repeat;}
.share-list > a:nth-child(2) > span{width:25px;height:24px;background:url("../seo-img/share-icons.png") -16px center no-repeat;}
.share-list > a:nth-child(3) > span{width:24px;height:24px;background:url("../seo-img/share-icons.png") -43px center no-repeat;}
.share-list > a:nth-child(4) > span{width:21px;height:24px;background:url("../seo-img/share-icons.png") -69px center no-repeat;}
/*--------------*/
article > figure{margin-bottom:20px;}
article > figure > img{max-width:100%;}
.features-list{margin-bottom:10px;}
.features-list > li{font-size:15px;color:#333333;margin-bottom:20px;}
.features-list > li > span{display:inline-block;vertical-align:middle;width:23px;height:23px;color:white;background-color:#f78a19;border-radius:50%;line-height:23px;text-align:center;margin-right:10px; font-size: 90%;}
article h2{padding:18px 20px;background-color:#549ffd;font-size:25px;color:white;border-radius:8px;margin:54px 0 24px 0;}
article h2 > a{text-decoration:none;color:#ffcc44;}
article h3{font-size:21px;line-height:40px;color:#333333;border-bottom:3px solid #549ffd;margin:33px 0 20px 0;}
.style-one{padding-left:11px;border-left:9px solid #549ffd;}
article p{font-size:17px;line-height:40px;color:#333333;margin-bottom:20px;}
article > table{margin:0 auto;background-color:#f7f7f7;border:1px dotted #cad9ea;padding:0 2px 0;text-align:center;}
.category-content{border-top:5px solid #549ffd;padding:26px 68px 32px 68px;background-color:#fcfcfc;}
.category-content > h3{font-size:17px;color:#549ffd;position:relative;line-height:normal;border-bottom:none;margin:auto;}
.category-content > h3 > div{display:inline-block;vertical-align:middle;margin-right:12px;width:20px;height:24px;padding:10px 0 0 14px;background-color:#549ffd;border-radius:50%;cursor:pointer;}
.category-content > h3 > div > span{display:block;width:11px;height:3px;background-color:white;margin-bottom:3px;position:relative;}
.category-content > h3 > div > span::before{content:'';width:3px;height:3px;background-color:white;border-radius:50%;position:absolute;top:0;left:-5px;}
.category-content h4{font-size:17px;color:#333333;margin:32px 0 10px 0;padding-left:14px;cursor:pointer;background:url("../seo-img/black-triangle-icon.png") left 7px no-repeat;}
.category-content h4 > a{color:#333333;}
.category-content h4 > span{display:inline-block;vertical-align:middle;width:14px;height:14px;font:12px lighter;line-height:14px;text-align:center;color:#333333;border:1px solid #333333;border-radius:50%;margin:-2px 2px 0 0;}
.category-content ul > li{padding:10px 0;border-bottom:1px dashed #333333;font-size:13px;margin-left:30px;}
.category-content ul > li > a{color:#333333;}
.category-content ul > li:hover > a{text-decoration:underline;}
.img-intro{margin:40px 0;padding-bottom:10px;text-align:center;}
.img-intro > figure > img{max-width:100%;}
.img-intro > figure > figcaption{font-size:13px;color:#777;line-height:40px;font-style:italic;}
.img-intro > figure > figcaption a{color:#777;text-decoration:underline;}
/*--------------*/
/*--------------*/
.table-container{overflow-x:auto;margin:46px 0;word-break:break-word;}
.intro-table{width:888px;border-collapse:collapse;}
.intro-table-tr > th{font-size:17px;color:white;padding:10px 0;background-color:#549ffd;border:1px solid #4795fe;}
.intro-table-tr > th:first-child{width:228px;}
.intro-table-tr > td{border:1px solid #549ffd;padding:18px 20px;}
.intro-table-tr > td p{font-size:17px;line-height:36px;color:#333333;}
.intro-table-tr > td:first-child p{text-align:center;}
.intro-table-tr > td p > a{text-decoration:underline;}
.intro-table-tr > td p > a:hover{color:#999999;}
.intro-table-tr > td figure > a{display:block;}
.intro-table-tr > td img{display:block;margin:10px auto;}
.intro-table-tr > td figure > a:hover > img{opacity:0.6;}
.intro-table-tr > td figcaption{font-size:17px;color:#333333;text-align:center;margin-bottom:10px;}
.intro-table-tr > td figcaption > span{color:#f30;}
.intro-table-tr > td > a:first-child{display:block;}
.intro-table-tr > td > a.table-button{display:block;width:150px;height:34px;font-size:17px;color:white;line-height:34px;text-align:center;border-radius:4px;margin:0 auto;margin-bottom:10px;background-color:#16b4fd;border:1px solid #16b4fd;}
.intro-table-tr > td > a.table-button:hover{background-color:transparent;text-decoration:none;color:#16b4fd;}
.intro-table-tr > td > a:last-child{background-color:#feaa22;border-color:#feaa22;}
.intro-table-tr > td > a.table-button:last-child:hover{color:#feaa22;}
.intro-table-tr > td > h4,.intro-table-tr > td > p span{display:inline-block;padding:3px;margin:10px 5px;border:1px dashed #549ffd;font-size:15px;line-height:23px;color:#ff342a;background-color:#feeaea;background-origin:border-box;}
.intro-table-tr > td > p > strong{color:#549ffd;font-weight:bold;}
.search-table{border-collapse:collapse;}
.search-table-tr > th{font-size:17px;padding:4px 18px;color:#333333;line-height:30px;background-color:#ebfcf2;border:1px solid #549ffd;}
.search-table-tr > td{padding:20px 10px;border:1px solid #549ffd;font-size:17px;text-align:center}
.search-table-tr > td > span{display:block;width:13px;height:13px;border:2px solid #13A10E;border-radius:50%;margin:0 auto;}
/*--------------*/
/*--------------*/
.another-intro-list > li{margin-bottom:44px;}
.info-list-content{margin-left:34px;border-left:1px solid #20abe3;padding-left:30px;position:relative;}
.info-list-content > img{position:absolute;top:30%;left:-31px;}
.info-list-content > p{font-size:17px;line-height:30px;color:#333333;padding:14px 0;margin:auto;}
.info-list-content > p.the-last-info{padding-top:20px;}
.talk-content{padding:0 40px;margin:18px 0 24px 0;}
.talk-content > li{margin-bottom:50px;}
.talk-content > li::after{content:'';display:block;clear:both;}
.talk-content > li > img{float:left;margin-right:23px;}
.talk-content > li.right-talk-content >img{float:right;margin:0 0 0 23px;}
.talk-content > li > .talk-img{width:83px;height:83px;border:2px solid #d2eafd;border-radius:50%;float:left;margin-right:23px;}
.talk-content > li.right-talk-content > .talk-img{float:right;margin:0 0 0 23px;}
.talk-content > li > .talk-img > img{display:block;max-width:65px;margin:9px auto;}
.talk-content > li > .talk-text{max-width:82%;padding:12px 12px 0;font-size:15px;line-height:38px;background-color:#d2eafd;border-radius:6px;float:left;position:relative;display:inline-block;}
.talk-content > li.right-talk-content > .talk-text{float:right;}
.talk-content > li > .talk-text::before{content:'';width:14px;height:14px;background-color:#d2eafd;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:19px;left:-7px;}
.talk-content > li.right-talk-content > .talk-text::before{left:auto;right:-7px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.some-intro-list{padding:20px 10px 15px 30px;margin-bottom:54px;background-color:#f7f7f7;}
.some-intro-list.bg{background-color:#fbfaf3;}
.some-intro-list > li,.some-intro-list > p{font-size:17px;color:#333333;line-height:40px;margin-bottom:10px;position:relative;}
.some-intro-pre{background-color:#364549;color:#e3e3e3;overflow:auto;font-size:13px;border-radius:5px;line-height:27px;margin-bottom:25px;}
.some-intro-code{padding:15px 20px;display:inline-block;}
.link-button{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:54px;overflow:hidden;}
.link-button > a{display:block;width:364px;padding:14px 0;font-size:21px;color:white;text-align:center;border-bottom:4px solid white;border-radius:7px;}
.link-button > a span{font-size:0.8em;}
.link-button > a:first-child,.link-button > .mac-plat{margin-right:42px;background-color:#16b4fd;border-bottom-color:#118dc6;}
.link-button > a:last-child{background-color:#feaa22;border-bottom-color:#cc891b;}
.link-button > a:hover{text-decoration:none;border-bottom:none;margin-top:4px;}
.btn{text-align:center;margin-bottom:40px;}
.btn > a.left{padding-right:50px;}
.btn > a:hover{opacity:0.6;}
/*--------------*/
/*--------------*/
.product-one,.product-two{padding:20px;border:1px solid #e5e5e5;position:relative;margin-bottom:54px;}
.product-one > a{display:block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.product-one > a:hover{text-decoration:none;opacity:0.6;}
.product-one::after,.product-two::after{content:'';display:block;clear:both;}
.product-one img,.product-two > img{float:left;margin-right:30px;}
.product-two > img{margin-top:32px;}
.product-one h4,.product-two > h4,.product-one .product-title,.product-two .product-title{font-size:25px;color:#333333;line-height:38px;}
.product-one h4 > span,.product-two > h4 > span,.product-one .product-title > span,.product-two .product-title > span{font-size:70%;color:#f00;}
.product-one p,.product-two > p{font-size:17px;line-height:30px;color:#333333;margin:14px 0 36px 0;}
.product-one time{float:right;color:#333;}
.link-container > a{display:block;position:relative;width:620px;padding:15px 10px;background-color:#16b4fd;box-shadow:0 4px 0 0 #118dc6;border-radius:4px;overflow:hidden;font-size:21px;color:white;text-align:center;margin:40px auto;z-index:2;text-decoration:none;}
.link-container > a:hover{text-decoration:none;box-shadow:none;-webkit-transform:translateY(4px);transform:translateY(4px);}
.link-container > a:before{display:inline-block;position:absolute;z-index:-1;left:-30%;top:-50%;content:"";width:30px;height:100px;background-color:#FFFFFF;transition:0.2s;animation:shiny 4s ease-in-out infinite;}
.font-red{color:#ff342a;}
@-webkit-keyframes shiny{0%{-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);opacity:0;}
80%{-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);opacity:0.5;}
81%{-webkit-transform:scale(4) rotate(45deg);transform:scale(4) rotate(45deg);opacity:1;}
100%{-webkit-transform:scale(50) rotate(45deg);transform:scale(50) rotate(45deg);opacity:0;}
}
.special-intro{border:1px solid #549ffd;padding:25px 18px;margin:54px 0;position:relative;border-radius:2px;}
.special-intro > h4,.special-intro > .special-intro-title{font:17px lighter;color:white;background-color:#549ffd;border-radius:2px;line-height:36px;position:absolute;top:-18px;left:24px;padding:0 20px;}
.special-intro > li{font-size:17px;line-height:36px;color:#333333;padding-left:38px;position:relative;}
.special-intro > li > span{color:#549ffd;}
.careful-list{margin:54px 0;padding:0 18px 12px 18px;background-color:#fff6f6;}
.careful-list > h4,.careful-list > .careful-list-title{padding-left:30px;font-size:17px;line-height:42px;color:#ff2727;background:url("../seo-img/red-mark-icon.png") left center no-repeat;font-weight:bold;}
.careful-list > li{font-size:17px;color:#333333;line-height:36px;}
.to-download{margin-left:346px;}
.to-download > a{display:block;width:442px;font-size:21px;color:white;text-align:center;border-radius:14px;padding:12px 20px;}
.to-download > a:first-child,.to-download > .mac-plat{margin-bottom:10px;background-color:#16b4fd;}
.to-download > a:last-child{background-color:#feaa22;}
.to-download > a:hover{text-decoration:none;-webkit-box-shadow:0px 0px 4px 6px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 4px 6px rgba(0,0,0,0.1);box-shadow:0px 0px 4px 6px rgba(0,0,0,0.1);}
/*--------------*/
/*--------------*/
.line{border-bottom:1px solid #e5e5e5;position:relative;margin:60px 0;}
.line > span{display:block;width:10px;height:26px;font-size:20px;line-height:26px;text-align:center;font-family:DFKai-SB;color:#e5e5e5;background-color:white;position:absolute;bottom:-13px;left:calc(50% - 5px);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);}
.video-content{margin-bottom:50px;text-align:center;}
.video-content > h3{font-size:25px;color:#333333;margin:0 0 34px 0;border-bottom:none;line-height:normal;}
.video-content > iframe{background-color:black;margin-bottom:40px;}
.dark-grey{background-color:#6c87a9;color:#ffffff;display:inline;border-radius:5px;padding:5px 10px;text-align:center;margin:0 10px;}
.underline{position:relative;background:linear-gradient(transparent 70%,#FF0 0%);}
.webpage-tags{display:flex;flex-wrap:wrap;padding:20px 0;}
.webpage-tags > li > a{display:block;padding:10px 8px 10px 29px;background:url("../seo-img/tag-icon.png") 8px center no-repeat;border:1px solid #549ffd;color:#549ffd;font-size:17px;margin-right:16px;}
.webpage-tags > li > a:hover{text-decoration:none;background:none;background-color:#549ffd;color:white;padding:10px 18.5px;}
/*--------------*/
/*--------------*/
.review-intro > h4{font:17px lighter;color:#333333;text-align:center;}
.review-intro > a{display:block;width:110px;height:34px;font-size:17px;color:white;line-height:34px;text-align:center;background-color:#48a2e7;border-radius:6px;margin:14px auto;margin-bottom:60px;-webkit-box-shadow:0 0 6px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 0 6px 3px rgba(0,0,0,0.1);box-shadow:0 0 6px 3px rgba(0,0,0,0.1);}
.review-intro > a > span{display:inline-block;vertical-align:middle;width:25px;height:24px;background:url("../seo-img/share-icons.png") -16px center no-repeat;margin-right:3px;}
.review-intro > a:hover{text-decoration:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.to-other{padding:24px 10px 30px 10px;background-color:#f7f7f7;}
.to-other > h4{font:17px lighter;color:#333333;text-align:center;margin-bottom:20px;}
.to-other > a{display:block;width:58%;height:48px;font:17px bold;color:#333333;text-align:center;line-height:48px;border:1px solid #e5e5e5;border-radius:8px;background:#fff url("../seo-img/right-arrow-icon.png") 93% center no-repeat;margin:0 auto;text-decoration:none;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.to-other > a:hover{background-color:#e5e5e5;background-position:95% center;}
address{padding:22px;background-color:#f7f7f7;margin:34px 0 70px 0;}
address::after{content:'';display:block;clear:both;}
address > a{text-decoration: none;}
address > a:hover{text-decoration: none; opacity: 0.6;}
address img{float:left;margin-right:20px;}
address h5{font-size:17px;color:#333333;margin:16px 0 10px 0;}
address p{font-size:17px;color:#333333;margin:13px 0 0 0;line-height:normal;}
.review-persons{margin-bottom:60px;}
.review-persons > h5{font-size:17px;color:#549ffd;margin-bottom:14px;}
.Rating{font-size:14px;}
.Rating .Container > strong{display:none;}
.Rating .ti{font-size:20px;padding-bottom:15px;}
.Rating .stars_box{position:relative;}
.Rating .stars_box{float:left;}
.Rating .stars_box .stars{position:relative;z-index:3;cursor:pointer;}
.Rating .stars_box .stars i{display:inline-block;}
.Rating .stars_box .stars i.hover{background-color:#f9984b;}
.Rating .stars_box .current_box{width:100%;position:absolute;top:0;left:0;}
.Rating .stars_box .current_box span{position:absolute;top:0;left:0;height:25px;width:100%;}
.Rating .stars_box .current_box span.bg_d{background-color:#ddd;}
.Rating .stars_box .current_box span.bg_h{background-color:#f9984b;width:90%;}
.Rating .stars i img{display:block;}
.Rating .text_box{float:left;padding-left:10px;line-height:25px;}
.Rating .text_box span{display:none;}
.Rating .d_text{padding-top:5px;}
.Rating .d_text span{font-size:19px;}
.Rating .d_text b{font-weight:400;}
.Rating .d_text b.rating_thanks{color:#ff6a00;display:none;padding-left:8px;}
.Rating .d_text i{font-style:normal;display:none;}
.review-persons > p{font-size:17px;color:#333333;}
.review-persons > p > span{color:#549ffd;}
.review-section > label{display:block;padding-left:34px;margin-bottom:16px;font:21px bold;background:url("../seo-img/write-icon.png") left center no-repeat;}
.review-section > textarea{width:calc(100% - 22px);max-width:calc(100% - 22px);height:120px;max-height:400px;padding:10px;border:1px solid #e5e5e5;font-size:17px;color:#adadad;margin-bottom:30px;}
.input-list{display:none;}
.input-list > li{margin-bottom:20px;}
.input-list > li > span{font-size:13px;}
.input-list > li > label{display:block;font-size:17px;color:#333333;line-height:23px;margin-bottom:5px;}
.input-list > li > input{width:300px;height:30px;font-size:17px;color:#999999;padding:5px 10px;border:2px solid #e5e5e5;}
.input-list > li > button{display:block;width:146px;height:34px;font-size:17px;line-height:34px;color:white;background-color:#549ffd;border:none;border-radius:4px;}
.input-list > li > button:hover{background-color:#ec8087;}
/*--------------*/
/*--------------*/
.bottom-content{width:890px;padding:36px 0 56px 0;border-top:1px solid #549ffd;position:relative;}
.bottom-content > h4{font-size:21px;color:white;width:240px;height:34px;line-height:34px;text-align:center;background-color:#549ffd;border-radius:0 0 6px 6px;position:absolute;top:-6px;left:0;}
.bottom-content > h4::after{content:'';border-top:4px solid #2470cf;border-right:4px solid transparent;border-left:4px solid transparent;position:absolute;top:2px;right:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.some-methods > li{padding:30px 0;border-bottom:1px solid #e5e5e5;margin-bottom:14px;}
.some-methods > li:hover{-webkit-box-shadow:0px 0px 14px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 14px 2px rgba(0,0,0,0.1);box-shadow:0px 0px 14px 2px rgba(0,0,0,0.1);}
.some-methods > li > a{display:block;}
.some-methods > li > a:hover{text-decoration:none;}
.methods-left{float:left;margin-right:20px;position:relative;}
.methods-left > span{display:block;width:26px;height:26px;font-size:12px;color:white;line-height:26px;text-align:center;background-color:#f7a406;position:absolute;top:0;left:0;}
.methods-right > h4{font-size:17px;color:#333333;margin:-4px 0 3px 0;}
.methods-right > p{font-size:17px;color:#333333;line-height:24px;}
/*--------------*/
/*--------------*/
footer{background-color:#313131;padding:46px 10px 0 10px;overflow:hidden;}
footer > a > img{display:block;max-width:100%;margin:0 auto;margin-bottom:20px;}
footer > p{font-size:13px;color:white;line-height:20px;text-align:center;margin:8px 0 46px 0;}
.website-nav{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px;}
.website-nav > li > a{display:block;padding:4px 12px;font-size:13px;color:white;margin:0 8px 8px;}
#toTop{width:43px;height:43px;background-image:url("../seo-img/to-top-icon.png");position:fixed;right:24px;bottom:24px;display:none;}
.footer-info{width:50%;padding:10px 30%;margin:0 0 0 -5%;background-color:#111111;}
.footer-info > p{font-size:15px;line-height:23px;text-align:center;color:#979797;}
.footer-info > p > a{display:inline-block;vertical-align:middle;margin-right:10px;}
.footer-info > p:first-child{margin-bottom:10px;}
/*--------------*/
/*--------------*/
.aside-fixed-banner{position:fixed;right:10px;bottom:2%;z-index:100;}
.aside-fixed-banner span{position:absolute;right:-1px;font-size:30px;top:-5px;cursor:default; color: #FFF;}
/*--------------------*/
.middle-banner-v8{background: url(../image-style/seo-icon/bg1.jpg) no-repeat center;padding-bottom: 10px;text-align: center;}
.middle-banner-v8 .step1{padding: 25px 0 0;}
.middle-banner-v8 .step2{padding: 15px 0 0;}
.activity-content{display: flex;justify-content: center;gap:20px;padding: 20px 0;}
.activity-content >div{background: #fff;border-radius: 20px;padding: 27px 17px;}
.activity-content .left{font-size: 23px;color: #000;}
.activity-content .right{font-size: 17px;color: #000;}
.activity-content .t{padding-bottom: 15px;}
.activity-content .left .t::before{content: "";display: inline-block;border-left:2px solid #3d78ff;width: 0;height: 25px;margin-right: 20px; transform: rotate(-30deg) translateY(5px);}
.activity-content .left .t::after{content: "";display: inline-block;border-left:2px solid #3d78ff;width: 0;height: 25px;margin-left: 20px; transform: rotate(30deg) translateY(5px);}
.activity-content .right .t::before{content: "";display: inline-block;border-left:2px solid #ff5613;width: 0;height: 25px;margin-right: 20px; transform: rotate(-30deg) translateY(5px);}
.activity-content .right .t::after{content: "";display: inline-block;border-left:2px solid #ff5613;width: 0;height: 25px;margin-left: 20px; transform: rotate(30deg) translateY(5px);}
.middle-banner-v8 .share-btn{padding: 16px 0 10px;}
.middle-banner-v8 .share-btn a{font-size: 23px;color: #fff;background: #ff8328;line-height: 55px;border-radius: 10px;display: inline-block;padding: 0 35px;font-weight: bold;cursor: pointer;}
.middle-banner-v8 .share-btn a:hover{text-decoration: none;background: #f17b25;}
.middle-banner-v8 .rule-btn span{color: #aeb5d1;text-decoration: underline 1px dashed;text-underline-offset:5px;cursor: pointer;}
.middle-banner-v8 .line-vs{border-left: 1px solid #e5e5e5;display: flex;align-items: center;}
.middle-banner-v8 .line-vs >img{margin-left: -20px;}
.v8-vs-content{background: #fff;border-radius:20px;display: flex;margin: 10px 25px 0;padding: 20px 35px;text-align: left;justify-content: space-between;}
.v8-vs-content ul{padding: 10px 0;}
.v8-vs-content ul li{color: #4e4e4e;font-size: 14px;}
.v8-vs-content ul li span{font-size: 19px;}
.vs-content-left ul li.active,.vs-content-right ul li{color: #ff840b;}
.vs-content-left .code-box{border: 1px dashed #b8b8b8;border-radius: 8px;font-size: 17px;display: inline-flex;gap:15px;align-items: center;padding: 5px 15px;margin-top: 19px;}
.vs-content-left .code-box img{cursor: pointer;}
.vs-content-left .try-btn{padding: 20px 0 0;}
.vs-content-left .try-btn a{color: #fff;background: #3d78ff;border-bottom: 6px solid #1d41c5;line-height: 35px;border-radius: 18px;display: inline-block;font-size: 17px;font-weight: bold;width: 268px;text-align: center;;}
.vs-content-left .try-btn a:hover{text-decoration: none;border-bottom-width: 2px;margin-top: 4px;}
.vs-content-right .price-box{display: flex;align-items: center;gap:5px;}
.vs-content-right .price-box .del-t{text-align: right;}
.vs-content-right .price-box del{font-size: 17px;color: #878787;}
.vs-content-right .price-box .price{font-size: 50px;color: #ff4335;font-weight: bold;;}
.vs-content-right .price-box .unit{font-size: 50px;color: #ff4335;font-weight: bold;;}
.vs-content-right .price-box .unit{font-size: 25px;color: #ff4335;text-align: center;;}
.vs-content-right .price-box .unit span{font-size: 16px;color: #000;;}
.vs-content-right .buy-btn{padding: 20px 0 0;}
.vs-content-right .buy-btn a{color: #fff;background: #ffa81f;border-bottom: 6px solid #f47937;line-height: 35px;border-radius: 18px;display: inline-block;font-size: 17px;font-weight: bold;width: 268px;text-align: center;;}
.vs-content-right .buy-btn a:hover{text-decoration: none;border-bottom-width: 2px;margin-top: 4px;}
@media screen and (max-width:979px){
}
@media screen and (max-width:767px){
	.middle-banner-v8{background-size: cover;}
	.middle-banner-v8 img{max-width: 100%;}
	.activity-content{flex-wrap: wrap;}
	
	.v8-vs-content{flex-direction: column;align-items: center;}
	.middle-banner-v8 .line-vs{justify-content: center;border-left:none;border-top: 1px solid #e5e5e5;margin: 30px 0;width: 100%;}
	.middle-banner-v8 .line-vs >img{margin-left: 0;margin-top: -20px;}
}
@media screen and (max-width:479px){
	.v8-vs-content{margin: 10px 10px 0;padding: 20px 10px;;}
	
}
/*-----------------------*/

@media screen and (max-width:1250px){
    .aside-fixed-banner{display:none !important;}
.header-intro{width:96%;}
nav > ul{width:96%;}
section{width:90%;}
article{margin:0 auto;}
.aside-content{width:890px;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px;}
.bottom-content{margin:0 auto;}
.fixed-style{position:static;top:auto;}
#toTop img{display:none;}
}
.table-content{overflow-x:auto;margin:46px 0;}
.compare-table{width:100%;text-align:center;border-collapse:collapse;border:1px solid #e8e8e8;background-color:#f7f7f7;}
.compare-table p{font-size:17px;color:#808080;font-weight:400;}
.compare-table-bg{background-color:#f5f5f5;padding:10px;}
.compare-table td{border:1px solid #e8e8e8;padding:10px 15px;color:#808080;}
@media screen and (max-width:979px){
    .Details{width: 98%;}
    .mobileSeoNo{display:none;}
#header{height:60px;border-bottom:1px solid #333333;}
#header > a{display:block;}
.the-menu{display:block;}
.mobile-style{width:90%;padding:0 5%;border-bottom:4px solid rgba(0,0,0,0.4);background-color:#e5e5e5;position:absolute;top:59px;left:0;z-index:100;display:none;}
.header-intro{display:block;height:auto;}
.header-intro > a{width:60px;margin:10px auto;}
.header-real-intro{width:100%;display:block;}
.header-left-intro > a > img{display:none;}
.header-left-intro > a > strong{display:block;text-align:center;}
.header-right-intro{text-align:right;margin:20px;float:none;}
.input-content{margin:0 auto;}
section{width:100%;}
article{width:90%;}
.aside-content{width:90%;}
.bottom-content{width:90%;}
.link-button > a{width:80%;}
.link-button > a:first-child,.link-button > .mac-plat{width:80%;margin:0 0 20px 0;}
.product-two > p{margin-bottom:70px;}
.product-two > img{margin-top:-18px;}
.to-download{margin-left:0;}
.to-download > a{margin:0 auto;}
.footer-info{width:90%;padding:10px 10%;margin:0 0 0 -5%;background-color:#111111;}
.main-banner .details{width:98%;}
.main-banner-button a:first-child{margin-bottom:15px;}
}
@media screen and (max-width:767px){
    .aside-content > ul > h3{height:50px;font-size:20px;line-height:50px;}
.advertisement{margin-bottom:40px;}
header > h1{font-size:22px;line-height:30px;}
.features-list > li{margin-bottom:10px;}
.category-content{border-width:3px;padding:30px;}
article h2{font-size:20px;padding:10px;}
.use-methods > h3{font-size:18px;}
.talk-content{padding:0;}
.video-content > h3{font-size:20px;}
.video-content iframe{width:480px;height:320px;}
.product-one > a > h4,.product-two > h4,.product-one .product-title,.product-two .product-title{font-size:20px;}
.product-one > a > p,.product-two > p{margin-bottom:20px;}
.product-one > a > img,.product-two > img{display:block;float:none;max-width:100%;margin:0 auto;}
.to-download > a{width:80%;}
.webpage-tags > li{margin-bottom:10px;}
.main-banner-media{display:none;}
}
@media screen and (max-width:510px){
    .info-list-content > p{padding:8px 0;}
.info-list-content > p.the-last-info{padding-top:5px;}
.talk-content > li >.talk-img{width:50px;height:50px;margin-right:14px;}
.talk-content > li:last-child >.talk-img{margin:0 0 0 14px;}
.talk-content > li >.talk-img > img{width:40px;margin:5px auto;}
.talk-content > li > .talk-text{width:calc(100% - 100px);padding:0 8px;}
.link-container > a{width:80%;}
.to-other > a{width:90%;}
.video-content iframe{width:300px;height:200px;}
.input-list > li > input{width:94%;}
.btn a.left{padding-right:0;padding-bottom:10px;display:inline-block;}
.main-banner{padding:40px 0;}
}