@charset "utf-8";
/*jofii 20180420*/
/*ad-common v2.0*/
/*https://images.wondershare.net/ad-public/index.html*/

/*vis logo style*/
.logo {color: transparent; user-select:none;}
.logo a {display:block; height:100%;}
.logo-company {display: block; background-position: center center; background-size:100% auto; background-repeat: no-repeat;}
.logo-product {display: block; background-size:contain; background-position: center center; background-repeat: no-repeat;}
/*ws logo*/
.logo-wondershare-square {width:50px; height:32px; background-image: url("images/logo-wondershare-square.png"); background-image:url("images/logo-wondershare-square.svg"), none;}
.logo-wondershare-square_b {width:50px; height:32px; background-image: url("images/logo-wondershare-square_b.png"); background-image: url("images/logo-wondershare-square_b.svg"), none;}
.logo-wondershare {width:84px; height:36px; background-image: url("images/logo-wondershare.png"); background-image: url("images/logo-wondershare.svg"), none;}
.logo-wondershare_b {width:84px; height:36px; background-image: url("images/logo-wondershare_b.png"); background-image: url("images/logo-wondershare_b.svg"), none;}
.logo-wondershare2 {width:200px; height:30px; background-image: url("images/logo-wondershare2.png"); background-image: url("images/logo-wondershare2.svg"), none;}
.logo-wondershare2_b {width:200px; height:30px; background-image: url("images/logo-wondershare2_b.png"); background-image: url("images/logo-wondershare2_b.svg"), none;}
/*product logo*/
.logo-drfone {width: 122px/*vis*/; height:36px/*vis*/; background-image: url("images/dr_logo.png"); background-image: url("images/dr_logo.svg"), none;}
.logo-drfone_w {width: 122px/*vis*/; height:36px/*vis*/; background-image: url("images/dr_logo_w.png"); background-image: url("images/dr_logo_w.svg"), none;}
.logo-filmora {width: 112px/*vis*/; height:36px/*vis*/; background-image: url("images/filmora_logo.png"); background-image: url("images/filmora_logo.svg"), none;}
.logo-filmora_w {width: 112px/*vis*/; height:36px/*vis*/; background-image: url("images/filmora_logo_w.png"); background-image: url("images/filmora_logo_w.svg"), none;}
.logo-pdfelement {width: 145px/*vis*/; height:36px/*vis*/; background-image: url("images/pdf_logo.png"); background-image: url("images/pdf_logo.svg"), none;}
.logo-pdfelement_w {width: 145px/*vis*/; height:36px/*vis*/; background-image: url("images/pdf_logo_w.png"); background-image: url("images/pdf_logo_w.svg"), none;}
.logo-videoconverter {width: 180px/*vis*/; height:36px/*vis*/; background-image: url("images/vc_logo.png"); background-image: url("images/vc_logo.svg"), none;}
.logo-videoconverter_w {width: 180px/*vis*/; height:36px/*vis*/; background-image: url("images/vc_logo_w.png"); background-image: url("images/vc_logo_w.svg"), none;}
.logo-tunesgo {width: 105px/*vis*/; height:36px/*vis*/; background-image: url("images/tg_logo.png"); background-image: url("images/tg_logo.svg"), none;}
.logo-tunesgo_w {width: 105px/*vis*/; height:36px/*vis*/; background-image: url("images/tg_logo_w.png"); background-image: url("images/tg_logo_w.svg"), none;}
.logo-mobiletrans {width: 146px/*vis*/; height:36px/*vis*/; background-image: url("images/mt_logo.png"); background-image: url("images/mt_logo.svg"), none;}
.logo-mobiletrans_w {width: 146px/*vis*/; height:36px/*vis*/; background-image: url("images/mt_logo_w.png"); background-image: url("images/mt_logo_w.svg"), none;}
.logo-fotophire {width: 130px/*vis*/; height:36px/*vis*/; background-image: url("images/foto_logo.png"); background-image: url("images/foto_logo.svg"), none;}
.logo-fotophire_w {width: 130px/*vis*/; height:36px/*vis*/; background-image: url("images/foto_logo_w.png"); background-image: url("images/foto_logo_w.svg"), none;}
.logo-recoverit {width: 145px/*vis*/; height:36px/*vis*/; background-image: url("images/re_logo.png"); background-image: url("images/re_logo.svg"), none;}
.logo-recoverit_w {width: 145px/*vis*/; height:36px/*vis*/; background-image: url("images/re_logo_w.png"); background-image: url("images/re_logo_w.svg"), none;}
.logo-datarecovery {width: 180px/*vis*/; height:36px/*vis*/; background-image: url("images/data_logo.png"); background-image: url("images/data_logo.svg"), none;}
.logo-datarecovery_w {width: 180px/*vis*/; height:36px/*vis*/; background-image: url("images/data_logo_w.png"); background-image: url("images/data_logo_w.svg"), none;}
.logo-famisafe {width: 180px/*vis*/; height:36px/*vis*/; background-image: url("images/famisafe_logo.png"); background-image: url("images/famisafe_logo.svg"), none;}
.logo-famisafe_w {width: 180px/*vis*/; height:36px/*vis*/; background-image: url("images/famisafe_logo_w.png"); background-image: url("images/famisafe_logo_w.svg"), none;}
.logo-famisafe2_w {width: 180px/*vis*/; height:36px/*vis*/; background-image: url("images/famisafe2_logo_w.png"); background-image: url("images/famisafe2_logo_w.svg"), none;}

