@charset "utf-8";

.header_nav .btn .buynow {display:none;}

/* topic_slide */
.topic_slide{padding-top:50px;}
.topic_slide h1{ font-size:40px; line-height:1.2em; color:#00a2ea; padding:0 0 0 30px;}
.topic_slide .flbox{float:left;width:670px; position:relative;margin-top:10px;}
.topic_slide .flbox .txt{display:block; position:absolute;left:0;bottom:0;width:650px;height:46px;background:#000;color:#fff;padding:0 10px; line-height:46px;opacity:0.9; font-size:16px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.topic_slide .flbox:hover .txt{ background:#15abef;}
.topic_slide .flbox:hover{opacity:0.8;}
.topic_slide .frbox{float:right;width:320px;}
.topic_slide .frbox .pic{ position:relative;margin-top:10px;}
.topic_slide .frbox .pic .txt{display:block; position:absolute;left:0;bottom:0;width:300px;height:46px;background:#000;color:#fff;padding:0 10px; line-height:46px;opacity:0.9; font-size:16px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.topic_slide .frbox .pic:hover .txt{ background:#15abef;}
.topic_slide .frbox .pic:hover{opacity:0.8;}

.slides_Interface {position:relative;margin-top:20px !important;}
.flex-direction-nav a {display:block; width:38px; height:62px; overflow:hidden; text-indent:-99999px; position:absolute; top:50%; left:-60px; margin-top:-50px;}
.flex-direction-nav a:focus {outline:none;}
.flex-direction-nav a.flex-next {background-position:0 -62px; left:auto; right:-60px;}
.flex-control-nav{width:150px;height:20px;list-style:none;margin:20px auto;}
.flex-control-nav li{margin-right:10px;display:inline-block;*display:inline;}
.flex-control-nav li a{display:inline-block;width:40px;height:10px; background:#ccc;float:left; text-indent:-9999px;cursor:pointer;}
.flex-control-nav li a.flex-active{ background:#15abef;}
@media (max-width: 979px) {
    .topic_slide .flbox{width:500px;}
    .topic_slide .flbox .txt{width:480px;}
    .topic_slide .frbox{float:right;width:240px;}
    .topic_slide .frbox .pic .txt{width:220px;}
    .flex-direction-nav{display:none;}
}
@media (max-width: 767px) {
    .topic_slide .flbox{float:none;width:auto;}
    .topic_slide .flbox .txt{width:440px;}
    .topic_slide .frbox{float:none;width:auto;}
    .topic_slide .frbox .pic{float:left;width:230px;margin-top:0px;}
    .topic_slide .frbox .pic .txt{width:210px;}
    .topic_slide .frbox .mt10{margin-top:0 !important;}
}
@media (max-width: 479px) {
    .topic_slide .flbox .txt{width:308px; font-size:14px; overflow:hidden;height:30px; line-height:30px;}
    .topic_slide .frbox .pic{float:left;width:154px;}
    .topic_slide .frbox .pic .txt{width:144px; font-size:14px; overflow:hidden;height:30px; line-height:30px;}
}

.hidden-box{display:none;border:1px solid #e4e4e4;padding:20px;margin-left:5%;margin-bottom:20px;}
.hidden-box .pro .icon{float:left;}
.hidden-box .pro .text{padding-left:60px;}
.hidden-box h3{ font-size:16px; font-weight:700; line-height:1.2em;}
.hidden-box .btn{margin-top:20px;}
.hidden-box .btn img{height:60px;margin-right:15px;}
@media (max-width: 979px) {
    .hidden-box{display:block;}
}
@media (max-width: 479px) {
    .hidden-box .btn img{height:40px;margin-right:10px;}
}

.showAd{display:none;width:240px; position:fixed;bottom:90px;right:20px; box-shadow:0 0 15px #a6a6a6;}
.showAd .closebg{padding:5px 10px 5px 0; min-height:22px;}
.showAd .closebg .closeBtn{display:inline-block;float:right;width:16px;height:16px;}
.showAd .closebg .closeBtn:hover{ text-decoration:none;}
@media (max-width: 479px) {
    .showAd{width:320px;bottom:0;right:0;}
}

/* howtbox */
.howtbox{padding-top:30px;padding-bottom:60px;}
.topic_menu{float:left;width:200px; background:#f7f7f7; padding:20px;}
.topic_menu h2{ font-size:24px;line-height:1.2em;padding:10px;}
.topic_menu ul{padding:10px 0;}
.topic_menu li{ font-size:16px; line-height:1.2em;padding:5px 10px;}
.topic_menu li a:hover{color:#00a2ea; border-bottom:solid 2px #00a2ea; text-decoration:none;}
.topic_menu li.curr{color:#fff;}
.topic_menu li.curr a{color:#fff; border-bottom:solid 2px #00a2ea;}

.list_info{margin:0 0 0 300px; overflow:hidden;}
.list_info .item {padding:0 0 30px 0;}
.list_info .item .text{padding:0 0 30px 0;border-bottom:1px solid #f7f7f7;}
.list_info .item .text h3 a{ font-size:24px; line-height:1.2em; font-weight:500;}
.list_info .item .text h3 a:hover{color:#1eade7; text-decoration:none;}
.list_info .item .text .dd{margin-top:15px;color:#666;font-size:16px; line-height:1.6em;}
.list_info .item .text .dd a{color:#00a2ea;}
.list_info .item .text .time{color:#999;margin-top:20px; padding:0 0 0 5px;}
.list_info .item .text .time img{width:28px;height:28px; border-radius:40px;-webkit-box-shadow:0 0 6px #3b3b3b;-moz-box-shadow: 0 0 6px #3b3b3b;box-shadow: 0 0 6px #3b3b3b;margin-right:10px;}
.list_info .item .text .time a{color:#15abef;}
@media (max-width: 979px) {
    .list_info .item .text{float:none;width:auto;border-left:none;padding:30px 0;}
}
@media (max-width: 767px) {
    .topic_menu{ float:none;width:auto;padding:2%;}
    .topic_menu ul {overflow:hidden;}
    .topic_menu li{float:left;}
    .list_info{margin:0;}
}
@media (max-width: 479px) {
    .list_info .item .text h3 a{ font-size:20px;}
}

/* article */

.article_title{ background:#f7f7f7;padding:30px 0; font-size: 18px; text-align: center;}
.article_title h1{ text-align:center; font-size:40px; font-weight:600; line-height:1.2em;padding:0 10%; margin-bottom: 10px; color:#444;}
.article_title p {padding:0 10%;}
.article_title .btnBox {padding-top: 20px; text-align: center;}
@media (max-width: 767px) {
    .article_title{padding:40px 0;}
    .article_title h1{ font-size:30px;}
}
@media (max-width: 479px) {
    .article_title h1{ font-size:26px; padding: 0;}
    .article_title p {padding: 0;}
}

.bg-gray-bdl {
    background-color: #f7f7f7;border-left: solid 4px #1eade7;margin-bottom: 20px;padding: 20px;
}

.article_content{padding-top:30px;padding-bottom:30px; position:relative; font-size:16px; line-height:1.6em;color:#444;}
.article_content a {color:#044886; text-decoration:none;}
.article_content .toptxt{padding:50px 0 50px 15%;border-bottom:1px dashed #ccc;}
.article_content .toptxt2{padding:50px 0;border-bottom:1px dashed #ccc;}
.article_content .toptxt a,
.article_content .toptxt2 a {color:#1eade7; text-decoration:underline;}
.article_content .toplist{background:#f2f2f2;padding:20px;margin-left:15%;}
.article_content .toplist li{ list-style:disc;margin-left:15px; line-height:2em;color:#1eade7;}
.article_content .toplist li a{color:#1eade7;}
.article_content .toplist2{background:#f7f7f7;padding:20px;}
.article_content .toplist2 li{ list-style:disc;margin-left:15px; line-height:2em;color:#1eade7;}
.article_content .toplist2 li a{color:#1eade7;}
.article-content .part_title {color:#444; font-size:18px; font-weight:600;margin:30px 0;}
.article-content .part_title strong{color:#055495; font-weight:600;}
.article_content .infoitem{ border-bottom:1px dashed #ccc;padding:50px 0;}
.article_content .infoitem .num{float:left;width:15%; text-align:center;color:#ccc; font-size:100px; font-weight:700;margin-top:20px;}
.article_content .infoitem .frtext{padding-left:15%;}
.article_content .infoitem .frtext h2{ font-size:30px; font-weight:600; line-height:1.2em;color:#444;}
.article_content .infoitem .frtext .dd{margin-top:20px;color:#666;}
.article_content .infoitem .frtext .dd a{color:#1eade7; text-decoration:underline;}
.article_content .infoitem .frtext .list{margin-top:20px;color:#666;}
.article_content .infoitem .frtext .list li{margin:5px 0;}
.article_content .infoitem .frtext h4{ font-size:22px; line-height:1.2em;margin-top:50px;}
.article_content .infoitem .frtext h4 strong{color:#1eade7;}
.article_content .infoitem .frtext h3{ font-size:26px; line-height:1.2em;color:#444;}
.buy30day {padding:20px 0 0 0; overflow:hidden;}
.buy30day span {display:block; float:left; width:40px; padding:0 10px 0 0;}
.buy30day a {padding:10px 0 0 0; display:inline-block; float:left; text-decoration:underline;}

.probox{ background:#1eade7;color:#fff;padding:30px 40px;margin:50px 0; position:relative;}
.probox .arrow{ position:absolute;height:22px;top:-22px;left:20px;}
.probox h3{ font-size:28px; font-weight:500; line-height:1.2em; padding:0 !important;}
.probox .txt{ font-size:20px;margin-top:10px; padding:0 !important;}
.probox ul{margin-top:20px;}
.probox li{ list-style:disc;margin-left:15px;}
.probox .sys{margin:20px 0; line-height:32px; font-size:16px;}
.probox .sys .win_icon,
.probox .sys .mac_icon,
.probox .sys .app_icon,
.probox .sys .and_icon{display:inline-block; background:url(images/sys_icon3.png) no-repeat;width:32px;height:32px; text-indent:-9999px;margin:0 10px;}
.probox .sys .mac_icon{ background-position:0 -78px;}
.probox .sys .app_icon{ background-position:0 -150px;}
.probox .sys .and_icon{ background-position:0 -230px;}
.probox .sys .win_icon:hover,
.probox .sys .win_icon.curr{background-position:-32px 0;}
.probox .sys .mac_icon:hover,
.probox .sys .mac_icon.curr{background-position:-32px -78px;}
.probox .sys .app_icon:hover,
.probox .sys .app_icon.curr{background-position:-32px -150px;}
.probox .sys .and_icon:hover,
.probox .sys .and_icon.curr{background-position:-32px -230px;}
.probox .buy30day {color:#fff;}
.probox .buy30day a {color:#fff;}

/*.article_content .infoitem .cont_text{padding:0 0 0 5%;}*/
.article_content .infoitem .cont_text h2{ font-size:26px; font-weight:600; line-height:1.2em;color:#444; background-color:#f7f7f7;padding:15px;margin-bottom:20px;border-left:5px solid #1eade7;}
.article_content .infoitem .cont_text p {padding-bottom:20px;}
/*.article_content .infoitem .cont_text .dd{margin-top:20px;color:#666;}*/
.article_content .infoitem .cont_text .dd a{color:#1eade7; text-decoration:underline;}
.article_content .infoitem .cont_text .list,
.article_content .infoitem .cont_text ol {padding-bottom:20px;}
.article_content .infoitem .cont_text .list li,
.article_content .infoitem .cont_text ol li{margin:5px 0;}
.article_content .infoitem .cont_text .list li a,
.article_content .infoitem .cont_text ol li a{color:#1eade7;}
.article_content .infoitem .cont_text h4{ font-size:18px; font-weight:600; line-height:1.2em;padding-bottom:30px;color:#444;}
.article_content .infoitem .cont_text h4 strong{color:#1eade7;}
.article_content .infoitem .cont_text h3{ font-size:22px; font-weight:600; line-height:1.2em;padding-bottom:30px;color:#444;}
@media (max-width: 979px) {
    .article_content .infoitem .num{ font-size:80px;}
}
@media (max-width: 767px) {
    .article_content .infoitem .frtext h2,.article_content .infoitem .cont_text h2{ font-size:26px;}
    .article_content .infoitem .num{ font-size:60px;margin-top:15px;}
    .probox{padding:25px;}
    .probox h3,
    .probox h3{ font-size:24px;}
    .probox .txt,
    .probox .txt{ font-size:16px;}
}
@media (max-width: 479px) {
    .article_content .infoitem .frtext h2,.article_content .infoitem .cont_text h2{ font-size:22px;}
    .probox{padding:20px 15px;}
    .probox .sys .win_icon,
    .probox .sys .mac_icon,
    .probox .sys .app_icon,
    .probox .sys .and_icon{margin:0;margin-right:5px;}
    .probox .sys .win_icon,
    .probox .sys .mac_icon,
    .probox .sys .app_icon,
    .probox .sys .and_icon{margin:0;margin-right:5px;}
}

.article_video{margin-top:50px;}
.article_video h3{ font-size:30px; line-height:1.2em; font-weight:500;margin-bottom:20px;}
@media (max-width: 767px) {
    .article_video h3{ font-size:26px;}
}
@media (max-width: 479px) {
    .article_video h3{ font-size:22px;}
}

.btm_probox{margin:30px auto;padding-bottom:50px;}
.btm_probox h2{ font-size:22px; color:#444; border-bottom:2px solid #1eade7; line-height:40px;padding-bottom:10px;}
.btm_probox .item{float:left;width:48%;margin-top:30px;margin-right:2%;}
.btm_probox .item .pic{float:left;width: 120px;text-align:center;}
.btm_probox .item .text{margin-left: 160px;}
.btm_probox .item .text h3{color:#01a7e7; font-size:18px; line-height:1.4em;}
.btm_probox .item .text .btn{margin-top:10px;}
.btm_probox .item .text .btn_win{display:inline-block; background:#84c754;width:120px;height:50px; line-height:50px;color:#fff; font-size:16px;border-radius:5px;padding:0 40px 0 10px;margin-top:10px;margin-right:10px;}
.btm_probox .item .text .btn_win:hover{ text-decoration:none;}
.btm_probox .item .text .btn_mac{display:inline-block; background:#32a4e7;width:120px;height:50px; line-height:50px;color:#fff; font-size:16px; border-radius:5px;padding:0 40px 0 10px;margin-top:10px;}
.btm_probox .item .text .btn_mac:hover{ text-decoration:none;}
@media (min-width: 1200px) and (max-width: 1930px) {
    .btm_probox{width:1000px;}
}

@media (max-width: 979px) {
    .btm_probox {display:none;}
    .btm_probox .item .pic{float:none; width: auto;}
    .btm_probox .item .text{margin-top:15px;margin-left: 0;}
}
@media (max-width: 767px) {
    .btm_probox .item{float:none;width:auto;margin-right:0;}
    .btm_probox .item .pic {float: left; width: 120px;}
    .btm_probox .item .text{margin-top:0;margin-left: 160px;}
}
@media (max-width: 479px) {
    .btm_probox .item .pic{float:none;width: auto;}
    .btm_probox .item .text{margin-top:15px;margin-left: 0;}
}

.reMain {padding-top:30px;padding-bottom:30px;}
.reCont {float:left; width:70%; background:#fff;}
.reSide {float:right; width:25%; background:#fff;}
.articleInfo {padding:15px 0; border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0;}
.articleInfo a {color:#34aceb;}
.articleInfo .img {float:left; padding:2px; background:#fff;}
.articleInfo .text{padding-left:65px;}
.articleInfo .txt {padding:0 0 0 70px;}
.articleInfo .txt p {padding:2px 0;}
.support{ text-align:right; margin:20px 0 0 0; font-weight:500;}
.support a{color:#1eade7;}
.reSideColumn {padding:0 0 15px 0; font-size:22px; line-height:1.2em; font-weight:500; color:#444; border-bottom:solid 2px #1eade7;}
.reSideList {padding:10px 0 0 0;}
.reSideList li{line-height:1.4em;padding:4px 0;border-bottom:solid 1px #f2f2f2;}
.reSideList li a {display:block; font-size:14px; line-height:1.2em; color:#444; overflow:hidden; padding:10px 0;}
.reSideList li a:hover {text-decoration:none; color:#2ab9eb;}
.reSideList li strong {float:right; width:30%; display:block;}
.reSideList li span {padding:0 35% 0 0; display:block;}
.reSide .btn_more { text-align:center; font-size:14px; line-height:20px; padding:7px 0;border-bottom:solid 1px #f2f2f2; cursor:pointer;}
.reSide .btn_more span {display:inline-block; width:20px; height:20px; background:url(images/more_jt.png) no-repeat -36px 4px; vertical-align:middle;}
.reSide .btn_more strong {font-weight:normal;}
.reSide .btn_more .sl {display:none;}
.reSide .btn_more.curr span {background-position: -15px 4px;}
.reSide .btn_more.curr .sm {display:none;}
.reSide .btn_more.curr .sl {display:inline-block;}
@media (min-width: 1200px) and (max-width: 1930px) {
    .reMain{width:1000px;}
}
@media (max-width: 767px) {
    .reCont{ float:none;width:auto;}
    .reSide{ float:none;width:auto;margin-top:40px;}
}

.fsb_style {width:100%; height:100%; position:fixed; z-index:20; top:0; left:0;overflow-y:auto;}
.contens_tab_side{width:240px; float:left; position:absolute; left:50%; margin-left:-880px; z-index:5; top:60px;background-color:#f7f7f7;}
.contens_tab_side h2{ font-size:20px; line-height:1.2em; color:#444; padding:20px 0 10px 10px; margin:0 !important;}
.contens_tab_side h2 a {color:#444; text-decoration:none !important;}
.contens_tab_side .tabNav_side{ padding:0;}
.contens_tab_side .tabNav_side dt{ background-color:#1eade7; color:#fff; padding:10px 10px; cursor:pointer; font-size:14px; line-height:1.2em;margin-bottom:5px;}
.contens_tab_side .tabNav_side dt a{ color:#fff;font-size:14px; text-decoration:none !important;}
.contens_tab_side .tabNav_side .sec_ul{display:none;padding:2px 5px; font-size:12px; line-height:1.7em; margin-bottom:10px;}
.contens_tab_side .tabNav_side .sec_ul li{ /*background:url(images/dot-icon-new.png) 0 10px no-repeat;*/ padding-left:6px;cursor:pointer; margin:5px 0;}
.contens_tab_side .tabNav_side .sec_ul li a{ color:#666; font-size:12px; line-height:1.2em; text-decoration:none !important;}
.contens_tab_side .tabNav_side .sec_ul li a.actived,
.contens_tab_side .tabNav_side .sec_ul li a:hover{color:#1eade7;}
@media (max-width: 1930px) {
    .contens_tab_side {left: 10px; margin-left: 0;}
}
@media (max-width: 1440px) {
    .contens_tab_side {width:180px;}
}
@media (max-width: 1360px) {
    .contens_tab_side {width:200px;}
}
@media (max-width: 1300px) {
    .contens_tab_side {position:fixed;}
    .fix_side_togg {position:fixed;width:100px; left:0;top:200px; margin-left:0; border-radius:0 5px 5px 0; overflow:hidden;}
    .fix_side_togg2 {left:0; margin-left:0;border-radius:0 5px 5px 0; overflow:hidden;}
    .fix_side_togg h2 {font-size:14px; background:#1eade7; color:#fff; cursor:pointer;padding:20px 0 20px 10px;}
    .fix_side_togg h2 a {color:#fff;}
    .fix_side_togg dl {display:none;}
}
@media (max-width: 767px) {
    .contens_tab_side {display:none;}
}

.bgColor_grey {background-color:#f3f3f3;}
.crumb {padding:12px 0; color: #999; overflow:hidden}
.crumb a{ color:#a1a1a1}

/* top_menu */
.top_menu{ background:#e9e9e9 url(images/t_w_bg.jpg) no-repeat center 0;padding-bottom:20px;}
.top_menu h2{float:left;color:#666; font-size:36px; font-weight:500; padding:36px 0 20px 0; line-height:1em;}
.top_menu .nav{float:none;width:auto;}
.top_menu .nav li{float:left;width:16.5%;padding:5px 0;}
.top_menu .nav li a{display:inline-block;color:#666; line-height:1.6em;}
.top_menu .nav li a:hover{text-decoration:underline;}
@media (max-width: 767px) {
    .top_menu .nav li{width:30%; text-align:left;}
}
@media (max-width: 479px) {
    .top_menu .nav{width:90%;}
    .top_menu .nav li{width:50%;}
}

.table1 {background: #fff; margin:0 auto;}
.table1 img{ max-width:100%}
.table1 td,.table1 th{padding: 15px 13px;border: 1px solid #ccc; /*text-align:center;*/}
.table1 th{font-weight:bold; font-size:14px; background:#3598db; color:#fff;}
.table1 th a{color:#fff;}
.table1 tr:nth-child(even) { background:#f2f2f2;}
.table1 td a{color:#1eade7}

.article_newCss .text{float:left; width:60%;}
.article_newCss .img{float:right; width:38%;}
@media (max-width: 767px) {
    .article_newCss .text,
    .article_newCss .img {float:none; width:auto;}
}

.pds-box {margin:0 auto !important;}

@media (max-width: 979px) {
    .video-box{display:none;}
}

.probox.newstyle1{margin-bottom: 0;}
.probox.newstyle1[style]{background-size: 360px auto;background-repeat: no-repeat;background-position: 95% center;}
.probox.newstyle1 .txt{margin-top: 30px;}
.probox.newstyle1 ul{margin-top: 10px;}
.probox.newstyle1[style] ul{margin-top: 10px;padding-right:360px;}
.probox.newstyle1 .sys .btn_try{margin-right: 20px;}
.probox.newstyle1 .sys .btn_try:before{content: '\e916';}
.probox.newstyle1 .sys .btn_buy:after{content: '\e909';}
.probox.newstyle1 .buy30day{padding-top: 0px;font-size: 16px;line-height: 1.5;background-image: url('https://drfone.wondershare.com/images/safe.png');background-image: url('https://drfone.wondershare.com/images/safe.svg') no-repeat;background-position: left center;padding-left: 40px;background-repeat: no-repeat;}
.probox.newstyle1 .buy30day span{display: inline;font-weight: bold;float: none;padding: 0;}
.probox.newstyle1 h3{background-image: url('https://drfone.wondershare.com/images/logo_white.png');background-image: url('https://drfone.wondershare.com/images/logo_white.svg') no-repeat;background-position: left center;padding-left: 50px !important;background-repeat: no-repeat;}

.probox.newstyle2{margin-bottom: 0;background: #f6f6f6;}
.probox.newstyle2[style]{background-size: 360px auto;background-repeat: no-repeat;background-position: 95% center;}
.probox.newstyle2 .txt{margin-top: 30px;color: #666;}
.probox.newstyle2 ul{margin-top: 10px;color: #666;}
.probox.newstyle2[style] ul{margin-top: 10px;padding-right:360px;}
.probox.newstyle2 .sys .btn_try{margin-right: 20px;background-color: #00a2ea;color: #fff !important;}
.probox.newstyle2 .sys .btn_try:hover{background-color: #044887;}
.probox.newstyle2 .sys .btn_try:before{content: '\e916';color: #fff;}
.probox.newstyle2 .sys .btn_buy{border-color: #00a2ea;color: #00a2ea !important;}
.probox.newstyle2 .sys .btn_buy:hover{border-color: #044887;color: #fff !important;;}
.probox.newstyle2 .sys .btn_buy:hover:after{color: #fff;}
.probox.newstyle2 .sys .btn_buy:after{content: '\e909';color: #00a2ea;}
.probox.newstyle2 .buy30day{padding-top: 0px;font-size: 16px;line-height: 1.5;background-image: url('https://drfone.wondershare.com/images/safe_blue.png');background-image: url('https://drfone.wondershare.com/images/safe_blue.svg') no-repeat;background-position: left center;padding-left: 40px;background-repeat: no-repeat;color: #666;}
.probox.newstyle2 .buy30day span{display: inline;font-weight: bold;float: none;padding: 0;}
.probox.newstyle2 h3{background-image: url('https://drfone.wondershare.com/images/logo_blue.png');background-image: url('https://drfone.wondershare.com/images/logo_blue.svg') no-repeat;background-position: left center;padding-left: 50px !important;background-repeat: no-repeat;}
.probox.newstyle2 h3 a{color: #00a2ea !important;}

.probox.newstyle3{margin-bottom: 0;;background-repeat: no-repeat;background-position: 0 25%;}
.probox.newstyle3 .txt{margin-top: 30px;padding-left: 166px !important;}
.probox.newstyle3 ul{margin-top: 10px;padding-left: 166px;}
.probox.newstyle3 .sys{padding-left: 166px;}
.probox.newstyle3 .sys .btn_try{margin-right: 20px;}
.probox.newstyle3 .sys .btn_try:before{content: '\e916';}
.probox.newstyle3 .sys .btn_buy:after{content: '\e909';}
.probox.newstyle3 .buy30day{padding-top: 0px;font-size: 16px;line-height: 1.5;background-image: url('https://drfone.wondershare.com/images/safe.png');background-image: url('https://drfone.wondershare.com/images/safe.svg') no-repeat;background-position: 166px center;padding-left: 40px;background-repeat: no-repeat;padding-left: 206px;}
.probox.newstyle3 .buy30day span{display: inline;font-weight: bold;float: none;padding: 0;}
.probox.newstyle3 h3{background-image: url('https://drfone.wondershare.com/images/logo_white.png');background-image: url('https://drfone.wondershare.com/images/logo_white.svg') no-repeat;background-position: left center;padding-left: 50px !important;background-repeat: no-repeat;}

.probox.newstyle4{margin-bottom: 0;background: #f6f6f6;background-repeat: no-repeat;background-position: 0 25%;}
.probox.newstyle4 .txt{margin-top: 30px;color: #666;padding-left: 166px !important;}
.probox.newstyle4 ul{margin-top: 10px;color: #666;padding-left: 166px;}
.probox.newstyle4 .sys{padding-left: 166px;}
.probox.newstyle4 .sys .btn_try{margin-right: 20px;background-color: #00a2ea;color: #fff !important;}
.probox.newstyle4 .sys .btn_try:hover{background-color: #044887;}
.probox.newstyle4 .sys .btn_try:before{content: '\e916';color: #fff;}
.probox.newstyle4 .sys .btn_buy{border-color: #00a2ea;color: #00a2ea !important;}
.probox.newstyle4 .sys .btn_buy:hover{border-color: #044887;color: #fff !important;;}
.probox.newstyle4 .sys .btn_buy:hover:after{color: #fff;}
.probox.newstyle4 .sys .btn_buy:after{content: '\e909';color: #00a2ea;}
.probox.newstyle4 .buy30day{padding-top: 0px;font-size: 16px;line-height: 1.5;background-image: url('https://drfone.wondershare.com/images/safe_blue.png');background-image: url('https://drfone.wondershare.com/images/safe_blue.svg') no-repeat;background-position: 166px center;padding-left: 40px;background-repeat: no-repeat;color: #666;padding-left: 206px;}
.probox.newstyle4 .buy30day span{display: inline;font-weight: bold;float: none;padding: 0;}
.probox.newstyle4 h3{background-image: url('https://drfone.wondershare.com/images/logo_blue.png');background-image: url('https://drfone.wondershare.com/images/logo_blue.svg') no-repeat;background-position: left center;padding-left: 50px !important;background-repeat: no-repeat;}
.probox.newstyle4 h3 a{color: #00a2ea !important;}

.newitem{background-color: #f6f6f6;color: #00a2ea;}
.newitem.newitem-white{background-color: #fff;color: #666;}
.newitem:after{content: '';clear: both;display: block;}
.newitem .item{width: 20%;float: left;box-sizing: border-box;padding: 20px 24px;text-align: center;font-size: 16px;border: solid 1px #e6e6e6;border-left: 0;}
.newitem .item:first-child{border-left: solid 1px #e6e6e6;}
.newitem .item .pic{height: 150px;}
.probox .pic1{position: absolute;left: 0;top: 25%;}
.probox .pic2{position: absolute;right: 30px;top: 25%;max-width: 360px;}
.probox .ul-limit{padding-right: 360px;}
@media(max-width: 767px){
    .probox.newstyle3 .txt,.probox.newstyle4 .txt{padding-left: 0 !important;}
    .probox.newstyle3 ul,.probox.newstyle4 ul,.probox.newstyle3 .sys,.probox.newstyle4 .sys{padding-left: 0;}
    .probox.newstyle3 .buy30day,.probox.newstyle4 .buy30day{padding-left: 40px;background-position: left center;}
    .newitem .item{width: 50%;}
    .probox .ul-limit{padding-right: 0px;}
    .probox .pic2,.probox .pic1{display: none;}
    .probox.newstyle3,.probox.newstyle4,.probox.newstyle1,.probox.newstyle2{background-image:none !important;}
    .probox.newstyle1[style] ul, .probox.newstyle2[style] ul{padding-right:0;}
}
@media(max-width: 479px){
    .probox.newstyle1 .sys .btn_try,.probox.newstyle2 .sys .btn_try,.probox.newstyle3 .sys .btn_try,.probox.newstyle4 .sys .btn_try{margin-bottom: 20px;}
}

/* 20180816 new-style */
.bottom-hot-article h2{font-size: 22px;color: #444;border-bottom: 2px solid #1eade7;line-height: 40px;padding-bottom: 10px;}
.bottom-hot-article .row .item{float:left;width:47%;margin-left:6%;margin-top:30px;}
.bottom-hot-article .row .item:nth-of-type(2n+1){margin-left:0; clear:both;}
.bottom-hot-article .row .item h4 a{ font-size:18px;color:#34aceb; line-height:1.4em;}
.bottom-hot-article .row .item .info{margin-top:15px;}
.bottom-hot-article .row .item .info strong{display:block;float:left;width:80px;}
.bottom-hot-article .row .item .info span{display:block;padding-left:100px;}
@media(max-width: 767px){
    .bottom-hot-article .row .item{float:none;width:auto;margin-left:0;}
}

/* 20180913 new-style */
.article_top_banner {background-size: cover;padding:50px 0;color: #fff; background-repeat:no-repeat; background-position:center center;}
.article_top_banner .info {max-width: 670px;}
.article_top_banner .dd1{font-size: 20px;margin-bottom: 10px;}
.article_top_banner .title{font-size: 36px;margin-bottom: 30px;font-weight: bold;line-height: normal;}
.article_top_banner .list {margin-bottom: 20px;}
.article_top_banner .list li{background: url(https://drfone.wondershare.com/images/images2018/article/tip.svg) left 2px no-repeat; padding-left: 28px;margin-bottom: 10px; font-size:16px;}
.article_top_banner .play {color: #fff;margin-top: 20px;display: inline-block;margin-left: 5px;}
.article_top_banner .play i{font-size: 24px;vertical-align: -3px;margin-left: 10px;}
.article_top_banner .play:hover{text-decoration: none;}
.article_top_banner .play:hover i {color: #00a2ea;}
.article_content {padding-top: 0px;}
.video-pop {width: 640px;}
@media (max-width: 640px) {
    .video-pop {width: 100%;}
}

.user-box{ background:#fff;padding:20px; font-size:16px; line-height:1.6em;margin:30px 0; border:1px dashed #ccc;}
.user-box .from{color:#0960b0;margin-top:15px; text-align:right;}

.page-list{background-color: #fff; border:solid 2px #00a2ea; border-radius: 4px; box-shadow: 0 0 20px #ccc;box-shadow: 0 0 20px rgba(0,0,0,.3);padding:20px;margin:30px 0;}
.page-list li{display:inline-block;width:45%; line-height:1.6em;padding:12px 0; margin:0 2%;font-size:16px;border-bottom:1px solid #ccc;}
.page-list li a{color:#444; text-decoration:none;}
.page-list li a:hover{color:#1eade7;}

.info-style-one{margin:30px 0;}
.info-style-one .fr-pic{float:right;width:52%;}
.info-style-one .fl-text{float:left;width:44%;}
.info-style-one .fl-text li{ line-height:1.6em;padding:5px 0;}
.info-style-one h4{ font-size:20px; font-weight:600; line-height:1.4em;padding:10px 0;margin-bottom:15px;}
.info-style-one h4 strong{color:#1eade7;}
.info-style-one h4 .number{background:#1eade7;display:inline-block;padding:8px;color:#fff; font-size:16px;margin-right:10px;}
.info-style-one .tips{ font-size:16px; line-height:1.6em;margin-top:15px;}
.info-style-one .tips strong{display:block;}
@media (max-width: 767px) {
    .info-style-one .fr-pic{float:none;width:auto;}
    .info-style-one .fl-text{float:none;width:auto;}
}

.btn_zoom{display:inline-block; position:relative;}
.btn_zoom:after{display:block;font-family: 'globalIconfont';content:'\e037'; position:absolute; bottom:0; right:0;width:40px; height:40px; text-align:center; font-size:28px; line-height:40px; color:#fff; color:rgba(255, 255, 255, 0.8); background:#ededed; background:rgba(0, 0, 0, 0.3);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn_zoom:hover:after{background:#1eade7; color:#fff;}

.note-style{ background-repeat:no-repeat; background-position:30px center;  border:dashed 2px #00a2ea; border-radius: 4px; box-shadow: 0 0 20px #ccc;box-shadow: 0 0 20px rgba(0,0,0,.3);padding:20px 20px 20px 170px;margin:30px 0; color:#666; line-height:1.6em;}
.note-style dt{color:#444; font-weight:600;margin-bottom:10px;}
.note-style dd{padding:3px 0;}
@media (max-width: 767px) {
    .note-style{ background-position:center 20px;padding:90px 15px 20px 15px;}
}

.pageCont_stepBox{position: relative; z-index: 1; margin-bottom: 20px;}
.pageCont_stepBox .item{padding:20px 0;position:relative; z-index:2;}
.pageCont_stepBox .item .pic{float:right;width:41.8%; position:relative; z-index:3;}
.pageCont_stepBox .item .pic img{box-shadow:0 15px 20px #ccc;box-shadow:0 15px 20px rgba(53,49,50,.2);}
.pageCont_stepBox .item .text{float:left;width:54%;position:relative; z-index:3;}
.pageCont_stepBox .item .text .number{float:left;border:2px solid #1eade7; background:#fff; border-radius:100px;width:30px;height:30px; line-height:30px;font-size:20px;color:#1eade7; text-align:center;}
.pageCont_stepBox .item .text dl{padding-left:50px;}
.pageCont_stepBox .item .text dt{font-size:18px; line-height:1.6em; font-weight:600;}
.pageCont_stepBox .item .text dt + dd{margin-top:10px;}
.pageCont_stepBox:before{display: block;content: '';width: 0;height:90%;height:calc(100% - 80px);position: absolute;z-index: 2;left: 17px;top:50px; border-left: dashed 1px #ddd;}
.pageCont_stepBox .item:last-child:after{display:block;content: '';background:#fff; position:absolute;width:33px;height:90%;top:20px;left:0;}
.pageCont_stepBox_dot:before {top:35px;height:90%;height:calc(100% - 20px);}
.pageCont_stepBox_dot .item:last-child:after {top:35px;}
.pageCont_stepBox_dot .item .text:before {display: block;content: '';width:6px; height: 6px; border-radius: 20px; background: #67419e; float:left; margin:10px 14px;}
@media (max-width: 768px) {
    .pageCont_stepBox .item .text{margin-top:0;}
    .pageCont_stepBox:before{top:50px;}
    .pageCont_stepBox .item .text .last:after{height:148px;}
}
@media (max-width: 767px) {
    .pageCont_stepBox .item .pic{float:none;width:auto;width:350px;margin:0 auto;}
    .pageCont_stepBox .item .text{float:none;width:auto;margin-top:30px;}
    .pageCont_stepBox:before{display:none;}
    .pageCont_stepBox .item .text .last:after{display:none;}
}
@media (max-width: 375px) {
    .pageCont_stepBox .item .pic{width:auto;}
}

/*others*/
.content-info-new-box .segement .list-group-item{padding: initial;margin-bottom:initial;background-color: initial;border: initial;}
.content-info-new-box .segement .list-group-item .with-hand i{top: -5px;}
.content-info-new-box .segement .list-group-item .with-hand p{flex: 1;}
.content-info-new-box .segement .list-group-item div .plus{display: none;}
.content-info-new-box .segement .list-group-item div .close{display: block;}
.content-info-new-box .segement .list-group-item div.collapsed .plus{display: block;}
.content-info-new-box .segement .list-group-item div.collapsed .close{display: none;}

.content-info-new-box .img-6-3-3-list > div > div > div:first-child{min-height: 420px;}
.content-info-new-box .media-center{width: auto;}

.content-info-new-box .title-tips h4:before{position: absolute;content: "";top: 8%;left: 0;height: 75%;width: 3px;background: #00a2ea;}
.top-triangle{position: relative;}
.top-triangle:before{position: absolute;content: "";width: 25px;height: 25px;top: -13.5px;left: 50px;background: #fff;border: 1px solid #dee2e6;transform: rotate(45deg);border-bottom: 0;border-right: 0;}

@media (max-width: 992px){
    .content-info-new-box .segement .list-group-item .with-hand i{
        top: -3px;
    }
}