/* CSS Document */

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}

html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}





/*macclean pro nav**/

.nav_banner{ margin-top:10px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,0.3); z-index:9; position:relative;}

.nav_banner .nav_banner_os{ font-size:24px; font-weight:300; color:#fff;}

.nav_banner_os:after{ content:"\e803"; font-family:"iconfont"; vertical-align:middle; margin-left:10px;}

.nav_banner_os:hover,.os_all:hover{ text-decoration:none;}

.nav_banner ul li{ float:left; margin:8px 0 0 30px;}

.nav_banner ul li a{ color:#fff; font-size:14px;}

.wrap .banner_cont2 li a,.banner_cont2 .nav_banner_os{ color:#000;}

.banner_cont2 .nav_banner{ border-color:#e0e0e0;}

 

.pc_banner,.pc_fe_banner{ position:relative;}

.pc_banner_block{width:100%; height:584px; background:url(../banner.html) #669abf center top no-repeat; overflow:hidden; background-size:cover;}

.fun_nav{width:100%; position: absolute; left:0; transition:background 0.3s ease; -webkit-transition:background 0.3s ease; z-index:999;}

.fun_nav_an{background-color:#fff; background-color:rgba(255,255,255,0.92);} 

.fun_nav_block{margin:10px auto; overflow:hidden;}

.fun_nav_block>h2 a{font-size:24px; line-height:1.5; padding-bottom:10px; color:#000; font-weight:300;}

.fun_nav_pr .fun_nav_block>h2 a:after {content: "";width: 50px;height: 23px;display: inline-block;margin-left: 10px;background:url(../png/os_icon-3.png) no-repeat;vertical-align: middle;background-position: 0 -23px;}

.fun_nav_block>h2 a:hover{text-decoration:none;}

.pr_banner .fun_nav_block>h2 a:after {content: "";width: 50px;height: 23px;display: inline-block;margin-left: 10px;background:url(../png/os_icon-3.png) no-repeat;vertical-align: middle;}

.pr_banner .fun_nav_an .fun_nav_block>h2 a:after {background-position: 0 -23px;}

.fun_nav_block>h2 a:after{font-family:"iconfont"; content:"\e803\e804"; letter-spacing:5px; vertical-align:middle; margin-left:5px;}

.fun_nav_block .win_os a:after{ content:"\e804";}

.fun_nav_operation3{width:545px;}

.fun_nav_operation a{font-size:14px; line-height:2.8; float:left; height:20px; color:#000; margin:0 10px;}

.fun_nav_operation a span{width:19px; height:19px; float:left; margin:10px 5px 0 0;}

.nav_btn_explore span{background:url(../png/fun_nav_icon1-3.png) no-repeat;}

.nav_btn_guide span{background:url(../png/fun_nav_icon4-3.png) no-repeat;}

.nav_btn_try span{background:url(../png/fun_nav_icon2-3.png) no-repeat;}

.nav_btn_buy span{background:url(../png/fun_nav_icon3-3.png) no-repeat;}

.nav_btn_home span {

    background: url(../png/fun_nav_icon5-3.png) no-repeat;

}

.fun_nav_operation2 .nav_btn_explore span, .fun_nav_operation2 .nav_btn_try span, .fun_nav_operation2 .nav_btn_buy span, .fun_nav_operation2 .nav_btn_guide span, .fun_nav_operation2 .nav_btn_home span{background-position:0 -20px;}

.fun_nav_an .fun_nav_operation2 .nav_btn_explore span,.fun_nav_an .fun_nav_operation2 .nav_btn_try span,.fun_nav_an .fun_nav_operation2 .nav_btn_buy span,.fun_nav_an .fun_nav_operation2 .nav_btn_guide span,.fun_nav_an .fun_nav_operation2 .nav_btn_home span{background-position:0 0;}

.pc_banner .fun_nav_block>h2 a,.pc_banner .fun_nav_operation a{color:#fff;}

.pc_banner .fun_nav_an .fun_nav_block>h2 a,.pc_banner .fun_nav_an .fun_nav_operation a{color:#000;}

.pc_banner .fun_nav .fun_nav_line{border-bottom:1px solid #6f96c4;}

.pc_banner .fun_nav_line,.pc_fe_banner .fun_nav_line{border-bottom:1px solid #e0e0e0;}

.fun_nav_cont{clear:both; height:0; overflow:hidden; position:relative; transform:translateY(-20px); -webkit-transform:translateY(-20px); transition:transform 0.3s ease, height 0.3s ease; -webkit-transition:transform 0.3s ease, height 0.3s ease;}

.fun_nav_cont_an{transform:translateY(0); -webkit-transform:translfeY(0); height:295px; opacity:1;}

.fun_nav_cont>a{width:180px; float:left; text-align:center; font-size:14px; line-height:1.6; color:#000; margin:10px 7px 20px 7px; overflow:hidden;}

.pr_fe_banner .fun_nav_cont > a{margin: 10px 33px 20px 32px;}

.fun_nav_cont_an a img,.fun_nav_cont_an a span{transform:scale(1); -webkit-transform:scale(1);}

.fun_nav_cont a span{width:180px; height:90px; display:block; background-color:#000; position:absolute; z-index:-1; overflow:hidden; opacity:0;}

.fun_nav_cont a:hover span{opacity:1;}

.fun_nav_cont a:hover img{opacity:0.5;}

.fun_nav_operation .nav_btn_buy{ line-height:20px; margin-top:5px; background-color:#f39b11; padding:3px 5px; color:#fff; }

.fun_nav_operation .nav_btn_buy:hover{ background-color:#f9b03e; text-decoration:none; }

.fun_nav_operation .nav_btn_buy span{ margin-top:0;}

.pc_banner .fun_nav_an .fun_nav_operation .nav_btn_buy{ color:#fff; }

.fun_nav_an .fun_nav_operation .nav_btn_buy span,.fun_nav_operation .nav_btn_buy span{background-position:0 -20px; }





/*guide style**/

.guide_banner>p{ line-height:1.875;}

.guide_cont_block{border-top:1px solid #e5e5e5;}

.guide_cont_block ul{ display:none;}

.guide_cont_block h2{ font-size:22px; padding:40px 0 20px 0; cursor:pointer;}

.guide_cont_block h2:after,.guide_cont_block1 h3:after{ content:"\e802"; font-family:"iconfont"; font-size:28px; color:#c7c7c7; transform:rotate(90deg); -webkit-transform:rotate(90deg); float:right;}

.guide_cont .guide_list_sel h2:after{ color:#7c7c7c; transform:rotate(270deg); -webkit-transform:rotate(270deg);}

.guide_cont li{ background: url(../png/dt_article_flat-3.png) 25px 25px no-repeat; padding:25px 0 25px 75px;}

.guide_cont li a{ color:#2590e0; font-size:16px;} 

.guide_cont li p{ color:#666; line-height:22px; font-size:14px;} 

.guide_cont li:hover{ background-color:#e9f4f9;}

.guide_recommend{ margin:40px auto;}

.guide_recommend ul li{ width:360px; float:left; color:#ccc; list-style: disc; font-size:14px; margin:0 90px 0 30px;}

.guide_recommend ul li a{ font-size:14px; line-height:2;}

.guide_recommend_cont:after{ content:""; width:1px; height:100%; display:block; position:absolute; top:0; left:420px; border-left:1px solid #e0e0e0;} 

.guide_cont_block1{margin-left:25px; display:none;}

.guide_cont_block1 h3,.guide_cont_block h3{font-size:22px; cursor:pointer; padding:20px 0;}

.guide_cont_block2 ul{display:none;}

.guide_ul{border-bottom: 1px solid #e5e5e5;}

.guide_cont_block3{margin-left:25px;}



/*specs style**/

.specs_block h2{ font-size:24px; font-weight:500; margin:20px auto; border-top:1px solid#e5e5e5; padding-top:30px;}
.specs_block .spces_language_title{ margin-bottom: 0;}

.specs_block .specs_block_system{ border:none; margin-top:0;}

.specs_mac{ border-left:1px solid #e5e5e5; padding-left:50px; margin-left:50px;}

.specs_os li{ padding-left:20px; font-size:14px; line-height:2; background: url(../png/specs_circle-3.png) no-repeat left 12px;width: 405px;}
.specs_os li b,.specs_os li strong{font-size:14px; font-weight:bold;}
.spces_language li{ width:174px; float:left; font-size:14px; margin-top:20px;position: relative;padding:0 18px;line-height: 19px;}
.spces_language li::after{content: '';position: absolute;width: 4px;height: 4px;border-radius: 50%;background-color: #999;left: 0;top: 6px;}


.spces_language li img{ vertical-align:middle; margin-right:10px;}

.specs_update_cont:before{ content: url(../png/specs_arrow-3.png); position:absolute; top:-12px; left:57px;}

.specs_update_cont:after{content:""; width:1px; height:100%; display:block; position:absolute; top:0; left:60px; border-left:1px solid #21b0eb;}

.specs_update_time{ width:36px; position:relative; margin-top:20px; font-size:14px; color:#000;}

.specs_update_time:after{ content:""; width:7px; height:7px; display:block; border-radius:7px; background-color:#21b0eb; position:absolute; top:16px; left:57px;}

.specs_update_cont ul{ width:850px; margin:0 0 40px 65px;}

.specs_update_cont ul b{ font-size:16px; color:#000;}

.specs_update_cont li{ list-style:decimal; font-size:14px; line-height:2; margin-left:20px;}

.specs_update_cont .specs_update_block_old ul{ margin-bottom:0;}

.specs_update_block_old ul:after{content:""; width:7px; height:7px; display:block; border-radius:7px; background-color:#21b0eb; position:absolute; bottom:0; left:57px;}

.auspecs_block ul{max-width:420px;}


 

/*download style**/

.dl_cont_left{ width:500px;}

.pr_download_left{ width:540px; }

.dl_cont_left p{ line-height:1.7; font-weight:bold; }

.dl_cont_left li{ color:#3d3d3d; line-height:2;}

.dl_banner_right{ width:430px; height:430px; overflow:hidden;}

.dl_banner_right_2{width:430px; height:416px;}

.dl_banner_img{transform:translateY(-500px); -webkit-transform:translateY(-500px); transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out;}

.dl_banner_img_an .dl_banner_img{ transform: translateY(0); -webkit-transform: translateY(0);}

.download_banner .download_banner_img_an .download_bg{transform: translateY(-10px);-webkit-transform: translateY(-10px);}

.download_banner .download_banner_img_an .download_bg_shadow{opacity: 1;}

.dl_banner_bg{ margin:-10px 0 20px 110px; opacity:0; transition:all 1s 1s ease-in-out; -webkit-transition:all 1s 1s ease-in-out;}

.dl_banner_img_an .dl_banner_bg{ opacity:1;}

.dl_pro{ width:100%; background: url(../jpg/phoneclean_bg_2.jpg) top center no-repeat; background-size:cover; padding:45px 0; margin-top:20px;}

.dl_pro_block{ padding:20px 0;}

.dl_pro_block p{ width:495px; margin-left:35px;}

.dl_pro_block p a{ line-height:52px;}

.dl_pro_block p span{ display:block; line-height:18px;}

.dl_pro_block .dl_pro_btn{ width:180px; height:40px; font-size:16px; border-radius:5px; line-height:40px; text-align:center; color:#fff; background-color:#3bb2f7; margin-top:20px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.dl_pro_btn:hover{background-color: #23b8f5; text-decoration: none; box-shadow: 8px 8px 30px 0 #d5d5d5;}

.dl_steps h2{margin:40px auto;}

.dl_steps_block{ width:830px; margin:0 auto 40px auto;}

.dl_steps_block li{ width:202px; float:left; text-align:center;}

.dl_steps_block li b{ display:block; font-size:24px; margin:20px auto;}

.dl_steps_block li p{ font-size:14px; color:#585858;}

.dl_steps_block .dl_steps_bg{ width:108px; height:29px; background:url(../png/phoneclean_step_bg-3.png) no-repeat center; margin-top:100px;}

.dl_steps_win,.dl_steps_mac{ display:none;}

.pr_download_steps{ border-top:1px solid #ebebeb; }

.pr_download_cont{ margin-bottom:30px; }



.download_btn_block{ width:500px; height:90px; border-radius:5px; border:2px dashed #c1c1c1;}

.download_btn_block1 p{ width:250px; float:left; margin:0 20px 40px 0; text-align:center; }

.download_btn_block1 p span{ font-weight:400; font-size:12px; }

.download_btn_block>a,.download_btn_block1 a{ width:250px; height:56px; float:left; border-radius:5px; font-size:18px; color:#fff; line-height:37px; background-color:#08a400; text-align:center; margin:15px 20px;}

.download_btn_block>a:after,.download_btn_block1 a:after{ content:"\e801"; font-family:"iconfont"; vertical-align: middle; font-size:30px; margin-left:10px; display:inline-block; margin-top:10px;}

.download_btn_block>a:hover,.download_btn_block1 a:hover{ text-decoration:none; background-color:#2abb26;}

.download_btn_block>span{ width:200px; float:left; color:#737373; line-height:1.5; margin-top:25px;}

.download_comments span{ width:90px; display:inline-block; color:#7c7c7c; line-height:1.5; vertical-align: middle;}

.download_comments img{ margin-left:10px; vertical-align:middle;}

.download_btn_block>a:before{ content:"Kostenlose Testversion"; color:#fff; position:absolute; left:40px; top:20px; font-size:12px;}

.download_btn_block1{ border:none; width:540px; height:auto; border-radius:0; border-bottom:1px dashed #eaeaea; }

.download_btn_block1 a:before{content:"";}

.download_btn_block1 a{line-height:56px; margin:0 0 15px 0; }

.download_btn_block1 a:after{margin-top:0;}





.samll_adv{background: url(../jpg/samll_adv.jpg) no-repeat center; width:980px; height:0; position:relative; /*margin-top:-80px;*/ opacity:0; /*display:none;*/ overflow:hidden; transition:all 1s ease-in-out;}

.samll_adv3{height:85px; opacity:1;}



.samll_adv>img{ float:left; margin-top:33px; margin-left:47px;}

.samll_adv>a img{position: absolute; top: 32px; right: 22px;}

.samll_adv>p>a{width:183px; line-height:50px; float:right; border-radius:10px; font-size:30px; color:#fff; padding-left:27px; display:block; font-weight:bolder; text-decoration:none; box-shadow:0 5px 5px #cbcbcb; position:relative; margin:15px 68px 0 0; background: linear-gradient(top, #fca2ad 0%, #ff767c 100%); background: -moz-linear-gradient(top, #fca2ad 0%, #ff767c 100%); background: -o-linear-gradient(top, #fca2ad 0%, #ff767c 100%); background: -ms-linear-gradient(top, #fca2ad 0%, #ff767c 100%); background: -webkit-linear-gradient(top, #fca2ad 0%, #ff767c 100%);}.sup_main p>a:after{ content:""; width:15px; height:24px; position:absolute; right:44px; top:21px; background:url(../png/juli_left.png) no-repeat;}	

.samll_adv p>a:hover{background: linear-gradient(top, #ff767c 0%, #fca2ad 100%); background: -moz-linear-gradient(top, #ff767c 0%, #fca2ad 100%); background: -o-linear-gradient(top, #ff767c 0%, #fca2ad 100%); background: -ms-linear-gradient(top, #ff767c 0%, #fca2ad 100%); background: -webkit-linear-gradient(top, #ff767c 0%, #fca2ad 100%);}





.tages_clock{display: block; padding-top:37px; float:left; margin-left:10px;}

.tages_clock p {margin-left: 91px; margin-right: 8px;}

.tages_clock time, .tages_clock p, .tages_clock span { float: left; font-size: 16px; line-height: 24px; color: #77b4db; font-style: italic; font-weight: bolder;}



.sup_main{ background:url(../jpg/juli_supbg.jpg) no-repeat; width:980px; border-radius:11px; position:relative; margin:5px auto 0 auto; border-radius:8px; overflow: hidden; height:0px; /*opacity:0; margin-top:-477px;*/ /*transition:all 2s ease-in-out 2.5s, opacity 2s ease-in-out 2.5s;*/}

.sup_main2{height:477px; opacity:1;}

.sup_main h1>img{ margin:35px auto 0; display:block;}

.sup_main>p {font-size: 24px; line-height:36px; color: #808080; text-align: center; width:584px; margin:12px auto 0; font-weight: bolder;}

.sup_main p>a{width:256px; line-height:65px; text-align:left; border-radius:10px; font-size:30px; color:#fff; padding-left:47px; display:block; font-weight:bolder; text-decoration:none; box-shadow:0 5px 5px #cbcbcb; position:relative; margin:33px auto 0; background: linear-gradient(top, #fca2ad 0%, #ff767c 100%); background: -moz-linear-gradient(top, #fca2ad 0%, #ff767c 100%); background: -o-linear-gradient(top, #fca2ad 0%, #ff767c 100%); background: -ms-linear-gradient(top, #fca2ad 0%, #ff767c 100%); background: -webkit-linear-gradient(top, #fca2ad 0%, #ff767c 100%);}

.sup_main p>a:after{ content:""; width:15px; height:24px; position:absolute; right:44px; top:21px; background:url(../png/juli_left.png) no-repeat;}	

.sup_main p>a:hover{background: linear-gradient(top, #ff767c 0%, #fca2ad 100%); background: -moz-linear-gradient(top, #ff767c 0%, #fca2ad 100%); background: -o-linear-gradient(top, #ff767c 0%, #fca2ad 100%); background: -ms-linear-gradient(top, #ff767c 0%, #fca2ad 100%); background: -webkit-linear-gradient(top, #ff767c 0%, #fca2ad 100%);}

.sup_clock {background: url(../png/juli_clock.png) no-repeat right; width:280px; height:56px; display:block; margin:68px auto 45px;}

.sup_clock p {margin-right:5px;}

.sup_clock time, .sup_clock p, .sup_clock span {float: left; font-size: 22px; line-height: 64px; color: #2baddb; font-weight:bolder;}

.sup_close{ position:absolute; right:12px; top:12px;}

.sup_clock_pr{margin:34px auto 45px;}



.dl_banner_right_2 li{ width:451px; height:280px; position:absolute; box-shadow:0 0 21px #848383; transition:all 1s ease-in-out;}

.img_1{top:90px; transform:scale(1); z-index:5; opacity:1;}

.img_2{top:60px; transform:scale(0.9); z-index:4; opacity:0.8;}

.img_3{top:30px; transform:scale(0.8); z-index:3; opacity:0.4;}

.img_4{top:0; transform:scale(0.7); z-index:2; opacity:0.2;}

.img_5{top:-30px; transform:scale(0.6); z-index:1; opacity:0.1;}

/*11.25 adv*/

.at5_closer{width:100%; background-color:#60636e; height:83px; overflow:hidden; position:fixed; top:100%; left:0; z-index:99; display:none;}

.at5_closer .at5_adv_closer:before{content:"\e813"; font-family:"iconfont"; font-size:16px; display:block; text-align:center; line-height:28px; position:absolute; top:26px; right:10px; cursor:pointer; color:#b0b1b7;}

.at5_closer .at5_adv_closer:hover:before{color:#ffffff;}

.at5_closer a img:hover{-webkit-filter:saturate(120%); filter: saturate(120%);}

/*adv*/



/*2017-3-14*/

.at_info{ width:530px; margin-left:10px; padding:90px 0 70px; }

.at_info ul{ margin-top:10px;}

.at_info ul li{ line-height:2; font-size:14px; color:#000;}

.at_info h4{ font-size:24px; color:#000000; padding-bottom:35px;}

.at_click p{ padding:15px 0;}

.at_click p img{ vertical-align:middle;}

.at3,.at4{ color:#0088cc; cursor:pointer;}

.at_hover_font{ width:390px; height:60px; background:-webkit-linear-gradient(left, #60e163 0%, #16cf6c 100%); border-radius:5px; box-shadow:2px 2px 8px #d0e2d8; overflow:hidden;}

.at_hover_font a{ width:320px; margin:10px auto; display:block;}

.at_hover_font a span{ margin-left:20px; font-size:24px; color:#FFF; line-height:1; margin-top:-2px; width:240px; display:block;}

.at_hover_font a span em{ font-size:14px; font-style:normal; color:#FFF;}

.at_btn{ width:463px; height:98px; margin-top:-3px; border:2px #ccc dashed; border-radius:5px; background-size:100%; }

.at_btn>a{ display:inline-block; width:261px; line-height:60px; margin:19px 0 0 20px; border-radius:5px; color:#fff; background-color:#15cf6c; }

.at_btn>a:hover{ text-decoration:none; background:#06da5e; }

.at_btn>a:after{ content:""; display:inline-block; width:38px; height:32px; margin-left:15px; vertical-align:middle; background:url(../png/at_btn_icon-2.png) no-repeat;}

.at_btn1>a:after{ content:""; display:inline-block; width:32px; height:32px; margin-left:15px; vertical-align:middle; background:url(../at_btn_icon1-2.html) no-repeat;}

.at_btn .at_version{ width:171px; margin:30px 0 0 9px; line-height:1.6; color:#737373; }

.at_show{ display:none;}





.at_img{ position:absolute; top:90px; right:-200px; width:600px; }

.at_winmac{ position:absolute; top:59px; left:142px; width:380px; height:238px; box-shadow:0 0 5px 3px #c7d0e1; }

.at_winmac>img{ display:block; width:100%;}

.at_shadow{ box-shadow:0 0 16px #eee; margin-bottom:30px; background-color:#fff; padding:0 38px 27px 38px; border-radius:5px; }

.dl_pro_blocks{ padding-bottom:10px; }

.at_shadow .dl_pro_btn{ margin-top:60px; background:-webkit-linear-gradient(left, #42bee1 0%, #3495dc 100%); }



.at_shadow .at_img1{ margin-top:25px; }

.at_shadow .at_img2{ margin-top:5px; }

.at_shadow p{ margin-top:13px; }

.at_shadow p span{ font-size:12px; line-height:1.6; color:#737373; }

.at_down_p li p{ color:#737373; }

.at_macclean_img{ top:190px; }

.at_maccelan_info{ padding-bottom:100px; }



/**2017-4-19*/

.any6_closer1{ position:fixed; bottom:0; z-index:99; }

.any6_closer1 img{ display:block; max-width:100%; height:auto; }

.at5_adv_closer{position:absolute;  top:14px; right:16px; z-index:100;}



/*change de rescorce.htm 2017-5-08*/

.change_res_banner{ height:699px; background:#4e66b0 url(../jpg/change_res_banner.jpg) top center no-repeat; background-size:cover; }

.change_banner_wrap>img{ margin:0 auto; }

.change_banner_wrap>span{ font-size:20px; }

.change_banner_wrap h1{ font-size:50px; }

.change_banner_wrap h1:after{ content:""; display:block; width:220px; height:7px; margin:40px auto; background:url(../png/change_banner_wrap_line.png) top center no-repeat; }

.change_banner_wrap p{ line-height:1.7; }

.change_res_btn{ width:545px; margin:55px auto 0 auto; }

.change_res_btn a{ display:block; float:left; width:255px; line-height:54px; font-size:22px; color:#fff; border-radius:5px; text-decoration:none; }

.change_res_btn1{ background-color:#66c7ff; margin-right:30px; border:1px solid #66c7ff; }

.change_res_btn1:hover{ text-decoration:none; background-color:#4dbeff; }

.change_res_btn2{ border:1px solid #fff; transition:all linear 0.3s; }

.change_res_btn2:hover{ text-decoration:none; color:#66c7ff; background-color:#fff; }



.change_uber{ height:289px; margin-top:-36px; background:url(../png/change_uber.png) no-repeat;  }

.change_uber p{ line-height:1.7; color:#9d9d9d; }

.change_mediua_wrap{ border-top:1px solid #f0f0f0; padding-bottom:60px; }



.res_contain{ width:380px; }

.res_contain li{padding:10px 0; margin-bottom:35px; }

.res_contain li h4{font-size:18px; line-height:14px; color:#000; margin-bottom:5px; }

.res_contain li p{font-size:14px; line-height:21px; color:#666; margin:10px auto;}

.res_contain li a{font-size:14px; line-height:26px; display:block; color:#3ca4f8; }

.re_screenshot .res_down2{ color:#3ca4f8; }



.res_down2:before{content:""; display:inline-block; padding-right:5px; }

.res_down2:before{ background:url(../png/resource_dl_icon-2.png) no-repeat; width:12px; height:16px; position:relative; top:3px; padding-right:3px;}



/*5 years birthday anytrans*/

.birthday_dl{ background:#7fcde4 url(../jpg/birthday_dl.jpg) top center no-repeat; backgroud-size:cover; }

.birthday_dl_wrap{ width:510px; margin-left:66px; padding-bottom:30px; }

.birthday_dl_wrap h2{ font-size:46px; font-weight:bold; }

.birthday_dl_btn1,.birthday_dl_btn2{ float:left; margin:18px auto; font-weight:bold; border-radius:5px; }

.birthday_dl_wrap .birthday_dl_btn1{ width:226px; height:56px; padding-top:5px; color:#287ad6; margin-right:10px; border:3px dashed #6cb7e3;}

.birthday_dl_wrap .birthday_dl_btn2{ width:262px; line-height:61px; color:#fff; border:3px solid #287ad6; background-color:#287ad6; }

.birthday_dl_btn2:after{ content:""; display:inline-block; width:18px; height:16px; margin-left:6px; vertical-align:middle; background:url(../png/birthday_btn2.png) no-repeat; }

.birthday_dl_btn2:hover{ text-decoration:none; background-color:#2a80e0; border:3px solid #2a80e0; }

.atdlwinmac_img{ top:160px; }

.atdlwinmac_img .at_winmac{ box-shadow:none;}



/* 2024/7/12 */
.system_table {
    width: 100%;
    border: 1px solid #d3effb;
    box-sizing: border-box;
  }

  .system_table div {
    box-sizing: border-box;
  }

  .table_title {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    background: rgba(33, 176, 235, 0.2);
    padding: 7px 0;
  }

  .table_row {
    display: flex;
    background-color: #fff;
  }

  .table_row:first-of-type {
    background: #f1fbff;
  }

  .table_row:first-of-type .table_col {
    color: #333;
    font-size: 18px;
    font-weight: 500;
  }

  .table_col {
    width: 40%;
    display: flex;
    align-items: center;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0 8px 20px;
    border: 1px solid #d3effb;
    border-bottom: 0;
    border-right: 0;
  }

  .table_col:first-of-type {
    width: 20%;
    border-left: 0;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    word-break: break-all;
  }

  .table_merge { 
    display: flex;
    width: 80%;
    flex-wrap: wrap;
     }
     .table_merge div  { 
      width: 50%;
     }
     .table_merge .table_col:first-of-type {
    width: 50%;
    border-left: 1px solid #f4e8d5;
    color: #666;
    font-weight: normal;
    font-size: 16px;
     }
    .table_merge .table_col_merge {
      width: 100%;
      padding: 20px;
    }
    .table_merge em {
    color: #999;
    font-size: 14px;
    }

  .mac_table {
    margin-top: 30px;
    border-color: #f4e8d5;
  }

  .mac_table .table_title {
    background-color: #f4e8d5;
  }

  .mac_table .table_row:first-of-type {
    background: #fef8ef;
  }

  .mac_table .table_col {
    border-color: #f4e8d5;
  }


@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) {

.nav_btn_explore span{background:url(../png/fun_nav_icon1%402x-3.png) no-repeat; background-size:19px 39px;}

.nav_btn_try span{background:url(../png/fun_nav_icon2%402x-3.png) no-repeat; background-size:19px 39px;}

.nav_btn_buy span{background:url(../png/fun_nav_icon3%402x-3.png) no-repeat; background-size:19px 39px;}

.dl_steps_bg{background:url(../png/phoneclean_step_bg%402x-3.png) no-repeat; background-size:86px 29px;}

.nav_btn_guide span{background:url(../png/fun_nav_icon4%402x-3.png) no-repeat; background-size:19px 39px;}

.at_btn>a:after{  background:url(../png/at_btn_icon%402x.png) no-repeat; background-size:38px 32px;}

.at_btn1>a:after{ background:url(../at_btn_icon1%402x.html) no-repeat; background-size:32px 32px;}

.nav_btn_guide span {background: url(../png/fun_nav_icon4%402x-3.png) no-repeat; background-size: 19px 39px;}\

}