@import url("ionicons.min.css");
/* CSS Document */
/*----------top nav----------*/
.navbar { border-bottom:0; padding:0;}
.nav-link { padding:0;}
.navbar-expand-lg .navbar-nav .nav-link { text-transform:uppercase; font-size:14px; padding-right:20px; padding-left:8px; line-height:80px;}
.dropdown-toggle::after { background:url(/images/index-new/arrow.png) no-repeat center; display:inline-block; width:14px; height:14px; border:0;vertical-align:middle; margin-left:10px;}
.navbar-expand-lg .navbar-nav .top-buy, .navbar-expand-lg .navbar-nav .top-download { padding-right:20px; padding-top:28px; padding-bottom:28px;}
.navbar-expand-lg .navbar-nav .top-buy span, .navbar-expand-lg .navbar-nav .top-download span { display:none;}
.navbar-expand-lg .navbar-nav .top-download { padding-right:0;}
.show .nav-item { border:0;  }
.show .nav-link{ background-color: #008cff; color: #fff;}


.navbar-expand-lg .navbar-nav .nav-link:hover { background-color:#008cff; color:#fff;}
.navbar-expand-lg .navbar-nav .nav-link:hover::after,.show .nav-link::after{ background:url(/images/index-new/arrow_w.png)  no-repeat center;}
.navbar-expand-lg .navbar-nav .top-buy:hover, .navbar-expand-lg .navbar-nav .top-download:hover { background-color:transparent;}
.navbar-expand-lg .navbar-nav .top-buy:hover img, .navbar-expand-lg .navbar-nav .top-download:hover img { opacity:0.6;filter:alpha(opacity=60);}

.dropdown { position: inherit;}
.navbar-nav .dropdown-menu { background-color:#fff; color:#333; border-radius:0; margin:0; width: 100%; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); padding:48px 0; border-top: 3px solid #008cff;}
.navbar-nav .dropdown-menu a { color:#333; line-height:1.5; font-size: 15px;}
.navbar-nav .dropdown-menu a:hover { color: #333; text-decoration: underline;}
.tpyeicon { float: left;}
.pd-kind { padding-left: 64px;}
.navbar-nav .dropdown-menu p.link-blue a { color:#008cff; font-size: 18px;}
.navbar-nav .dropdown-menu .list li { padding: 4px 0;;}
.navbar-nav .dropdown-menu .list li a { padding: 0;}
.navbar-nav .dropdown-menu .list li a:hover { background-color: transparent;}
.hot { margin-left: 4px;}
.navbar-nav .dropdown-menu .col-md-4,.navbar-nav .dropdown-menu .col-md-6 { border-right: 1px solid #ddd;}
.navbar-nav .dropdown-menu .col-md-4:last-child,.navbar-nav .dropdown-menu .col-md-6:last-child { border-right:0;}

/*fix nav*/
.navbar-expand-lg { position: relative; z-index: 999;}
.fixed-top, .fixed_nav {z-index: 1; box-shadow:0 0 10px #a1cbfe; border: 0; background-color: #157efb; vertical-align: middle; padding: 16px 0;}
.fixed-top a.navbar-brand, .fixed_nav a.navbar-brand {color:#fff; padding: 0;}
.fixed-top a,.fixed_nav a { color:#fff;}
.fixed-top a:hover, .fixed_nav a:hover {color:#f0f0f0 !important;}
.fixed-top .navbar-brand img, .fixed_nav .navbar-brand img { margin-right: 12px; width: 32px; height: 32px;}
.fixed-top .navbar-nav .nav-link, .fixed_nav .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem;}
.fixed-top .active { border-bottom:0;}
.fixed-top .nav-item img, .fixed_nav .nav-item img { width: 24px; height:auto;}
.fixed-top .navbar-nav li, .fixed_nav .navbar-nav li { border-right: 1px solid #5ba4fc;}
.navbar-nav li.nav-item-down, .navbar-nav li.nav-item-buy { border-right: 0;}
.fixed-top .navbar-toggler-icon, .fixed_nav .navbar-toggler-icon { background-image:url(/images/menu_w.svg); }
.fixed-top .navbar-nav li span { display: none;}
.fixed-top .navbar-nav li:last-child, .fixed_nav .navbar-nav li:last-child { border-right:0;}

.fixed_nav { width: 100%; padding: 32px 0;}
.fixed_nav.active { box-shadow:0 0 10px #bbb; padding: 16px 0;}

@media (max-width: 1200px) {
	.navbar-nav .dropdown-menu .col-md-4 img { float:none;}
	.navbar-nav .dropdown-menu .col-md-4 .pd-kind { padding-left: 0; margin-top: 12px;}
	
}
@media (max-width: 992px) {
	
	.navbar-nav .dropdown-menu { box-shadow: 0 0 0;;}
    .navbar-expand-lg .navbar-nav .nav-link::after {background: url(/images/index-new/arrow.png) no-repeat center;}	
	.navbar-nav .dropdown-menu .col-md-4 { max-width: 50%; flex: 0 0 50%}
}
@media (max-width: 768px) {
	.navbar-nav .dropdown-menu { padding: 0;}
	.navbar-nav .dropdown-menu .col-md-4, .navbar-nav .dropdown-menu .col-md-6 { float: none; max-width: inherit;width: 100%; flex: initial; border: 0; border-bottom: 1px solid #ddd; margin: 16px 0;}
}

/*----------index----------*/
.banner { position: relative; z-index: 2; background-size:cover;}
.banner h1, .banner p { color:#fff;}
.banner .compatible { border: 1px solid rgba(255,255,255,0.6); padding: 4px 24px; font-size: 14px; max-width: 320px; margin: 16px auto 0; line-height: 1.2; border-radius: 8px;}
.banner .compatible span { padding-left: 4px;}
.banner-index { padding:116px 0; color:#fff; height:700px;text-align:left; background-size: cover; }
.banner-index .text { width: 52%;}
.banner-index h1 { font-size:56px; text-align:left; padding-bottom:32px; color:#fff;}
.banner-index p { width:100%; font-size:20px; line-height:30px;}
.banner-index .btns { display: block; margin-top: 24px;}

.banner-index-dr { background:url(../images/index-new/banner_dr.png) no-repeat center; background-size: cover;}
.banner-index-ac { background:url(/images/index-new/banner_ac.png) no-repeat center;}
.banner-index-dr .col-md-6, .banner-index-ac .col-md-6 { padding: 0;}
.orange { color:#f5a623 !important;}

.banner-index-dr .btns，.banner-index-ac .btns { width:100%;}
.banner-index-dr .btns a  { color:#fff; text-align:center; font-size:16px; padding-top:128px; margin:0 2%; text-transform:uppercase; font-weight:300;}
.dr-win, .dr-mac, .dr-ug { height:112px; width:128px; display:inline-block;}
.dr-win { background:url(/images/index-new/win.png) no-repeat center;}
.dr-win:hover { background:url(/images/index-new/win_hover.png) no-repeat center;}
.dr-mac { background:url(/images/index-new/mac.png) no-repeat center;}
.dr-mac:hover { background:url(/images/index-new/mac_hover.png) no-repeat center;}
.dr-ug { background:url(/images/index-new/guide.png) no-repeat center;}
.dr-ug:hover { background:url(/images/index-new/guide_hover.png) no-repeat center;}
.banner-index-ac .btns .btn-primary,.banner-index-ac .btns .btn-secondary { width: 240px; height: 62px; padding: 0 24px; line-height: 62px;font-size: 22px; text-transform: uppercase;}
.btn-white { background-color: #fff; color: #eca227;  border-color: #fff;}
.btn-sec-white { border-color: #fff !important;}
.banner-index-ac h2 {font-size:56px; text-align:left; padding-bottom:0; color:#fff; }
.banner-index-ac .sub-t { font-size:24px; text-align:left; }

.banner-index-ac .btns .btn-white:hover { background-color: #fff; color: #eca227;  border-color: #fff;box-shadow:0 2px 10px #f68a24;}



h2 { font-size:36px; text-align:center; max-width: 600px; margin: 0 auto;}
.sub-t { width: 100%; margin:0 auto; padding:20px 0 40px; text-align:center; font-size:20px; font-weight:400; color:#222;}
.ptb64 { padding:64px 0;}


/*----------data-erase----------*/
.data-erase { background-color: #f8f8f8; padding: 64px 0;}
.data-erase .col-md-6 { margin: 1% 0;}
.data-erase .de {background-color: #fff; padding:48px 32px;}
.data-erase .de img { float:left; display:inline-block;}
.data-erase .de .de-des { padding-left: 32%; display:block;}
.data-erase .de .de-des h3 { font-size: 28px; padding-bottom: 24px;}
.data-erase .de .de-des p { font-size: 18px; line-height: 24px;}

.btn-fixed .btn { width: 150px;}
.btn { border-radius: 0;}
.btn-secondary { border: 1px solid #1c85e8; height: 40px; line-height: 40px; padding: 0 16px; text-transform: uppercase; font-size: 14px;}
.data-erase .de .btn img { float:none; vertical-align: middle;}


/*----------why----------*/
.why { padding: 64px 0;}
.why .de { display: inline-block; width: 22%; margin: 0 1%;}
.why img { float: left; padding-right: 8%; height:auto;}
.why-des { float: left; border-left: 1px solid #c3cfc8; padding-left: 8%; font-weight: 300; font-size: 20px; height: 64px; text-align: center; padding-top: 8px; line-height: 24px;}

/*--------hot solutions -------*/
.sols .de {background-color: #fff; border: 1px solid #ddd; border-radius: 4px; position: relative; margin: 1.6rem 0;}
.sols .de .link-cover {position: absolute;
    width: 100%;
	height: 100%;}
.sols .de p {padding: 16px;}

/*--------review------*/
.review-section { padding:64px 0 96px; background-color: #f5f8fb; text-align:center; margin:0;}
.review-section h2 { padding-bottom:72px;}
.user-says { max-width:810px; background:#4196fc url(/images/index-new/quotes.png) no-repeat center 16px; color:#fff; margin:0 auto; padding:40px 56px; vertical-align:middle; position:relative;}
.user-says p { font-size: 20px; line-height:36px; font-style: normal; font-weight:300; margin:0;}
.user-says:after{content:'';position:absolute;top:100%; left:48%;width:0;height:0;border-width:16px;border-style:solid;border-color:transparent;border-top-width:16px;border-top-color:currentColor;color:#4196fc;}
.review-section .rating, .media-review .rating { text-align: center;}
p.user { font-style: normal; font-weight: 600; text-align: center; line-height: 2rem;}
.img-circle {width: 88px; height: 88px; border-radius: 50%; margin-top:32px;}
.review-section .img-circle { position: static;}

.carousel-indicators { bottom:-40px; vertical-align:middle;}
.carousel-indicators li { background-color:#dce9ef; width:8px; height:8px; border-radius:50%; display: inline-block; vertical-align: middle; margin: 2px 4px;}
.carousel-indicators .active { background-color:#f68a24; width:12px; height:12px; box-shadow:0 2px 4px #f68a24; margin: 0 4px;}


/*--------footer--------*/
.footer .btn { margin:0; padding:0; width:200px;}
a.btn-ft-down, a.btn-ft-buy { display:block; height:48px; vertical-align:middle; line-height:48px; padding-left:104px; padding-right:16px; margin-bottom:8px;}
a.btn-ft-down { background:url(/images/index-new/ic_down.png) no-repeat 0 0; color:#4196fc;border:1px solid #4196fc;}
a.btn-ft-down:hover { background-color:#4196fc; color:#fff;}
a.btn-ft-buy { background:url(/images/index-new/ic_buy.png) no-repeat 0 0; color:#eda42a;border:1px solid #eda42a;}
a.btn-ft-buy:hover { background-color:#eda42a; color:#fff;}

a.fb, a.twitter { margin-right:24px;}
a.fb:hover img, a.twitter:hover img { opacity:0.8;filter:alpha(opacity=80);}

.footer .bold {font-weight:bold; margin-top:16px; margin-bottom:8px; color:#fff;}

@media (max-width: 992px) {
	.banner-index h1, .banner-index h2, .banner-index-ac .sub-t { text-align:center;}
	.banner-index-dr, .banner-index-ac { background-position:80% center; text-align:center;}
	.banner-index-ac { background-position:20% center;}
	.banner-index .text { width:100%;}
	.banner-index .btns { padding-top:64px;}
	
	
	.data-erase .de { text-align:center;}
	.data-erase .de img { width: 96px; float:none;}
	.data-erase .de .btn img { width: 24px;}
	.data-erase .de .de-des { float:none; padding-left:0;}
	
	.why .de { text-align:center;}
	.why .de img { float:none; padding:0; padding-bottom:24px;}
	.why-des { float:none; border:0; padding:0;}
	
	.footer .col-md-3 { max-width:50%; flex: 0 0 50%;}
}
@media (max-width: 768px) {
	.banner-index-dr .btns a { margin:0;}
	h2 { font-size:32px;}
	.sub-t { font-size:20px;}
	
	.banner-index .btns { padding-top:32px;}
	.why .de { width:47%; margin:24px 1%;}
}
@media (max-width: 576px) {
	.banner-index h1, .banner-index h2 { font-size:32px;}
	.banner-index-dr a span { display:none; }
	.dr-win, .dr-mac, .dr-ug { width:112px;}
	.banner-index-ac .btns { padding-top:16px; margin-top:0;}
	
	.why .de { width:100%; margin:24px 0; padding:0 10%;}
	.why .de img,.why-des{ float:left; padding-right:8%;}
	.why-des { border-left: 1px solid #c3cfc8; padding-left: 8%;}
	
	.footer .col-md-3 { max-width:100%; flex: 0 0 100%;}
}


/*----------product----------*/
.banner-ac, .banner-un-w, .banner-un-m, .banner-drm, .banner-drw, .banner-ae-w, .banner-ae-m {height: 700px; padding: 100px 0;}
.banner-ac p { margin-top: 24px;}
.mian { color:#222; font-size:15px;}
.product h2 { font-weight:400;}
.product .name { font-size:18px; padding:20px 0; color:#353132;}
.product .shaddow { padding:40px 20px;}
.product p.user { padding:10px 0 20px 0;}


/*----------------------------------------awecleaner----------------------------------------------*/
.banner-ac { background: url(/images/mac-cleaner/banner_ac.jpg) no-repeat center center; text-align:center; }

.banner-guide { margin-bottom:50px; text-align:center; text-transform:uppercase;}
.banner-guide li { font-size: 24px; text-align: center; display: inline-block; margin:0 20px; line-height:48px;}
.banner-guide li a { color:#fff;}
.banner-guide li a:hover { color:#e6e6e6;}
.banner-guide li img { padding-right:10px;}

.banner-ac h1 { font-size:80px; font-weight:600;}
.banner-ac p, .banner-drw p, .banner-drm p { font-size:40px; max-width:1024px; line-height:1.2; margin:0 auto; margin-top:40px; margin-bottom:48px; font-weight:400;}
.banner-drm p {margin-top: 24px;}

.banner .btn-primary, .banner .btn-secondary { background-color: #fff; color:#f5a623; font-size:24px; text-transform:uppercase; border:0; padding:0 40px; height:80px; line-height:80px;}
.banner .btn-primary { background-color: #f5a623; color:#fff;}



.p-main h2 { font-size:48px; font-weight:300; padding-bottom:32px; text-align:center; max-width:900px;}
.p-main .sub-t { font-size:24px; padding-bottom: 56px; padding-top:0; font-weight:300;}
.p-main p span { color:#007aff; font-style:italic; font-weight:600;}
.p-ac .sub-t { text-align:left;}

.p-ac { height:600px; background:url(/images/mac-cleaner/bg_wave.png) no-repeat center 90%; padding-top:62px; text-align:left;}
.p-ac h2 { text-align:left;}
.p-ac p { font-size:18px; line-height:32px;}


.p-ac-feature, .p-drw-feature { padding:64px 0; text-align:center;}
.p-ac-feature .sub-t, .p-drw-feature .sub-t { max-width:800px; line-height:32px;}
.p-ac-felist .col-md-3 { padding:32px 16px;}
.p-ac-felist h3 { font-size:16px; font-weight:bold; padding:32px 0 16px;}
.p-ac-felist p { font-size:14px; line-height:21px;}

.p-ac-felist .hover { display:none;}
.p-ac-felist .col-md-3:hover { color:#fff; background-color:#1571fb; box-shadow: 0 0 30px #a1cbfe;}
.p-ac-felist .col-md-3:hover h3 { color:#fff;}
.p-ac-felist .col-md-3:hover .hover { display:inline-block;}
.p-ac-felist .col-md-3:hover .normal { display:none;}

.p-ac-pr-advantage, .p-drw-advantage { padding: 64px 0; background-color: #f5f5f5;}
.p-ac-pr-advantage h2 { padding-bottom:64px;}
.p-ac-pr-advantage .row { box-shadow: 0 0 30px #a1cbfe;}
.p-ac-pr-advantage .col-md-3 { background-color:#1571fb; border-right:1px solid #5ba4fc; text-align:center; color:#fff; padding:36px 24px;}
.p-ac-pr-advantage .col-md-3:last-child {border-right:0;}
.p-ac-pr-advantage .col-md-3 img { padding-bottom:24px;}

.ac-menubar { padding:60px 0;}
.ac-menubar h2, .ac-menubar .sub-t { text-align:left;}
.ac-menubar .sub-t { padding-bottom:32px;}

/*tech spec*/
.tech,.review { padding:64px 0; font-size: 16px;}
.tech h2,.review h2 { padding-bottom: 64px;}
.tech p.title {font-size:20px; font-weight: 600; padding-bottom: 24px;}
.tech ul { margin-left: 16px;}
.list-item li, .list-item-blue li { line-height: 20px; list-style: disc; list-style-position: outside; color: #222; padding: 8px 0; line-height: 1;}
.list-item-blue li { color: #157efb;}
.list-item-blue li span { color:#222;}

/*review*/
.review { text-align: center; background-color: #f5f5f5;}
.review p.user { font-size: 20px; padding-bottom: 0;}
.review .rating { padding-bottom: 32px;}
.review .btn { margin-top: 24px;}

/*tab*/
.relate-tab { padding: 64px 0;}
.nav-tabs {padding-bottom: 10px;}
.nav-tabs li:first-child {border-right: 1px solid #ddd;}
.nav-tabs li a {color: #222; font-size: 24px; padding: 10px;}
.tab-content { padding: 16px 0;}
.tab-content span { font-weight: bold;display: block;font-size: 18px; line-height: 39px;}

@media (max-width: 992px) {
	.fixed_nav .navbar-nav li{ text-align: center;}
	.fixed_nav .navbar-nav li img { display: inline-block;}
	.fixed_nav .navbar-nav li span { display:none; }
	
	.banner-ac h1 { font-size: 56px;}
	.banner-ac p { font-size: 32px; line-height: 48px; }
	
	.p-main h2 { font-size: 32px;}
	.p-ac { height: 500px;}
	.p-ac .sub-t { font-size: 18px; padding-bottom: 24px; font-weight: normal;}
	
	.tech p.title { padding-top: 24px;}
}
@media (max-width: 768px) {
	.fixed-top .navbar-nav .nav-link, .fixed_nav .navbar-nav .nav-link { padding: 8px 40px;}
	.fixed-top .navbar-nav li , .fixed_nav .navbar-nav li{ border: 0; text-align: left;}
	.fixed-top .navbar-nav li span, .fixed_nav .navbar-nav li span { display: inline-block; }
	.fixed-top .nav-item img, .fixed_nav .nav-item img { margin-right: 16px;}
	.navbar-nav { margin-top: 16px;}
	
	.banner-ac { height: auto; padding: 64px 0;}
	.banner-ac h1 { font-size: 48px;}
	.banner-ac p { font-size: 24px; line-height: 36px; margin: 32px 0;}
	
	.banner-guide { margin-bottom: 24px;}
	.banner-guide img { width: 32px;}
	.banner-guide li { font-size: 16px; line-height: 32px; margin:0 16px;}
	
	.banner .btn-primary, .banner .btn-secondary { padding: 0 24px; height: 64px; line-height: 64px;}
	
	.p-main h2 { padding-bottom: 24px;}
	.p-ac { height: 100%; background-position: center bottom; text-align: center; padding-bottom: 64px;}
	.p-ac h2,.p-ac .sub-t { text-align: center;}
	
	.p-ac-pr-advantage .col-md-3 { border-right:0; border-bottom:1px solid #5ba4fc; }
	.p-ac-pr-advantage .col-md-3:last-child {border-bottom:0;} 
}

@media (max-width: 576px) {
	.banner-ac { height: auto; padding: 48px 0;}
	.banner-ac h1 { font-size: 32px;}
	.banner-ac p { margin: 24px 0;}
	.banner .btn-primary, .banner .btn-secondary { width: 232px;}	
}

.div-responsive { height:500px; margin-bottom:80px;}


/*----------------------------------------windows data recovery----------------------------------------------*/
.banner-drw  { background: url(/images/windows-data-recovery/banner_drwin.jpg) no-repeat center center; text-align:center; }
.banner-drw h1, .banner-drm h1 { font-size: 64px; font-weight:600;}
.banner-drw p, .banner-drm p { font-size:30px;}
p.os { font-size: 24px; padding: 24px 0; margin: 0 auto;}
.os img { margin: 0 8px;}
.os a:hover img { opacity:0.6;filter:alpha(opacity=60);}
.p-drw-feature h2 { max-width:inherit;}

.p-drw-felist .p-drw-fetitle { position: relative;}
.p-drw-felist h3 { position: absolute; bottom: 0; z-index: 1; font-size: 20px; color: #fff; background-color:rgba(10,177,209,0.9); padding:12px 0 12px 24px; width: 80%; text-align: left;}
.p-drw-felist h3.bg-blue { background-color: rgba(61,117,204,0.9);}
.p-drw-felist ul { background-color: #394c62; height: 280px; padding: 24px;}
.p-drw-felist ul li { color: #fff; font-size: 14px; line-height: 22px; text-align: left; padding: 4px 0;padding-left: 24px;}
.list-item-blue-circle li { background: url(/images/list-blue-circle.png) no-repeat 0 10px; }

.p-drw-two { height: auto; overflow: hidden;padding: 72px 0; text-align: left; color: #fff; background: url(/images/windows-data-recovery/bg_drw.jpg) no-repeat center center; background-size: cover;}
.p-drw-two h2 { text-align: left; color: #fff; border-left: 8px solid #f5a623; padding: 0; padding-left: 48px; margin-top: 56px; margin-bottom: 48px; }
.left-green, .right-blue { width: 50%; float: left;}
.left-green {background-color:rgba(10,177,209,0.8);}
.right-blue {background-color: rgba(61,117,204,0.9);}
.p-drw-two p { font-size: 20px; line-height: 30px; margin: 0 40px 56px 48px;}


.p-drw-advantage, .p-drm-advantage, .p-aew-advantage { text-align: center; padding-bottom: 0;}
.p-drw-advantage .sub-t, .p-drm-advantage .sub-t { max-width: 900px;}
.p-drw-advantage .row, .p-drm-advantage .row, .p-aew-advantage .row { background-color: #fff; box-shadow: 0 -10px 30px #dcebfe;}
.p-drw-advantage .col-md-4, .p-drm-advantage .col-md-3, .p-aew-advantage .col-md-3 { border-right: 1px solid #ddd; padding: 36px 24px; border-bottom: 8px solid #0ab1d1;}
.p-drw-advantage .col-md-4:last-child, .p-drm-advantage .col-md-3:last-child, .p-aew-advantage .col-md-3:last-child { border-right: 0;}
.p-drw-advantage .col-md-4:nth-child(2), .p-drm-advantage .col-md-3:nth-child(2), .p-drm-advantage .col-md-3:nth-child(4) {border-bottom: 8px solid #3d75cc;}
.p-drw-advantage p.name, .p-drm-advantage p.name, .p-aew-advantage p.name {font-size: 24px; line-height: 24px; padding: 16px 0 24px; }

.block-three {padding-top: 64px;}
.block-three .box-shadow { border-radius: 12px; background: #fff; box-shadow: 0.15rem 0.15rem 0.5rem rgba(0,0,0,0.1); padding: 24px; text-align: center; margin: 24px 0;}
.block-three .box-shadow p.name {font-size: 18px; font-weight: bold; margin: 24px 0 12px;}
/*steps*/
.owl-carousel{text-align: center;padding: 0; z-index: 0;}
.owl-carousel .item img{width: 100%;}
.owl-carousel .owl-nav .owl-prev{position: absolute;left: 0px;top: 45%;color: #fff;font-size: 40px;}
.owl-carousel .owl-nav .owl-next{position: absolute;right: 0px;top: 45%;color: #fff;font-size: 40px;}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover{color: #7aa0b4;}
.owl-carousel .owl-nav .owl-prev i,
.owl-carousel .owl-nav .owl-next i{vertical-align: middle; color: #26324b;}
.owl-carousel .owl-dot.active{background-color: #3384ff;opacity: 1;}
.owl-carousel .owl-item img{display: inline-block !important;border-radius: 5px; }
.owl-carousel .owl-stage-outer{direction: ltr;}

.steps { padding: 64px 0; color: #222;}
.steps h2 { padding-bottom: 12px;}
.steps p.sub { text-align: center; padding-bottom: 32px;}
.steps .sub a { color: #217aff; text-align: center; font-size: 18px;}
.steps .step-no { background-color: #F58249; color: #fff; border-radius: 16px; padding: 4px 16px; height: 16px; text-align: center; font-family: 'ProximaNovaBold';}
.steps .list{ font-size: 16px; text-align: left; cursor: pointer; overflow: hidden; padding-top: 16px; padding: 16px; border-radius: 10px; margin: 8px 0;}
.steps .list .dd1 {font-size: 18px;margin-bottom:0; padding-top: 4px;}
.steps .list .pics{float: left;text-align: center; margin-right:24px;}
.steps .list .dd2 { font-size: 14px; color: rgba(0,0,0,0.6); line-height: 1.2;}
.steps .list.curr {  color: #fff;  background-color: #181617;  box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.2);}
.steps .list.curr .dd2 { color: rgba(255,255,255,0.6);}

.media-review { padding: 64px 0; background-color: #f9f9f9;}
.media-review .box-shadow {background-color: #fff; border-radius: 20px;  box-shadow: 0.15rem 0.15rem 0.5rem rgba(0,0,0,0.1);  padding: 4%;  margin-top: 16px; margin-bottom: 16px;  overflow: hidden;}
.media-review .media-logo { width: 30%; float: left; text-align: center;}
.media-review .media-content { border-left: 2px solid #eee; padding-left: 24px; float: left; width: 70%;}
.media-review .rating { margin-top: 16px;}

.hot-solution { padding: 64px;}
.download-erea { padding:96px; background: url("/images/windows-data-recovery/bg_bottom.jpg") no-repeat center center; text-align: center; background-size: cover; color: #fff;}
.download-erea p.name { font-size: 48px; line-height: 1.2;font-family: 'ProximaNovaBold';}
.download-erea p.des { font-size: 24px; line-height: 1.2; margin: 32px 0 48px;}
.downlad-drm {background: url("/images/mac-data-recovery/bg_bottom_drm.jpg") no-repeat center center; background-size: cover;}
.download-iphone {background: url("/images/mac-iphone-data-recovery/bg_bottom.jpg") no-repeat center center; background-size: cover;}


/*----------------------------------------windows data recovery enterprise----------------------------------------------*/
.banner-drwe  { background: url(/images/windows-data-recovery-enterprise/banner_drwe.jpg) no-repeat center center; text-align:center; }
.banner-drwe h1, .banner-drme h1 { font-size: 48px; font-weight:600;}
.baner-drme p { margin-top: 24px;}

.p-drwe-feature .sub-t, .p-dre-advantage .sub-t { max-width: 100%; font-size: 20px; line-height: 1.5;}
.p-drwe-feature .p-drw-felist { text-align: left;}
.p-drwe-feature .p-drw-felist .p-drw-fetitle { position: inherit;background-color: #f9f9f9; min-height: 356px;}
.p-drwe-feature .p-drw-felist h3 { position: inherit; color: #454545; background-color: transparent; padding: 32px 32px 16px;}
.p-drwe-feature .p-drw-felist p { font-size: 14px; color: #666; padding: 0px 32px 32px;}

.p-drwe-two { background-image: url(/images/windows-data-recovery-enterprise/bg_drwe.jpg);}
.p-drwe-two .left-green { background-color: #6080fe; min-height: 396px;}
.p-drwe-two h2 { font-size: 36px; border-left: 2px solid #fff; margin-left: 48px; padding-left: 24px; font-weight: 400;}
.p-drwe-two p { margin-left: 74px;}
.p-drwe-two .right-blue { background-color: #fff; min-height: 396px;}
.p-drwe-two .right-blue h2 { color: #5676f3; border-left: 2px solid #5676f3;}
.p-drwe-two .right-blue p{ color: #5676f3;}

.p-drwe-advantage .col-md-4 { background-color:#6080fe; color: #fff; border-bottom: 6px solid #68d3f8; border-right:0; }
.p-drwe-advantage .col-md-4:nth-child(2) { border-bottom-color: #658eff; background-color: #658eff;}

/*----------------------------------------mac data recovery----------------------------------------------*/
.banner-drm { background: url(/images/mac-data-recovery/banner_drmac.jpg) no-repeat center center; text-align:center; }
.banner-drm p { max-width:960px;}
.drm-comment { padding: 96px 0; text-align:center; color:#fff; overflow:hidden;}
.drw-comment-l, .drw-comment-r { width:50%; float:left; position:relative; padding:72px 48px}
.drw-comment-l { background-color:#1b82eb;}
.drw-comment-r { background-color:#2672d2;}
.drw-comment-l span { position:absolute; top:-48px; left:-24px;}
.drw-comment-r span { position:absolute; bottom:-48px; right:-24px;}
.drm-comment p { padding-top:48px; font-size:20px; line-height:30px; font-style:italic; text-align:left;}

.p-drm-feature { height: auto; overflow: hidden; padding: 72px 0; background: url(/images/mac-data-recovery/bg_drm.jpg) no-repeat center center; background-size: cover;}
.p-drm-feature h2 { color:#fff; max-width:1100px; font-size:48px;}
.p-drm-feature p.sub-t { color:#fff; line-height:36px; }
.p-drm-felist { border-bottom:6px solid #0ab1d1; background-color:#fff; text-align:center; padding:32px; height:340px;}
.p-drm-felist h3 { font-size:16px; font-weight:600; padding:32px 0 16px;}

.p-drm-step { padding:96px 0; text-align:center;}
.p-drm-step h2 { max-width:1100px;}
.p-drm-step .sub-t { line-height:36px;}
.p-drm-step h3 { font-size:24px; font-weight:400; padding:32px 0 16px;}
.p-drm-step .col-md-4 { position:relative;}
.p-drm-step span { position:absolute; top:20%; right:-80px;}
.p-drm-step .col-md-4 p { font-size:16px;}

.drm-support {  background-color: #2672d2; color:#fff; font-size:20px; text-align:center; line-height:30px;} 
.drm-support .col-md-6 { padding:96px 48px 96px 0; border-right:1px solid #5095e8;}
.drm-support .col-md-6:last-child { border-right:0; padding-left:48px; padding-right:0;}
.drm-support h2 { color:#fff; padding-top:32px;}
.drm-support p  { padding-bottom:32px;}

.p-drm-advantage { padding:64px 0;}

/*----------------------------------------mac data recovery enterprise----------------------------------------------*/
.banner-drme  { background: url(/images/mac-data-recovery-enterprise/banner_drme.jpg) no-repeat center center; text-align:center; }
.banner-drwe h1 { font-size: 48px; font-weight:600;}
.p-drme-two { background-image: url(/images/mac-data-recovery-enterprise/bg_drme.jpg);}
.p-drme-two .right-blue h2,.p-drme-two .right-blue p { color: #333;}
.drme-steps h3 { font-size: 18px!important; margin-bottom: 16px;}
.drme-steps h3 span { background-color: #5e7df7;  font-size: 22px; text-transform:uppercase; color: #fff; line-height: 56px;  display: block; width: 120px; margin: 0 auto; border-radius: 32px; margin-bottom: 16px;}

@media (max-width: 1200px) {	
	.p-drwe-feature .p-drw-felist .p-drw-fetitle { min-height: 369px;}
	.p-drwe-two .left-green, .p-drme-two .right-blue { min-height: 456px;}
}

@media (max-width: 992px) {	
	.banner-drw, .banner-drm { padding:56px 0;}
	.banner-guide { margin-bottom: 40px; }
	.banner-drw h1, .banner-drm h1 { font-size: 56px; margin-bottom: 24px; margin-top: 16px;}
	.banner-drw p, .banner-drm h1 { font-size: 32px; line-height: 48px; margin-bottom: 24px; }
	
	.p-drw-felist h3 { width: 100%; height: 72px;}
	.p-drw-felist img { width:100%; }
	.p-drw-felist ul { height:432px;}
	
	.left-green, .right-blue { height: 446px;}
	
	
	.drw-comment-l, .drw-comment-r { min-height:480px;}
	.p-drm-feature .col-md-3, .p-drm-advantage .col-md-3 { max-width:50%; flex: 0 0 50%; margin-bottom:16px;}
	.p-drm-advantage .col-md-3 { margin-bottom:0;}
	.p-drm-step span { z-index:-1;}
	
	.p-drwe-two h2 { font-size: 28px;}
	.p-drwe-two p {font-size: 16px; line-height: 1.5;}
	.p-drwe-two .left-green { min-height: 446px;}
}
@media (max-width: 768px) {
	.banner-drw, .banner-drm, .banner-aew { padding: 56px 0;}
	.banner-drw h1, .banner-drm h1, .banner-aew h1 { font-size: 48px;}
	.banner-drw p, .banner-drm p, .banner-aew p { font-size: 24px; line-height: 36px; margin: 32px 0;}

	.p-drw-advantage .col-md-4 { border-right:0; }
	.left-green, .right-blue { min-height: inherit;height: auto;}
	
	.left-green, .right-blue { width:100%; float: none; padding: 8px 0;}
	.p-drwe-two .left-green, .p-drme-two .right-blue { min-height: inherit;}
	.p-drw-felist ul { height:auto;}
	.p-drw-felist .col-md-4 { margin-bottom: 24px;}
	.p-drwe-advantage .col-md-4 { border-bottom: 0;}
	
	.drw-comment-l, .drw-comment-r { float:none; width:100%; min-height:inherit;}
	.p-drm-step span { display:none;}
	.p-drm-step .col-md-4 { margin-bottom:16px;}
	.drm-support .col-md-6 { border-bottom:1px solid #5095e8; padding:48px 0; border-right:0;}
    
    .media-review .media-logo, .media-review .media-content { float: none; border: 0; width: 100%;}
}

@media (max-width: 576px) {
	.banner-drw, .banner-drm , .banner-aew { height: auto; padding: 48px 0;}
	.banner-drw h1, .banner-drm h1, .banner-aew h1{ font-size: 32px;}
	.banner-drw p, .banner-drm p, .banner-aew p { margin: 24px 0;}	
	.banner-guide  { margin-bottom:24px;}
	
	.p-drm-feature h2 { font-size:32px;}
	.p-drm-feature .col-md-3, .p-drm-advantage .col-md-3 { max-width:100%; flex:0 0 100%; float:none; height:inherit;}
}

/*----------------------------------------windows eweeraser----------------------------------------------*/
.banner-aew, .banner-aewe { background: url(/images/windows-data-eraser/banner_aew.jpg) no-repeat center center; text-align:center;}
.banner-aew p, .banner-aem p, .banner-unw p，.banner-dcm p, .banner-dcme p, .banner-dc p, .banner-dce p, .banner-aewe p {max-width: 1100px; font-size:30px; line-height:40px; margin-bottom:48px;}
.banner-dcm p { margin-top: 24px;}

.p-aew-feature .sub-t { max-width: 1100px;}
.p-aew-felist { text-align: center;}
.p-aew-felist img { border-bottom: 8px solid #6772e5;}
.p-aew-felist .col-md-4:nth-child(2) img { border-bottom: 8px solid #51d490;}
.p-aew-fetitle { padding: 24px 0; border: 1px solid #ddd; border-top: 0;}
.p-aew-felist h3 { width: 100%; font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 32px; border-left: 24px solid #6772e5;}
.p-aew-felist .col-md-4:nth-child(2) h3 {border-left: 24px solid #51d490;}
.p-aew-felist p {font-size: 14px; line-height: 24px; padding: 0 32px 0;}

.p-aew-4list { padding: 80px 0; overflow: hidden; background: url(/images/windows-data-eraser/bg_pattern.jpg) no-repeat center center; background-size: cover; text-align: center; }
.p-aew-4list .col-md-3 { background-color: #6bd4f8; padding: 48px 32px; color: #fff;}
.p-aew-4list .col-md-3:nth-child(2),.p-aew-4list .col-md-3:nth-child(4) {background-color: #6772e5;}
.p-aew-4list h3 { color: #fff; font-size: 18px; line-height: 24px; padding: 40px 0 16px; font-weight: 600;}

.p-aew-two { padding: 88px 0; overflow: hidden;}
.p-aew-two h2 { padding-bottom: 64px;}
.p-aew-two .left-white, .p-aew-two .right-gray { width: 50%; float: left; text-align: left; padding: 56px 48px; height: 423px;}
.p-aew-two .right-gray {background-color: #f6f9fc;}
.p-aew-two h3 { font-size: 26px; font-weight: 500; padding: 24px 0 40px;}
.p-aew-two { font-size: 20px; line-height: 30px;}
.p-aew-two .left-white:hover { background-color: #3ecf8e;}
.p-aew-two .right-gray:hover { background-color: #6772e5;}
.p-aew-two .left-white:hover h3, .p-aew-two .left-white:hover p, .p-aew-two .right-gray:hover h3, .p-aew-two .right-gray:hover p { color: #fff;}

.p-aew-advantage { background:url(/images/windows-data-eraser/bg_pattern_deep.png) no-repeat center 20%; padding: 64px 0;}
.p-aew-advantage h2 {max-width: 1100px;}
.p-aew-advantage p.name { font-size: 20px;}
.p-aew-advantage .col-md-3:nth-child(1) { border-bottom: 6px solid #68d3f8;}
.p-aew-advantage .col-md-3:nth-child(2) { border-bottom: 6px solid #7795f8;}
.p-aew-advantage .col-md-3:nth-child(3) { border-bottom: 6px solid #3ccf8e;}
.p-aew-advantage .col-md-3:nth-child(4) { border-bottom: 6px solid #fa755a;}
.p-aew-advantage .row { box-shadow: 0 0 10px #b3b8f2;}

/*----------------------------------------windows eweeraser enterprise----------------------------------------------*/
.banner-aewe { background-image: url(/images/windows-data-eraser-enterprise/banner_aewe.jpg); text-align:center;}
.banner-aeme { background-image: url(/images/mac-data-eraser-enterprise/banner_aeme.jpg);text-align:center;}
.banner-aewe h1,.banner-aeme h1 { font-size: 48px;}
.p-aewe-felist .col-md-4 { text-align: center;}
.p-aewe-felist .p-aew-fetitle { border: 0;background-color: #f6f9fc; padding: 48px 0; }
.p-aewe-felist img { border-bottom: 0!important; padding-bottom: 32px;}
.p-aewe-felist h3 { margin-bottom: 24px; border: 0!important;}
.aewe-table { padding-top: 0!important;}
.aewe-table h2 { font-size: 40px;}

@media (max-width: 992px) {
	.p-aew-fetitle { height: 322px;}
	.p-aewe-felist .p-aew-fetitle {min-height: 380px;}
	.p-aew-two .left-white, .p-aew-two .right-gray { height:500px;}
}
@media (max-width: 768px) {
	.p-aew-fetitle { height:inherit; height: auto;}
	.p-aew-felist .col-md-4 { margin-bottom:24px;}
	.p-aew-felist img { width:100%;}
	.p-aewe-felist .p-aew-fetitle { min-height: inherit; height: auto;}
	.p-aew-feature .p-aew-felist img { width: auto;}
	.p-aew-two .left-white, .p-aew-two .right-gray { float:none; width:100%; height:inherit; height:auto;}
	
	.p-aew-advantage { background-position:right bottom;}
	
	.p-aew-4list .col-md-3 { max-width:100%; flex:0 0 100%;}
}

@media (max-width: 576px) {
	.banner-aew p, .banner-aem p { font-size:20px; line-height:30px;}
	.p-aew-advantage { background-image:none;}
	
}

/*----------------------------------------mac eweeraser----------------------------------------------*/
.banner-aem { background: url(/images/data-eraser/banner_aem.jpg) no-repeat center center; text-align:center;}
.banner-aew p {max-width: 1100px; font-size:30px; line-height:40px;}

.p-aem-feature { background: url(/images/data-eraser/bg_aem1.jpg) no-repeat top center; padding:96px 0; }
.p-aem-feature .sub-t { max-width: 100%;}
.p-aem-feature .col-md-4 { text-align:left;}
.p-aem-feature h3 { font-size:20px; font-weight:600; padding:32px 0 24px;}
.p-aem-feature p { padding-bottom:16px;}

.p-aem-two { background:url(/images/data-eraser/bg_aem2.png) no-repeat center center;}
.box-shadow-green {box-shadow: 0 0 16px #b7eeef; padding:56px 48px; margin:5px; background-color:#fff; height:438px;}
.p-aem-two h3 { font-size:24px; font-weight:600;}

.p-aem { background:url(/images/data-eraser/bg_aem3.png) no-repeat center 46%;}
.p-aem-right { background:url(/images/data-eraser/pic_aem.png) no-repeat 10% top; overflow:hidden; padding:96px 0 200px; height:800px;}
.p-aem-right .p-aem-fr { float:right; width:50%; background-color:rgba(255,255,255,0.9); padding:32px;}
.p-aem-right .p-aem-fr h2 { text-align:left;}
.p-aem-right .p-aem-fr p { padding:32px 0; font-size:20px; line-height:30px;}

.p-aem-4list { background-image:none;}
.p-aem-4list h2, .p-aem-4list p { max-width:100%;}
.p-aem-4list p { padding-top:32px;}
.p-aem-4list .col-md-3:nth-child(2), .p-aem-4list .col-md-3:nth-child(4) { background-color:#fff; color:#222;}

.p-aem-fetitle { background-color:#fff; padding:32px 24px; border:1px solid #ddd; border-top:0; height:320px;}
.p-aem-fetitle h3 { font-size:20px; font-weight:600; padding:0 0 16px;}
.list-item-greencheck li { text-align:left; background:url(/images/data-eraser/list_item_checkgreen.png) no-repeat 0 5px; padding-left:24px; margin:12px 0;}

.p-aew-feature h2.small { font-size:40px; padding-bottom:64px;}
@media (max-width: 1200px) {
	.p-aem-right { background-position:-50%;}
}
@media (max-width: 992px) {
	.p-aem { background-position: center 37%;}
	.p-aem-two { padding-top:32px;}
	.box-shadow-green { height:530px;}
	.p-aem-right .p-aem-fr { width:80%; margin-top:64px;}
	.p-aem-4list .col-md-3 { max-width:50%; flex:0 0 50%; margin-bottom:16px;}
	.p-aem-fetitle { height:inherit; height:auto;}
}
@media (max-width: 768px) {
	.p-aem-feature .col-md-4 { text-align:center; margin:34px 0;}
	.box-shadow-green { height:inherit; height:auto;}
	.p-aem-right .p-aem-fr { width:100%; float:none;}
	.p-aem-4list .col-md-3 { max-width:100%; flex: 0 0 100%; float:none; margin:0;}
	.p-aem { background-position: center 20%; background-size:cover; }
	.p-aew-feature img { width:100%;}
}

@media (max-width: 576px) {
	.p-aem-right { background-position:center center;}
	.banner-aew p, .banner-em p, .banner-unw p { font-size: 24px; line-height: 36px; margin: 32px 0;}
	
}


/*----------------------------------------windows uninstall----------------------------------------------*/
.banner-unw { background: url(/images/uninstaller/banner_unw.jpg) no-repeat left bottom; text-align:center;}
.p-unw-feature { background: url(/images/uninstaller/banner_unwd.jpg) no-repeat left top; padding-top:160px;}
.p-unw-feature p.sub-t { max-width:inherit;}
.p-unw-felist img { border:0;}
.p-unw-fetitle { background-color:#3c92ff; color:#fff; border:0; padding:24px; height:192px;}
.p-unw-fetitle h3 { color:#fff; border:0;font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 32px;}

.p-unw-4list { background: url(/images/uninstaller/bg_un.jpg) no-repeat center bottom; height:670px;}
.p-unw-4list h2 { max-width:inherit; font-size:40px; padding-bottom:48px;}
.p-unw-4list h3 { color:#222;}
.p-unw-4list .row { box-shadow:0 0 16px rgba(138,195,254,0.5);}
.p-unw-4list .col-md-3 { background-color:#fff !important; color:#222; border-right:1px solid #e5ecf4;}
.p-unw-4list .col-md-3:last-child { border-right:0;}

@media (max-width: 992px) {
	.p-unw-feature { background-image:none; padding-top:48px;}
	.p-unw-fetitle { height:260px;}
	.p-unw-4list { height:auto;}
	.p-unw-4list .col-md-3 { max-width:50%; flex:0 0 50%; border-bottom:1px solid #e5ecf4; }
}
@media (max-width: 768px) {
	.p-unw-felist img { width:100%;}
	.p-unw-fetitle { height:inherit;}
	.p-unw-4list { padding-top:0;}
	.p-unw-4list .col-md-3 { max-width:100%; flex:0 0 100%; border-bottom:1px solid #e5ecf4; border-right:0; }
}

/*----------------------------------------mac uninstall----------------------------------------------*/
.banner-unm { background: url(/images/mac-uninstaller/banner_unm.jpg) no-repeat left bottom;text-align:center;}
.banner-unm p { max-width:1100px; margin-top: 24px;}

.p-unm-feature { background: url(/images/mac-uninstaller/banner_unmd.jpg) no-repeat left top; padding-top:80px; }
.p-unm-feature .container { position:relative;}
.p-unm-feature .leftcontainer { padding:8% 0;float:left; width:70%; z-index:10; position:absolute; right:30%;}
.p-unm-feature .leftblue { padding:48px; background-color:#3c94fe;}
.p-unm-feature h2,.p-unm-feature p.sub-t { color:#fff; text-align:left;}
.p-unm-feature p.sub-t { padding-bottom:0;}
.p-unm-feature .rightcontainer { float:right; width:50%; z-index:0;}

.p-unm-3list { background:url(/images/mac-uninstaller/bg_unm.png) no-repeat center bottom; padding:80px 0; text-align:center;}
.p-unm-3list .p-unm-felist { background:#fff; padding:48px; font-size:16px;}
.p-unm-3list .p-unm-felist h3 { font-size:20px; font-weight:600; padding:24px 0 16px;}
@media (max-width: 1200px) {
	.p-unm-feature h2 { font-size: 40px;}
	.p-unm-feature p.sub-t { font-size:20px; }
	.p-unm-feature .leftcontainer { padding:3% 0;}
}
@media (max-width: 992px) {
	.p-unm-feature .leftcontainer { padding:4% 0;}
}
@media (max-width: 768px) {
	.p-unm-feature .container { position:inherit;}
	.p-unm-feature .leftcontainer { padding:0; float:none; width:100%; position:inherit;}
	.p-unm-feature img { display:none;}
	.p-unm-3list { padding-top:0;}
	.p-unm-3list .p-unm-felist { border-bottom:1px solid #ddd;}
	.p-unm-feature { background-image:none;}
}
@media (max-width: 576px) {
	.banner-unm .btn-secondary, .banner-unw .btn-secondary { width: inherit;}
}
/*----------------------------------------iphone data recovery ----------------------------------------------*/
.banner-iosw, .banner-iosm { background:url(/images/mac-iphone-data-recovery/banner_iphone_mac.jpg) no-repeat left bottom;text-align:center;}
.banner-iosw h1, .banner-iosm h1 {font-size: 52px;}
.banner-iosm p { margin-top: 24px;}
.banner-iosw { background-image:url(/images/windows-iphone-data-recovery/banner_iphone_win.jpg);}
.p-iosw-feature img, .p-iosw-feature h3 { border:0 !important;}
.p-iosw-feature h3 { height:48px; font-size:24px; font-weight:normal; vertical-align:middle; color:#fff;}
.p-iosw-feature .p-aew-fetitle { background-color:#618aff; color:#fff; padding:12px 32px 32px; border:0; height:244px;}
.p-iosw-feature .p-aew-felist p { font-size:16px; line-height:24px; padding:0;}

.iosm-support {background:#618aff url(/images/mac-iphone-data-recovery/bg_mac-iphone-data-recovery.jpg) no-repeat 0 0;text-align:center; }
.iosm-support .col-md-6 { padding: 68px 48px 68px 0;  border-right: 1px solid #729ffe;}
.iosm-support h2 { font-size:32px; font-weight:normal;}

.p-iosm-4list { padding-bottom:0; background-image:none}
.p-iosm-4list .col-md-3 { background-color:#fff !important; color:#222;}
.p-iosm-4list h3 {color:#222;}
.p-iosm-4list p.sub-t { line-height:32px;}
@media (max-width: 768px) {
	.iosm-support { height:auto;}
	.iosm-support .col-md-6 { border-right:0; border-bottom: 1px solid #729ffe;}
}

/*------------------------------------------disk clone---------------------------------------------*/
.banner-dcm { background:url(/images/mac-disk-clone/banner_mac_disk_clone.jpg) no-repeat center center; text-align:center;}
.banner-dcm p { max-width: inherit; font-size: 26px; margin: 32px 0; line-height: 1.5;}
.banner-dcm .btn-secondary { color: #6b92f2;}
.banner-dcm .btn-primary {background-color:#6b92f2; }
.banner-dcm p.os { padding:0; margin: 24px 0 0 0;}
.new-osclone { padding:  64px 0; text-align: center;}
.new-osclone img { width: auto;}
.p-dcm-function h2 { text-align: left; font-size: 36px; font-weight: normal;}
.p-dcm-function p { text-align: left; font-size: 16px; line-height: 1.5; font-weight: normal; padding-bottom: 16px;}
.p-dcm-function img {box-shadow: 0 0 20px rgba(0,0,0,0.12); border-radius: 10px; border: 1px solid #E1E7EF;}
.p-dcm-dc { padding: 48px 0 32px 0;}
.p-dcm-dc-text {padding-top: 32px;}

.p-dcm-feature {height: 540px; background: #6b92f2 url(/images/mac-disk-clone/bg.png) no-repeat center center; background-size: cover; color: #fff; padding: 56px 0; text-align: center;}
.p-dcm-feature h2, .p-dcm-4list h2 { color: #fff; max-width: inherit; font-weight: normal; font-size: 36px; padding-bottom: 24px;}
.p-dcm-feature p.sub-t, .p-dcm-4list p.sub-t { color: #fff; line-height: 1.5; padding-bottom: 48px;}
.p-dcm-feature h3 { font-size: 24px; font-weight: bold; text-transform: uppercase; color: #fff; padding: 16px 0;}
.p-dcm-feature .col-md-4 p { font-size: 16px; line-height: 1.5; padding: 0 8px;}

.p-dcm-4list { padding-bottom: 0; background-image:none;}
.p-dcm-4list h2, .p-dcm-4list p.sub-t { color: #333;}
.p-dcm-4list .col-md-3 { color: #333!important; background-color:transparent !important; padding: 0 24px;}
.p-dcm-4list p.name { font-size: 16px; font-weight: bold; padding: 16px 0;}

/*mac enterprise*/
.banner-dcme { background-image:url(/images/mac-disk-clone-enterprise/banner_mac_disk_clone_enterprise.jpg);}

.p-dcme-feature h2 { font-size: 40px; font-weight: normal;}
.p-dcme-feature p.sub-t { max-width: inherit; width: 100%;}
.p-dcme-feature img { border-bottom: 0!important;}
.p-dcme-feature h3 { font-size:20px; font-weight: bold; text-transform: uppercase; border: 0!important; padding: 0 56px; margin-bottom: 24px; line-height: 1.5;}
.p-dcme-feature .p-aew-fetitle { border: 1px solid #becae7; border-top: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.p-dcme-feature .p-aew-felist p { font-size: 16px; line-height: 1.5;}

.dcme-mode {background: #6b92f2 url(/images/mac-disk-clone-enterprise/bg.jpg) no-repeat center center; background-size: cover; color: #fff; padding: 0; text-align: left;}
.dcme-mode h2 {text-align: left; font-size: 40px; font-weight: normal;}
.dcme-mode .col-md-6 { padding: 56px 48px 56px 0;; border-right: 1px solid #97b2f5;}


/*for win*/
.banner-dc,.banner-dce { background:url(/images/disk-clone/banner_window_disk_copy.jpg) no-repeat center center; text-align:center;}
.banner-dce { background:url(/images/disk-clone-enterprise/banner_disk_clone_enterprise.jpg) no-repeat center center;}
.p-dc-feature { background-color: #fff;height: auto; background-image:none;}
.p-dc-feature h2, .p-dc-feature p.sub-t, .p-dc-feature p, .p-dc-feature h3 { color: #333;}
.p-dc-feature h3 {text-transform: capitalize; font-size: 20px; padding: 16px 0 24px;}

.dc-steps h3 { font-size: 22px; font-weight: normal; padding: 16px 0;}
.dc-steps p { font-size: 16px; line-height: 1.2;}

.p-dc-4list { background-color: #f9fafc; padding: 96px 0; background-image:none;}
.p-dc-4list h2 { padding-bottom: 60px;}
.p-dc-4list p.name { font-size: 20px; text-transform: uppercase; font-weight: bold; padding: 32px 0 16px;}

/*img mask*/
.bigimg{width:auto !important; height: auto!important; position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.smallimg:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}

@media (max-width: 992px) {
	.p-dcm-feature, .p-dcme-feature .p-aew-fetitle { height: auto;}
	 
}
@media (max-width: 768px) {
	.p-dcm-feature .col-md-4,.p-dcm-4list .col-md-3 { padding: 24px 0;}
	.p-dcm-feature .col-md-4 p { padding: 0;}
	.dcme-mode .col-md-6 { border-right:0;border-bottom: 1px solid #97b2f5; padding:56px 0;}
	.dcme-mode .col-md-6:last-child { padding-left:0;}
}
@media (max-width: 576px) {
	.banner-dcm p { font-size: 20px;}
}
 

/*----------------------------------------common part----------------------------------------------*/
/*user guide*/
.page h1, .page h2 { font-size: 32px; line-height: 56px; color: #222;  padding: 16px 0; text-align: left; margin: 0;}
.page h2 { max-width: inherit;}
.page p { font-size: 15px; line-height: 26px; font-weight: 400; color: #555; padding: 8px 0;}
.page .sub-t { font-size:20px; text-align: left; color: #222; padding-top: 16px;}
.page strong { font-weight:bold; color: #222;}
.page .left-content { border-right:1px solid #e6e6e6;}
.page .sidebar h3 {  font-weight: 600;  padding-bottom: 15px;}
.page .left-content a { color: #007bff;}
.page .left-content a.btn-primary { color:#fff;}
.page .left-content a:hover { text-decoration:underline;}
.list-item li { font-size:14px; list-style-position: outside; margin-left: 24px; padding: 5px 0; color: #999;}
.page .left-content img { box-shadow:  0 0 10px #ddd;}
/*recommend*/
.re-ac { height: 100%; overflow: hidden; color: #fff; padding: 48px 0; z-index:0; }
.re-ac h2 { color:#fff; font-size: 48px; font-weight: 600;}
.re-ac p { max-width: 900px; color: #fff; font-size: 24px; line-height: 36px; margin: 32px auto; padding: 0; }
/*reviews*/
p.review-title { font-size: 18px; color: #222; padding-bottom: 0;}
span.author { font-style: italic; color: #666; padding-bottom: 16px;}
.review-page { padding-bottom: 40px; background: #f2f2f6 url(/images/how-to/bg_seo.png) center -80px no-repeat; overflow: hidden;}
.review-page .col-sm-9 { text-align:left;}
.review-page .container { background-color:#fff; padding-bottom:32px;}
.review-page p { font-size:15px;}
.review-page h1, .review-page h2 { padding-bottom: 0;}
.review-page .rating { padding-top: 16px;}
.review-page .sub-t { padding-bottom: 40px;}

/*table*/
.table-area { padding:60px 0;}
td { border-bottom: 2px solid #f2f2f2; padding: 10px 0;}
.bg-blue { background-color: #f6fafe;}
.icon {float: left;  width: 40px;  vertical-align: middle; padding-top: 18px;}
.table-area h4 { font-weight: bold; font-size: 16px; padding-bottom:12px;}
.table-area .feature {  margin-left: 45px;}
.table-area .btns { text-align: center; margin-top: 10px; margin-bottom: 10px;}
.table-area .btn-blue { border:1px solid #007bff; padding:0 12px;}
.table-area .btn-primary { line-height:40px; background-color:#f5a623; color:#fff; border:0; padding:0 24px;}

@media (max-width: 992px) {	
	.tech .col-md-3 { max-width: 50%; flex: 0 0 50%;}
	.table-area { padding-bottom: 0;}
	.table-area .disable { display: none;}
	.table-area th { vertical-align: top;}
}
@media (max-width: 768px) {
	.page .left-content { border-right: 0;}
	.page .sidebar { border-top:1px solid #e6e6e6;}
	.re-ac { height: auto;}
	.tech p.title { font-size: 26px; height: auto; padding-top: 24px;}	
	.tech ul li { width: 100%; float: left;}
	.table-area .icon { display:none;}
	.table-area .feature { margin-left:0;}	
}
@media (max-width: 576px) {
	.review-page { text-align: center;}
	p.review-title { padding-top: 24px;}	
	
	.tech .col-md-3 { max-width:100%; flex:0 0 100%;}

}
/*---------------------------------how-to------------------------------------*/
.crumbs { overflow:hidden; padding: 12px 0 20px; color: #666;}
.crumbs li { float: left; font-size: 13px;}
.crumbs li a { color:#000;}

h3.related { padding-top: 30px;  padding-bottom: 10px;  border-bottom: 1px solid #e6e6e6;  font-size: 24px;}
.fl-list li { float: left;  width: 47%; font-size: 15px;}
.fl-list li a { color:#444;}

.sidebar { font-size:15px;}
.sidebar h3 { font-weight: 600; padding-bottom:15px;}
.sidebar p { font-size:15px; padding-left:30px;}
.sidebar p.name { font-weight:600; padding-bottom:5px; padding-top:5px; }
.sidebar .btn { margin:10px 5px 10px 0;}
.sidebar .btn:hover { text-decoration:none;}
.sidebar .list { padding-left:30px;}
.sidebar .list li { font-size:14px;}

.banner-re, .banner-update, .banner-purchase { height: 320px; background:#31a3fc url(/images/bg.png) bottom center no-repeat; padding-top:40px; text-align:center; font-size:20px; background-size: cover;}
.banner-re h1 { font-size:36px; text-align:center;}
.banner-re p { max-width:800px; margin:24px auto;}
.res { padding: 20px 0 60px;}
.res h2 { font-size:24px; text-align: left; padding: 10px 0; border-bottom: 2px solid #0071ff; margin-top: 40px; clear: both; max-width:100%; margin-bottom:24px;}

.banner-re .btn-primary { height:60px; font-size:20px; line-height:60px; padding:0 16px;}
.banner-re .btn-primary img { padding-left:8px; margin-left:0;}

.btns-style { border:1px dashed #007bff; text-align:center; padding:24px 16px; background-color:rgba(0,123,255,0.1);}
.btns-style p.name { font-size:24px; font-weight:bold; padding-bottom:0;}



.main-seo-re h2 { font-size: 24px; margin-bottom: 24px;font-family: 'ProximaNovaBold';}
.banner-seo { background-size:cover; height:240px; padding:40px 0; color: #fff; text-align: center;}
.banner-seo  h1 {padding:0; font-size:48px; margin: 0 0 16px 0; line-height: 1.2; color: #fff;font-family: 'ProximaNovaBold';}
.banner-seo  .sub-t { padding:0; font-size: 22px; max-width: 1000px; margin: 0 auto;color: #fff;}
.banner-dr { background: url("/images/how-to/banner-dr.jpg") no-repeat center bottom;}
.banner-fr { background: url("/images/how-to/banner-file.jpg") no-repeat center bottom;}
.banner-mdr { background: url("/images/how-to/banner-mdr.jpg") no-repeat center bottom;}
.banner-clean { background: url("/images/how-to/banner-clean.jpg") no-repeat center bottom;}
.banner-erase { background: url("/images/how-to/banner-erase.jpg") no-repeat center bottom;}
.banner-clone { background: url("/images/how-to/banner-clone.jpg") no-repeat center bottom;}
.banner-mac-earse  { background: url("/images/how-to/banner-mac-erase.jpg") no-repeat center bottom;}
.banner-iphone  { background: url("/images/how-to/banner-iphone.jpg") no-repeat center bottom;}
.banner-external { background: url("/images/how-to/banner-external.jpg") no-repeat center bottom;}
.banner-optimization { background: url("/images/how-to/banner-optimization.jpg") no-repeat center bottom;}
.banner-affiliate { background: url("/images/how-to/banner-affiliate.jpg") no-repeat center bottom;}

.main-seo-re .siderbar-r-section h3{ text-align: center; font-size: 18px; line-height: 2; margin-bottom: 16px;font-family: 'ProximaNovaBold';}
.main-seo-re .main-left { padding: 24px; overflow:hidden;} 
.main-seo-re .main-left ul { margin: 0 32px;}
.main-seo-re .main-left li {border-bottom: 1px dashed #d2d2d2; padding: 16px 0; list-style: none;float: left; width: 46%; margin: 0 2%;}
.main-seo-re .main-left li p { margin:0;}
.main-seo-re .main-left li .list-title { font-size:18px;width: 96%;  display: block;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.main-seo-re .main-left li .list-title a:hover { text-decoration: none; border-bottom: 1px solid #1097FB;}
.main-seo-re .main-left li .list-des { font-size: 14px; color:#808080; width: 96%; display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;}
.main-seo-re .main-left .page::before {clear: both; content: ""; display: block;  width: 0;  height: 0;}
.page { text-align: center; line-height: 2;}
.page span a { background-color:#F5F6FA; color:#000; padding: 4px 10px; margin: 0 2px;  margin-top: 12px;}
.page span a:hover { text-decoration: none;}
.page span span a {background-color:#1097FB;}

.main-seo-re ul.af-step { border: 1px solid #ddd; overflow:hidden; padding: 16px 0; margin: 0; margin-right: 12px;}
.main-seo-re ul.af-step li { float: left;width: 33.3%; padding: 0 24px; border-bottom:0;}
.main-seo-re ul.af-step li p { padding-bottom: 0; font-size:14px; color: #666;}
.main-seo-re ul.af-step li:nth-child(2) { border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.main-seo-re ul.af-step li p.name { font-family: 'ProximaNovaBold'; padding-bottom: 12px; font-size: 16px; color: #000;}

.main-seo ul.list-triangle { border-left: 3px solid #1097FB; padding-left: 24px;}
.main-seo ul.list-triangle li { list-style: none!important;  padding: 8px 0;margin-bottom: 0!important; position: relative;}
.main-seo ul.list-triangle li:before {
    position: absolute;
    top: 16px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #1097FB;
    border-right: 2px solid #1097FB;
    content: "";
    transform: rotate(-45deg); margin-right: 16px; display: block;}
.main-seo ul.list-triangle li a {margin-left: 20px;font-weight: bold;}
.article-page .col-sm-9 {margin: 0 12.5%;}
.article-page p.bg-gray { text-align: center; padding: 0; line-height: 1; font-size: 0;background-color: #f8f8f8;}
.article-page p i.ion-android-arrow-dropright { margin-right: 12px; color: inherit;}
.article-page p.borderdashfilled { border: 1px dashed #4298ff; background-color: #f0f6ff; padding: 12px; border-radius: 8px; margin-bottom: 16px;}
.article-page p.bordergrayfilled {border: 1px solid #e5e5e5; background: #f7f7f7;padding: 12px; border-radius: 8px; margin-bottom: 16px;}
/* faqs accordion */
.article-page #accordion .card { border: 0; border-bottom: 1px solid #ddd;}
.article-page #accordion .card-header { background-color: #fff; display: block; border: 0;}
.article-page #accordion .card-link { color: #000; font-size: 18px; display: block;}
.article-page #accordion .card-link i.ion-ios-arrow-down {float: right;}
.article-page #accordion .card-body p { font-size: 16px; color: #333; line-height: 1.6; padding-bottom: 12px;}

.article-page .inner-link {background-color: #f2f8ff; border-radius: 8px; padding: 24px; display: flex;justify-content: space-between; align-items: center; margin-bottom: 16px;}
.article-page .inner-link span.pic { width:24%;  }
.article-page .inner-link span.pic img { margin: 0;}
.article-page .inner-link .text { width: 72%;}
.article-page .inner-link .text p { padding: 0; font-size: 16px;}
.article-page .inner-link .text p.name { font-size: 20px; font-weight: bold; padding-bottom: 12px; line-height: 1.2;}

.article-page h2.border-left-blue { border-left: 5px #3599ff solid; padding: 0; padding-left: 12px; margin: 24px 0 14px;}

.article-page  ol.number{ counter-reset: li; margin-left: 0;margin-right: 0;}
.article-page  ol.number li { list-style: none; margin:12px 0; position: relative; padding-left: 32px; line-height: 1.4;}
.article-page  ol.number li::before {content: counter(li); counter-increment: li; position: absolute; color: #206de1; left: 0; font-size: 1.8rem; font-weight: 600; font-size: 14px;  line-height: 22px;  background: #D7EBFF;  border-radius: 4px; text-align: center; display: inline-block; margin: 0 12px 0 0; padding: 0 2px;  min-width: 22px; height: 22px;}
.article-page  ol.number li b { margin: 0 4px;}
/* table styles */
.article-page .table-bordered {margin-bottom: 16px;}
.article-page .table-bordered th, .article-page .table-bordered td {padding: 8px 16px;}
.article-page .table-bordered th {background-color: #F5F6FA;}
.article-page table ul { margin-left: 20px;}
.article-page table li {list-style: disc outside; padding: 6px 0; line-height: 1.4;}
/* good & bad compare */
.article-page .gb-compare { background-color: #F5F6FA; padding:24px 32px;border-radius: 16px; margin: 16px 0;}
.article-page .gb-compare .text p.name { padding-top: 0;font-weight: 600;}
.article-page .gb-compare .text ul li, .article-page .gb-compare .text ol li { list-style: none; margin-left:6px;padding: 6px 0; padding-left: 32px; font-size: 16px; line-height: 1.4; }
.article-page .gb-compare .text ol,.article-page .gb-compare .text ul { margin-left: 0; padding-left: 0;margin-bottom: 0;}
.article-page .gb-compare .text ol li { padding-left: 12px;}
.article-page .gb-compare .text ul li::before { content: none;}
.article-page .gb-compare .text ul.list-ok li {background: url("/images/ic-listyes.png") no-repeat left 9px;background-size: 16px;}
.article-page .gb-compare .text ul.list-no li {background: url("/images/ic-listno.png") no-repeat left 9px;background-size: 16px;}
.article-page .gb-compare .text ul.list-alert li {background: url("/images/ic-listerrow.png") no-repeat left 9px;background-size: 16px;}
.article-page .gb-compare .text ul li:last-child{ margin-bottom: 0;}
.border-r1 { border-right: 1px solid #E5E7EF; padding-right: 16px;}
.border-l1 { border-left: 1px solid #E5E7EF;}


/* 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 .pr-content  .pr-icon { text-align: center; height: 102px; background:url("/images/colorbg2@2x.png") no-repeat 0 bottom; background-size: contain;}
.relate-pr .col-md-4:nth-child(2n) .pr-content  .pr-icon  {background:url("/images/colorbg1@2x.png") no-repeat 0 bottom; background-size: contain;}
.relate-pr .pr-content .text { border:1px solid #ECECEC; border-top: 0; border-radius: 0 0 16px 16px; padding: 20px;}
.relate-pr .pr-content .text p.name { font-size: 18px; font-weight: bold; margin: 0; padding: 0; line-height: 1.2;}
.relate-pr .pr-content .text p.name a  { color: #000;}
.relate-pr .pr-content .text p.name a:hover { text-decoration: none;}
.relate-pr .pr-content .text p.des { font-size: 14px; line-height: 1.2; padding: 16px 0 24px; color: #54545b;}
.relate-pr .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 .pr-content .btn:hover { background-color: #1067E8;}

/*how to*/
.banner-common { height:232px; background:url(/images/how-to/banner_howto.png) no-repeat top center; color: #fff; padding: 30px 0; background-size:cover;}
.banner-common h1 { padding-bottom: 30px; font-size:40px; line-height:60px;}
.banner-common p { font-size:20px; line-height:32px;}
.banner-download,.banner-store, .banner-support,.banner-uninstall, .banner-update-n { height: 320px; background-image: url(/images/how-to/banner-howto.jpg); padding: 0;}
.banner-download h1, .banner-store h1,.banner-support h1,.banner-uninstall h1, .banner-update-n h1 { text-align: center; font-size: 48px; line-height: 1.25; padding-top: 48px; padding-bottom: 20px;}
.banner-download p, .banner-store p,.banner-support p, .banner-uninstall p, .banner-update-n p {text-align: center; width: 90%; margin: 0 auto; padding-bottom: 10px;}

.banner-howto { height: auto; background: #fff url("/images/how-to/banner-howto.jpg") no-repeat top center; padding-top: 80px; text-align: center;}
.banner-howto h1 { font-size: 64px; }
.banner-howto p.des { font-size: 24px; line-height: 1.5; max-width: 84%; margin: 0 auto;}
.banner-howto .link-list { background: #f9f9f9; border-radius: 12px; box-shadow: 0.15rem 0.15rem 0.5rem rgba(0,0,0,0.1); padding: 24px; margin-top: 40px;}
.banner-howto .link-list ul { overflow: hidden;}
.banner-howto .link-list ul li { width: 24%; float: left;padding: 4px; font-family: 'ProximaNovaBold'; font-size: 16px; list-style: disc;  list-style-position: inside; line-height: 1.5; text-align: left; margin: 4px 0.5%; color: #000;}
.banner-howto .link-list ul li:hover { background-color: #f0f0f0; border-radius: 4px;}
.banner-howto .link-list ul li span, .main-howto .article-list li span, .hot-solution .article-list li span{ display: inline-block; height: 16px; width: 18px; background: url("/images/how-to/ic_arrow@2x.png") no-repeat 0 0; background-size: 100%; margin-left: 10px;}

.main-howto { padding-bottom: 40px;}
.main-howto p.sub { text-align: center; width: 84%; margin: 0 auto; padding-bottom: 24px; padding-top: 16px;}
.main-howto .article-list,.hot-solution .article-list { overflow: hidden;}
.main-howto .article-list li, .hot-solution .article-list li { width: 23%; margin: 2% 1%; position: relative; float: left;}
.main-howto .article-list li a.link-cover, .hot-solution .article-list li a.link-cover { position: absolute; width: 100%; height: 100%;}
.main-howto .article-list li p,.hot-solution .article-list li p { line-height: 1.5; padding-top: 16px; font-weight: bold;}
.hot-solution .article-list li p { border: 1px solid #eee; border-top: 0; padding: 16px;}
.hot-solution .article-list li.box-shadow { border: 1px solid #F2F3F5; box-shadow: 0 .125rem .25rem rgba(31,45,61,.08); padding: 24px; width: 31%;}
.hot-solution .article-list li.box-shadow p {border: 0; padding: 0; font-weight: normal;}
.hot-solution .article-list li.box-shadow p.name {font-weight: bold; margin-bottom: 12px;}
.hot-solution .article-list li.box-shadow p.name a {color: #217aff;}
.hot-solution .article-list li.box-shadow p.name a:hover { text-decoration: underline;}
.main-howto hr { margin: 32px 0;}

.module_box {padding:32px; background:#ebf4ff url("/images/how-to/bg_modulebox.png") no-repeat left top; margin: 0 0 24px;}
.module_box .word { margin-left: 24%;}
.module_box .word h3 { padding: 0!important; margin-bottom: 20px; font-size: 24px;}
.module_box .word ul.list { margin: 0;}
.module_box .word ul.list li { list-style: none; line-height: 1.5; padding: 6px 0; background: url("/images/how-to/ic_dotblue.png") no-repeat 0 18px; padding-left: 16px; background-size: 6px 6px; margin-left: 0;}
.module_box .word .btn img { padding-left: 0!important;}
.module_box .word .btn { padding: 14px 16px!important;}
.module_box .word .btns { margin-bottom: 0!important;}

@media (max-width: 992px) {
    .banner-howto .link-list ul li { width: 48%; margin: 4px 1%;}
    .main-howto .article-list li, .hot-solution .article-list li{ width: 46%; margin: 2%;}
    .main-howto .article-list li p,.hot-solution .article-list li p { min-height: 80px;}
    .article-page .col-sm-9 {margin: 0;flex: 0 0 100%;max-width: 100%;}
}

@media (max-width: 768px) {
    .main-howto .article-list li, .hot-solution .article-list li { width: 46%; margin: 2%;}
    .main-howto .article-list li p, .hot-solution .article-list li p { min-height: 80px;}
    
    .module_box {background:#ebf4ff url("/images/how-to/bg_modulebox.png") no-repeat right top;}
    .module_box .word { margin: 0;}
}
@media (max-width: 576px) {
    .banner-howto .link-list ul li { float:none; width: 100%;}
    .main-howto .article-list li, .hot-solution .article-list li { width: 280px; margin: 12px auto;float: none;}
    .main-howto .article-list li p, .hot-solution .article-list li p { min-height:inherit;}
}


.linktab { height: 108px; background-color: rgba(65,150,252,0.9);margin-top: 10px;}
.linktab-list li { width:20%; float:left; text-align: center; border-right: 1px solid rgba(255,255,255,0.3); padding: 24px 0;  height: 108px;}
.linktab-list li a { color:#fff; line-height: 32px;}
.linktab-list li:hover { background-color: #67abfc;}
.linktab-list li:last-child { border-right:0;}

.howto-list .col-md-4 { margin-top:30px; }
.howto-list .shaddow {min-height: 330px;}
.howto-list img { text-align: center; margin: 0 auto; width:100%;}
.howto-list h2 { max-width: 100%;}
.howto-list h3 {background-color: #4196fc; color: #fff; height: 40px; text-align: center; font-size: 20px; line-height: 40px;}
.howto-list h3 a { color:#fff;}
.howto-list .list { padding: 16px; border: 1px solid #ddd; border-top: 0; min-height: 270px;}
.howto-list .list li { color: #000; padding: 5px 0;}
.howto-list .list li span { font-size: 14px;}
.howto-list .list li:last-child { list-style: none;}

.banner-re h1 { font-size:36px;}

/*---------------------------------main-seo------------------------------------*/
.main-seo { background:#f2f2f6 url(/images/how-to/bg_seo.png) center -80px no-repeat; overflow:hidden;}
.main-seonew {background: #fff;}
.main-seonew .col-sm-8 {
    -ms-flex: 0 0 880px;
    flex: 0 0 880px;
    max-width: 880px; margin: 0 auto;}
.main-seo .container {padding:48px 0; overflow:hidden;}
.main-seonew .container { padding-top: 24px; }
.article-page .banner-seonew .container { padding-top: 48px; }
.article-page .banner-seonew { background: #2d364c;}

.main-left { background-color:#fff; padding:48px;}
.main-seonew .main-left {padding:0 15px;}
.main-left p { line-height: 1.6; padding: 0 0 24px; margin: 0; font-size:18px; color:#000;}
.main-left h1, .banner-seonew h1 { font-size: 40px; font-family: 'ProximaNovaBold'; padding: 0 0 24px; margin: 0; font-weight: bold; color:#000; line-height:1.2;}
.main-left h2 {font-size: 32px; padding: 24px 0 16px; margin: 0; text-align:left; line-height:1.2;font-family: 'ProximaNovaBold';font-weight: bold; max-width:none;color:#000;}
.main-left h3, .main-left .black { font-size: 24px; padding: 32px 0 16px;line-height:1.2;font-family: 'ProximaNovaBold';font-weight: bold;color:#000;}
.main-left h3.related { border-top:1px dashed #ddd; border-bottom:0; }
.main-left .h3-blue { background-color:#e9f3ff; padding:16px; margin-bottom:16px;}
.main-left p.black { font-size:20px; padding: 24px 0 16px;}
.main-left span.black { font-size:20px;}

.main-left .author { padding-bottom:16px; display:block; border-bottom:1px dashed #ddd; margin-bottom:32px;}
.main-left .author .head, .banner-seonew .author .head { width:48px; height:48px; border-radius:50%; overflow:hidden; margin-right:16px; float: left;}
.main-left .author .info, .banner-seonew .author .info { font-size:14px; color:#333; line-height:1.5;}
.main-left .author .info p, .banner-seonew .author .info p { padding:0;}
.main-left .author .info .author-name, .banner-seonew .author .info .author-name { display:inline-block; vertical-align:top; color:#000; margin-bottom:2px;}
.main-left .author .info .post-time { color:#a4a4a4;}
.banner-seonew .author .info .author-name {font-size: 20px; font-weight: 800; color: #fff; margin-bottom: 0;}
.banner-seonew .author .info .post-time {color: #fff; }
.banner-seonew .author .info .post-time a {color: #217aff; font-weight: 800;}
.banner-seonew .author .info .post-time a:hover {text-decoration: underline;}
.banner-seonew h1 {font-size: 48px; font-weight: 800; color: #fff;}


.main-left p.sub-t { font-style:italic;  background-color:#f2f2f6; padding:16px; color:#666; text-align:left; overflow:hidden; margin-bottom:24px; border-radius:8px;}
.main-left p.sub-t img { padding-top:0;}
.main-left p.sub-t b { display:block; padding-bottom:8px;}

.main-seo .border-bt { border-bottom: 2px solid #000; padding-bottom: 0!important; margin-bottom: 12px;}
.main-seo .border-bt a:hover { text-decoration: none; color: #217aff;}
.main-seo .border-bt a { color: #000;}

.screenshot { box-shadow: 0 0 12px rgba(0,0,0,0.2); margin:0 16px;}
.main-left .step { display:inline-block; height:32px; width:86px; background:url(/images/how-to/bg_step.png) 0 0 no-repeat; color:#fff; padding-left:4px;}

/*text add background-color*/
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: #4196fc; }
span.span-bg-red { background-color: #f6772c; }

.main-left .btns { text-transform: uppercase; margin: 0 0 32px; display:block;}
.main-left .btns-style .btns { margin:0;}
.main-left .btns img { padding-left: 16px;}
.main-left a { color:#217aff; }
.main-left a:hover { text-decoration:underline;}
.main-left .btns a.btn-primary { color:#fff; }
.main-left .btns a { font-weight:bold;}
.main-seo .btn-primary, .main-seo .btn-sec { padding: 16px 24px; margin: 12px 16px 12px 0; border-radius: 0; border:0; text-transform:none;}
.main-seo .btn-primary:hover { background-color:#217aff; box-shadow:0 0 4px #217aff; text-decoration:none; }
.main-seo .btn-sec:hover { background:rgba(33,122,255,0.1); text-decoration:none;}
.main-seo .btn-sec { border:1px solid #217aff; background:#fff; }
.main-seo .btn-sec a {color:#217aff;}
.main-seo b { color:#000;}

.btns-new { background-color: #f2f2f6; border-radius: 16px; padding: 24px; text-align: left; overflow: hidden; display: -webkit-flex; display: flex; align-items: center; flex-wrap: nowrap; margin: 16px 0; color: #000;}
.btns-new .pr-box { width: 108px; 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; }
.btns-new .pr-content p.name a { color: #000; 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: #666 ; font-size: 14px; padding: 0;}
.btns-new .btns { margin: 0;}
.btns-new .btn-primary {  margin: 0; min-width: 188px; padding: 16px; margin-left: 24px; border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.2);}

.parag-style { background-color: #E0EFFF; padding: 24px; border-left: 2px solid #007BFF;}
.parag-style p { padding: 12px 0;}

.italic { font-style:italic;}

.main-left .list, .main-left ol { margin: 0 16px 16px 24px;}
.main-left .list li, .siderbar-r .list li, .main-left ol li {  padding-left: 0; line-height: 1.2; font-size: 16px; color:#000;}
.main-left .list li { font-size: 18px;}
.main-left ul.list-tool li,.main-left ul.list-error li,.main-left ul.list-question li,.main-left ul.list-infor li,.main-left ul.list-ok li{list-style: none; padding-left: 28px; margin-left: 0;}
.main-left ul.list-tool li { background: url("/images/how-to/ic_list_tool@2x.png") no-repeat 0 5px; background-size: 16px; }
.main-left ul.list-infor li { background: url("/images/how-to/ic_list_infor@2x.png") no-repeat 0 5px; background-size: 16px; }
.main-left ul.list-question li { background: url("/images/how-to/ic_list_question@2x.png") no-repeat 0 5px; background-size: 16px; }
.main-left ul.list-error li { background: url("/images/how-to/ic_list_error@2x.png") no-repeat 0 5px; background-size: 16px; }
.main-left ul.list-ok li { background: url("/images/how-to/ic_list_ok@2x.png") no-repeat 0 5px; background-size: 16px; }

.main-left ol li { margin:8px 0 8px 16px;}
.main-left .related-list { margin:0;}
.main-left .related-list li { padding:4px 0; font-size: 18px;}
.list-float { float:left;}

/*siderbar right*/
.siderbar-r { padding: 0 16px;}
.siderbar-r-section { background-color:#fff; overflow:hidden; padding:16px; margin-bottom:20px; font-size:14px;}
.siderbar-r-section:last-child { margin-bottom:0;}
.siderbar-r .name { font-weight:bold; padding-bottom: 5px; padding-top: 5px;}
.siderbar-r .list li { padding:6px 0 6px 0; line-height:1.3; font-size:14px;margin-left:0;}
.siderbar-r .list li a { color:#444; font-size:14px;}
.siderbar-r h3 { font-weight: 600; padding-bottom:15px; font-size:18px;}
.siderbar-r p { font-size:14px; line-height:1.2;}
.siderbar-r p.name { font-weight:600; padding-bottom:12px; padding-top:5px;}
.siderbar-r .btn { margin:10px 5px 10px 0;}
.siderbar-r .btn:hover { text-decoration:none;}
.siderbar-r .list { padding-left:20px; margin:0;}
.siderbar-r .list li { font-size:14px;}
.siderbar-r .list li a:hover { text-decoration:underline;}
@media (max-width: 1200px){
    .banner-seo {height: auto;}
}
@media (max-width: 768px) {
	.main-seo .btn-primary { padding:8px 12px;}
	.crumbs p { line-height:1.5;}
	.screenshot { margin:0;}
}
@media (max-width: 595px) {
	.siderbar-r { display:none;}
	.main-seo .btn-primary, .main-seo .btn-sec { display:block;padding: 16px 24px; margin:8px auto; max-width:240px;}
    
    .main-seo-re ul.af-step li { float: none; width: 100%; padding: 12px 24px;}
    .main-seo-re ul.af-step li:nth-child(2) { border: 0; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
}

@media (max-width: 992px) {
	.fl-list li { width:100%;}
	.sidebar .btn { padding:0 12px; }
	.sidebar .btn-secondary {font-size:12px;}
	.sidebar .btn  img { display:none;}
	.howto-list .list {  min-height: 300px;}
    
    .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;}
}
@media (max-width: 768px) {
	.sidebar h3 img { display:none;}
	.sidebar p.name, .sidebar p,.sidebar .list { padding-left:0;}
	.banner-re, .banner-update, .banner-purchase, .banner-common { height:inherit; height:auto; padding:30px 0;}
	.howto-list .list {  min-height: inherit; height: auto;}
	.linktab-list li img { display: none;}
	.linktab-list li { padding: 12px 0;}
	.linktab-list li a { line-height: 24px;}  
}
@media (max-width: 576px) {
	.crumbs { display: none;}
	
	.banner-re h1 { font-size:24px; line-height:36px;}
	.banner-re .btn { width:inherit; width:auto; font-size:16px; height:48px; line-height:32px; padding:8px 12px;}
	.howto-list .list {min-height: inherit; height: auto;}
	.linktab { display: none;}
}

/*----------company----------*/
.banner-company { height: 420px; background: url(/images/company/banner_company.jpg) no-repeat center center; padding: 100px 0; text-align:center;}
.banner-company h1 {color: #353132; box-shadow: 0 0; font-size:40px; line-height: 60px; padding-bottom:16px;}
.banner-company p { color: #353132; font-size: 18px; width:90%; line-height:24px;}

.contact { background-color: #f9f9f9;}
.contact h2 { padding-top: 60px; text-align: left;}
.contact p { font-size:20px; text-align: left; padding: 10px 0; line-height: 1.8rem;}
.contact a { color:#0071ff;}

@media (max-width: 992px) {
	.contact h2 { padding-top: 30px;}
}
@media (max-width: 768px) {
	.contact h2, .contact p {text-align: center;}
}

.bg-border { background-color: #fff; border: 1px solid #eee; padding: 40px;}
.bg-border h1 { font-size:36px; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.bg-border p { padding:13px 0;}
.bg-border h3 { font-size:20px; padding-top: 20px; padding-bottom: 10px;}
.bg-border .list { padding:10px;}

/*----------store----------*/
.banner-store { background-image: url(/images/store/banner_store.jpg);}
.store-list { padding: 0;background-color: #FFF; box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%); border: transparent; border-radius: 10px; margin: 24px 0;}

.store-list-prname { width: 25%; background: url("/images/store/colorbg1@2x.png") no-repeat right 0; background-size: cover;padding: 32px 24px; text-align: center; color: #fff; border-radius: 10px 0 0 10px;} 
.store-list-prname2 {background: url("/images/store/colorbg2@2x.png") no-repeat right 0;background-size: cover;}
.store-list-prname3 {background: url("/images/store/colorbg3@2x.png") no-repeat right 0;background-size: cover;}
.store-list-prname4 {background: url("/images/store/colorbg4@2x.png") no-repeat right 0;background-size: cover;}
.store-list-prname .pr-name { font-size: 22px; font-family: 'ProximaNovaBold';}
.store-list-prname .pr-name span.brand { display: block;}
.store-list-prname .pr-name span.badge { background-color: rgba(0,0,0,0.4); border-radius: 10px;font-size: 14px; margin-left: 8px;}
.store-list-prname img { padding: 16px 0;}
.store-list-prname p.des {font-size: 14px;}

.store-list-pr { width: 75%; padding: 16px 12px;}
.store-list-block4,.store-list-block3 { width: 25%; float: left; padding: 0 4px;}
.store-list-block3 { width: 33.3%; }
.store-list-pr .store-list-text { background: #F8F9FB; padding: 24px 12px;border-radius: 8px; text-align: center; color: 222;}
.store-list-pr p.version {font-size: 16px; font-weight: bold; color: #222;}
.store-list-pr p.price {font-size: 20px;font-family: 'ProximaNovaBold'; color: #222;padding: 24px 0 12px;}
.store-list-pr p.price sup {font-size: 16px;font-family: 'ProximaNovaReg'; }
.store-list-pr p.price del {font-size: 15px; color: #666;font-family: 'ProximaNovaReg';}
.store-list-pr .btn { width: 132px; text-align: center; color: #fff; background-color: #FE7F31; border-radius: 6px; box-shadow: 0rem 0.275rem 0.275rem rgb(0 0 0 / 15%); font-size: 14px; margin: 0; padding: 8px 32px; margin-bottom: 12px;font-weight: bold;}
.store-list-pr ul li { list-style: outside disc; line-height: 1.7em; margin-left: 18px; text-align: left; font-size: 14px;}

.store h2 { text-align: center; color: #222;font-weight: bold; margin-top: 48px;}


.why-choose, .store .choose {background: url(/images/store/bg_why_choose.jpg) no-repeat center center; padding: 60px 0; text-align: center;}
.store .choose { text-align:left;}
@media (max-width: 992px) {
    .store-list-prname,.store-list-pr,.store-list-block4,.store-list-block3 { width: 100%; float: none;}
    .store-list-prname { background-position: right bottom; padding-bottom: 56px;}
    .store-list-block4,.store-list-block3 { margin: 12px 0;}
    .banner-store { height: auto;background-size: cover; padding-bottom: 32px;}
}
@media (max-width: 768px) {	
	.banner-store .col-md-4 { padding-top:15px;}
	.banner-store img { float:left; }
	del, .store .btns img { display: inline;}
	.store .shaddow { min-height:auto;}
	.why-choose { background-color: #f9f9f9;}
	.why-choose .col-md-4 { padding-top:20px;}
}

/*----------download----------*/
.banner-download { height: 320px; background-image: url(/images/download/banner_download.jpg); padding: 0;}
.download { padding:20px 0 40px;}
.download h2 { text-align: left; font-size: 24px; color: #0071ff; margin: 40px 0 20px;}

.dl-pr { border:1px solid #ddd; margin-bottom: 20px; }
.dl-pr .col-md-6, .dl-pr .col-md-3 { padding:20px;}
.logo-fl { float:left; margin-right: 20px;}
.dl-pr .name { color: #353132; font-weight: bold; font-size:20px; line-height: 32px; margin-bottom: 10px; }
.sp-os { border:1px solid #ddd; border-top: 0; border-bottom: 0; text-align: center;}
.sp-os img { padding-bottom: 10px;}
.download .bg-gray { text-align: center; padding: 40px 0;}

@media (max-width: 768px) {	
	.sp-os { border:1px solid #ddd; border-right: 0; border-left: 0;}
}
/*---------------uninstall---------------*/
.banner-uninstall {height: 320px; background-image: url(/images/install-uninstall/banner_uninstall.jpg); padding: 0;}
.uninstall {padding-top: 0;}
.uninstall .recommend { padding: 48px 0; text-align: center;background: #0d0d0d url(/images/install-uninstall/bg_recommend.png) no-repeat center bottom;}
.uninstall .row { padding-top: 56px;}
.recommend-pd { padding: 12px; background-color: #fff;}
.recommend .title { background: #4091f4;color: #fff; font-size: 18px; font-weight: bold; padding: 24px 0;}
.pd-icon { padding-bottom: 10px;}
.recommend .title a { color:#fff;}
.recommend .price { color: #0d0d0d; font-weight: normal; padding: 24px 0;}
.recommend .price del { font-size: 16px;}
.btn-buy,.btn-tryfree { color: #fff; font-size: 14px; background: #fa4e56; height: 44px; line-height: 44px; padding: 0 16px; border: 0; }
.btn-buy:hover { background: #fb8389; color: #fff;}
.btn-tryfree { color: #0d0d0d; background: #fff; border: 2px solid #333;}

.uninstall .hot-list .list-fl li { width: 30% !important; float: left;}




/*----------update----------*/
.banner-update-n { height:620px; background-image:url(/images/update/banner_update.jpg); padding:0;}
.btn-blue-down { color:#fff; background-color:#007bff; padding:20px 64px; font-size:24px; font-weight:bold; margin:40px 0;}
.btn-blue-down img { padding-right:16px; margin-left:0;}
.btn-blue-down:hover { color:#fff; background-color:#33a5ff;}
.banner-update-n p {padding-bottom:0;}

.update-3block { text-align:left;}
.update-3block li { padding:16px; float:left;}
.update-3block .block-content { background-color:rgba(255,255,255,0.2); padding:28px 24px;}
.update-3block .block-content p { text-align:left; line-height:24px; margin:0; width:100%; font-size:16px; padding-bottom:0;}
.update-3block p.title { font-size:22px; font-weight:bold; padding-bottom:24px;}
.update-3block .title img { padding-right:16px;}
.update-3block .block-content a { color:#f8e71c;}
.update-3block .block-content ul li { float:none; margin-left:16px;}
@media (max-width: 1200px) {
	.btn-blue-down { margin:24px;}
	.update-3block li { padding:8px;}
	.update-3block p.title  { font-size:18px;}
}
@media (max-width: 992px) {
	.banner-howto, .banner-download,.banner-support,.banner-uninstall{ height:auto;}
}
@media (max-width: 768px) {
	.banner-update-n { height:100%; overflow:hidden;}
	.uninstall .hot-list .list-fl li { width:100% !important; float:none;}
}
@media (max-width: 576px) {
	.banner-howto h1, .banner-download h1, .banner-store h1,.banner-support h1,.banner-uninstall h1, .banner-update-n h1 { font-size:32px;}
	.btn-blue-down { padding:20px 10%;}
	.btn-blue-down img { display:none;}
	.banner-common p { font-size:18px; line-height:24px;}
}



.banner-update { height: 400px; padding-top: 90px;}
.banner-update h1 { padding-bottom: 40px; font-size: 48px;}
.banner-update p { font-size:20px; margin-bottom: 24px;}
.banner-update .btn { padding:0 20px;}

.update { padding:60px 0;}
.update .shaddow { min-height:340px; position: relative;}
.update .name { color:#353132; font-size: 16px;  font-weight: bold;  margin: 20px 0; text-align: center;}
.update ul.list-item-black li { background:url(/images/update/ic_list.png) no-repeat 0 10px; list-style: none; text-align: left; padding-left:24px; }
ul.list-none li { list-style:none; padding: 4px 0; text-align: left;}

.update h2 { font-size: 26px; margin-bottom: 50px; margin-top: 30px;}
.btns-big .btn-blue { border: 1px solid #0071ff; padding: 15px 60px; background: #fff url(/images/back_to_right1.png) 86% 67% no-repeat; margin-bottom: 30px;height: 80px; line-height: 24px;}
.btns-big span { font-weight: bold; font-size: 20px;}
.btns-big .btn-blue:hover { color: #fff;background: #0071ff url(/images/back_to_right.png) 86% 67% no-repeat; }
.price { font-size:30px; font-weight: bold; color: #0071ff;}
.update .price { padding:10px 0;}
/*SALE*/
.shaddow .sale {position: absolute;  right: 0;  top: 0; z-index:999; color: #fff; font-size: 20px; padding: 6px; font-weight: lighter;}
.shaddow .sale b { font-weight:bold; color: #fff; font-size: 28px;}
.triangle-topright { position: absolute;  right: 0;  top: 0; width: 0;  height: 0;  border-top: 100px solid #41c977;   border-left: 100px solid transparent; z-index: 1;}

.hot-list { background-color: #f9f9f9; padding: 60px 0;}

.hot-list h3 { color: #353132; font-size: 24px;  padding: 10px; border-bottom: 1px solid #ddd;}
.hot-list .list-fl li { width:47%;}

@media (max-width: 992px) {	
	.banner-update { padding-top: 60px;}
	.update .shaddow { min-height:415px;}
}
@media (max-width: 768px) {	
	.banner-update { padding-top: 80px;}
	.update .shaddow { min-height:auto;}
}
@media (max-width: 576px) {
	.banner-update h1 { font-size:38px;}
	.banner-update .btn img { display: none;}
	
}
/*----------purchase----------*/
.banner-purchase { height: auto; padding-bottom: 64px; overflow: hidden;}
.banner-purchase h1 {font-size: 52px;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    padding-bottom: 48px;
    max-width: 80%;
margin: 0 auto;}
.shaddow { padding: 20px; margin: 0 auto; margin-bottom: 30px;  background-color: #FFF;  box-shadow: 0px 0px 8px 0px rgba(0,0,0,.1); border: transparent;}
.banner-purchase .btns { padding-left:15px; border-left:1px solid #ddd;height:100%; }
.banner-purchase .btn { padding:0 15px;margin-top:24px;}
.banner-purchase .btn-primary { height:56px; line-height:40px; font-size:20px; padding:8px 16px; }
.banner-purchase p { width:100%; }
.banner-purchase p.price { font-size:30px; font-weight: bold; color: #0071ff; line-height: 60px;padding: 40px 0;}
p.price del { font-weight:normal; font-size: 20px; color: #555;}
.banner-purchase .name { color:#353132; text-align: left; font-size: 20px; line-height:30px;padding: 40px 0;}
.banner-purchase .name span { font-size:24px; font-weight: bold;}

.pr-buy { background-color: #f0f5f8; text-align: center; padding: 64px 0;}
.pr-buy h1 { font-size: 40px;color: #353132; padding-bottom: 24px;}
.pr-buy p {color: #353132; font-size: 16px; line-height: 1.5;}
.pr-buy p.des { font-size: 18px; line-height: 2;}
.pr-buy .row { margin-top: 48px; margin-bottom: 32px;}
.pr-buy .bg-white { padding: 56px 48px;text-align: center; position: relative; margin: 24px 0;}
.pr-buy .label { position: absolute; top: 0; left: 32%; z-index: 99;  background-color: #2d364c; color: #fff; padding: 8px 24px;}
.pr-buy .bg-white p { font-size: 16px;color: #353132;}
.pr-buy .bg-white p.name { text-align: center; font-size: 28px; font-weight: bold; padding: 0; padding-bottom: 12px;}
.pr-buy .bg-white p.price { font-size: 28px; font-weight: bold; padding: 24px 0; color: #fe6628;}
.pr-buy .bg-white p.price del { font-weight: normal; color: #666;}
.pr-buy .bg-white .btns { padding: 0; border: 0; padding-bottom: 24px;}
.pr-buy .bg-white .btns .btn { margin: 0; border-radius: 4px; font-weight: bold; padding-left: 16%; padding-right: 16%;background-color: #fe6628; height: 56px; line-height: 56px; font-size: 20px; min-width: 174px;}
.pr-buy .bg-white .btns .btn:hover { background-color: #FE8553;}
.pr-buy .bg-white ul { text-align: left; padding-left: 16px;}
.pr-buy .bg-white ul li { padding: 6px 0; font-size: 16px; border-bottom: 1px solid #dee2e6;list-style: outside disc;}
.pr-buy p.link { line-height: 2; padding-bottom: 16px; font-size: 18px;}
.pr-buy p.link a { color: #007bff;}

.choose { padding:40px 0;}
.choose .col-md-3 { padding-top:20px; padding-bottom: 20px;}
.choose .name { color:#353132; font-size: 18px; padding: 10px 0;}

@media (max-width: 992px) {	
	.banner-purchase .btns img { display:none;}
	.banner-purchase .name, .banner-purchase p.price{ padding: 24px 0;}
    .pr-buy .col-md-4 { flex: 0 0 100%;max-width: 100%;}
    .pr-buy .label { left: 40%;}
	
}
@media (max-width: 768px) {
	.banner-purchase { height:auto;}
	.banner-purchase .btns img { display:inline-block;}
	.banner-purchase .btns { border:0; }
	.banner-purchase .name, .banner-purchase p.price { text-align: center; padding:16px 0;}	
	
	.choose { text-align:center;}
	.choose .list li { text-align:left;}
}
@media (max-width: 576px) {
	.banner-purchase h1 { font-size:40px; line-height:48px; padding-bottom:24px;}
	
}

/*----------support----------*/
.banner-support { background-image: url(/images/support/banner_support.jpg);}
.banner-support a.email { color: #00deff;}
.banner-support .linktab-list li a { line-height: 24px;}
.support .howto-list .list { min-height:294px;}
.support .howto-list .list li:last-child { list-style:outside disc;}
.support p.sub-t { padding-bottom:20px;}

.box-gray { background:#f9f9f9; margin:0; padding:30px;}
@media (max-width: 1200px) {	
	.support .howto-list .list { min-height:314px;}
}
@media (max-width: 992px) {	
	.support .box-gray { min-height:382px;}
	.support .howto-list .list { min-height:420px;}
}
@media (max-width: 768px) {
	.support .col-md-4 { margin:10px 0;}
	.support .box-gray { min-height:auto;}
	.support .howto-list .list { min-height:auto;}
}
/*----------user guide---------*/
.banner-free-update{ height: 100px;  top: 0px; background: linear-gradient(45deg,#1b74cd 0,#2899d4 100%); padding: 30px 0;}
.banner-free-update h1 { font-size:32px;}

.thanks .name { text-align: left; margin: 0; font-size: 20px; line-height: 1.4em;}
.thanks .name span { font-weight: lighter;}
.thanks p.price { line-height: 42px;}
.shaddow.thanks { min-height:auto;}
.thanks .col-md-6, .thanks .col-md-3 { padding:20px 0;}
@media (max-width: 768px) {
	.thanks { padding-bottom: 30px;}
	.thanks, .thanks p.name { text-align: center;padding-top:30px;}
	.thanks .col-md-6, .thanks .col-md-3 { padding:0;}
}

/*page404*/
.banner-404 { height: 600px; background: url(/images/banner_404.jpg) no-repeat center center; background-size: cover;}
.banner-404 h1 { padding-top: 280px; font-size: 48px; text-align: center;}
.banner-404 p { font-size: 20px; line-height: 1.5; text-align: center;}
.banner-404 a { color:#fed90e;}
@media (max-width: 768px) {
	.banner-404 h1 { padding-bottom: 16px; font-size: 40px; padding-top: 250px;}
	.banner-404 p { line-height: 1.2;}
}
@media (max-width: 576px) {
	.banner-404 p { font-size: 16px;}
	
}

/*add comment*/
.banner-comment h1 {text-align: center; vertical-align: middle; margin-top: 40px; padding: 0;}
.comment { padding:96px 0;}
.comment form { width:100%; margin: 0 auto;}
span.label { width: 14%; line-height: 44px; display: inline-block; vertical-align:middle;}
form li.first, li.second { border: none; list-style: none; margin-bottom: 16px; width: 100%;}
input[type="text"], form textarea { width: 76%; padding: 0.8em; color: #333; font-size: 16px; outline: none; background: #F5F8F9; font-weight: 500; border: none; 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; border: 2px solid #007bff; margin-left: 14%; background: #007bff; border-radius:0;}

.navbar [type="button"] { background:none; border:0;}

.form-control { display: inline-block;}
@media (max-width: 768px) {
	span.label { display:block; width:100%;}
	input[type="text"], form textarea { width:100%;}
}

.review-page .add { background:#007bff url(/images/ic_edit.png) no-repeat 24px 15px; font-size: 18px; line-height: 36px; padding: 8px 24px; padding-left: 48px; width: 240px; margin: 0 auto; color:#fff;}
.review-page a:hover .add { background-color:#3395ff; }

/*cookies policy*/
.user_popup {position:fixed; width:100%; line-height:26px; text-align:center; padding:8px; left:0; bottom:0; background-color: #fff; box-shadow: 0 -2px 16px rgba(20,34,180,.1);font-size:14px;z-index:999; color: #333;}
.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;}

/*---------- 2020 halloween ---------*/
.banner-halloween { background: #FF6D00 url("/images/campaign/halloween-sale-2020/banner_halloween.jpg") no-repeat center center; text-align: center; color: #FF4E00; padding-top: 120px; font-family: 'ProximaNovaBold';}
.banner-thanksgiving { background: #FF6D00 url("/images/campaign/thanks-giving-sale-2020/banner_thanksgiving.jpg") no-repeat center center; }

.banner-newyear-2021 { background: #fff;padding: 0;}
.banner-newyear-2021 h1, .banner-newyear-2021 p { display: none; }
.banner-newyear-2021 img { width: 100%;}
  
.banner-halloween p { font-size: 40px;}
.banner-halloween p.date { font-size: 18px; color: #fff;}
.banner-halloween h1 { font-size: 128px; color: #fff;line-height: 1.2; position: relative; max-width: 600px; margin: 0 auto;}
.banner-halloween span { height:76px; width: 76px; color: #fff; background: url("/images/campaign/halloween-sale-2020/label1@2x.png") no-repeat center center; background-size: 100%; font-size: 24px; position: absolute; line-height: 76px; top: 24px; left: -32px;}
.main-halloween h2 {color: #fff; font-size: 32px; max-width: inherit; padding-bottom: 32px;}
.sec-1 { background: #fff; padding: 24px 0;}
.sec-1 h2 { color: #000;}
.sec-1 .text { background-color: #fff; border-radius: 10px; box-shadow: 0.15rem 0.15rem 0.5rem rgba(0,0,0,0.1);padding: 16px; text-align: center; position: relative;}
.main-halloween .text p.name { font-size: 20px;font-family: 'ProximaNovaBold'; padding-bottom: 16px;}
.sec-1 .text .box {position: relative;}
.sec-1 .text .label { position: absolute; left: 36%; bottom: 0;}
.sec-1 .text .label-price { background: url("/images/campaign/halloween-sale-2020/label3@2x.png") no-repeat center center; background-size: 100%; width: 110px; height: 48px;}
.sec-1 .text .price { font-size: 18px; color: #fff; text-align: center; line-height: 1; padding: 8px 0;}
.sec-1 .text .price del { font-size: 14px; opacity: 0.6; display: block;font-family: 'ProximaNovaReg'; }
.sec-1 .text .label-limited { background: url("/images/campaign/halloween-sale-2020/label4@2x.png") no-repeat center center; background-size: 100%; width: 72px; height: 19px; font-size:13px; color: #fff; line-height: 1.4;}
.main-halloween .text .list { background-color: #f9f9f9; padding: 8px;margin-top: 16px;border-radius: 8px; }
.main-halloween .text .list li { list-style: none; text-align: left; background: url("/images/campaign/halloween-sale-2020/ic_ok.png") no-repeat 0 8px;  padding-left: 24px; margin-left: 0; font-size: 14px; }
.sec-1 .add { font-size: 32px; color: #460903; position: absolute; top: 50%; right: -10px;}
.sec-1 .bundle-total { text-align: center;}

.sec-1 .bundle-total .text { border:2px dashed #CE2700; padding-top: 76px; display: -webkit-flex; display: flex; align-items: center;  flex-wrap: nowrap; flex-direction: column;}
.sec-1 .total-sale { background: url("/images/campaign/halloween-sale-2020/label2@2x.png") no-repeat center center; background-size: 100%; width: 184px; height: 67px; color: #fff;font-family: 'ProximaNovaBold'; font-size: 32px; line-height: 56px; position: absolute; top:-7px;  text-align: center;}
.sec-1 .bundle-total .text .price, .sec-2 .text .price { font-size:24px; font-family: 'ProximaNovaBold'; color: #000;}
.sec-1 .bundle-total .text .price del, .sec-2 .text .price del { display: inline; padding-left: 8px;}
.main-halloween .btn{ border-radius: 4px;}
.main-halloween .btn img { margin-left: 0; margin-right: 16px;}
.main-halloween .btn-pri { height: 40px;  background-color: #CE6152; box-shadow: 0rem 0.275rem 0.275rem rgba(0,0,0,0.15); opacity: 1; border-radius: 4px; color: #fff; font-size: 20px; text-align: center; line-height: 1.4;}
.main-halloween .btn:hover { background-color: #E26D5D;}
.main-halloween .btn-sec {height: 40px; border: 1px solid #FE6C2B; color:#FE6C2B; width:100%;}

.sec-2 { background: #CE6152 url("/images/campaign/newyear-sale-2021/bg_whitewave@2x.png") no-repeat center top; background-size: 100%; overflow: hidden; padding-top: 90px; padding-bottom: 0;}
.sec-2 h2 { background: url("/images/campaign/halloween-sale-2020/h2_bg.png")no-repeat center center; height: 111px; line-height: 2.6; }
.sec-2 .row { padding-top: 88px;}
.sec-2 .text {display: -webkit-flex; display: flex; align-items: center;  flex-wrap: nowrap; flex-direction: column;background-color: #fff; border-radius: 10px; padding: 16px; text-align: center; overflow: hidden; padding-top: 96px; margin: 16px 0; min-height: 408px;}
.sec-2 .text .box {  position: absolute; text-align: center; top: -15%;}
.sec-2 .text .box .label-sale { height: 64px; width: 64px; background: url("/images/campaign/halloween-sale-2020/label5@2x.png") no-repeat center bottom; background-size: 100%;  color: #fff; font-size: 20px;font-family: 'ProximaNovaBold'; line-height: 1; z-index: 99; position: absolute; top: 0; padding-top: 10px;}
.sec-2 .text .box img {position: relative;}
.sec-2 .text .price del { font-size: 16px; opacity: 0.6; }
.footer-campain { background: #4A8565 url("/images/campaign/newyear-sale-2021/bg-deepwave@2x.png") no-repeat center top; background-size: 100%; padding: 16px 0; padding-top: 48px;}
.footer-campain .footer-text  { border-top: 0; color: #fff; opacity: 0.8; }
.footer-campain .footer-text a {color: #fff; opacity: 0.8; }
.footer-campain .footer-text a:hover {opacity: 1;}

.fix-camaign {background-color: transparent; display: block;}
.campaign_entrance {height: auto;position: fixed; bottom: 0; z-index: 9999;background: url(/images/campaign/newyear-sale-2021/entrance_newyear.jpg) no-repeat center center; background-size: cover;text-align: center; color: #fff;}
.campaign_entrance a { display: block; height: 100%; position: absolute; left: 0; top: 0px;width: 100%; z-index: 1;}

.banner-campaign { padding: 20px 0;}
.banner-campaign p { font-size: 24px; color: #FF4E00;}
.banner-campaign h2 {font-size: 60px; color: #fff; line-height: 1.5; display:inline-block;}
.banner-campaign span { height:64px; width: 64px; color: #fff; background: url("/images/campaign/halloween-sale-2020/label1@2x.png") no-repeat center center; background-size: 100%; font-size: 18px; display:inline-block; margin-right:24px; line-height: 64px;}
.banner-campaign p:last-child { display:none;}
.campaign_entrance .close { position: absolute; top: 24px; right: 24px; z-index: 99;}
.banner-campaign .btn {width: 200px; height: 48px;  background: linear-gradient(45deg, #FE6628 0%, #FD8F36 100%); background-color: #FD8F36; box-shadow: 0rem 0.275rem 0.275rem rgba(0,0,0,0.15); opacity: 1; border-radius: 4px; color: #fff; font-size: 20px; text-align: center; display:inline-block; position:absolute; left:60%; top:50%;}
.banner-campaign .btn:hover {color:#fff;}
@media (max-width: 998px) {
    .sec-1 .col-md-3 { flex: 0 0 33%;max-width: 33%; margin-bottom: 24px;}
    .sec-1 .col-md-3:last-child {flex: 0 0 100%;max-width: 100%;}
}
@media (max-width: 768px) {
    .main-halloween .col-md-3 { flex: 0 0 100%;max-width: 100%; margin-bottom: 24px;}
    .sec-1 .add { top: inherit;  bottom: -26px; left: 49%;}
    .sec-2 .text { margin-bottom: 64px; height: auto;}
    .sec-2 .col-md-3:last-child .text { margin-bottom: 0;}
    .campaign_entrance，.banner-campaign {height: auto; overflow: hidden; background-size: cover; }
    .banner-halloween p, .banner-halloween h1 { line-height: 1; max-width: inherit;}
    .banner-halloween h1  { font-size: 96px;}
    .banner-halloween span { left: -8px; top: -24px;}
}