/*------------- index -------------*/ .banner { background-size: cover; text-align:center; position: relative;} .banner .container,.banner .container1200 { position: relative;} .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .banner .overlay-bg { background: -moz-linear-gradient(to right, rgba(1, 1, 1, 0.4) 100%, rgba(1, 1, 1, 0.4) 100%); background: -webkit-linear-gradient(to right, rgba(1, 1, 1, 0.4) 100%, rgba(1, 1, 1, 0.4) 100%); background: linear-gradient(to right, rgba(1, 1, 1, 0.34) 100%, rgba(1, 1, 1, 0.4) 100%); } .main-index { padding: 0;} .main-index p { margin-top:0; margin-bottom:0;} .main-index h2 { text-align: center; font-size: 50px; font-weight: bold; color: #41424e; margin: 0 auto;font-family:'ProximaNovaBold';} .main-index .sub-t { font-size: 20px; padding: 24px 0 56px; color: #63646e; text-align: center; margin: 0;} .title {font-size: 32px;font-weight: 600;padding-bottom: 24px;} .why { background:url(/images/index/map.png) no-repeat center 380px; text-align:center; padding-top:96px; height:780px;} .why .span3 { position:relative;} .why .span3:last-child { border-right:0;} .why .title { font-size:24px; padding-top:24px; font-weight:600;} .line { border-right:1px solid #ebeef0; position:absolute; height:64px; width:1px; display:block; right:0; top:24%;} /* ========== index-2021 ==========*/ /*banner foucs*/ .focus, .banner-focus { margin:0; position:relative;overflow: hidden;} .medias { margin:0; margin-top: 32px;} .rslides { position:relative; list-style:none; padding:0;} .medias li { margin:0; padding:0;} .banner-index-new, .banner-store { background: #091B88; color: #fff; text-align: left; } .banner-index-new h1 { font-size: 72px; font-weight: bold; padding: 20px 0 32px; margin: 0; line-height: 1; letter-spacing: -1px;} .banner-index-new p.sub-t { font-size: 28px; font-weight: bold; margin: 0; width: auto;} .banner-index-new p.sub-t span { color: #FF9900;} .banner-index-new p.des {font-size: 20px; line-height: 1.5; width: 80%; margin: 0;} .banner-focus li {width:100%;} .banner-focus .no1 { background: url("/images/index/img-recovery@2x.jpg") no-repeat right center; background-size: 500px;padding: 72px 0 96px;} .banner-focus .no2 { background: url("/images/index/img-erase@2x.jpg") no-repeat right center; background-size: 500px;padding: 72px 0 96px;} .banner-focus .no3 { background: url("/images/index/img-clone@2x.jpg") no-repeat right center; background-size: 500px;padding: 72px 0 96px;} .banner-focus .textarea { text-align: left; width: 70%; float: left; padding: 0; color: #fff;} .banner-focus .btns { margin-top: 48px;} .banner-focus .btns .btn { min-width: 220px; border-radius: 6px; margin: 12px 0; margin-right: 24px; font-size: 24px; font-weight: 500; text-transform: uppercase; border: 1px solid #fff;} .banner-focus .btns .btn-pri { background-color: #fff; color: #091B88; border-color: #fff;} .banner-focus .btns .btn-sec { border:1px solid #fff; color: #fff; background-color: #091B88;} .banner-focus .btns .btn:hover {box-shadow: 0 0 16px 4px rgba(0,0,0,0.1); background: rgba(255,255,255,0.8); border-color: rgba(255,255,255,0.8); color:#091B88; } /*nav*/ .banner-focus .rslides_nav { display: none;} .banner-focus .rslides_tabs { margin:0 auto; clear:both; position:absolute; bottom:40px; left:48%;} .banner-focus .rslides_tabs li { display:inline; float:none; margin-right:5px;} .banner-focus .rslides_tabs a { text-indent:-9999px; overflow:hidden; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-color:#e4ebf9; display:inline-block; width:16px; height:4px;} .banner-focus .rslides_tabs .rslides_here a { background:#008AFF;} /*main*/ .main-index h2 {font-size: 42px; line-height: 1; color: #121213;} .main-index p.sub-t{ font-size: 20px;color: #555C60; padding: 16px 0 32px;} .main-index .hot-pr { background: #fff; padding: 72px 0;} .main-index .hot-pr .span4 img { float: left;} .main-index .hot-pr .span4 .text-area {border: 1px solid #ECECEC; border-radius: 16px; padding: 24px; margin:12px 0;} .main-index .hot-pr .span4 .text-area:hover { border:1px solid #EBF6FE; background-color: #EBF6FE;} .main-index .hot-pr .span4 .text { padding-left: 68px;} .main-index .hot-pr .span4 .text h3 {color: #121213; font-size: 24px;font-weight: 500; text-align: left; line-height: 1.2;margin: 0;} .main-index .hot-pr .span4 .text span.lable { background: #D0CFD7; border-radius: 6px; font-size: 14px; color: #fff; font-weight: bold; padding: 2px 4px; margin-left: 12px;} .main-index .hot-pr .span4 .text p.des { color: #54545b; font-size: 16px; line-height: 1.5; padding: 16px 0;} .main-index .hot-pr .span4 .text .btn { padding: 2px 12px; font-size:14px; font-weight: 400; min-width: inherit; margin: 4px 0; border-radius: 4px; border: 0;} .main-index .hot-pr .span4 .text .btn::after {display: none;} .main-index .hot-pr .span4 .text .btn-pri { color: #fff; background: #3469ED; border: 1px solid #3469ED; margin-right: 8px;} .main-index .hot-pr .span4 .text .btn-sec { color: #54545b; border: 1px solid #ACABB8;} .hot-new { background: #E3F1FF; padding: 72px 0;} .hot-new h2 { padding-bottom: 40px;} .hot-new .span6 .text-area { background-color: #fff; box-shadow: 0 24px 32px rgb(21 58 160 / 5%); border-radius: 24px;margin:12px 0; } .hot-new .span6 .text-area img { width: 100%; height: auto;border-radius: 24px 24px 0 0;} .hot-new .span6 .text { padding: 32px; color:#121213; font-size: 18px; line-height: 1.5; } .hot-new .span6 .text ul.list { margin-top: 24px;} .hot-new .span6 .text ul.list li { background: url("/images/list-triangle-blue@2x.png") 0 10px no-repeat; background-size: 8px; padding: 4px 0;padding-left: 20px; list-style: none; font-size: 16px;} .hot-new .span6 .text ul.list li a {color: #3469ED; text-decoration: none;} .hot-new .span6 .text ul.list li a:hover {text-decoration: underline;} .news {padding: 72px 0;} .news h2 { padding-bottom: 32px;} .news .text-area {border-radius: 16px; text-align: left;margin:12px 0;} .news .text-area img { width: 100%; height: auto;border-radius: 16px 16px 0 0; vertical-align: middle;} .news .text {border: 1px solid #ECECEC; border-top: 0; padding: 32px 24px; border-radius: 0 0 16px 16px;} .news .text p.name { font-size: 24px; font-weight: bold; color: #121213; padding-bottom: 20px;} .news .text p.des {font-size: 16px; color: #54545b; line-height: 1.5;} .news .text-area a { color: #54545b; text-decoration: none; font-weight: bold;} .news .text-area a::after{ content: "\f3d6"; font-family: 'Ionicons'; font-size: 24px; padding-left: 8px; color: #54545b; vertical-align: middle;} .media-logos .medias .textarea { width:90%; margin: 0 auto; padding: 40px; text-align:center;border-radius: 10px; overflow: hidden; min-height: 300px;} .media-logos .medias .textarea p { font-size:18px; width: 90%; margin: 0 auto; margin-top: 24px; } .media-logos .medias .textarea .title_s { font-size:1.8rem;} /* nav */ .media-logos .rslides_nav { height:40px; width:16px; position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:50%; left:0; opacity:0.5; text-indent:-9999px; overflow:hidden; text-decoration:none; background:url("/images/index/cursors@2x.png") no-repeat 0 0; background-size: cover;margin-top:-28px; display:block;} .media-logos .rslides_nav:active { opacity:1.0;} .media-logos .rslides_nav.next {left:auto; background-position:-23px 0; right:0;} .media-logos .rslides_tabs { display: none;} .media-logos { padding: 72px 0; background: url("/images/index/map.svg") no-repeat center bottom;} .whyus {color: #374BC2;font-weight: bold; text-align: center; line-height: 1.2;} .whyus .t { font-size: 24px; } .whyus .t span { font-size: 68px;} .whyus .b { font-size: 16px;} .hot-so { background:#091B88; text-align:center; padding:78px 0; } .hot-so h2, .hot-so p.sub-t a { color:#fff; text-decoration: none;} .hot-so p.sub-t a {line-height: 1;} .hot-so p.sub-t a:hover { text-decoration: underline;} .hot-so p.sub-t::after { content: "\f3d6"; font-family: 'Ionicons'; font-size: 32px; padding-left: 12px; color: #fff; vertical-align: middle;} .hot-so .text-area { background-color:#fff; border-radius:16px; padding: 16px;position: relative; margin:12px 0;} .link-area { position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .hot-so .text-area .img {border-radius: 16px 16px 0 0; padding: 0; } .hot-so .span4:nth-child(1) .img {background: #EBF6FE; } .hot-so .span4:nth-child(2) .img {background: #E8F9FB; } .hot-so .span4:nth-child(3) .img {background: #FFF5D7; } .hot-so .span4:nth-child(4) .img {background: #FAE2FF; } .hot-so .span4:nth-child(5) .img {background: #E8F7EC; } .hot-so .span4:nth-child(6) .img {background: #F1EDEB; } .hot-so .text {padding: 32px 8px 16px;} .hot-so .text .name { font-size:22px; font-weight: bold;line-height:1.2; padding-bottom: 16px; color: #121213;} .hot-so .text .des { font-size: 16px; color: #54545b; line-height: 1.5;} /*----------------------------------------------------- review pages -----------------------------------------------------*/ .main-review { background-color: #f6f9fc;} .main-review ul.review_title, .main-review ul.review { width: 80%; margin: 0 auto; background: #fff; border-radius: 16px 16px 0 0;overflow: hidden; padding: 32px;} .main-review ul.review {border-radius: 0 0 16px 16px;} .review_title { overflow:hidden; border-bottom:2px solid #eee;} ul.review_title li { vertical-align:middle; margin:0; padding:0; float:left; list-style:none;} ul.review_title .title { width:52%;} ul.review_title li h2 { margin:0; line-height:3.0rem; font-weight:normal; font-size:24px; padding:0 !important;} .rating { display:inline-block; vertical-align:middle; margin:0; overflow:hidden;} .rating li, .rating li.half { float:left; height: 20px; width: 20px; background: url("/images/do-your-data-recovery-pro/ic-star@2x.png") no-repeat 0 0; zoom: 1; list-style:none; padding:0 !important; background-size: 20px; margin: 0 1px;} .rating li.half {background: url("/images/do-your-data-recovery-pro/ic-halfstar@2x.png") no-repeat 0 0; background-size: 24px;} .review_left .rating { display:block; padding:16px 0;} ul.review { list-style:none;} ul.review li { margin:0;} ul.bigRating { margin: 16px 0;} ul.bigRating li { margin:0 1px;} ul.bigRating li:last-child { padding: 0 10px; padding-bottom:0; color: #999;background:none; width:80px;} ul.review_title .btn { line-height:2.4; float:right; padding:0 18px; background: #2A6CFF; border-radius:6px; color:#fff; margin:6px 0;} ul.review_title .btn:hover {background-color: #175FFF; } ul.review_title .btn:hover { color:#fff !important; text-decoration:none;} .review li { float:left;} .review span, .review em {font-size: 0.8rem;color:#999;} .review .review_left { width:30%;} .review .review_right { width:70%;} .review .review_right p { margin-top: 0;} .review .review_left, .review .review_right { padding:30px 0; } .review_left .rating { float:none;} .review li.hr { border-bottom:1px solid #eee; clear:both; height:1px; width:100%;} .review li.hr { clear:both; border-bottom:1px solid #eee;} .review li.hr:last-child { margin-bottom:30px;} .review_title .button { display:block;} .pagination { margin: 16px auto; text-align: center;} .pagination li { display: inline-block; margin: 0 4px!important; list-style:none; width: 24px; height: 24px;border-radius: 4px; font-size: 16px; background: #fff;} .pagination li.active { color:#fff; background-color: #2A6CFF;} .comment { padding:96px 0;} .comment form { width:100%; margin: 0 auto;} span.label { width: 14%; line-height: 44px; display: inline-block; float: left;vertical-align:middle;} form li.first, li.second { border: none; list-style: none; margin-bottom: 16px; width: 100%;} form li.second { vertical-align: top;} input[type="text"], form textarea { width: 86%; padding: 0.8em; color: #333; font-size: 16px; outline: none; background: #F5F8F9; font-weight: 500; border: 1px solid #d6e1e4; border-radius: 0;} form textarea { resize: none; height: 140px;} .login-01 input[type="submit"], html [type="button"], [type="reset"], [type="submit"] { font-size: 17px; font-weight: 300; color: #fff; cursor: pointer; outline: none; padding: 10px 10px; width: 25%; border: 2px solid #007bff; margin-left: 14%; background: #007bff; border-radius:0; margin-top:24px;} .form-control { display: inline-block;} @media (max-width: 768px) { span.label { display:block; width:100%;} input[type="text"], form textarea { width:100%;} } .add_reivew { border-top:1px solid #e7e7ef;} .add_reivew h1 { color: #353132; padding-top: 0; padding-bottom: 1em;} @media (max-width: 1200px) { .hot-so .text-area { min-height:384px;} } @media (max-width: 992px) { .main-index h2 { font-size:40px; line-height:1.2;} .main-index .sub-t { font-size:20px;} .media-logos .span2 {max-width: 33.33%;flex: 0 0 33.33%;} .rslides_tabs { left: 44%; bottom: 56px;} .medias .textarea .qute-l {left: 6%;} .medias .textarea .qute-r {right: 6%;} .hot-so .text-area { min-height:366px;} .why .span3 .line { display:none;} } @media (max-width: 768px) { .banner-focus .textarea, .banner-index-new p.des {width: 100%;} .banner-focus .no1, .banner-focus .no2, .banner-focus .no3 {background-position: center bottom; min-height: 1000px;} .hot-so .text-area { min-height:inherit;} .media-logos .span2, .hot-pr .span4 {max-width: 50%;flex: 0 0 50%;} .hot-new .span6 {max-width: 100%; flex: 0 0 100%; float: none;} .banner-focus .rslides_tabs { display:none;} } @media (max-width: 576px) { .news .span4, .hot-so .span4, .hot-pr .span4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .hot-so .text-area { min-height:inherit; height:auto; padding:48px 32px;} .why .span3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin:15px 0;} } @media (max-width: 445px) { .why { height:auto; background-position: center bottom;} .why .span3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } /*---------- seo article ----------*/ .main-seo { border-top:1px solid #e7e7ef; padding:24px 0;} .main-seo a { text-decoration:none; color:#3469ED;} .main-seo a:hover { text-decoration:underline;} .main-seo .span9 { padding-right: 56px;} .main-seo .crumb { font-size:14px;} .main-seo .ion { font-size:20px; color:#3469ED;} .crumb .ion-ios-home-outline {color:#41424e;} .main-seo h1 { font-size:32px; font-family: 'ProximaNovaBold'; padding:24px 0; margin:0; font-weight: bold;} .main-seo h2 { font-size:24px; padding:44px 0 20px; margin:0;} .main-seo p { line-height:1.6; padding:12px 0; margin:0; font-size: 18px;} .pt0 { padding-top:0 !important;} .pb0 { padding-bottom:0 !important;} .pb40 { padding-bottom:40px !important;} .main-seo .date { color: #9c9b9b; padding:0; font-style: italic;} .main-seo .sum { background: #f6f9fc url(/images/seo-article/ic_lable.png) no-repeat 16px 0; padding: 32px; margin-bottom: 32px; border-radius: 16px;} .main-seo .par-style1, .main-seo .par-bgblue { padding: 24px; background-color: #f6f9fc; border-left: 4px solid #217AFF; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin-bottom: 24px;} .main-seo ul.border-left4 {border-left: 4px solid #217AFF; padding-left: 32px; margin-left: 0!important;} .main-seo .par-bgblue { border:0;} .main-seo .border-bt { border-bottom: 2px solid #000; padding-bottom: 0; margin-bottom: 12px;} .main-seo .border-bt a:hover { text-decoration: none; color: #217aff;} .main-seo .border-bt a { color: #000;} .main-seo .btn { border-radius: 8px;} .main-seo .btn-primary { color:#fff; min-width:220px; vertical-align:middle; padding: 12px 24px;} .main-seo .btn-primary .ion { font-size:24px; padding-right:8px;} .main-seo .btn-primary:hover { text-decoration:none; background-color: #1167E7;} .main-seo .btn-btn-primary-win {background:#217aff url("/images/store/ic_win@2x.png") no-repeat 24px 15px; padding-left: 56px; background-size: 20px 20px;} .main-seo .btn-btn-primary-mac {background:#217aff url("/images/store/ic_mac@2x.png") no-repeat 24px 15px; padding-left: 56px;background-size: 20px 20px;} .article_list { margin-top: 0; margin-left:0; padding-left:0;} .main-seo .span3 { font-size: 14px;} .main-seo .span3 h3 { background-color:#f6f9fc; border-left:4px solid #217aff; padding:12px 0 12px 20px;} .main-seo .span3 h3 a { color:#41424e; } .main-seo .span3 h4 {font-size: 16px; margin: 12px 0 0;} .main-seo .span3 ul {list-style-type:none; padding-left: 24px;} .main-seo .span9 ul.list { margin-left:16px;} .boxmodel ul.list li, .article_list li { background: url(/images/seo-article/ic_ar_grayr.png) no-repeat 0 12px; list-style:none; padding:4px 0 4px 16px;} .boxmodel ul.list li {background-position: 0 10px;} .boxmodel ul li a {color:#41424e;} .article_list li { font-size: 18px; background: url(/images/list-triangle-blue@2x.png) 0 11px no-repeat; background-size: 8px;} .main-seo .product_list li { padding:4px 0;} .main-seo .span3 .btn-secondary { color: #3469ED; margin: 0; padding: 8px 16px; min-width: 120px; font-size: 14px;} .main-seo .span3 .btn-secondary:hover { color: #fff; text-decoration: none;} .main-seo .list-re li { background-image: none; position:relative; margin-bottom:16px; min-height:48px;} .main-seo .list-re li img { position:absolute;} .main-seo .list-re li .text { margin-left:56px;} .main-seo .p_blue, .main-seo .p_gray, .main-seo .p_border { background-color:#e9f2ff; padding:24px 16px; margin-bottom:24px; margin-top: 16px;} .main-seo .p_gray { background-color: #F8F8FA;} .main-seo .p_border { background-color: #fff; border:1px solid #D8D8D8;} .main-seo .bg-gray .span4 .text { background-color: #fff;padding-bottom: 16px;} .main-seo .bg-gray .span4 .text p { color: #fff; background-color: #217aff; text-align: center;} .main-seo .bg-gray .span4 .text ul { margin: 16px;} .main-seo .bg-gray .span4 .text ul li { margin-left: 16px; line-height: 1.2; padding: 4px 0; } .main-seo .bg-gray .span4 .text ul li a { color: #41424e;} .pb0 { padding-bottom: 0;} ul.list-triangle li { list-style: none!important; margin-left: 0 !important; background: url("/images/dmtrans/list-triangle.png") no-repeat 0 15px; background-size: auto; padding: 8px 0;padding-left: 20px; } .main-seo ul.list-triangle { border-left: 3px solid #217AFF; padding-left: 24px;} .main-seo ul.list-triangle li { list-style: none!important; padding: 8px 0;margin-bottom: 0!important; position: relative; background-image: none!important;} .main-seo ul.list-triangle li:before { position: absolute; top: 16px; width: 8px; height: 8px; border-bottom: 2px solid #217AFF; border-right: 2px solid #217AFF; content: ""; transform: rotate(-45deg); margin-right: 16px; display: block;} .main-seo ul.list-triangle li a {margin-left: 20px;font-weight: bold;} .btns-down { border:1px solid #ddd; border-radius:4px; padding:16px; overflow:hidden;} .btns-down img { width:64px; height:64px; float:left;} .btns-down .text { margin-left:16px; display:inline-block; } .btns-down .title { font-size:20px; padding:0; margin-top:8px;} .btns-down p { padding:0;} .btns-down .btns { float:right;} .btns-down .btn { min-width:110px; padding:12px 16px; padding-left:40px; background-position: 12px 12px; margin:6px 4px;} .topimage { background: url(/images/index/bg_hot_solution.jpg) no-repeat center center; background-size: cover; height: 104px; padding:24px 0; color:#fff;} .topimage h1 { font-size: 24px;color: #fff;margin: 0; line-height:50px;} .topimage h1.two-row { line-height:24px;} .topimage p { margin-bottom:0; margin-top:12px;} .seo-table { border:1px solid #ddd; border-radius: 8px; overflow: hidden; } .seo-table .span6 { float: left; padding: 0; border-right:1px solid #ddd;} .seo-table .span6:last-child{ border: 0;} .seo-table .span6 p.name { font-size: 18px; background-color: #f3f4f6; padding: 16px 24px; border-bottom: 1px solid #ddd;} .seo-table .span6 .list { margin: 12px; padding-left: 16px; margin-bottom: 24px;} .seo-table .span6 .list li { padding: 6px 0; line-height: 1.2; font-size: 16px;} .seo_table1{ border-collapse: collapse; width: 100%; margin: 20px 0 36px 0;border: 0; border-radius: 8px; } .seo_table1 tr:nth-child(odd) { background-color: #F8F8F8;} .seo_table1 th { font-size: 18px; background-color: #EDEDED; border: 1px solid #EAEAEA !important; border-bottom: none !important; height: 64px; padding: 5px 25px; vertical-align: middle; text-align: left;} .seo_table1 tr td { border: 1px solid #EAEAEA !important; border-bottom: none !important; border-top: none !important; padding: 13px 25px !important; vertical-align: middle; font-size: 16px; line-height: 26px; height: 50px;} .seo_table1 tr:last-child td { border-bottom: 1px solid #EAEAEA !important;} /* seo article new style */ .main-seonew { border: 0; padding: 0; overflow: hidden; background-color: #F2F4FC;} .banner-article, .banner-seo { background-color: #091B88; color: #fff; padding:96px 0 24px; background-size: cover; text-align: center;position: relative;} .banner-seo { padding: 56px 0;} .banner-article ul.tablink { background-color:rgba(0,0,0,0.3); border-radius:6px; padding:12px; max-width:960px; margin:0 auto;} .banner-article ul.tablink li { display:inline-block; line-height:32px; padding:0 16px; border-right:1px dashed rgba(255,255,255,0.3); list-style:none;} .banner-article ul.tablink li a { font-weight: normal;} .banner-article ul.tablink li:last-child { border:0;} .fb { margin: 0; padding: 0;} .fb li { list-style: none;} .banner-article .container { position: relative;} .banner-article .overlay-bg { background: rgba(9, 7, 44, 0.85);} .banner-article p { font-size: 16px; color: rgba(255,255,255,0.8); margin: 0; padding: 4px 0;} .banner-article .bold, .main-seonew strongļ¼Œ.main-seonew b {font-family: 'ProximaNovaBold'; color: #000; font-weight: bold;} .banner-article a { color: #fff; font-weight: bold; } .banner-article h1, .banner-seo h1 { padding: 0; font-size: 56px; line-height: 1.2; padding-bottom: 48px;} .banner-seo h1 { padding-bottom: 0; margin: 0 0 24px;} .banner-seo .sub-t { padding:0; font-size: 20px; max-width: 90%; margin: 0 auto;} .banner-article .post { float: left;} .banner-article .dropdown { position: relative; display: inline-block; float: right;} .banner-article .dropdown-content { display: none; position: absolute; background-color: #fff;border-radius: 4px; min-width: 240px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 99; text-align: left;} .banner-article .dropdown-content p a {font-size: 14px;line-height: 1; padding: 4px 0; color:#41424e; font-weight: normal;} .banner-article .dropdown-content p a:hover { color:#3469ED; text-decoration: underline;} .banner-article .dropdown:hover .dropdown-content { display: block;} .banner-article .dropdown span:after { content: "\f35f"; font-family: 'Ionicons'; font-size: 20px; padding-left: 8px;} .main-seonew h2, .main-seonew h3 { color: #000;} .main-seonew .span9 { margin: 40px 12.5%; padding: 0; background-color: #fff; border-radius: 16px;} .banner-article .span9 { margin-top: 0; margin-bottom: 0; background-color: transparent;} .main-seonew .container1200 .span9 { padding: 40px; box-shadow: 0 2px 4px rgba(3,27,78,0.05);} .main-seonew .container1200 .span9:last-child { margin-top: 0;} .main-seonew .container1200 .span9:first-child { margin-top: 40px;} .main-seonew .span3 { margin: 24px 0;} .main-seo .span9 .related .related-title { font-size: 24px; padding: 0 0 20px; margin: 0; color: #000;} .main-seonew p.bg-gray { text-align: center; padding: 0; line-height: 1; font-size: 0;} .main-seonew p i.ion-android-arrow-dropright { margin-right: 12px; color: inherit;} span.span-bg-black,span.span-bg-blue,span.span-bg-red {color: #fff; border-radius: 2px; padding: 4px;} span.span-bg-black { background-color: #000; } span.span-bg-blue { background-color: #1DA1F2; } span.span-bg-red { background-color: #FF6551; } .main-seonew .totla-article { padding: 24px; text-align: left; background-color: #fff; overflow: hidden; margin-top: 32px; border-radius: 6px;box-shadow: 0px 0px 16px 0px rgba(0,0,0,.04);} .main-seonew .total-left { float: left; width: 16%; font-size: 24px; text-align: center; padding-top: 16px;} .main-seonew .total-left a { color: #333;} .main-seonew .total-right { float: left; width:84%; } .main-seonew .total-right ul {overflow: hidden; border-left: 1px solid #eee; padding-left: 1%;} .main-seonew .total-right ul li { float: left; width: 23%; list-style: none; padding: 8px 4px;} .main-seonew .total-right ul li:nth-child(4n) { width: 30%;} .main-seonew .span9 ul.list li { font-size: 18px; line-height: 1.2; padding: 8px 0;} .main-seonew .span9 ul.list-tool li,.main-seonew .span9 ul.list-error li,.main-seonew .span9 ul.list-question li,.main-seonew .span9 ul.list-infor li,.main-seonew .span9 ul.list-ok li{list-style: none; padding:4px 0 4px 28px;} .main-seonew .span9 ul.list-tool li { background: url("/images/seo-article/ic_list_tool@2x.png") no-repeat 0 6px; background-size: 16px; } .main-seonew .span9 ul.list-infor li { background: url("/images/seo-article/ic_list_infor@2x.png") no-repeat 0 6px; background-size: 16px; } .main-seonew .span9 ul.list-question li { background: url("/images/seo-article/ic_list_question@2x.png") no-repeat 0 6px; background-size: 16px; } .main-seonew .span9 ul.list-error li { background: url("/images/seo-article/ic_list_error@2x.png") no-repeat 0 6px; background-size: 16px; } .main-seonew .span9 ul.list-ok li { background: url("/images/seo-article/ic_list_ok@2x.png") no-repeat 0 6px; background-size: 16px; } /* relateed products */ .relate-pr { padding:0 0 24px; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC;overflow: hidden; margin: 24px 0;} .relate-pr h3 { text-align: center;} .relate-pr .span4 { float: left; padding: 0 5px;} .relate-pr .span4 .pr-content { } .relate-pr .span4 .pr-content .pr-icon { text-align: center; height: 102px; background:url("/images/seo-article/colorbg2@2x.png") no-repeat 0 bottom; background-size: contain;} .relate-pr .span4:nth-child(2n) .pr-content .pr-icon {background:url("/images/seo-article/colorbg1@2x.png") no-repeat 0 bottom; background-size: contain;} .relate-pr .span4 .pr-content .text { border:1px solid #ECECEC; border-top: 0; border-radius: 0 0 16px 16px; padding: 20px;} .relate-pr .span4 .pr-content .text p.name { font-size: 18px; font-weight: bold; margin: 0; padding: 0; line-height: 1.2;} .relate-pr .span4 .pr-content .text p.name a { color: #000;} .relate-pr .span4 .pr-content .text p.name a:hover { text-decoration: none;} .relate-pr .span4 .pr-content .text p.des { font-size: 14px; line-height: 1.2; padding: 16px 0 24px; color: #54545b;} .relate-pr .span4 .pr-content .btn {background-color: #217aff; color: #fff; padding: 8px 0; margin: 0; min-width: 142px; font-size: 16px; border: 0;text-decoration: none; transition: all .5s ease-in-out .1s; } .relate-pr .span4 .pr-content .btn:hover { background-color: #1067E8;} .module_box {padding:32px; background:#ebf4ff url("/images/seo-article/bg_modulebox.png") no-repeat left top; margin: 24px 0;} .module_box .word { margin-left: 30%;} .module_box .word h3 { margin: 0; margin-bottom: 24px; font-size: 24px;} .module_box .word ul.list { margin: 0;} .module_box .word ul.list li { list-style: none; line-height: 1.5; padding: 8px 0; background: url("/images/ic_dotblue.png") no-repeat 0 18px; padding-left: 16px; background-size: 6px 6px;} .main-seonew .span3 .boxmodel {background-color: #fff; padding: 24px 16px; margin-bottom: 20px;} .main-seonew .span3 .boxmodel .title { text-align: center; background: none; border: 0; padding: 0; margin-bottom: 24px; font-size: 18px; color: #000;} .main-seonew .span3 ul { padding-left: 0;} .main-seonew .list-re li .text { margin-left: 44px;} .main-seonew .list-re li { margin-bottom: 24px;} .main-seonew .list-re li img { width:32px;} .btns-new { background-color: #217aff; border-radius: 16px; padding: 16px; text-align: left; overflow: hidden; display: -webkit-flex; display: flex; align-items: center; flex-wrap: nowrap; margin: 16px 0; color: #fff;} .btns-new .pr-box { width: 156px; padding-right: 32px;} .btns-new .pr-box img {width: 100%; height: auto;} .btns-new .pr-content { padding: 0;} .btns-new .pr-content p.name { padding:0; padding-bottom: 8px;} .btns-new .pr-content p.name a { color: #fff; font-size: 20px;} .btns-new .pr-content p.name a:hover { text-decoration: none; border-bottom: 1px solid #f9f9f9;} .btns-new .pr-content p.des { text-align: left;color: rgba(255,255,255,0.8); ; font-size: 14px; padding: 0;} .btns-new .btn-primary { background-color: #fff; color: #217aff; margin: 0; min-width: 188px; padding: 12px 0; margin-left: 24px; border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.2);} .btns-new .btn-primary:hover { background-color: rgba(255,255,255,0.8);} .main-seonew .recommend-article { padding-top: 48px;} .main-seonew .recommend-article p, .main-seonew .recommend-article h2 { text-align: center !important;;} .main-seonew .recommend-article h2 { padding: 0;} .main-seonew .recommend-article p.des { max-width: 80%; margin: 16px auto;} .main-seonew .span3 .box_shadow { padding: 0; border: 0; padding-bottom: 16px; min-height: 340px; border-radius: 12px;} .main-seonew .span3 .box_shadow p { padding:16px;} .main-seonew .span3 .box_shadow img { width: 100%; height: auto;} /* pagenation */ .main-seonew .article-list .span12 { margin: 24px 0; padding: 40px; background: #fff; border-radius: 16px;} .main-seonew .article-list .span12 ul li { float: left; width: 46%; margin: 0 2%; } .main-seonew .article-list .span12 ul { margin-bottom: 32px; overflow: hidden;} .main-seonew .article-list .span12 li {border-bottom: 1px dashed #d2d2d2; padding: 16px 0; list-style: none;} .main-seonew .article-list .span12 li p { margin:0;} .main-seonew .article-list .span12 li .list-title { font-size:18px; width: 96%; display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0; line-height: 2;} .main-seonew .article-list .span12 li .list-title a:hover { text-decoration: none; border-bottom: 1px solid #3469ED;} .main-seonew .article-list .span12 li .list-des { font-size: 14px; color:#54545b; width: 96%; display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;} .page { text-align: center; line-height: 2; ;} .page span a { background-color:#F5F6FA; color:#000; padding: 4px 10px; margin: 0 2px; border-radius: 2px;} .page span a:hover { text-decoration: none;} .page span span a {background-color:#3469ED;} .list-twocol { display: block; margin: 16px 0; overflow: hidden;} .list-twocol .span6 { width: 50%; float: left;} .list-twocol .span6 p.name { font-weight: 600; color: #000;} .main-seonew .table-bordered { border:1px solid #ddd; font-size: 16px!important;width: 100%; max-width: 100%; box-sizing: border-box;} .main-seonew .table-bordered p { font-size: 16px;} .main-seonew .table-bordered tr th { color: #fff; background-color: #256bc2; line-height: 1.2;} .table-bordered td, .table-bordered th {border: 1px solid #ddd;padding: 8px;} .table-bordered th tbody tr:nth-child(2n) { background-color: #f9f9f9;} /*accordion*/ .section-faq { padding: 60px 0;} .main-seonew .section-faq { padding: 0;} .section-faq h2 {text-align: center;} .section-faq .accordion { width: 100%; padding-top: 24px; } .accordion .question { cursor: pointer; display: block; padding: 16px 0; font-size: 18px; font-weight: 600; border-top: 1px solid #ddd; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .accordion {border-bottom:1px solid #ddd;} .accordion li {list-style: none;} .accordion li span.anwser-indicator {float: right; right: 0; position: absolute; line-height: 24px; font-size: 24px; font-weight: normal;-o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear;} .accordion li.open span.anwser-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate( 45deg); transform: rotate(45deg);} .answer { display: none; font-size: 16px; padding: 16px 0; line-height: 2;} .accordion li .first {display: block;} @media (max-width: 1200px) { .main-seonew img { max-width: 100%;} } @media (max-width: 992px) { .main-seo .span9 { padding: 0 15px;} .main-seo .span3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .main-seo h3 {padding-left: 8px;} .main-seo .span3 ul { padding-left: 12px;} .topimage { height:auto;} .btns-down .btns { float:none; margin-left:76px; margin-top:16px;} .main-seo .span9 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .main-seo .span3 {display: none;} .main-seonew .span3 { display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .main-seonew .span9 { margin: 16px 0; } .banner-article .span9 { margin-top: 0; margin-bottom: 0;} .list-twocol .span6 { width: 100%; float: none;} .main-seonew .recommend-article .span3 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .banner-article .dropdown{ display: none;} .banner-article .post { float: none;} } @media (max-width: 768px) { .module_box {background:#ebf4ff url("/images/seo-article/bg_modulebox.png") no-repeat right top;} .module_box .word { margin: 0;} .main-seonew .totla-article { display: none;} } @media (max-width: 576px) { .main-seonew .container1200{ padding: 0;} .relate-pr .span4 .pr-content .pr-icon, .relate-pr .span4:nth-child(2n) .pr-content .pr-icon { background-position: 0 0; background-size: 100%;} .relate-pr .span4 .pr-content .pr-icon img { width: 72px;} .relate-pr .span4 .pr-content .text { text-align: center;} .btns-down { text-align:center;} .btns-down img { float:none;} .btns-down .btns { margin-left:0;} .btns-new {display: block; text-align: center; padding: 32px 24px;} .btns-new .pr-box {display: inline-block; vertical-align: top;width: 100px;margin-bottom: 16px;padding: 0;} .btns-new .pr-content p.des{ text-align: center; margin-bottom: 16px;} .btns-new .btn-primary { margin: 0;} .main-seonew .recommend-article .span3{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } /*----------------------------------------------------- windows pro -----------------------------------------------------*/ .banner-prtop { text-align: left; background-color: #091B88; color: #fff; padding: 96px 0;} .banner-prtop .textarea { width: 74%;} .banner-prtop .textarea h1 { font-size: 72px; font-family: 'ProximaNovaBold'; line-height: 1.2; margin: 0;} .banner-prtop .textarea .sub-infor { display: block;} .banner-prtop .textarea .version { font-size: 56px; font-weight: bold; display: inline-block; vertical-align: middle; } .banner-prtop .textarea .version span { font-weight: normal;} .banner-prtop .textarea .comlabel { display: inline-block; border:1px solid #526FCF; border-radius: 8px; padding:8px 12px; font-size: 20px; color:#96B6FF; text-align: center; overflow: hidden; line-height: 1; vertical-align: middle; margin: 0 20px;} .banner-prtop .textarea .comlabel span { display: block; font-size: 14px;} .banner-prtop .textarea .sub-t { font-size: 20px; line-height: 1.5; padding: 40px 0;} .banner-prtop .textarea .btns, .total-bt .text .btns { padding-top: 6px;} .banner-prtop .textarea .btn, #menu .btn, .total-bt .text .btn { border-radius: 6px; font-size: 24px; font-weight: bold; width: 240px; color: #fff; margin: 10px 12px 10px 0;} .banner-prtop .textarea .btn-down, #menu .btn-down, .total-bt .text .btn-down { background-color: #2A6CFF; border: 2px solid #2A6CFF; } .banner-prtop .textarea .btn-down:hover, #menu .btn-down:hover, .total-bt .text .btn-down:hover{ background-color: #175FFF; border: 2px solid #175FFF; } .banner-prtop .textarea .btn-buy, #menu .btn-buy , .total-bt .text .btn-buy { background-color: transparent; border: 2px solid #FF9900; color: #FF9900; } .banner-prtop .textarea .btn-buy:hover, #menu .btn-buy:hover, .total-bt .text .btn-buy:hover { background-color: #FF9900; border: 2px solid #FF9900; color: #fff;} .banner-prtop .textarea .goto { vertical-align: middle;} .banner-prtop .textarea .goto a { color: #96B6FF; text-decoration: none; font-size: 20px; line-height: 2;} .banner-prtop .textarea .goto i { font-size: 28px; font-weight: bold; margin-left: 8px; vertical-align: middle;} .banner-drwinpro { background:#091B88 url("/images/do-your-data-recovery-pro/pic-drwin-pro@2x.png") no-repeat 90% center; background-size: 540px 470px;} .banner-drwintech { background:#091B88 url("/images/do-your-data-recovery-technician/pic-drwin-tech@2x.png") no-repeat 90% center; background-size: 540px 470px;} .banner-drwinfree { background:#091B88 url("/images/do-your-data-recovery-free/pic-drwin-free@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .banner-review { text-align: center; font-size: 24px;} .banner-review .textarea { width: 100%;} .banner-review h1 { font-size: 48px; padding-bottom: 0; margin-bottom: 24px;} .banner-review .btns { margin-top: 24px;} /*------- main -------*/ .main-product { padding: 0;} .section { padding:72px 0;} .main-product a {text-decoration: none;} .main-product h2 {font-size: 40px; text-align: center; line-height: 1.2; max-width: 640px; margin: 0 auto;} .main-product .sub-t { font-size: 20px; line-height: 1.5; color: #555C60; max-width: 960px; margin: 16px auto; text-align: center;} .main-product .media-logos { padding: 32px 0; text-align: center; background-image:none;} .main-product .media-logos li { display: inline-block; padding: 0 24px; vertical-align: middle;} .sec-power { background-color: #E3F1FF;} .main .textarea, .main .box-border { background-color: #fff; border-radius: 16px; padding: 40px 24px; text-align: center; color: #54545b; font-size: 16px; line-height: 1.5; margin: 12px 0;} .main .textarea h3 { color: #121213; padding: 32px 0 16px; margin: 0; font-size: 22px;} .sec-power .textarea { min-height: 364px; } .main .box-shadow {box-shadow: 0 0 20px rgba(0,0,0,0.05); } .main .box-border { border: 1px solid #ECECEC;} .offset-2 { margin-left: 16.66666667%;} .offset-1 { margin-left: 8.333333%;} .sec-advance .textarea { padding: 0; } .sec-advance .box-border { border-top: 0; border-radius: 0 0 16px 16px; margin: 0; height: auto; overflow: hidden; text-align: left; padding: 32px 24px 22px; min-height: 419px;} .sec-advance img { width: 100%; height: auto; border-radius: 16px 16px 0 0; vertical-align: middle;} .sec-advance .box-border h3 { padding: 0; padding-bottom: 14px;} ul.bluecheck li, ul.bluecheck-light li { list-style: none; background: url("/images/do-your-data-recovery-pro/ic-check@2x.png") no-repeat 0 11px; background-size: 14px 14px; line-height: 1.4; padding:10px 0;padding-left: 30px;} ul.bluecheck-light li {background: url("/images/do-your-data-recovery-pro/ic-check-light@2x.png") no-repeat 0 11px; background-size: 14px 14px; } .sec-advance li { color: #555C60;} .sec-why {background-color: #3E85EB; border-radius: 32px; color: #fff; height: 516px;} .sec-why .left5 { width: 35%; float: left;} .sec-why .left5 img { border-radius: 32px 0 0 32px; vertical-align: bottom;} .sec-why .right7 { width: 56%; float: right; padding: 56px 56px 56px 0;} .sec-why h2 { text-align: left; padding-bottom: 20px;} .sec-why ul li { color:#D6E1FB; background-position: 0 16px;} .sec-why ul li span { color: #fff; font-size: 20px;} /* public part */ .public .pr-rev {background-color: #E3F1FF; } .public .pr-rev h2, .pr-tech h2, .hot-sol h2, .section-faq h2 { max-width: 100%; padding-bottom: 40px;} .public .pr-rev .text { margin: 16px 0;} .public .pr-rev .textarea { text-align: left; padding: 32px 24px; min-height: 287px;} .public .pr-rev .textarea::after { content: ''; position: absolute; left: calc(12% - 12px); width: 0; height: 0; bottom: 87px; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; color: #fff;} .public .pr-rev .textarea .stars { padding-bottom: 24px;} .public .pr-rev .textarea .stars li { margin: 0;} .author {margin-top: 24px;} .author img { display: inline-block; padding-right: 8px; width: 60px; height: auto;} .author-infor { font-size: 18px; font-weight: bold; display: inline-block;text-align: left; vertical-align: top;} .author-infor p.more a { font-size: 16px; font-weight: normal; color: #3469ED; text-decoration: none;} .author-infor i { font-size: 18px; font-weight: bold; margin-left: 4px;} /* tech */ .pr-tech-list { border: 1px solid #ECECEC; border-radius: 16px; overflow: hidden; margin: 12px 0; vertical-align: middle;} .pr-tech-list .span3, .pr-tech-list .span9 { float: left; vertical-align: middle; padding: 16px 24px;} .pr-tech-list .span9 { border-left: 1px solid #ECECEC; } .pr-tech-list .span3 p.t { font-weight: bold;} .pr-tech-list li { list-style: none; display: inline-block; padding: 4px 0 4px 20px; padding-left: 16px; position: relative; width:24%; line-height: 1.2;} .pr-tech-list li::before { width: 6px; height: 6px; background-color: #999; border-radius: 3px; content: ' '; position: absolute; left: 0; top:11px;} .pr-tech-list:last-child li { width: 100%;} /* steps */ .public .pr-steps { background: url("/images/do-your-data-recovery-pro/bg-steps.png") no-repeat 0 64px; background-size: cover; padding-top: 0;} .pr-steps .sub-t a { color: #3469ED; text-decoration: none; font-size: 16px;} .film_focus { width:100%; height:407px; overflow:hidden; position:relative; margin:20px auto;} .film_focus_desc {width: 40%; float: left;overflow: hidden; padding: 24px 0; padding-top: 0;} .film_focus .film_focus_imgs_wrap { width: 60%; float: left;overflow: hidden;} .film_focus ul.film_focus_imgs { position:absolute; right:0; top:0; overflow:hidden;} .film_focus ul.film_focus_imgs li {overflow:hidden;} .film_focus ul.film_focus_imgs li img { height:400px; width:600px; border: 1px solid #e7e7e7; border-radius: 10px;} .film_focus ul.film_focus_nav { padding-left: 12px; padding-top: 0;} .film_focus ul.film_focus_nav li {cursor: pointer; cursor: hand; color:#545454; font-size:14px; overflow:hidden; display:block; background: url("/images/do-your-data-recovery-pro/ic-unsel@2x.png") no-repeat 0 0; background-size: 32px; padding: 0 24px 12px 48px; padding-bottom: 32px;} .film_focus ul.film_focus_nav li:last-child { background: url("/images/do-your-data-recovery-pro/ic-unsels@2x.png") no-repeat 0 0; background-size: 32px; padding-bottom: 0;} .film_focus ul.film_focus_nav li.cur { color: #3469ED; word-break:break-all; overflow:hidden;display:block;background: url("/images/do-your-data-recovery-pro/ic-sel@2x.png") no-repeat 0 0; background-size: 32px; } .film_focus ul.film_focus_nav li.cur:last-child { background: url("/images/do-your-data-recovery-pro/ic-sels@2x.png") no-repeat 0 0; background-size: 32px; } .film_focus ul.film_focus_nav li .dd { line-height: 1.5; margin-bottom: 0; display: block; font-size: 16px;} .film_focus ul.film_focus_nav li .dd b {font-size: 20px; font-weight: bold;; display: block; margin-bottom: 4px;} .film_focus ul.film_focus_nav li.cur .dd, .film_focus ul.film_focus_nav li.cur .dd b {color:#3469ED;} .step-screenshot { display: none;} /* hot solutions */ .hot-sol { background-color: #F2F4FC;} .hot-sol .textarea { padding: 16px 16px 24px; text-align: left; color: #545454; margin: 12px 0; min-height: 324px;} .hot-sol img { width: 100%; height: auto;} .hot-sol .textarea p.name {color: #121213; font-size: 20px; line-height: 1.2; font-weight: bold; padding: 16px 0;} .total-bt { padding-bottom: 32; padding-top: 0;} .total-bt .text { background: #091B88; color: #fff; text-align: center; border-radius: 32px; padding: 64px 0;} .total-bt .text h2 { font-size: 40px; padding-top: 24px; max-width: inherit;} .total-bt .text .sub-t { font-size:24px; padding: 0; color: #fff; } /*----------------------------------------------------- windows tech -----------------------------------------------------*/ .sec-lr { vertical-align: middle;} .sec-lr h2 { text-align: left; padding-bottom: 40px; padding-top: 24px;} .bg-blue-mid { background-color: #3174F2; } .sec-vercompare h2 { color: #fff;} .sec-vercompare p.sub-t a { color: rgba(255,255,255,0.8);} .sec-vercompare .textarea { height: 654px;} .sec-vercompare .textarea:hover { box-shadow: 0 0 24px rgba(9,28,137,0.2);transition: margin 300ms; } .sec-vercompare .ver-name { font-size: 24px; font-weight: bold; color: #121213;} .sec-vercompare .price, .sec-recom .price { padding: 12px 0; font-size: 40px; color: #FA6401;} .sec-vercompare .price sup, .sec-recom .price sup { font-size: 18px; font-weight: 100;} .sec-vercompare .btns { height: 96px;} .sec-vercompare .btn { margin: 0; min-width: 200px;} .sec-vercompare .btns .font-link, .sec-recom .btns .font-link{ color: #3469ED; display: block; padding-top: 16px;} .sec-vercompare .list { text-align: left; padding-top: 20px; border-top: 1px solid #D8D8D8; margin-top: 20px;} .sec-vercompare .list li { list-style: none; background: url(/images/do-your-data-recovery-pro/ic-check@2x.png) no-repeat 0 11px; background-size: 14px 14px; line-height: 1.4; padding: 10px 0; padding-left: 30px; font-size: 16px;} .sec-vercompare .list li.no {background: url("/images/do-your-data-recovery-technician/ic-no@2x.png") no-repeat 0 11px; background-size: 14px 14px; color: #969696;} .sec-vercompare .list b { color: #121213; font-family: 'ProximaNovaBold';} /*----------------------------------------------------- mac pro -----------------------------------------------------*/ .banner-drmacpro { background:#091B88 url("/images/do-your-data-recovery-for-mac-pro/pic-drmac-pro@2x.png") no-repeat 90% center; background-size: 540px 470px;} .banner-drmacpro .textarea, .banner-drmacfree .textarea, .banner-se .textarea,.banner-seb .textarea, .banner-semacb .textarea, .banner-drmactech .textarea, .banner-semac .textarea, .banner-ioswin .textarea, .banner-iosmac .textarea, .banner-clonewin .textarea { width: 100%;} .banner-drmacpro .textarea .sub-t, .banner-drmacfree .textarea .sub-t, .banner-se .textarea .sub-t, .banner-seb .textarea .sub-t, .banner-semacb .textarea .sub-t, .banner-drmactech .textarea .sub-t, .banner-semac .textarea .sub-t, .banner-ioswin .textarea .sub-t, .banner-iosmac .textarea .sub-t, .banner-clonewin .textarea .sub-t { width: 60%;} .sec-3steps { background: #EEF7FF;} .sec-3steps .textarea { margin: 12px; position: relative;} .sec-3steps .step-arrow { position: absolute; height: 66px; background: url(/images/do-your-data-recovery-for-mac-pro/arrow.png) no-repeat center center;} .sec-reall .textarea { min-height: 364px;} .main-drmacpro .sec-advance { padding-top: 0;} .main-drmacpro .sec-advance h2 { max-width: 80%;} .main-drmacpro .sec-advance .box-border {min-height: 200px;} .main-drmacpro .public .pr-rev .textarea { min-height: 240px;} .main-drmacpro .sec-why {background: #091B88; height: auto; overflow: hidden;} .main-drmacpro .sec-why a { color: #fff;} .main-drmacpro .sec-why a:hover { text-decoration: underline;} /*----------------------------------------------------- mac free -----------------------------------------------------*/ .banner-drmacfree { background:#091B88 url("/images/do-your-data-recovery-for-mac-free/pic-drmac-tech@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} /*----------------------------------------------------- se for mac -----------------------------------------------------*/ .banner-semac { background:#091B88 url("/images/super-eraser-mac/pic-semac@2x.jpg") no-repeat 90% center; background-size: 520px 500px;} .main-semac .se-setow {background:#091B88; color: #fff;} .main-semac .public .pr-rev .textarea { min-height: 312px;} /*----------------------------------------------------- se for mac business -----------------------------------------------------*/ .banner-semacb { background:#091B88 url("/images/super-eraser-mac-business/pic-semac-b@2x.jpg") no-repeat 90% center; background-size: 520px 500px;} .main-semacb h2 { max-width: 1024px;} .main-semacb .bg-gray .textarea {padding: 24px; height: 244px;} .main-semacb .textarea .img { background-color: #EBF6FE; border-radius: 8px; padding: 12px 0; margin-bottom: 16px;} .main-semacb .bg-gray .textarea:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.05);} .se-setow h2 { text-align: left; font-size: 32px; padding-bottom: 32px;} .main-semacb .sec-vercompare .textarea { height: auto;} /*----------------------------------------------------- super eraser for windows -----------------------------------------------------*/ .banner-se { background:#091B88 url("/images/index/img-erase@2x.jpg") no-repeat 90% center; background-size: 520px 500px;} .sec-two { padding: 0;} .sec-two .textarea { background: #EEF7FF; border-radius: 16px; padding: 32px 40px; height: 952px;} .sec-two .textarea p {text-align: left; padding: 12px 0; font-size: 18px; line-height: 1.6;} .sec-two .textarea h2 {text-align: left; color: #121213; padding: 30px 0;} .sec-two .textarea img { margin: 24px 0;} .border-gray {border: 1px solid #ECECEC;} .main-se .sec-three .textarea { height: 370px;} .main-se .bg-blue h2 { max-width: 80%;} .main-se .sec-why {background-color: #3D9DFF;} .pr-tech-list-long li { width: 49%;} /*----------------------------------------------------- super eraser for windows -----------------------------------------------------*/ .banner-seb { background:#091B88 url("/images/super-eraser-business/pic-sewin-b@2x.jpg") no-repeat 90% center; background-size: 520px 500px;} .main-seb .sec-advance, .main-femac .sec-advance { background: #EEF7FF;} .main-seb h2 { max-width: 1024px;} .main-seb .sec-advance .box-border { min-height: 232px;} .content-l h2 { text-align:left;} .content-l ul { margin-left:16px; margin-top:32px;} .content-l ul li { padding:8px 0;} .se-win-b-good { background: url("/images/super-eraser-business/bg_se_win_business.jpg") no-repeat top center; background-size:cover;} .sec-twos { background: #01aedf url("/images/super-eraser-business/pic-good.jpg") no-repeat center top;} .sec-twos h2 { text-align: left;padding-bottom: 32px;} .main-seb .sec-vercompare .textarea { height:auto;} /*----------------------------------------------------- dr for mac tehc -----------------------------------------------------*/ .banner-drmactech { background:#091B88 url("/images/do-your-data-recovery-for-mac-technician/pic-drmac-tech@2x.png") no-repeat 90% center; background-size: 540px 470px;} .main-drmactech .sec-advance { background-color: #F9FCFF;} .main-drmactech .sec-advance .box-border { min-height: 200px;} .main-drmactech .sec-adv .textarea { padding: 32px 18px; min-height: 270px;} .main-drmactech .sec-adv h3 { font-size: 18px; line-height: 1.2;} .main-drmactech .se-setow { background-color: #34BBFF; color: #fff;} /*----------------------------------------------------- file eraser mac -----------------------------------------------------*/ .banner-femac { background:#091B88 url("/images/file-eraser-mac/pic-femac@2x.jpg") no-repeat 90% center; background-size: 520px 500px;} .main-femac .span6 h2{text-align: left; padding-bottom: 32px;} .main-femac .sec-advance .box-border {min-height: 260px;} .main-femac .sec-vercompare ul li, .main-femac .sec-vercompare ul li.no { background-position: 0 17px; padding-top: 12px; padding-bottom: 12px;} .main-femac .sec-vercompare ul li strong { display: block; font-size: 18px; font-weight: bold; padding-bottom: 8px;} .main-femac .sec-vercompare ul li.no strong { color: #969696;} .main-femac .sec-vercompare .textarea { height: auto;} .main-femac .film_focus ul.film_focus_imgs li img {border: 0;} /*----------------------------------------------------- file eraser windows -----------------------------------------------------*/ .banner-fewin { background:#091B88 url("/images/file-eraser/pic-fewin@2x.jpg") no-repeat 90% center; background-size: 520px 500px;} .erase-type .span2 { text-align:center;} .erase-type p.title { font-size:18px; padding-top:16px;} /*----------------------------------------------------- iphone windows -----------------------------------------------------*/ .banner-ioswin{ background:#091B88 url("/images/do-your-data-recovery-for-iphone/pic-ioswin@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .main-ioswin .bg-blue .text { min-height: 225px;} .main-ioswin .sec-advance img { width: 100%; height: auto; border-radius: 16px 16px 0 0;} .main-ioswin .sec-advance .box-border { min-height: 352px;} .main-ioswin .se-setow ol { padding-inline-start:16px;} .main-ioswin .se-setow ol li { padding: 12px 0;} .main-ioswin .total-bt img { border-radius: 16px;} /*----------------------------------------------------- iphone mac -----------------------------------------------------*/ .banner-iosmac{ background:#091B88 url("/images/do-your-data-recovery-for-iphone-mac/pic-iosmac@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .main-iosmac .sec-advance .box-border {min-height: inherit; height: auto;} .main-iosmac .box1 { background: url("/images/do-your-data-recovery-for-iphone-mac/img-iphone-recovery@2x.png") no-repeat right center; padding: 1rem 0; background-size: auto 100%; margin-bottom: 2rem; } .main-iosmac .box1 .word { background: #fff; box-shadow: 0 10px 14px 0 rgb(0 0 0 / 10%); border-radius: 12px; width: 50%; padding: 32px; } .main-iosmac .box1 .word .list { display: inline-block; *display: inline; zoom: 1; vertical-align: top;} .main-iosmac .box1 .word .list.no1 { margin-right: 2rem; } .main-iosmac .box1 .word .list li { list-style: none; line-height: 1.2; padding: 8px 0 8px 16px; position: relative; float: left; width:48%; margin: 0 1%; font-size: 14px;} .main-iosmac .box1 .word .list li::before { content: ''; width: 6px;height: 6px; border-radius: 3px; background: #6847e8; display: block; position: absolute; left: 0; top: 12px; } /*----------------------------------------------------- pc uninstaller windows -----------------------------------------------------*/ .banner-pcun { background:#091B88 url("/images/uninstaller/pic-pcuninstaller@2x.jpg") no-repeat 90% center; background-size: 520px 500px;} .sec-pcuntwo { background: #EEF7FF;} .sec-pcuntwo img { float: left; vertical-align: middle; padding-right: 40px;} .sec-pcuntwo .text { text-align: left;} .sec-pcuntwo .text h3 { padding-top: 16px; padding-bottom: 8px;} .textarea { overflow: hidden;} .main-pcun .sec-vercompare .textarea { min-height: inherit;height: auto;} .main-pcun .public .pr-rev .textarea { min-height: 311px;} /*----------------------------------------------------- AppUninser mac -----------------------------------------------------*/ .banner-pcunmac { background:#091B88 url("/images/mac-uninstall/pic-pcuninstallermac@2x.jpg") no-repeat 90% center; background-size: 520px 500px;} .main-pcunmac .sec-advance .box-border { min-height: 246px;} .main-pcunmac .sec-vercompare .textarea { min-height: 920px;} .main-pcunmac .sec-vercompare h2 { max-width:inherit;} /*----------------------------------------------------- clone -----------------------------------------------------*/ .banner-clonewin { background:#091B88 url("/images/windows-disk-clone/pic-clone@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .main-clone .sec-lr {padding-bottom: 0;} .sec-lr ol li { padding-top: 8px; padding-bottom: 8px;} .main-clone .public .pr-rev .textarea {min-height: 200px;} .banner-clonemac { background:#091B88 url("/images/disk-clone/pic-clonemac@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .main-clonemac .sec-two { background: #091B88; padding: 64px 0; color: #fff; text-align: center;} .main-clonemac .sec-two .sub-t, .main-clean360 .sec-fuction .sub-t{ color: rgba(255,255,255,0.8);} .main-clonemac .sec-two .textarea { background-color: transparent; min-height: inherit; height: auto; text-align: center; color: #fff; padding: 0 24px;} .main-clonemac .sec-two .textarea h3 { color: #fff;} .main-clonemac .sec-two .textarea p { text-align: center;} .main-clonemac .border-gray { min-height: 366px;} /*----------------------------------------------------- macclean360 -----------------------------------------------------*/ .banner-clean360 { background:#091B88 url("/images/macclean360/pic-clean360@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .main-clean360 .sec-fuction { background-color: #091B88;} .main-clean360 .sec-fuction h2 { color: #fff;} .main-clean360 .sec-advance .box-border { min-height: inherit; height: auto;} .main-clean360 .public .pr-rev .textarea {min-height: 230px;} .menu_bar { background-color:#f6f9fc; padding:60px 0;} .menu_bar .span6:first-child { text-align:center;} .menu_bar .span6 img { max-width:100%; text-align:center;} .menu_bar .span6 h2, .menu_bar .span6 p { text-align:left;} .menu_bar .span6 p.sub-t { padding-bottom:16px;} .menu_bar .span6 ul li { margin-left:16px; padding:4px 0 4px 12px;} /*----------------------------------------------------- start menu -----------------------------------------------------*/ .banner-menu { background:#091B88 url("/images/start-menu/pic-startmenu@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .main-menu .sec-advance .box-border { min-height: 232px;} .main-menu .public .pr-rev .textarea { min-height: 230px;} /*----------------------------------------------------- switchmanager -----------------------------------------------------*/ .banner-switchmanager { background:#091B88 url("/images/switch-manager/pic-switchmanager@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .main-switchmanager .span6 ul li, .main-duplicate .span6 ul li { background: url("/images/do-your-data-recovery-pro/ic-check@2x.png") no-repeat 0 12px; background-size: 14px; list-style: none; padding: 8px 0 8px 32px;} .main-switchmanager .public .pr-rev .textarea { min-height: 220px;} /*----------------------------------------------------- duplicate viewer -----------------------------------------------------*/ .banner-duplicate { background:#091B88 url("/images/duplicate-viewer/pic-duplicateviewer@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} .main-duplicate { text-align: left;} .main-duplicate h2 { padding-bottom: 32px; text-align: left;} .main-duplicate .span6 ul { padding-top: 24px;} .main-duplicate .public h2 { text-align: center;} /*----------------------------------------------------- file assistant -----------------------------------------------------*/ .banner-fileassistant{ background:#091B88 url("/images/file-assistant/pic-fileassistant@2x.jpg") no-repeat 90% center; background-size: 540px 470px;} /*----------------------------------------------------- user guide -----------------------------------------------------*/ .banner-guide { padding-top: 40px; padding-bottom: 60px;} .banner-guide .crumbs { text-align: left; line-height: 2; font-weight: bold;} .banner-guide .crumbs span { display: inline-block; margin: 0 4px; font-weight: normal;} .banner-guide h1 { padding: 40px 0 32px; } .banner-guide p.post { max-width: 80%; margin: 0 auto; text-align: center; float: none;} .banner-guide .btns { clear: both; margin-top: 32px; } .banner-guide a { text-decoration: none;} .banner-guide .btn { font-size: 16px; font-weight: normal; padding-left: 16px; padding-right: 16px;} .banner-guide .btn:hover { text-decoration: none;} .main-guide .span9, .main-guide .span3 { margin: 40px 0;} .main-guide .container1200 .span9 { padding-top: 0;} .fixleftnav {background-color: #fff; border-radius: 16px;padding: 0; box-shadow: 0 2px 4px rgb(3 27 78 / 5%); margin-right: 24px;width: 232px;} .fixleftnav p { padding-left: 24px;border-bottom: 1px solid #E1E6FB;} .fl_l {background-color: #fff; border-radius: 16px;padding: 0; box-shadow: 0 2px 4px rgb(3 27 78 / 5%); margin-right: 24px;width: 232px; text-align: left;} .fl_l ul li { font-size: 16px; padding: 8px 0; display: block; } .fl_l li a{ display: block; font-size: 16px; padding: 12px 0; padding-left: 24px; color: #555; text-decoration: none;} .fl_l li.active a{ background: #EEF7FF; color: #217aff;} .fl_l li a:hover {color: #217aff; text-decoration: none; } .fl_r{ padding: 40px; padding-top: 0;} /*----------------------------------------------------- affiliate -----------------------------------------------------*/ .banner-affiliate{ background:#091B88 url("/images/affiliate/pic-affiliate@2x.jpg") no-repeat 90% center; background-size: 480px 330px;} .main-affiliate h2 { max-width: inherit; padding-bottom: 56px;} .main-affiliate .sec-about ul li { background-color: #EBF2FF; margin: 12px 0; padding: 12px 24px; list-style: none; display: block; border-radius: 16px; font-weight: bold;} .main-affiliate .sec-about ul li span { font-weight: normal; display: block; padding-bottom: 8px;} .main-affiliate .sec-joinstep h3 { font-size: 24px;} .main-affiliate .sec-joinstep span { display: block; font-size: 20px;} .main-affiliate .sec-joinstep a { color:#3469ED; } .main-affiliate .sec-statement .textarea { padding: 56px; text-align: left; line-height: 1.5;} .main-affiliate .sec-statement .textarea h2 { color: #121213;} .main-affiliate .sec-statement .textarea p { padding: 10px 0;} .main-affiliate .sec-statement .textarea .btns { text-align: center; margin-top: 32px;} /*----------------------------------------------------- support page -----------------------------------------------------*/ .banner-support { background:#091B88 url("/images/support/pic-support@2x.jpg") no-repeat 90% center; background-size: 280px 283px;} .banner-company { background:#091B88 url("/images/pic-company@2x.jpg") no-repeat 90% center; background-size: 400px 400px; height: 400px;} .main-support h2 { text-align: center;} .main-support .sec-advance h3 { text-align: center;} .main-support .sec-advance ul, .sec-gt ul{ margin-left: 16px;} .main-support .sec-advance ul li, .sec-gt ul li{ text-align: left; padding-top: 8px; padding-bottom: 8px; padding-left: 12px;} .main-support .sec-advance ul li:last-child { list-style: none;} .main-support .sec-advance ul li:last-child a { color: #2A6CFF;} .main-support .sec-advance .box-border { min-height: 446px;} .main-support .bg-blue p.name { font-size: 16px; line-height: 1.2; padding-top: 24px;} .main-support .bg-blue .textarea { min-height: 250px;} .main-support .sec-gt .box-border { min-height: 552px;} .main-comany .sec-two { padding: 64px 0;} .main-comany h2 { padding-bottom: 24px; font-size: 40px; text-align: center; margin: 0;} .main-comany .sec-two h2 { text-align: left;} /*----------------------------------------------------- product purchase&upgrade page -----------------------------------------------------*/ .main-purchase .sec-vercompare, .main-install .sec-thanks, .main-uninstall .sec-recom , .banner-download { background:#091B88; text-align: center; padding: 64px 0;} .main-purchase h1 { font-size: 48px; margin-bottom: 12px; color: #fff;} .main-purchase p.sub-t { font-size: 24px; color: #fff; padding-bottom: 32px;} .main-purchase .sec-vercompare .textarea { height: auto; margin: 16px 0;} .main-purchase .sec-vercompare del { font-size: 18px; color: #999;} .main-purchase .sec-vercompare .price { vertical-align: middle;} .main-purchase .sec-vercompare .label { position: absolute; top: 0; left: 32%; z-index: 99; background-color: #217aff; color: #fff; padding: 8px 24px; border-radius: 8px;} .main-purchase .sec-vercompare .btns { height: auto;} .main-purchase .span2 {flex: 0 0 20%; max-width: 20%;} .main-purchase .span2 .textarea { height: 232px;} .main-se-pur .sec-vercompare .btns { height: 95px;} .main-se-pur .sec-vercompare .span4 .textarea { min-height: 680px;} .main-purchase .rec-link { line-height: 2; padding: 16px 0; font-size: 18px;} .main-purchase .rec-link a { color: #96B6FF;} .main-purchase .rec-link a i {font-size: 20px; font-weight: bold; margin-bottom: 8px;} /*----------------------------------------------------- install &uninstall page -----------------------------------------------------*/ .main-install .sec-thanks h1 { color: #fff; font-size: 32px; } .main-install .sec-thanks h1 a { color: #fff; text-decoration: none; font-size: 64px;} .main-install .sec-thanks h1 span { display: block; font-size: 48px;margin-bottom: 48px;} .main-install .sec-thanks h1.bigger { font-size: 64px; margin-top: 0;} .main-install .sec-thanks p { color: #fff; font-size: 18px;} .main-install .sec-thanks .textarea p { color: #444; font-size: 16px;} .main-install .sec-thanks p.big { font-size: 24px;} .main-install .sec-thanks p.des { padding-bottom: 32px;} .main-install .sec-recom p.name { font-size: 22px; color: #121213; line-height: 1.2; padding-bottom: 24px; height: 78px;} .main-install .sec-recom p.des { padding: 24px 0;} .main-install .sec-recom .btn { margin: 0;} .main-install .sec-recom .price del { font-size: 18px; color: #999;} .main-install .sec-thanks .btn-download-b { padding: 16px 32px; padding-right: 64px; background-image:url("/images/icon_down.png"); background-repeat: no-repeat; background-position: 90% 16px; background-size: 24px;} .main-install .sec-recom .box-border { position: relative;} .main-install h2 { text-align:center; font-size:40px; margin-bottom:48px; margin-top:0;} .main-uninstall h1 { font-size: 48px; margin: 0; color: #fff;} .main-uninstall .sub-t {padding-bottom: 32px;} .main-uninstall .sub-t a, .main-install .sec-thanks .link a { font-size: 20px; color: #96B6FF; text-decoration: none; } .main-uninstall .sub-t a:hover, .main-install .sec-thanks .link a:hover { border-bottom: 1px solid #96B6FF;} .main-uninstall .box-border { min-height: 304px;} .main-uninstall .box-border h3 { color: #121213;} .main-install .sec-thanks .link { color: #96B6FF; padding-top: 24px; font-size: 18px;} .percent_50, .percent_77, .percent_34, .percent_29, .percent_63, .percent_37, .percent_25, .percent_free { position:absolute; right:10px; top:8px; background:url(/images/pic-50off.png) no-repeat; width:81px; height:80px;z-index: 1;} .percent_77 { background:url(/images/pic-77off.png) no-repeat;} .percent_34 { background:url(/images/pic-34off.png) no-repeat;} .percent_29 { background:url(/images/pic-29off.png) no-repeat;} .percent_63 { background:url(/images/pic-63off.png) no-repeat;} .percent_37 { background:url(/images/pic-37off.png) no-repeat;} .percent_25 { background:url(/images/pic-25off.png) no-repeat;} .percent_free { background:url(/images/pic-free.png) no-repeat;} /*----------------------------------------------------- download pages -----------------------------------------------------*/ .banner-download { padding-bottom: 0;} .banner-download .textarea { width:100%; } .banner-download .tab{ text-align: center; margin-top: 32px;} .banner-download .tab .span2 { background-color: rgba(255,255,255,0.1);padding: 16px 0;} .banner-download .tab .active {background-color: rgba(255,255,255,0.3);} .banner-download .tab a { color: #fff; line-height: 2; text-decoration: none;} .main-down h2 {text-align: center;} .main-down .span6 .box-border { overflow: hidden;} .main-down .box { float: left;} .main-down .text { float: left;text-align: left; padding-left: 32px;} .main-down .text p.name { font-size: 20px; color: #121213;} .main-down .text p.name a { text-decoration: none;} .main-down .text p.name a:hover {text-decoration: underline;} .main-down .text p.des { font-size: 16px; line-height: 1.4; padding: 8px 0 24px;} .main-down p.ver { font-size: 16px; margin-right: 24px;} .main-down .ver { vertical-align: middle; display: inline; } .main-down .ver .btn { margin: 0; padding: 8px 0;} .dl_product_list { overflow:hidden;} .dl_product_list h3 { font-weight:400;} .dl_product_list li { background:#f9f9f9; vertical-align:middle; margin:16px 0; border-radius: 16px;} .dl_product_list li:last-child { border-bottom:0;} .dl_product_list ul { overflow:hidden; padding:16px 0 32px;} .dl_product_list ul li { border-bottom:none; float:left; width:21%; margin:0 2%; list-style:none;} .dl_product_list ul li:nth-child(1) { width:10%; text-align:center;} .dl_product_list ul li:nth-child(2) { width:35%;} .dl_product_list ul li:nth-child(3) { width:25%; color:#666; font-size:0.8rem;} .dl_product_list ul li:nth-child(4) { width:14%;} .dl_product_list .win, .dl_product_list .mac { background: url(/images/icon-oswin.png) no-repeat center 0; text-align:center; padding-top:40px;} .dl_product_list .mac { background: url(/images/icon-osmac.png) no-repeat center 0;} .dl_product_list ul li:last-child p { margin:0;} .dl_product_list ul h3 { margin-top:0;} .dl_product_list p a { color:#217aff; text-decoration:none;} .pr_win, .pr_mac, .pr_iphone, .pr_wipe { width:50%; height:280px; padding:40px 20px; color:#fff; background-size:cover;} .pr_win, .pr_mac { padding-left:260px;} .pr_iphone, .pr_wipe { padding-right:250px;} .pr_win a,.pr_wipe a,.pr_iphone a, .pr_mac a { color:#fff; border:1px solid #fff; border-radius:4px; padding:6px 10px; font-weight:300; font-size:0.8rem; margin-top:24px; text-decoration:none; display:inline-block;} .pr_win a:hover,.pr_wipe a:hover, .pr_iphone a:hover, .pr_mac a:hover { border:1px solid #baddfb; color:#baddfb;} .pr_win { background:url(/images/bg-win.jpg) no-repeat 0 0;} .pr_mac { background:url(/images/bg-mac.jpg) no-repeat 0 0;} .pr_iphone { background:url(/images/bg-iphone.jpg) no-repeat 0 0;} .pr_wipe { background:url(/images/bg-wipe.jpg) no-repeat 0 0;} .pr_win, .pr_mac, .pr_iphone, .pr_wipe { background-size:cover;} .update .bt_btn { text-align:center; overflow:hidden; margin-top:50px;} .update a.button { display:inline-block; text-align:center; color:#2A6CFF; padding:24px 48px; border:1px solid #2A6CFF; border-radius:8px; font-size:16px; background: #fff url(/images/index/arrow-right-blue.png) 80% 65% no-repeat; margin:0 20px; text-decoration:none;} .update a span {font-size:20px; font-weight:bold;} .update a.button:hover { color:#fff; background: #2A6CFF url(/images/index/arrow-right-white.png) 80% 65% no-repeat;} .update hr { margin:90px 0 45px;} .update p { line-height: 2;} .update p a { color: #2A6CFF;} .update_guide { text-align:center; overflow:hidden; margin-top:50px;} .update_guide li { float:left; width:32%; margin:0 0.65%; list-style:none;} .update_guide li .bottom { background:#319ffd url(/images/tab-up.jpg) no-repeat top center; padding:60px 40px 40px; border-radius: 8px;} .update .bottom a { color:#333;} .update_guide li .bottom p { color:#fff; font-size:16px; margin:0;} .update_guide li .bottom p.number { width:62px; height:62px; border:1px solid #fff; border-radius:31px; font-size:48px; font-weight:300; line-height:62px; display:inline-block; margin-bottom:30px;} @media (max-width: 1440px) { .banner-drwinpro, .banner-drwintech,.banner-drmacpro {background-position: 114% center;} .main-seb .public .pr-rev .textarea { min-height:312px;} } @media (max-width: 1200px) { .public .pr-rev .textarea { min-height: 311px;} } @media (max-width: 992px) { .banner-drwinpro, .banner-drwintech,.banner-drmacpro {background-position: center bottom; padding-bottom: 480px;} .banner-prtop .textarea { width: 100%;} .sec-why { height: auto; overflow: hidden;} .sec-why .left5 { display: none;} .sec-why .right7 { width: 100%; padding-left: 56px;} .film_focus_desc, .film_focus .film_focus_imgs_wrap { float: none; width: 100%;} } @media (max-width: 768px) { .banner-prtop {background-image: none; padding-bottom: 64px;} .banner-prtop .textarea .sub-t { width:100%;} .film_focus_desc{ width: 100%; float: none;} .film_focus {height: auto;} .film_focus .film_focus_imgs_wrap { display: none;} .film_focus ul.film_focus_nav li, .film_focus ul.film_focus_nav li.cur, .film_focus ul.film_focus_nav li:last-child, .film_focus ul.film_focus_nav li.cur:last-child { background-image:none; padding-left:0;} .step-screenshot { display: block; padding-top: 24px;} .step-screenshot img { width: 80%; height: auto;} .steps { padding-bottom: 0;} .main-guide .span3 { display: none;} .main-guide .sec-three .span4, .sec-lr .span6 { float: none; flex: 0 0 100%; max-width: 100%;} .main-guide .sec-three .textarea { height: auto;} .main-iosmac .box1 .word { width: 80%;} .main-product .media-logos { display:none;} .main-purchase .sec-vercompare .label { left:40%; top:-16px;} /*dr win*/ .offset-2,.offset-1 { margin-left: 0;} .main-product .span4, .main-purchase .span4,.main-purchase .span2, .main-classify .span4 {max-width: 100%;flex: 0 0 100%; width:100%;} .main-product .span3 { max-width: 50%;flex: 0 0 50%; width:50%;} .sec-power .span4 .textarea,.sec-advance .box-border,.public .pr-rev .textarea, .hot-sol .textarea, .sec-vercompare .textarea,.main-purchase .span2 .textarea, .ver-compare .box_shadow, .hot-solution .box_shadow { min-height:inherit; height:auto;} .sec-lr img { display:none;} .sec-lr h2 { width:100%; padding-top:0; margin:0;} /*se*/ .main-product .span6, .sec-vercompare .span5, .se-setow .span3 {max-width: 100%;flex: 0 0 100%; width:100%;} .main-se .textarea { min-height:inherit; height:auto;} } @media (max-width: 576px) { .main .sec-lr { max-width: 100%;} .pr-tech-list li { width: 48%;} .box-border, .text {min-height: inherit!important; height: auto!important;} .se-setow img { width: 100%; height: auto;} .sec-two .textarea img { display:none;} } .banner .ver-win { width:24px; height:24px; position:absolute; top:2px; background-image: url(/images/seo-article/ic_winos.png);} /*review stars */ .stars { margin:0;padding:0; display:inline-block; vertical-align: middle;} .stars li { display:inline-block; width:24px; height:24px; list-style:none; margin: 0 2px;} .stars li.full { background:url("/images/do-your-data-recovery-pro/ic-star@2x.png") no-repeat 0 0; background-size: 100%;} .stars li.half { background:url("/images/do-your-data-recovery-pro/ic-halfstar@2x.png") no-repeat 0 0;background-size: 100%;} /*--------------- fixed topnav ----------------*/ #menu { background-color: #091B88;text-align: center; padding: 12px 0; display: none; z-index: 99;} .pr-logo, .pr-logo img { float:left; margin-right: 16px;} a.pr-logo { font-size: 20px; color: #fff; text-decoration: none; line-height: 40px;} .pr-logo img { border-radius:8px;} #menu ul { padding: 0;margin: 0; float: right;} #menu ul li { list-style-type: none; display: inline-block; margin-right: 15px; vertical-align: middle;} #menu ul li:last-child { margin: 0;} #menu ul li a { color: #fff; text-decoration: none; padding: 8px 16px;} #menu ul li .btn { margin: 0; width: auto; font-size: 16px; padding: 6px 0;} #menu ul li a.btn-down {} #menu ul.stars li { margin: 0 1px; width:16px; height: 16px;} .default { width: 100%; display: none!important;} .fixed { position: fixed; top: -5px; left: 0; width: 100%; } .box_shadow { height: auto; border-top: 4px solid #217aff; text-align: center; border-radius: 6px; padding: 48px 32px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0,0,0,.1);} .bg-dgray { background-color: rgba(85,96,128,0.93); color: #fff; padding: 96px 56px;} .bg-gray { background-color: #f6f9fc} .bg-white { background-color: #fff; padding: 96px 56px;} .bg-dgray h2 {color: #fff;} .choose { border-radius: 16px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0,0,0,.2); text-align: left; color: #353132; padding: 48px; margin: 24px 0; vertical-align: middle; overflow:hidden;} .product { padding: 0; overflow: hidden; margin: 16px 0;} .product li { float:left; list-style: none;} .product_name { width:50%; font-size: 20px; margin-bottom: 0;} .product_name span { font-size: 24px; font-weight: bold;} .product_price {font-size: 30px; text-align: center; color: #353132; font-weight: normal; width: 25%; line-height:24px; line-height: 66px;} .product_price del { font-size: 20px; color: #999;} .btn_range { width:25%;} .btn_range a.btn-buy { margin: 0;} .choose hr { margin:32px 0; display: block;} .choose .text_center a { color: #217aff;} /*---------- history page ----------*/ .bg_blue { background: url(/images/bg_blue.jpg) no-repeat 0 0; color: #fff; padding-left: 10px; line-height: 40px; font-size: 18px; font-weight: normal; padding-bottom: 10px;} h3.bg_blue { color:#fff;} .leftdiv, .rightdiv { float:left; padding:0; display:block; width: 48%; margin:0 1%;} .leftdiv ul, .rightdiv ul { margin:0; margin-top:10px; line-height:2;} .leftdiv ul { list-style:none; border-right:1px solid #e5e5e5;} .rightdiv ul { margin-left:24px;} .se-t { font-size:28px; font-style:italic; text-align: center; margin-top:32px !important;} .step-arrow { position:absolute; top: 40%; right:-3%; width: 75px; height: 66px;background:url(/images/do-your-data-recovery-for-mac-pro/arrow.png) no-repeat center center; } /*---------- disk clone ----------*/ .clone-index { text-align: center; background-color: #f6f9fc;} .clone-index .text { background-color: #fff; padding: 24px 32px; margin: 12px 0; border-radius: 16px;} .clone-index .text p.name { padding: 16px 0; font-size: 20px; font-family: 'ProximaNovaBold';} .clone-index .text p.name a { text-decoration: none;} .main-clone .hot-so {background-color:#F6F9FC; background-image:none;} .main-clone .hot-so h2, .main-clone .hot-so p.sub-t {color:#41424e; } /*btn-newstyle*/ .btns_style1 { margin:20px 0;} .btns_style1 li { list-style:none; float:left; min-height:136px;} .btn_prn { width:44%; text-align:left; background-color:#e3e8ed; border-radius:8px; padding:24px 16px; margin-right:2%; position:relative;} .btn_prn img { float:left;} .btn_prn .arrow { display:block; width:11px; height:33px; position:absolute; right:-11px; top:40%; background-image:url(/images/seo-article/btn_arrow_right.png);} .btn_prn .btn_text { padding-left:76px;} .btn_prn .btn_text p { padding:0;} .btn_prn p.pr_name { padding-bottom:10px; line-height:1.2;} .btn_prn .pr_name a { font-size:18px; font-weight:bold; color:#41424E;} .btns_style1 .btn_down, .btns_style1 .btn_buy{ width:28%; text-align:center; color:#fff; padding:12px; } .btns_style1 .btn_down p , .btns_style1 .btn_buy p { line-height:1.2; min-height:62px;} .btns_style1 .btn_down { background-color:#217AFF; border-right:1px solid #fff; border-radius:8px 0 0 8px; } .btns_style1 .btn_buy { width:26%; background-color:#5194f8; border-left:1px solid #fff; border-radius:0 8px 8px 0;} .btns_style1 .btn-secondary { border:1px solid #fff; padding:6px 0; color:#fff; margin:0; font-size:16px; font-weight:bold;} .btns_style1 .btn-secondary img { margin-right:12px; margin-left:0;} .btns_style1 .btn-secondary:hover { background-color:rgba(255,255,255,0.2); text-decoration:none;} @media (max-width: 1200px) { .btns_style1 .btn-secondary { min-width:inherit; padding:6px 12px;} } @media (max-width: 992px) { .btns_style1 .btn-secondary img { display:none;} } @media (max-width: 768px) { .btns_style1 .btn-secondary img { display:inline-block;} } @media (max-width: 576px) { .btns_style1 li:first-child { float:none; width:100%; margin-right:0; margin-bottom:2%;} .btn_prn img { width:20% !important;} .btn_prn .arrow { display:block; width:33px; height:11px; position:absolute; bottom:0; left:40%; background-image:url(/images/seo-article/btn_arrow_down.png);} .btn_prn .btn_text { padding-left:96px;} .btns_style1 .btn_down, .btns_style1 .btn_buy { width:50%;} .btns_style1 .btn-secondary img { width:20% !important;} } /* tips & guide*/ .res .span3 .box_shadow { padding:0; border:0;box-shadow: 0px 0px 4px 0px rgba(0,0,0,.1); text-align:left; overflow:hidden; border-radius: 12px;} .res .span3 .box_shadow img { width:100%;} .res .span3 .box_shadow .text { color:#54545b; font-size:14px;} .res .span3 .box_shadow .text .title { font-size:20px; color:#41424e; padding-bottom:0;} .res .span3 .box_shadow .text .more a {text-decoration:none; text-transform:uppercase; font-size: 14px;} .res .span3 .box_shadow .text .more { padding-top: 0;} .res .span3 .box_shadow .text .more a:hover { color:#3469ED;border-bottom:1px solid #3469ED; } .ac-list h2 { margin-bottom:24px; font-size:40px; text-align: center;} .ac-list .ac-list-section { margin:0 0 40px 0; overflow:hidden; display:block; width:100%;} .ac-list .ac-list-l { float:left; width:33%; margin-right:1%;} .ac-list .ac-list-l img { width:100%; border-radius: 12px;} .ac-list .ac-list-r { width:66%; float:left; padding-left: 32px;} .ac-list .ac-list-r .title { font-size:24px; text-align:center; background-color:#fff; padding:16px 0; line-height: 1.2; border-radius: 12px;} .ac-list .ac-list-r .title a {color: #121213;} .ac-list .ac-list-r a:hover { text-decoration:underline;} .ac-list .ac-list-r .list { list-style:none; padding:0; } .ac-list .ac-list-r .list li { border-bottom:1px dashed #d2d2d2; padding-bottom: 20px;} .ac-list .ac-list-r .list li .list-title { font-size:20px; } .ac-list .ac-list-r .list li .list-title a {color:#3469ED;} .ac-list .ac-list-r .list li .list-des { font-size: 15px; padding:0; color:#54545b; width: 96%; display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ac-list .ac-list-r .hot { background:url(/images/resource/ic-hot.gif) 0 center no-repeat; width:11px; height:11px; display:inline-block; vertical-align:top;} .ac-list .span4 { margin-bottom:32px;} .ac-list a { text-decoration:none;} .list3_title { line-height:40px; background-color:#285589; margin:0; color:#fff;} .list3_title img { float:left; margin-right:10px;} .ac-list a.more { display:inline-block; text-align:center; border:1px solid #0078d7; border-radius:2px; width:100px; height:32px; line-height:32px; color:#0078d7; } .ac-list a.more:hover { border-bottom-color:#2fa0e8; color:#2fa0e8;} /*--------- banner-store ------*/ .banner-store { height: 400px; padding: 0; font-size: 20px; line-height: 1.2; } .banner-store .span8, .banner-store .span4 { float: left;} .banner-store h1 { font-size: 40px;margin: 0; margin-bottom: 32px; padding-top: 128px; } .main-store .tab { border-bottom: 1px solid #eee; line-height: 2;position: fixed; z-index: 3; width: 100%; left: 0; top: 0; background: #fff;} .main-store h2 { font-size: 32px; text-align: center; color: #121213;} .main-store .span4 { margin:12px 0; } .main-store .span4 .text {min-height: 272px;} .main-store .span4 h3 { margin-top:0;} .pl_box { float:left; position:relative;} .pl_r { padding-left:24%;} .pl_r .price { color:#666; margin-top:16px;} .pl_r .price b { color:#f96e65; font-size:1.2rem;} .main-store .store-why { background-color: #f9f9f9; padding: 64px 0;} .main-store .store-why .text { border-radius: 16px; background-color: #fff; text-align: center; padding: 24px; font-size: 14px; line-height: 1.5; color: #54545b;} .main-store .store-why .text p.name { font-size: 20px; padding: 24px 0 12px;font-family: 'ProximaNovaBold'; color: #121213;} #tabnav { height: 56px; background: #091B88; width: 100%; overflow: hidden; margin-bottom: 0; border: 0;} #tabnav.fix { position: fixed; z-index: 99; top: 0;} #tabnav ul {white-space: nowrap; overflow-x: scroll; } #tabnav ul li a { text-decoration: none; color: #fff;} #tabnav ul li { color: #fff; display: inline-block; width: 19.6%; text-align: center;font-size: 18px; line-height: 56px; padding: 0;margin: 0; border: 0;} #tabnav ul li.cur { color: #121213; background-color: #fff; border-radius: 16px 16px 0 0;} #tabnav ul li.cur a { color: #121213; border: 0;} .conts { padding-top: 44px;} .conts li { width: 31.33%; float: left; list-style: none; margin: 1%;} .conts li .text {padding: 32px 24px; text-align: center; background-color: #fff; border-radius: 16px; border: 1px solid #ECECEC;position: relative; overflow: hidden;} .conts li .text .os-label-w { height:32px; width: 40px; background: url("/images/store/lable_win@2x.png") no-repeat center center; background-size: 100%; position: absolute; top: 0; right: 0;} .conts li .text .os-label-m { height:32px; width: 40px; background: url("/images/store/lable_mac@2x.png") no-repeat center center; background-size: 100%; position: absolute; top: 0; right: 0;} .conts li .text .pr-name { font-size: 20px;font-family: 'ProximaNovaBold'; line-height: 1.2; margin-bottom: 8px; min-height: 48px;} .conts li .text .pr-name a,.conts li .text .pr-name a:hover { text-decoration: none;} .conts li .text .license { font-size: 12px; color: #3469ED;font-family: 'ProximaNovaBold'; background-color: #e7f4ff; padding: 2px 12px; border-radius: 8px;} .conts li .text .des {font-size: 13px; line-height: 1.2; } .conts li .text .box {text-align: left; position: relative; margin: 20px 0 24px;} .conts li .text .box img {float: left; position: absolute; left: 0; height: 128px; z-index: 1;} .conts li .text .box .feature { float: left; background-color: #f6f6f6; border-radius: 8px; margin-top: 6px; padding: 12px; padding-left: 100px;} .conts li .text .box .feature .list-des { padding-top: 12px;} .conts li .text .box .feature .list-des li { float: none; width: auto; text-align: left; background: url("/images/special-offer/ic_ok.png") no-repeat 0 4px; font-size: 13px; padding: 1px 0; padding-left: 24px; } .conts li .text .price {font-size: 24px; display: block; margin: 16px 0 8px;} .conts li .text .price del { font-size: 16px; color: #999; padding-left: 8px;} .conts li .text .btn { margin: 0; margin-bottom: 8px; padding: 8px 0; border-radius: 8px;} .vwin, .vmac {display: inline-block; vertical-align: middle; margin-right: 12px; width: 20px; height: 20px; background: url("/images/store/ic_win@2x.png") no-repeat 0 0; background-size: cover;} .vmac {background: url("/images/store/ic_mac@2x.png") no-repeat 0 0; background-size: cover;} .conts li .text .text-link { display: block; line-height: 1.5; text-decoration: none; color: #3469ED;} .conts li .text .text-link:hover { text-decoration: underline;} .off_part { background:url(/images/bg-sale.png) no-repeat 0 0; width:73px; height:73px; color:#fff !important; font-size:1.8rem; padding:24px 0 0 6px; text-align:center; position:absolute; left:10%; top:80px;margin-bottom:0;} .off_part li { float:left; list-style:none; margin:0; display:list-item;} .off_part .fl { line-height:1;} .off_part .li_bfh { font-size: 15px; height: 15px; line-height: 15px;} .off_part .li_off { font-size: 14px; height: 12px; line-height: 12px;} .oth li { float:none; text-align:left;} @media (max-width: 992px) { .conts li {width: 46%;margin: 2%;} } @media (max-width: 768px) { .banner-store h1 { padding-top: 64px;} .banner-store .span8 {width: 100%;max-width: 100%; float: none;} .banner-store .span4 {display: none;} .conts li {width: 100%; margin: 16px 0;} .pl_r { padding-left:30%;} .off_part { top:40px;} #tabnav { display: none;} .main-store h2 { margin-top: 0;} } @media (max-width: 576px) { .banner-store .span8 { margin: 0;} .main-store .span4 .text { min-height:inherit; height: auto;} } .cp_product_list { height:220px; background:#f9f9f9; margin:10px 0; padding:16px; border-radius: 16px;} .cp_product_list img { float:left;} .cp_product_list h3 { margin-top:0;} .cp_info { padding-top:20px; padding-right:20px;} .email-address li { list-style:none; float:left; width:50%; margin:8px 0;} .share li { list-style:none; float:left;} a.fb, a.twitter, a.google, a.email { display: block; width:36px; height:36px; float:left; background:url(/images/icon_share_footer.png) no-repeat 0 0; margin-right:10px; margin-bottom:28px;} a.fb:hover { background-position:0px -38px;} a.twitter { background-position:-38px 0px;} a.twitter:hover { background-position:-38px -38px;} a.google { background-position:-76px 0px;} a.google:hover { background-position:-76px -38px;} a.email {background-position:-150px 0; margin-right:0;} a.email:hover { background-position:-150px -50px;} /* ===================Data Erasure compare================*/ .media { background-color:#f6f9fc; text-align:center; margin-top:48px;} .media h2 { font-size:32px; margin-bottom:48px;} /* ===================classify page================*/ .banner-classify { color: #fff; background: #091B88; text-align: center; padding: 112px 0;} .banner-classify h1 { font-size: 64px; margin: 0; line-height: 1.2;} .banner-classify p.sub-t { font-size: 24px; line-height: 1.5; max-width: 1024px; margin: 0 auto;margin-top: 24px; } .main-classify h2{ font-size: 42px; text-align: center; margin: 0; line-height: 1.2;} .main-classify p.sub-t { font-size: 20px; padding: 24px 0 0; text-align: center; margin: 0;} .ver-compare { background:url("/images/classify-page/bg-blue.png") no-repeat center bottom; background-size:auto;} .ver-compare .row, .main-feature .row { margin-top: 48px;} .ver-compare .box_shadow {border-top: 0; box-shadow: 0 0 0.5rem 0 rgba(19,10,133,.15); min-height: 835px; border-radius: 16px;} .ver-compare .span6 .box_shadow,.ver-compare .span3 .box_shadow {min-height: inherit; height: auto;} .ver-compare .span3 .box_shadow { padding: 24px;} .ver-compare p.name { font-size: 20px;} .ver-compare .span3 p.name {font-size: 16px; line-height: 1.2;} .ver-compare p.name span { display: block; font-size: 24px;font-family: 'ProximaNovaBold'; padding-top: 8px;} .ver-compare .span3 p.name span { font-size: 20px; padding-bottom: 12px;} .ver-compare p.lmore {font-size: 16px;font-family: 'ProximaNovaBold';margin: 16px 0 32px;} .ver-compare p.lmore a {color: #217aff; text-decoration: none; } .ver-compare .list { margin: 16px 0; text-align: left; min-height: 205px;} .ver-compare .span3 .list { min-height: 480px;} .ver-compare .span6 .box_shadow, .ver-compare .span6 .list {min-height: inherit; height: auto;} .ver-compare .list li { list-style: none; background: url(/images/do-your-data-recovery-pro/ic-check@2x.png) no-repeat 0 13px; background-size: 14px 14px; line-height: 1.4; padding: 10px 0; padding-left: 30px; font-size: 15px;} .ver-compare .list li.no { background: url(/images/do-your-data-recovery-technician/ic-no@2x.png) no-repeat 0 13px; background-size: 14px 14px; color: #969696; } .padd-b24 { padding-bottom: 24px;} .ver-compare .price { font-size: 24px;} .ver-compare .btn { margin: 8px; padding: 8px 0; border: 0;} .bg-blue { background-color: #EBF2FF;} .main-feature .box_shadow {box-shadow: 0 0 0.5rem 0 rgba(189,206,239,.9); border: 0; margin: 16px 0; overflow: hidden; min-height: 304px; border-radius: 16px;} .main-feature .box_shadow .img { float: left;} .main-feature .box_shadow .text { text-align: left; margin-left: 24%;} .main-feature .box_shadow .text p { font-size: 18px; padding: 0; line-height: 1.5;} .main-feature .box_shadow .text p.name { font-size: 22px;font-family: 'ProximaNovaBold'; padding-bottom: 12px;} .classify-reviews .row { margin-top: 48px;} .classify-reviews .span6:first-child { border-right: 1px dashed #ccc;} .classify-reviews .user, .classify-reviews .media { padding: 16px 0;} .classify-reviews .user img { float: left;} .classify-reviews .text { margin-left: 20%;} .classify-reviews .text p { font-size: 16px; padding: 0; line-height: 1.5;} .classify-reviews .text p.name { font-size: 18px;font-family: 'ProximaNovaBold'; padding-bottom: 8px;} .classify-reviews .media { background-color: transparent; text-align: left; margin: 0; margin-left: 24px;} .hot-solution { background-color: #F6F9FC;} .hot-solution .row { margin-top: 48px;} .hot-solution .box_shadow {border-top: 0; box-shadow: 0 0 0.5rem 0 rgba(19,10,133,.05); padding: 0; border-radius: 16px; margin: 16px 0; min-height: 272px;} .hot-solution .box_shadow img { width: 100%; height: auto; border-radius: 16px 16px 0 0;} .hot-solution .box_shadow .text { padding: 16px;} .hot-solution .box_shadow .text a {color: #217aff; text-decoration: none; } @media (max-width: 1440px) { #menu ul li a { padding:8px;} .step-arrow { position:absolute; top: 32%; right:-6%; width: 75px;} #menu ul li a.btn-down, #menu ul li a.btn-buy { min-width:140px;} .pl_r { padding-left:28%;} } @media (max-width: 1200px) { .banner { height:auto;} #menu ul li a.btn-down, #menu ul li a.btn-buy { padding:8px; min-width:inherit; width:auto;} #menu ul li { margin-right:0;} .btn_range a.btn-buy { min-width:inherit; width:auto; padding: 12px 30px;} .btn_range a.btn-buy:after { margin-left:24px;} /*store*/ .pl_r { padding-left: 33%;} /* guide&tips*/ .res .span3 .box_shadow .text { min-height: 160px;} } @media (max-width: 992px) { #menu { display:none !important;} .btn_range a.btn-buy:after { display:none;} .product_price del { display:none;} .btn_range a.btn-buy { padding: 12px 24px; font-size:18px;} .cp_product_list { height:auto;} .pl_r { padding-left:24%;} /*download*/ .dl_product_list .btn-down { padding: 8px 16px; margin:0; min-width:inherit; font-size:16px;} .pr_win, .pr_mac { padding-left:50%;} .pr_iphone, .pr_wipe { padding-right:50%;} /*----store----*/ .main-store .span4 { flex:0 0 50%; max-width:50%;} /* store */ .conts li .text .box .feature { margin-top: 0;} /*classify page*/ .ver-compare .box_shadow { padding: 8%;} } @media (max-width: 768px) { .product li { float:none; width:100%; text-align:center;} .btn_range a.btn-buy { padding: 12px 40px;} .topimage p, .topimage h1 { margin:0;} .step-arrow { display:none;} /* tips & guide*/ .ac-list .span4 { flex:0 0 100%; max-width:100%; float:none;} /*se-win-b*/ .text-area { min-height:inherit;} /*download*/ .dl_product_list ul{ padding:32px;} .dl_product_list ul li { width:100% !important; float:none; text-align:center; margin:16px 0;} } @media (max-width: 576px) { .leftdiv, .rightdiv { float:none; width:100%;} .leftdiv ul { border-bottom:1px solid #eee; border-right:0;} /*support*/ .main-support .sup-faq .span4 .text { min-height:inherit;} /*download*/ .pr_win, .pr_mac { padding-left:220px;} .pr_iphone, .pr_wipe { padding-right:220px;} /*store*/ .main-store .span4 { flex:0 0 100%; max-width:100%;} .off_part { top:80px;} .pl_r { padding-left:22%;} .conts li { width: 98%;} .conts li .text .pr-name {height: auto;} /*----store----*/ .res .span3 .title { background-image:none; text-align:left;} .res .span3 .title a { color:#41424e; font-size:20px;} .res .span3 p { text-align:left;} /* guide&tips*/ .ac-list .ac-list-l,.ac-list .ac-list-r { float: none; width: 100%; margin-right: 0;} .conts li .text .box .feature { margin-top: 10%;} .main-store .span4 .text { height: auto;} /*classify page*/ .ver-compare .box_shadow, .ver-compare .list, .main-feature .box_shadow { min-height: inherit; height: auto;} .classify-reviews .span6:first-child { border-right: 0; border-bottom:1px dashed #ccc;} .main-feature .box_shadow .img {float: none;} .main-feature .box_shadow .text {margin-left: 0; text-align: center;} } /* ===============bundle====================*/ .bundle { background-color:#EBF2FF; padding:50px 0; overflow:hidden;} .bundle .save_pro li { height: 400px;} .bundle .save_pro .item { border: solid 1px #217aff; background:#fff;} .bundle .save_pro .totalpro .sale { position:absolute; right:0; top:0;} .bundle .save_pro .totalpro .sale img { border-radius: 0 16px 0 0;} .bundle h2 { font-size: 40px;} .n_title { text-align:center;} .save_pro {padding:10px 0 20px 0;} .save_pro ul { list-style:none;} .save_pro ul li { display:inline-block; width:28%; margin:0 1%; min-height:350px; padding:24px; } .save_pro .item { float:left; border-radius:16px; border:solid 1px #e5e5e5; margin-right:1%; position:relative; z-index:1;} .save_pro ul li.span2 { width:45%;} .save_pro .item .img {text-align:center; padding:10px 0; display:block; position:relative;} .save_pro .item .img img { text-align:center; float:none;} .save_pro .item .add { display:block; width:36px; height:36px; background:url(/images/savepro-icon.png) no-repeat 0 0; position:absolute; top:41%; left:-33px; z-index:2;} .save_pro .item h3 { font-weight:normal; font-size:1.2rem; text-align:center;} .save_pro .item h3 a { text-decoration: none; color:#217aff; } .save_pro .item h3 a:hover { text-decoration: underline;} .save_pro .item p {line-height:1.3em;} .save_pro .item p span {color:#f26522 !important;} .save_pro .item .price { padding-bottom:10px; text-align:center; padding-top:0;} .save_pro .item .price big { color:#FA6401; font-weight: bold;} .save_pro .totalpro { background:#45474d; color:#fff; border:solid 1px #45474d; position:relative; z-index:1; width:38%; border-radius: 16px;} .save_pro .totalpro .total { display:block; width:36px; height:36px; background:url(/images/savepro-icon.png) no-repeat 0 -42px; position:absolute; top:41%; left:-33px; z-index:2;} .save_pro .totalpro .imgbox {text-align:center; padding:25px 0;} .save_pro .totalpro .imgbox .img {display:inline; margin:0 -20px;} .save_pro .totalpro .price { padding:0 10px; font-size:1.2rem; text-align:center; color:#f1f1f1;} .save_pro .totalpro .price big {display:block; font-size:1.6rem; color:#f75a50; padding:0;} .save_pro .totalpro .btnbox {text-align:center; padding-top:10px; overflow:hidden;} .save_pro .totalpro .btn {float:none; margin:0;} .save_pro .totalpro .btn:hover { text-decoration:none;} .campaign_entrance { position: fixed; bottom: -7px; z-index: 999; height: auto;} .campaign {position: relative; height: auto;} .close { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index:100;opacity: .8;} .campaign_entrance a { display: block; height: 100%; position: absolute; left: 0; top: 0px; z-index: 100; width: 100%;} .campaign_entrance .bg { width:100%;} /*cookies policy*/ .user_popup {position:fixed; width:100%; line-height:26px; text-align:center; padding:8px; left:0; bottom:0; box-shadow: 0 -2px 16px rgba(20,34,180,.1);font-size:14px;z-index:998; color: #333; backdrop-filter:blur(10px);background-color: rgba(255,255,255,0.8); } .user_popup a { color:#008AFF;} .user_popup a:hover {text-decoration:underline;} .user_popup .user_button { background: transparent; color: #000; border:2px solid #000;display:inline-block;width:96px;margin-left:24px; ursor:pointer; border-radius: 0;} .user_popup .user_button:hover {border: 2px solid #000; text-decoration: none; transition: background .3s,border-color .3s,color .3s;} @media (max-width: 992px) { .save-pro .item .add {left:-22px;} .save-pro .totalpro .total {left:-22px;} } @media (max-width: 768px) { .save_pro ul li, .save_pro .totalpro {float:none; width: 100%; min-height:inherit; height:auto; margin:0 0 10px 0;} .save_pro .item .add, .save_pro .totalpro .total { top:auto; top:-23px; left:50%; margin-left:-18px;} .save-pro .item:first-child {margin-left:0;} .save-pro .item .add {top:20%;} .save-pro .totalpro { overflow:hidden;} .save-pro .totalpro .total { top:-8%; left:47%; } } @media (max-width: 576px) { .save-pro .item {float:none; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height:auto; padding:20px; margin:0 0 10px 0;} .save-pro .item .add {top:auto; top:-23px; left:50%; margin-left:-18px;} .save-pro .totalpro {float:none; clear:both;} } /*user guide*/ .fixed-nav { text-align:center; background-color:#f6f9fc; height:72px;} .fixed-nav ul { padding:0; margin:0;} .fixed-nav li { display:inline-block; list-style:none; padding:0 32px 0 56px;} .fixed-nav li a { font-size:18px; text-decoration:none; line-height:70px; height:68px; position:relative;} .fixed-nav li:hover { border-bottom:2px solid #217aff; box-sizing:border-box; background-color:#fff; } .fixed-nav .rating li { padding:0; margin:0;} .fixed-nav .rating li:hover { border-bottom: 0; background-color: transparent;} .fixed-nav li.active { border-bottom:2px solid #217aff;} .fixed-nav li.active a { color:#217aff;} .item-ft, .item-ug, .item-ts, .item-re { background: url(/images/ic_feature.png) no-repeat 0 0; display:inline-block; width:28px; height:28px; position:absolute; top:-6px; left:-32px; margin-right:16px;} .fixed-nav li.active .item-ft { background-image:url(/images/ic_feature_ac.png);} .item-ug{ background-image:url(/images/ic_guide.png);} .fixed-nav li.active .item-ug { background-image:url(/images/ic_guide_ac.png);} .item-ts{ background-image:url(/images/ic_tech.png);} .fixed-nav li.active .item-ts { background-image:url(/images/ic_tech_ac.png);} .item-re{ background-image:url(/images/ic_review.png);} .fixed-nav li.active .item-re { background-image:url(/images/ic_review_ac.png);} @media (max-width: 992px) { .fixed-nav .rating { display:none;} } @media (max-width: 768px) { .relate-banner { height:auto;} .fixed-nav span { display:none;} .fixed-nav li { padding:0 24px;} } @media (max-width: 576px) { .fixed-nav li { padding:0 8px;} .main-seo img { width:100%;} } @media (max-width: 445px) { .fixed-nav { display:none;} }