list-style: none/* CSS Document */
@charset "utf-8";
/* Reset CSS */
html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
article, aside, figure, footer, header, menu, nav, section, summary, time{display:block; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th,p,a,li,td,b,div{font:400 14px/1; font-family:Open Sans, Arial, Helvetica, sans-serif; }
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; color:#000;}
img{border:none;}
table{border-collapse:0; border-spacing:0;}
ul, ol {list-style: none;}
a{color:#00B1EC; text-decoration:none; font-family:Open Sans, Arial, Helvetica, sans-serif;
	font-size:14px;}
a:focus,input:focus,textarea:focus{outline: 0;}

a:hover {color: #08c; text-decoration: underline;} 

 .cleaner { clear: both }
/*often style*/
.ftwa:visited, .ftwa:link, .ftwa:active {color:#fff;}/*A tag of the default color is white**/
.zoom{*+zoom:1;}
.zoom:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.dsb{display:block;}
.valm{vertical-align:middle;}
.dsn{display:none;}
.pta{position:absolute}
.ptr{ position:relative;}
.pw980{width:980px; margin-left:auto; margin-right:auto;}
.pw1120{width:1120px; margin-left:auto; margin-right:auto;}
.nobg{background:none;}
.o_hide{overflow:hidden;}
.fthin{ font-weight:300;}
.fclr666{ color:#666!important;}
.fclr000{ color:#333!important;}
.boundary{ border-bottom:1px solid #e5e5e5;}
.textdcr{ text-decoration:none;}
.wrap .no_boder{ border:none;}
.wrap .nomt{ margin-top:0;}

/*font style**/
.ftb{font-weight:bold;}
.alr{text-align:right;}
.alc{text-align:center;}
.all{text-align:left;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft22{font-size:22px;}
.ft24{font-size:24px;}
.ft26{font-size:26px;}
.ft30{font-size:30px;}
.ft32{font-size:32px;}
.ft36{font-size:36px;}
.ft38{font-size:38px;}
.ft40{font-size:40px;}
.ft42{font-size:42px;}
.ft48{font-size:48px;}
.ft50{font-size:50px;}

/*color style**/
.white{color:#fff;}
.red{color:#f00;}
.black{color:#000;}
.green{color:#03bd83;}
.blue{color:#00a8ec;}
body .logocor{ color:#31c1d9;}

/*list style**/
.ulnum{list-style:decimal; padding-left:26px;}/*style of ul is number**/
.ulcircle{list-style:disc; padding-left:20px;}/*style of ul is circle**/
.ulifl li{float:left;}

/*margin padding style**/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px; text-align:center;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt100{padding-top:100px;}

/*link arrow**/
.link_arrow{display: inline; background:url(../img/link_arrow.webp) right 7px no-repeat;}
.link_arrow_white{background:url(../img/link_arrow_white.webp) right center no-repeat;}
.link_arrow_black{background:url(../img/link_arrow_block.webp) right center no-repeat;}
.link_arrow_gray{background:url(../img/link_arrow_gray.webp) right center no-repeat;}


/*nav style**/
.headtop{ width:100%; height:86px; position:absolute; top:0; left:0; z-index:9;}
.headtop_nav{ width:100%; height:86px;top:0; left:0; z-index:9;}

.headtop_nav{ width:100%; height:86px;  top:0; left:0; z-index:9;}


.headtop .head_cont2 ul li>a,.head_cont2 .nav3:after{ color:#fff;}
.nav_logo{ width:150px; float:left; margin-top:29px;}
.head_cont ul{ float:right; position:relative; display:block;}
.head_cont ul li{ float:left; margin-left:20px; text-align:center; position:relative;}
.head_cont ul li>a{ width:72px; float:left; line-height:86px; font-size:14px; color:#000; padding-bottom:5px;}
.head_cont ul li>a:hover{ text-decoration:none; color:#31c1d9;}
.head_cont .nav_sel, .headtop .head_cont2 .nav_sel{ color:#05B2EA;}
.head_cont ul li>a:after{ content:""; height:1px; display:block; border-bottom:2px solid #31c1d9; opacity:0; transition:all ease 0.5s; -webkit-transition:all ease 0.5s;}
.nav1 a:after{ width:40px; margin:-20px 0 0 15px;}
.nav2 a:after{ width:35px; margin:-20px 0 0 18px;}
.head_cont .nav3 a:after{ width:52px; margin:-20px 0 0 10px;}
.nav4 a:after{ width:52px; margin:-20px 0 0 10px;}
.nav5 a:after{ width:60px; margin:-20px 0 0 5px;}
.nav3:after{ content:"\e800"; font-family:"iconfont"; font-size:16px; line-height:86px; margin-left:-8px;}
.nav3:hover:after,.headtop .nav3_sel:after{ color:#31c1d9;}


/*.head_cont .nav3:hover a:after{ display:none;}*/
.head_cont .nav_sel:after{ opacity:1;}
.head_cont ul li a:hover::after{ opacity:1;}
.nav_menu{float: right; display:none;}
.nav_menu:hover{ text-decoration:none;}
.nav_share{ width:0; position: fixed; top:300px; right:0; z-index:9999; overflow:hidden; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.nav_share a{ margin-left:20px;}
.head_cont dl{position:absolute; top:67px; width:230px; border-top:2px solid #31c1d9; background-color:#fff; background-color:rgba(255,255,255,0.98); left:50%; margin-left:-105px; box-shadow:0 3px 5px rgba(0,0,0,0.5); border-radius:0 0 5px 5px; margin-top:20px; opacity:0; display:none;}
.head_cont_ul dl dd{ position:relative; margin-left:0; }
.head_cont_ul dl dd:after{ content:"\e802"; font-family:"iconfont"; font-size:18px; position:absolute; top:19px; right:10px; transition: all 0.3s ease-in-out; opacity:0; color:#999;}
.head_cont_ul dl dd:hover:after{ right:0; opacity:1;}
.head_cont_ul dl a{ display:block; line-height:50px; padding-left:5px; font-size:14px; color:#000; text-align:left; border-top:1px solid #e5e5e5;}
.head_cont_ul dl a:hover{ text-decoration:none; color:#31c1d9;}
.support_note{ border:1px #9fe7be solid; padding:10px;}
.support_note:before{ content:url(../guide/img/note.webp); width:79px; height:26px; display:block;}




/*bttom directory**/
.bttom_directory{ margin-top:10px; background-color:#f7f7f7; padding-top:30px; overflow:hidden;}
.bttom_directory_block{ width:194px; float:left; margin-right:30px;}
.bttom_directory_block h6{ color:#666;}
.bttom_directory_block li{line-height:1px;}
.bttom_directory_block li a{ color:#555555;  font-size:13px;}
.bttom_directory_block li a:hover,.bottom_link>a:hover{color:#31c1d9;}
.bttom_logo>p{ margin:20px 0 30px 0; font-size:13px; color:#666; line-height:1.5;}
.bottom_share img{ margin:0 8px;}

.bottom_cont{ border-top:1px solid #e5e5e5; padding:15px 0; margin-top:25px;}
.bottom_text{ width:480px; color:#666; font-size:13px; line-height:1.5;}
.bottom_cont .bottom_link{color:#666;}
.bottom_link>a{ color:#666; margin:0 4px; font-size:13px;}

.s_hot{ background:#F30; color:#fff; border-radius:3px; padding:1px 10px; margin:0 0 0 5px; height:12px; }
.s_new{ background:#0C0; color:#fff; border-radius:3px; padding:1px 10px; margin:0 0 0 5px;}
.s_update{ background:#09F; color:#fff; border-radius:3px; padding:1px 10px; margin:0 0 0 5px;}

/* Backgroud 2*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2),only screen and (min-device-pixel-ratio: 1.5) {

}



 




	.phone_nav h1{color: #FFFFFF; font-size:25px; text-align:left; line-height:1.4em; }
	.phone_nav h1 span{display:block;font-size:18px; font-weight:normal; padding-bottom:5px;}
	.phone_nav h1.dr{color:#2a5970; width:775px; margin:0 auto;}
	.phone_nav .box{
		width:40%;
		float:left;
		
		color:#fff;
		background-repeat: repeat;
		margin-top:20px;
		
		
	}
	
	
	
	.phone_nav .box_mac{
		width:40%;
		float:left;
		
		color:#fff;
		background-repeat: repeat;
		
		
	}
	
	.t2{
		padding-top:10px;
		border-top-width: thin;
		border-top-style: dashed;
		border-top-color: #CCCCCC;
		margin-top:20px;
	}
	.t3{
		padding-top:10px;
	
		margin-top:20px;
	}
	
	.t2 dl dd{ padding-bottom:8px; font-size:12px; color:#FFFFFF;}
	.t2 dl dd .p2{ padding-left:10px;}
	.t2 dl dd span a{ color: #FFFF00; text-decoration:underline;}
	



	.w_box{margin-top:10px;}
	.btn-mac{margin-top:10px;}
	
	
	.blueBtn-b{	width:230px;
		height:40px;
		padding-left:20px;
		 border-radius:8px;
		border: thin solid   #FFFFFF;
			color: #FFFFFF !important;
			display: inline-block;
			height:58px;
			margin-bottom: 10px;
			margin-right: 10px;
			text-align: left;
			text-decoration: none !important;
			width: 240px;}
		 .orangeBtn-b {
		width:230px;
		height:40px;
	
		
		padding-left:20px;
		 border-radius:8px;
		border: thin solid  #FF6633;
			color: #FFFFFF !important;
			display: inline-block;
			height:58px;
			margin-bottom: 10px;
			margin-right: 10px;
			text-align: left;
			text-decoration: none !important;
			width: 240px;
		}
	.blueBtn-b .pic, .orangeBtn-b .pic {
		border-right: 1px solid #75B027;
		float: left;
		height: 44px;
		line-height: 44px;
		margin-right: 18px;
		padding-top: 5px;
		text-align: center;
		width: 56px;
	}
	.orangeBtn-b {
		background: none repeat scroll 0 0 #F6772C;
	}
	.orangeBtn-b .pic {
		border-right: 1px solid #E06F0B;
	}
	.blueBtn-b .name, .orangeBtn-b .name {
		display: block;
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 0;
		padding: 5px 0 0;
		color:#FFFFFF;
	}
	.blueBtn-b:hover {
	text-decoration: none;
	background: #81C22B;
	}
	.orangeBtn-b:hover {
	text-decoration: none;
	background: #FB7D32;
	}
	
	
		
		
		
/*2018-08-27 add*/	
.p100 {padding:50px 0 50px 0;}
.p101 {padding:120px 0 120px 0;}

.pro-banner2{
	margin-top:-50px;
	background-color: #F2F2F2;
}
.head_33{margin-top:30px;}
.pro-banner2 h3{margin:0 0 30px 0;line-height:40px}
.pro-banner2 .p-content{margin:25px 0 0 0}
.pro-banner2 h3 { margin: 0 0 30px 0; line-height: 40px;  font-size: 36px;}
.pro-banner2 .p-content { margin: 25px 0 0 0; font-size:16px}

.pro-banner3{padding:50px 0}
.pro-banner3 .left{background:#00B1EC;}
.pro-banner3 .left .content{ text-align: left; width:80%; padding: 0 9%; color:#fff;margin:0 auto}
.pro-banner3 .left .content:after{content:"";width:0;height:0;border-top:27px solid transparent;border-bottom:27px solid transparent;
border-left:17px solid #00B1EC;font-size:0;line-height:0;position:absolute;top:44%;left:270px}
.pro-banner3 .left h3{ padding:95px 0 0 0;color:#fff; font-size: 36px;}
.pro-banner3 .left p{margin:0;padding:30px 0}
.pro-banner3 .left a{color:#fff;display:inline-block;padding: 0 33px 0 17px;height:36px;line-height:36px;text-align:center;
border:2px solid #fff;border-radius:40px;margin:0 0 121px 0;text-decoration-line:none;
background:url(../images/triangle2_hover.webp) no-repeat 120px center}
.pro-banner3 .left a:hover{color:#2861a0;background:#fff url(../images/triangle2.webp) no-repeat 120px center;}
.pro-banner3 .pop_all_features_menu_bg{background:0 0}
.pro-banner3 .pop_all_features_menu .cont_list{position:relative}
.pro-banner3 .pop_all_features_menu .cont_list h4 span{content:'';display:inline-block;width:8px;height:8px;
border-top:2px solid #656565;border-right:2px solid #656565;transform:rotate(-225deg);-webkit-transform:rotate(-225deg);margin-left:15px}
.pro-banner3 .pop_all_features_menu .cont_list h4 span.curr{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.pro-banner3 .right{float: left;}
.pro-banner3 .right .right-top{margin-top:10px}
.pro-banner3 .right .hg{height:250px;}
.pro-banner3 .right .hg2{height:275px;}
.pro-banner3 .right .hg:hover{box-shadow:-webkit-box-shadow:0 2px 40px #b1b1b1;-moz-box-shadow:0 2px 40px #b1b1b1;box-shadow:0 2px 40px #b1b1b1}
.pro-banner3 .right .hg2:hover{box-shadow:-webkit-box-shadow:0 2px 40px #b1b1b1;-moz-box-shadow:0 2px 40px #b1b1b1;box-shadow:0 2px 40px #b1b1b1}
.pro-banner3 .right .right-top .wd{width:420px}
.pro-banner3 .right .right-top .private{background:#f2f2f2 url(../images/erase_private.webp) no-repeat center 35px}
.pro-banner3 .right .right-top .deleted{background:#f2f2f2 url(../images/erase_deleted.webp) no-repeat center 35px}
.pro-banner3 .right{text-align:center}
.pro-banner3 .right .p-title{font-size:18px;font-weight:600;padding-top:145px}
.pro-banner3 .right .right-bottom{padding-top:30px}
.pro-banner3 .right .right-bottom .all{background:#f2f2f2 url(../images/erase_all.webp) no-repeat center 35px; text-align: center;}
.pro-banner3 .right .right-bottom .fragments{background:#f2f2f2 url(../images/erase_fragments.webp) no-repeat center 35px}
.pro-banner3 .right .right-bottom .cleanup{background:#f2f2f2 url(../images/cleanup.webp) no-repeat center 35px}

.pro-banner4{}
.pro-banner4 h2{ margin: 12px 0; font: normal 36px/46px Open Sans,Arial,Helvetica,sans-serif; color: #2e2e2e;}
.pro-banner4 h2+p{margin: 0 0 12px; padding-bottom: 25px; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #2e2e2e;}
.pro-banner4 .hc-leftcontent { padding-top: 15px;}
.pro-banner4 .p15{ padding: 25px 0;}

.pro-banner5{ background-color: #f2f2f2;}
.pro-banner5 h2 { font: normal 36px/46px Open Sans,Arial,Helvetica,sans-serif; color: #2e2e2e;}
.pro-banner5 p{margin: 0 0 12px;}
.pro-banner5 .fw300 { font-weight: 300; line-height: 25px;}
.pro-banner5 .tm-a { color: #66af66;}
.tm-ul li {line-height:1.88;color:#484848;list-style-type:disc; font-size: 14px; line-height:25px;}
.tm-inline li {margin:0 80px;}
ul.inline, ol.inline {margin-left: 0; list-style: none;}
ul.inline li{ float: left; padding: 0 5px;}


.pro-banner6 .pb30{ padding-bottom: 30px;font: normal 36px/46px Open Sans,Arial,Helvetica,sans-serif;color: #2e2e2e;}
.tm-oneclick {background:#f8f8f8;padding:20px 20px 0 20px;height:320px; margin-top:15px;}
.tm-oneclick .desc {font-size:14px;color:#666;}
.tm-oneclick:hover {background:#ffffff;box-shadow:-webkit-box-shadow:0 2px 20px #ddd;-moz-box-shadow:0 2px 20px #ddd;box-shadow:0 2px 20px #ddd;}
.p15 {padding: 15px 0 15px 0;}

.users_review{background: url(../images/mac-user-review-bg.webp) center top no-repeat;}
.users_review .pro_title { font-size: 40px; line-height: 35px; text-align: center; margin-bottom:0px; color: white;}
.users_review .pro_des { margin: 0 auto 15px auto; font-size: 35px;text-align: center; }
.users_review .pro_des  .review{ color:#007eeb;}
.star_03 { background-position: -198px 0px;}
.star_01, .star_02, .star_03 { display: inline-block; background: url(../images/icon-index.webp) -159px 0px no-repeat; width: 15px; height: 16px; display: inline-block; margin-right: 10px; 
overflow: hidden;vertical-align: middle; color: #fe9901;}


.users_review .list-th { margin-top: 25px; padding: 50px 25px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; background-color: #fff; background-color: rgba(255,255,255,0.8);}
.users_review .list-th .iconfont { padding-bottom: 20px; color: #ff9902; font-size: 20px;}

.pro-banner7{ background-color: #f2f2f2;}
.pro-banner7 h2 { text-align: center; font: normal 36px/46px Open Sans,Arial,Helvetica,sans-serif; color: #2e2e2e; font-size:27px;}



#featureCarousel { margin-top:40px;
    height: 500px;
    width:100%;
    position:relative;
}
#featureCarousel img {
    border:0;
}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    
    cursor:pointer;
}
#featureCarousel .feature > div {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:black;
    width:100%;
}
#featureCarousel .feature > div p {
    margin:0;
    padding:5px;
    font-weight:bold;
    font-size:12px;
    color:white;
}
#featureCarousel .blipsContainer {
    position:absolute;
    color:white;
    right:40%;
    bottom:0;
    padding:0;
    margin:0;
}
#featureCarousel .blipsContainer .blip {
    margin:15px; display: inline-block; overflow: hidden; line-height: 999px;
    color:white;
    text-align:center;
    background-color: #d8d8d8;
    width: 25px;
    height: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
   
    cursor: pointer;
}
#featureCarousel .blipsContainer .blipSelected {
    background-color:#259bd6;
}