/*btn style*/
.link_line {display: inline-block; vertical-align:middle; text-decoration:underline; color:#353031;}
.link_line:hover {color:#fa745f;}
.link_line.link_white {color:#fff;}

.btn_full {display:inline-block; vertical-align:middle; font-size:20px; line-height:43px; text-align:left; border:solid 2px #353031; background:#353031; color:#fff !important; text-decoration:none !important; margin:5px;padding:10px 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn_full i {float:right; font-size:30px; line-height:1; margin-top:6px; margin-left:15px;}
.btn_full span {display:block;margin-right:45px; font-size:22px; line-height:1.2; white-space:nowrap;}
.btn_full big {display:block; font-size:18px; line-height:1; padding-right: 20px;}
.btn_full small {display:block; font-size:12px; line-height:1.2; margin-top:4px;}
.btn_full del {font-size:12px; line-height:1.2; margin-top:3px;}
.btn_full:hover {text-decoration:none; background:#fa745f; border:solid 2px #fa745f;}
.btn_full.btn_white {background:#fff; color:#353031 !important; border:solid 2px #fff;}
.btn_full.btn_white i {color:#353031;}
.btn_full.btn_white:hover {background:#fa745f; color:#fff !important; border:solid 2px #fa745f;}
.btn_full.btn_white:hover i {color:#fff;}
.btn_full.btn_orange {background:#ff644c; color:#fff !important; border:solid 2px #ff644c;}
.btn_full.btn_orange i {color:#fff;}
.btn_full.btn_orange:hover {background:#fb5035; color:#fff !important; border:solid 2px #fb5035;}
.btn_border {display:inline-block; vertical-align:middle; font-size:20px; line-height:43px; text-align:left; border:solid 2px #353031; color:#353031 !important; text-decoration:none !important; background:none; margin:5px;padding:10px 30px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn_border i {float:right; font-size:30px; line-height:1; margin-top:6px; margin-left:15px;}
.btn_border span {display:block;margin-right:45px; font-size:22px; line-height:1.2; white-space:nowrap;}
.btn_border big {display:block; font-size:18px; line-height:1.2; padding-right: 20px;}
.btn_border small {display:block; font-size:12px; line-height:1.2; margin-top:3px;}
.btn_border del {font-size:12px; line-height:1.2; margin-top:3px;}
.btn_border:hover {text-decoration:none; background:#fa745f; border:solid 2px #fa745f; color:#fff !important;}
.btn_border.btn_white {border:solid 2px #fff; color:#fff !important;}
.btn_border.btn_white:hover {background:#fa745f; border:solid 2px #fa745f; color:#fff !important;}
.btn_border.btn_orange {border:solid 2px #ff644c; color:#ff644c !important;}
.btn_border.btn_orange:hover {border:solid 2px #fa745f; background:#fa745f; color:#fff !important;}
.btn_sm {padding:6px 20px; font-size:16px; line-height:34px;}
.btn_sm i {font-size:24px;}
.btn_md {padding:6px 30px;}
.btn_lg {padding:10px 40px;font-size:24px;}
.btn_lg span {margin-right:50px;}
.btn_lg i {font-size:36px; margin-top:3px;}
.btn_lg i.arrow_down {margin-top:5px;}

.btn_play,
.btn_zoom,
.btn_zoom_sm,
.btn_zoom_sx,
.btn_play_sm,
.btn_zoom_br,
.btn_zoom_ba {display:inline-block; position:relative;}
.btn_play:after,
.btn_play_sm:after,
.btn_zoom:after,
.btn_zoom_sm:after,
.btn_zoom_sx:after,
.btn_zoom_br:after,
.btn_zoom_ba:after {display:block;font-family: 'globalIconfont';content:'\e037'; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; width:60px; height:60px; text-align:center; font-size:30px; line-height:60px; color:#fff; color:rgba(255, 255, 255, 0.8); border-radius:100px; 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_br:after {bottom:0; right:0; left: auto; top: auto;border-radius:5px 0 0 0;}
.btn_zoom_ba:after {border-radius:5px;}
.btn_play:after,
.btn_play_sm:after {content:'\e03a';}
.btn_zoom_sm:after,
.btn_play_sm:after {margin:-25px 0 0 -25px; width:50px; height:50px; line-height:50px;}
.btn_zoom_sx:after {margin:-15px 0 0 -15px; width:30px; height:30px; font-size: 18px; line-height:30px;}
.btn_play:hover:after,
.btn_zoom:hover:after,
.btn_zoom_br:hover:after,
.btn_zoom_ba:hover:after,
.btn_zoom_sm:hover:after,
.btn_zoom_sx:hover:after,
.btn_play_sm:hover:after {background:#fa745f; color:#fff;}

/* fixed roll */
.fixed_roll {display:none;padding:10px 0; background-color:#353132; background-color:rgba(0, 0, 0, .8); color:#fff;}
.fixed_roll:after {display:block; content:''; clear:both;}
.fixed_roll a {color:#fff; text-decoration:none;}
.fixed_roll span[fixedroll-class='btn'] {position:absolute; z-index:200; top:-24px; left:50%; margin-left:-26px; background-color:#353132; background-color:rgba(0, 0, 0, .8); text-align:center; width:52px; height:24px; border-radius:5px 5px 0 0; cursor:pointer;}
.fixed_roll span[fixedroll-class='btn']:after {display:inline-block; font-family:'globalIconfont'; content:'\e92c'; font-size:20px; line-height:24px;}
.fixed_roll[fixedroll="show"] {display:block;position:fixed; top:0; left:0; width:100%; z-index:40;}
.fixed_roll[fixedroll-position="bottom"] {top:auto; bottom:0;}
.fixed_roll[fixedroll-display="open"] span[fixedroll-class='btn']:after {content:'\e92c';}
.fixed_roll[fixedroll-display="close"] span[fixedroll-class='btn']:after {content:'\e92f';}

.fixed_roll .pro_name {float:left; font-size:22px; line-height:1.2em; padding:12px 0 0 0;}
.fixed_roll .btnBox {float:right; text-align:center;}
.fixed_roll .btnBox a {display:inline-block; box-sizing: border-box; padding:8px 10px; margin:5px; border:solid 2px #ff644c; background:#ff644c; color:#fff; font-size:16px; line-height:1.2em; text-align: center;}
.fixed_roll .btnBox a:hover {text-decoration:none;border:solid 2px #fb5035; background:#fb5035;}
.fixed_roll .btnBox a span {vertical-align:middle;}
.fixed_roll .btnBox a span {display:inline-block; vertical-align:middle; margin:-3px 0; font-size:12px;}
.fixed_roll .btnBox a strong {display:inline-block; font-size:16px; font-weight:normal;}
.fixed_roll .btnBox a span strong {display:block;}

.fixed_roll .btnBox a[class*=down]:after,
.fixed_roll .btnBox a[class*=buy]:after,
.fixed_roll .btnBox a[class*=win]:after,
.fixed_roll .btnBox a[class*=mac]:after {display:inline-block; font-family:'globalIconfont'; content:'\e918'; font-size:20px; line-height:1; vertical-align:middle; margin-left:10px;}
.fixed_roll .btnBox a[class*=down],
.fixed_roll .btnBox a[class*=buy] {text-align:left;}
.fixed_roll .btnBox a[class*=down]:after {content:'\e918';}
.fixed_roll .btnBox a[class*=buy]:after {content:'\e905';}
.fixed_roll .btnBox a[class*=win]:after {content:'\e916';}
.fixed_roll .btnBox a[class*=mac]:after {content:'\e909';}

.fixed_roll[fixedroll-type="mobile"] {padding:5px 0;}
.fixed_roll[fixedroll-type="mobile"] .btnBox {float:none;}

/* bottom guide */
.bottom_guide{border-top:2px solid #dedede; background:#fff;}
.bottom_guide .title{font-size:20px; line-height:1.2em; margin:0; padding:25px 0; text-align:left; color:#444; font-weight:normal; cursor:pointer;}
.bottom_guide .panel_button:after {display:inline-block; font-family:'globalIconfont'; content:'\e040'; font-size:24px; line-height:1; color:#cecece; vertical-align:middle; margin-left:10px;}
.bottom_guide .panel_button.curr:after {content:'\e041';color:#ff644c;}
.bottom_guide .panel_button:hover:after {color:#ff644c;}
.bottom_guide .info{display:none; width:auto; border:1px solid #f3f3f3; background:#fff; box-shadow:0 5px 20px #ededed; box-shadow:0 5px 20px rgba(0, 0, 0, .1); padding:30px 60px;margin-bottom:30px;}
.bottom_guide .info .title {margin:0 0 25px 0;}
.bottom_guide .info .text p{ margin-bottom:20px;}
.bottom_guide .bottom_panel_btn { position:relative; display:inline-block;font-size:20px; line-height:1.2em; margin-top:15px; background:#ff644c; color:#fff;padding:15px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.bottom_guide .bottom_panel_btn:after {display:inline-block; font-family:'globalIconfont'; content:'\e916'; font-size:24px; line-height:1; vertical-align:middle; margin-left:10px;}
.bottom_guide .bottom_panel_btn.btn_mac:after {content:'\e909';}
.bottom_guide .bottom_panel_btn:hover {background:#fb5035; text-decoration:none;}
.bottom_guide .bottom_panel_btn strong {font-weight:normal;}
.bottom_guide .bottom_panel_btn .hands_icon{ position:absolute; right:55px; bottom:-7px;}
.bottom_guide .btn_start {display:inline-block;font-size:20px; line-height:1.2em; margin-top:15px; background:#ff644c; color:#fff;padding:15px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;}
.bottom_guide .btn_start:after {display:inline-block; font-family:'globalIconfont'; content:'\e904'; width:20px; height:20px; text-align:center; font-size:14px; line-height:20px; vertical-align:middle; margin-left:10px; border:solid 2px #fff; border-radius:100px;box-sizing:content-box;}
.bottom_guide .btn_start:hover {background:#fb5035; text-decoration:none;}
.bottom_guide .step_unin {padding-bottom:30px;}
.bottom_guide .step_unin:after {display: block;content:''; clear: both;}
.bottom_guide .step_unin .step{font-size:18px; line-height:1.2em; min-height:60px;}
.bottom_guide .step_unin .step i{display:block; float:left; width:30px; height:30px; line-height:30px; font-style:normal; border-radius:15px; background-color:#ff644c; color:#fff; text-align:center;}
.bottom_guide .step_unin .step span {display:block; margin-left:40px; padding-top:4px;}
.bottom_guide .step_unin .itme{position: relative;float: left; display:block; width:32%; min-height:150px; padding-left:3%; padding-right:3%; border-left:solid 2px #e8e8e8;}
.bottom_guide .step_unin .itme:first-child{padding-left:0; border-left:0;}
.bottom_guide .step_unin .itme:nth-child(3) {width:22%; padding-right:0;}
.bottom_guide .step_unin .bottom_panel_icon,
.bottom_guide .step_unin .itme .pro_name{ margin-left:50px;}
.bottom_guide .step_unin .bottom_panel_icon1{ display:block; text-align:center;}
@media (max-width: 979px) {
	.bottom_guide .info {padding:30px;}
}
@media (max-width: 767px) {
	.bottom_guide .step_unin .itme {float:none; width:auto; padding:30px 0; border-left:0;border-bottom:solid 2px #e8e8e8;}
	.bottom_guide .step_unin .itme:first-child {padding-top:0;}
	.bottom_guide .step_unin .itme:nth-child(3) {width:auto;}
}

/*totop style*/
.totop{display:none; background:#353132; color:#fff; position:fixed; z-index:100;  width:43px; height:43px; bottom:30px; right:1%; font-size:16px; line-height:43px; text-align:center; text-decoration:none;}
.totop:hover {text-decoration:none;}
.totop:after {display:block; font-family:'globalIconfont'; content:'\e92f'; position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background:#353132; color:#fff; font-size:24px; line-height:43px; text-align:center;}
.totop:focus{outline:none}
@media (max-width: 979px) {
	.totop{ display:none !important; position:static; background-position:left 0; background-color:#353132; text-align:center; color:#999; width:auto;height:43px; line-height:43px;text-indent:0;}
	.totop:hover{ text-decoration:none; background-color:#121212;}
}

/*drfone style*/
.brand_drfone .link_line:not(.link_white) {display: inline-block; vertical-align:middle; text-decoration:underline; color:#00A2EA;}
.brand_drfone .link_line:not(.link_white):hover {color:#0960b0;}

.brand_drfone .btn_full:not(.btn_white):not(.btn_orange),
.btn_full.btn_drfone:not(.btn_white):not(.btn_orange) {border:solid 2px #00A2EA; background:#00A2EA;}
.brand_drfone .btn_full:not(.btn_white):not(.btn_orange):hover,
.btn_full.btn_drfone:not(.btn_white):not(.btn_orange):hover {background:#0960b0; border:solid 2px #0960b0;}
.brand_drfone .btn_full.btn_white,
.btn_full.btn_white.btn_drfone,
.brand_drfone .btn_full.btn_white i,
.btn_full.btn_white.btn_drfone i {color:#00A2EA !important;}
.brand_drfone .btn_full.btn_white:hover,
.btn_full.btn_white.btn_drfone:hover {background:#0960b0; border:solid 2px #0960b0; color:#fff !important;}
.brand_drfone .btn_full.btn_white:hover i,
.btn_full.btn_white.btn_drfone:hover i {color:#fff !important;}

.brand_drfone .btn_border:not(.btn_white):not(.btn_orange),
.btn_border.btn_drfone:not(.btn_white):not(.btn_orange) {border:solid 2px #00A2EA; color:#00A2EA !important;}
.brand_drfone .btn_border:not(.btn_white):not(.btn_orange):hover,
.btn_border.btn_drfone:not(.btn_white):not(.btn_orange):hover {background: #0960b0; border:solid 2px #0960b0; color:#fff !important;}
.brand_drfone .btn_border.btn_white:hover,
.btn_border.btn_white.btn_drfone:hover {background:#0960b0; border:solid 2px #0960b0; color:#fff !important;}

.brand_drfone .fixed_roll {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); background-color:#044886; color:#fff;}
.brand_drfone .fixed_roll span[fixedroll-class='btn'] {box-shadow:0 -3px 5px 0 rgba(0, 0, 0, 0.3); background-color:#044886;}

.brand_drfone .totop{background:#0092ff;}
.brand_drfone .totop:after {background:#0092ff;}
.brand_drfone .totop:focus{outline:none}

/*pdfelement style*/
.brand_pdfelement .link_line:not(.link_white) {display: inline-block; vertical-align:middle; text-decoration:underline; color:#435bfd;}
.brand_pdfelement .link_line:not(.link_white):hover {color:#2c3db0;}

.brand_pdfelement .btn_full:not(.btn_white):not(.btn_orange),
.btn_full.btn_pdfelement:not(.btn_white):not(.btn_orange) {border:solid 2px #435bfd; background:#435bfd;}
.brand_pdfelement .btn_full:not(.btn_white):not(.btn_orange):hover,
.btn_full.btn_pdfelement:not(.btn_white):not(.btn_orange):hover {background:#2c3db0; border:solid 2px #2c3db0;}
.brand_pdfelement .btn_full.btn_white,
.btn_full.btn_white.btn_pdfelement,
.brand_pdfelement .btn_full.btn_white i,
.btn_full.btn_white.btn_pdfelement i {color:#435bfd !important;}
.brand_pdfelement .btn_full.btn_white:hover,
.btn_full.btn_white.btn_pdfelement:hover {background:#2c3db0; border:solid 2px #2c3db0; color:#fff !important;}
.brand_pdfelement .btn_full.btn_white:hover i,
.btn_full.btn_white.btn_pdfelement:hover i {color:#fff !important;}

.brand_pdfelement .btn_border:not(.btn_white):not(.btn_orange),
.btn_border.btn_pdfelement:not(.btn_white):not(.btn_orange) {border:solid 2px #435bfd; color:#435bfd !important;}
.brand_pdfelement .btn_border:not(.btn_white):not(.btn_orange):hover,
.btn_border.btn_pdfelement:not(.btn_white):not(.btn_orange):hover {background: #2c3db0; border:solid 2px #2c3db0; color:#fff !important;}
.brand_pdfelement .btn_border.btn_white:hover,
.btn_border.btn_white.btn_pdfelement:hover {background:#2c3db0; border:solid 2px #2c3db0; color:#fff !important;}

.brand_pdfelement .fixed_roll {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); background-color:#272e62; color:#fff;}
.brand_pdfelement .fixed_roll span[fixedroll-class='btn'] {box-shadow:0 -3px 5px 0 rgba(0, 0, 0, 0.3); background-color:#272e62;}

.brand_pdfelement .totop{background:#435bfd;}
.brand_pdfelement .totop:after {background:#435bfd;}
.brand_pdfelement .totop:focus{outline:none}