/* CSS Document */ * { margin:0; padding:0; border:0; } body {font-family:'Myriad Set Pro', 'Arial', 'Helvetica', 'sans-serif'; font-size:16px; color:#666; line-height:21px; z-index:-10000; height:100%;} a { color:#00aeef; text-decoration: underline; cursor:pointer; outline:none } a:hover { text-decoration: none; } li { list-style:none } h1, .t1 { font-size:36px;color:#222222; line-height:38px; padding:35px 0 24px 0; font-weight:400;} .t1 { color:#666; font-size:36px;font-weight:200;} h2 { fcolor:#333; font-size:28px; line-height:30px; padding:35px 0 20px 0;font-weight:200; } p{ padding-bottom:18px;} img{ vertical-align:top} .clear { clear:both; overflow:hidden; } .clear1 { clear:both; overflow:hidden; height:5px;} .top_close_bg{background:url(../image/special/Russia-banner-bg.jpg) center;} .top_close{ width:1000px; height:100px; margin:0px auto; display:none;background:url(../image/special/Russia-top.jpg) center no-repeat;} .top_close a{width:100%; height:100%; display:block;} .closediv{width:40px; height:40px; position:relative; left:1024px; top:-70px; cursor:pointer; background:#fff;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; line-height:40px; font-family:Arial, Helvetica, sans-serif; color:#999; font-weight:bold; font-size:24px;-webkit-box-shadow: #999 0px 0px 10px;-moz-box-shadow: #999 0px 0px 10px;box-shadow: #999 0px 0px 10px;} .closediv:hover{ -webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px; color:#666;} .top_sales{ height:32px; line-height:32px; background:#282d32; width:auto;} .top_sales_mian{ width:1000px; margin: 0 auto;} .top_sales_text{ float:left; width:650px; text-align:left; height:32px; color:#b4b4b4;} .top_sales_text a{ color:#F00;} .international{ background:#f7f7f7; float:right; text-align:right; margin-top:17px; border:1px solid #ccc; width:34px; height:34px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;} .Language { width:34px; height:34px; position:relative; float:right;} .Language li a, .Language li a:visited { display:block; width:30px; height:45px; text-align:center; line-height:45px; font-size:14px; overflow:hidden; } .Language li { float:left; margin-right:1px; position:relative; height:45px; line-height:45px; } .Language li a { background:url(../image/Language_module.png) no-repeat -4px -165px; height:34px; width:34px; line-height:35px; } .Language li ul { display: none;z-index:999999999; } .Language li:hover a { color:#fff; } .Language li:hover ul { display:block; position:absolute; left:-117px; top:53px; width:150px; background:#fff; border:1px solid #CCC; } .Language li:hover ul li { float:none; margin:0px; width:150px; height:30px; } .Language li:hover ul li a { display:block; color:#000; width:120px; padding:0px 15px; text-align:left; height:30px; line-height:30px; text-decoration:none; } .Language li:hover ul .jp a { background-position:117px -238px; } .Language li:hover ul .de a { background-position:117px -180px; } .Language li:hover ul .fr a { background-position:117px -209px; } .Language li:hover ul .ru a { background-position:117px -150px; } .Language li:hover ul .zh a { background-position:117px -122px; } .Language .english { background-position:2px -265px; width:34px; height:54px;} .Language li:hover ul li:hover { background:#f7f7f7; } /* top start */ .nav { width:610px; height:70px; margin:0 auto; float:left;} .nav .nav_list { float:left;} .nav li { float:left; height:70px; line-height:70px; position:relative;} .nav li.last { background:none; } .nav li a { float:left; display:block; width:110px; height:70px; text-align:center; font-size:17px; line-height:70px; text-decoration:none; color:#6a6a6a; } .nav li a:hover, .now, .over{ color:#333;text-decoration:none; background:#f6f6f6;border-bottom:2px solid #009ad9; } .nav li a.selected { background:#f6f6f6; color:#333;border-bottom:2px solid #009ad9;} .nav li.selected .submenu { display:block; } .nav li .submenu { display:none; position:absolute; top:72px; left:-200px; background:url(../image/headbg.png); width:1000px;z-index:99999999;border:1px solid #ccc;border-top:none;} .nav .nav_list .drop-menu-effect .products-img img{ padding-top:33px; padding-left:5px;} .Media_Player { width:484px; height:230px; margin:20px 0px; padding-left:10px; border-right:1px solid #CCC; float:left; } #drop-down-menu { width:484px; height:230px; margin:0px; padding:0px; } #drop-down-menu-title { margin:0px; padding:0px; line-height:40px; height:40px; font-size:16px; padding-bottom:10px; } #drop-down-menu .div-list{float:left; width:150px; height:185px; font-size:14px; background:none; color:#666;text-align:center;margin-right:5px; border:none; border-right:dashed 1px #CCC;padding-right:5px;} #drop-down-menu .div-list span{ clear:both; line-height:40px; height:40px;} #drop-down-menu .div-list a{ background:none; color:#666;font-size:13px; border:none; text-align:center; line-height:21px; width:100%;height:auto;} #drop-down-menu .div-list a:hover{ color:#00aeef; text-decoration:none; } #drop-down-menu .div-list .dh-img-a{ height:135px; display:block; width:150px; font-size:14px; overflow:hidden; padding:0px;} #drop-down-menu .div-list .dh-img-a .dh-system-icon{ font-size:13px;background:url(../image/xitong-icon-25.png) no-repeat 25px 0px; padding-left:35px;} #drop-down-menu .div-list .dh-img-a:hover .dh-system-icon{background:url(../image/xitong-icon-25.png) no-repeat 25px -25px;} #drop-down-menu .div-list .dh-img-a .dh-system-icon-pc{ font-size:13px;background:url(../image/xitong-icon-25.png) no-repeat 25px -50px; padding-left:35px;} #drop-down-menu .div-list .dh-img-a:hover .dh-system-icon-pc{background:url(../image/xitong-icon-25.png) no-repeat 25px -75px;} #drop-down-menu .div-list p{ padding:0px; margin:0px; line-height:30px; } #drop-down-menu .div-list p .dot-gray{padding-left:55px; height:28px; line-height:28px; overflow:hidden; margin:0 auto; text-align:left;} #drop-down-menu .div-list p .dot-gray-mac{background:url(../image/xitong-icon-25.png) no-repeat 25px 0px;} #drop-down-menu .div-list p .dot-gray-mac:hover{background:url(../image/xitong-icon-25.png) no-repeat 25px -25px;} #drop-down-menu .div-list p .dot-gray-win{background:url(../image/xitong-icon-25.png) no-repeat 25px -50px;} #drop-down-menu .div-list p .dot-gray-win:hover{background:url(../image/xitong-icon-25.png) no-repeat 25px -75px;} .facebook_icon{ width:130px; float:left; z-index:999; height:70px; } .facebook_icon li{ float:left; height:52px; padding-top:17px; margin-right:10px;} .facebook_icon li a{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .facebook_icon li a:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;} .facebook_icon li img{ width:36px; height:36px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;} /* top over */ .banner { height: 530px; position:relative; z-index:-100;} .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0 auto; } .flexslider .slides .ban1{ background:url(../image/banner_001.jpg) no-repeat center center; width:auto; height:530px;} .flexslider .slides .ban2{ background:url(../image/banner_002.jpg) no-repeat center center; width:auto; height:530px;} .flexslider .slides li .banli{ width:1000px; height:360px; margin:0 auto; padding-top:170px;} .flexslider .slides li .banli p{ text-align:center; margin-top:30px; font-size:19px; color:#fff;} .flexslider .slides li .banli p .banner-a1{ color:#FFF; text-decoration:none; padding:0px 15px; width:240px; height:30px; display:block; margin:0 auto; background:url(../image/banner-abg.png) no-repeat -10px -5px; } .flexslider .slides li .banli p .banner-a1:hover{ text-decoration:underline;background-position:-10px -43px; } .flexslider .slides li .banli p .banner-a2{ color:#FFF; text-decoration:none; padding:0px 15px;width:260px; height:30px; display:block; margin:0 auto;background:url(../image/banner-abg.png) no-repeat 0px -80px; } .flexslider .slides li .banli p .banner-a2:hover{ text-decoration:underline; background-position:0px -118px;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { width: 60px; height: 90px; margin: -60px 0 0; display: block; background: url(../image/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index:1; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; top:312px;z-index:100; } .flex-direction-nav .flex-prev { left: 0;top:312px; z-index:100;} .flexslider:hover .flex-next { opacity: 0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; text-align: center; left:0; top:500px; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {background: url(../image/dot.png) no-repeat 0 -16px;display:block; height: 16px;overflow: hidden; text-indent:-99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active { background-position: 0 0; } .sichanpibg{border-bottom: 1px solid #e8e8e8;background:url(../image/sichanpibg.jpg) repeat-x 0px 300px; } .sichanpi{ margin:0 auto; width:1000px; position:relative;} .sichanpi_h1{ font-size:26px; text-align:center; height:100px; line-height:100px;} .sichanpi_title { height: 200px; overflow: hidden; width:1000px; margin:0 auto; } .sichanpi_title ul { width:1000px; position:relative; } .sichanpi_title .fx li { float: left;width:250px;text-align:center; cursor:pointer; font-size:17px;} .sichanpi_title .fx li img{ width:130px; margin-top:7px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .sichanpi_title .fx li p{ margin-top:15px;} .sichanpi_title .fx li:hover p{color:#00aeef;} .sichanpi_title .fx li:hover img{ margin-top:0px;} .sichanpi_content { width:auto; border-top: 1px solid #e8e8e8;} .sichanpi_box { width:1000px; overflow: hidden; float: left; } .sichanpi_box .list ul { width: 1000px; overflow: hidden; } .sichanpi_box .list ul li { width: 1000px; padding:40px 0px; } .list_box_left{ float:left; width:490px; height:360px;} .list_box_left p{ text-align:center; margin-top:10px;} .list_box_right{ float:right; width:490px; line-height:21px;} .list_box_right h3{ padding-bottom:20px; padding-top:20px;} .list_box_right h3 a{font-size:26px; text-decoration:none; } .list_box_right h3 a:hover{ text-decoration:underline;} .sichanpi_box .list_box_right ul li{ line-height:28px; padding:0px; background:url(../image/arrow-down.png) no-repeat 0px 10px; padding-left:15px;} .sichanpi_box .list_box_right ul li a{ text-decoration:none; color:#666; } .sichanpi_box .list_box_right ul li a:hover{ text-decoration:underline;} .sy-down-a{ display:block; height:40px; background:#F00; width:200px; line-height:40px; text-align:center; float:left; margin-right:30px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; color:#FFF; text-decoration:none; font-size:16px; text-transform:uppercase;} .sy-down-a1{background:#5ab3f6;} .sy-down-a1:hover{background:#4ca2e2;} .sy-down-a2{background:#ee9240;} .sy-down-a2:hover{background:#dc8537;} div.t.none { display: none; } .sichanpi_title ul.fx li { background-color: transparent; } .sichanpi_title ul.fx { } .sichanpi_title div.animate { height: 250px; position:absolute; top:50px; background-color: transparent; border-bottom:#009ad9 2px solid; } .Review{ margin-top:50px; width:auto; height:auto;} .Reviewbg{ width:1000px; height:auto; margin:0 auto; border-bottom:1px solid #e5e5e5; padding-bottom:20px; } .Review_title{ text-align:center; font-size:14px; margin-bottom:40px;} .Review_title p{ font-size:24px; margin-bottom:0px; } .Review_box{ width:220px; margin-right:40px; float:left; text-align:center;} .Review_box p{line-height:24px;} .security{ width:auto; height:250px; margin-top:50px; } .securitybg{width:1000px; height:auto; margin:0 auto;} .securitybg div{ float:left; width:280px; margin-right:50px; text-align:center; padding:0px 10px; line-height:24px;} .footer{ width:auto; height:auto; background:#e2e2e2; clear:both;} .footerbg{ width:1000px; height:auto; margin:0 auto;} .footerbg div{ float:left; width:170px; padding:30px 15px; } .footerbg div p{ font-size:18px} .footerbg div ul li{ padding-bottom:10px;padding-right:15px; overflow:hidden;} .footerbg div ul li a{ text-decoration:none; color:#888; font-size:14px;} .footerbg div ul li a:hover{ text-decoration:underline; color:#555;} .section{ width:auto; height:100%; max-height:1080px;} #overview{ min-height:900px;max-height:1080px;} #features{ min-height:768px;max-height:1080px;} #specs{ min-height:768px;max-height:1080px;} #support{ min-height:850px;max-height:1080px;} #discount{ min-height:768px;max-height:1080px;} #features_icon1{ min-height:768px;max-height:1080px;} #features_icon2{ min-height:768px;max-height:1080px;} #features_icon3{ min-height:768px;max-height:1080px;} #features_icon4{ min-height:768px;max-height:1080px;} #features_icon5{ min-height:768px;max-height:1080px;} .section { color: #282d32; overflow: hidden; height: 100%; min-height: 500px; max-height:1080px; } #overview { background:#CCC; } #inside { background:#00f; } #slmenu { position: fixed; right: 20px; top: 43%; z-index: 110; } #slmenu li { font-size: 15px; line-height: 23px; font-weight: 300; color: #00aeef; width: 150px; } #slmenu li a { border: 1px solid #333; -webkit-border-radius: 50%; border-radius: 50%; background-color: #333; display: block; width: 11px; height: 11px; float: right; margin: 4px 0 0 10px; color: #00aeef; } #slmenu li span { opacity: 0; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; color: #00aeef; text-align: right; display: block; float: left; width: 120px; } #slmenu:hover li span { opacity: 1; color:#00aeef;} #slmenu li.active span { opacity: 1; } #slmenu li.active a { background-color: transparent; border: 1px solid #00aeef; width: 12px; margin: 3px 0 0 10px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; } #vc { display:table;overflow:hidden; height:100%; } #vci { vertical-align:middle; display:table-cell; text-align:center; _position:absolute; _top:50%; _left:50%; } #content {display:inline-block; _position:relative; _top:-50%; _left:-50%; text-align:center; } .Overview-main{width:1000px; height:150px; margin:0 auto; } .Overview-title{border-bottom:1px solid #b4b7b9; height:100px; width:auto;} .Overview-title-left{width:550px; height:100px; float:left;} .Overview-title-left h1{font-family:'Myriad Set Pro', 'Arial', 'Helvetica', 'sans-serif';font-weight:200; font-size:28px;padding: 0px; margin-top: 23px;} .Overview-title-right{float:right; width:450px; height:100px;} .starsbg{ width:150px; float:left; height:60px; margin-top:20px; border-right:1px solid #b4b7b9; padding-right:15px; text-align:right; font-size:12px;} .stars{ width:140px; height:18px; background:url(../image/stars.png) no-repeat left bottom; margin:10px 0 10px 20px; text-align:right;} .stars span{ width:92px;height:18px; background:url(../image/stars.png) no-repeat left 1px; display:block; float:left;} .starsbg a{ color:#666; text-decoration:none;} .Overview-button{ float:right; width:270px; padding-top:30px;} .Overview-button a{display:block; width:130px; height:40px; line-height:40px; text-align:center; font-size:17px; color:#FFF; text-decoration:none; float:right;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;} .over-button-try{ background:#51aaed; margin-right:10px;} .over-button-try:hover{background:#4ca1e1;} .over-button-get{ background:#fa594b;} .over-button-get:hover{background:#f05042;} .over-macbg{ width:1000px; background:url(../image/over-macbg.png) no-repeat; height:564px; margin-top:30px;} .qunar { width:700px; height:450px; background:#000; margin-left:150px; margin-top:25px; position: relative; overflow: hidden;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; } .qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 700px; height: 450px; } .qunar .e_pic_wrap li { position: relative; display: inline; width: 700px; height: 450px; overflow: hidden; } .e_prevnext .prev, .e_prevnext .next { position: absolute; z-index: 30; display: block; } .e_prevnext .prev { top: 50%; margin-top:-16px; left: 10px; } .e_prevnext .next { top: 50%; margin-top:-16px; right: 10px; } .e_prevnext .prev a, .e_prevnext .next a { display: block; width: 25px; height: 32px; overflow: hidden; background: url(../image/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(../image/ico_prevnext_ie6.png); } .e_prevnext .prev a { background-position: 0 0; } .e_prevnext .prev a:hover { background-position: 0 -40px; } .e_prevnext .next a { background-position: 0 -80px; } .e_prevnext .next a:hover { background-position: 0 -120px; } .rollTop { position: fixed; z-index: 16; top: 0; left: 0; width: 100%; height: 62px;display:none; background:#545a61;filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; } .rollTop .wrap { width: 1000px; overflow: hidden; height: 62px; margin:0 auto; } .rollTop .wrap ul{ width:650px; float:left; position:static;} .rollTop .wrap ul li{ float:left; line-height:62px; height:62px; padding-right:40px; width:auto;} .rollTop .wrap ul li a{ color:#ddd; font-size:18px; text-decoration:none; background:none; border:none; margin:0px; padding:0px; width:auto; height:auto;} .rollTop .wrap ul li a:hover{ color:#fff;} .section-main{ width:1000px; margin:0px auto;} .features_icon{ width:250px;float:left;min-height:568px; } .features_icon5{ display:none;} .features-title{font-size:20px; padding:25px 10px; line-height:30px;} .features-title a{ text-decoration:none; color:#666;} .features-title a:hover{ text-decoration:underline;color:#00aeef;} .features-txt{ margin:0 10px; min-height:300px;} .features-txt li{line-height:21px; margin-bottom:10px; list-style:circle; text-align:left;} .features-txt li a{text-decoration:none; color:#00aeef; float:right;} .features-txt li a:hover{ text-decoration:underline;color:#00aeef;} @media screen and (min-width:1500px) { .section-main{ width:1500px; margin:0px auto;} .features_icon{ height:auto; width:300px; } .features_icon5{ display:block;} .features-title{font-size:22px; padding:25px 10px;} .features-txt{padding:0px 15px; line-height:28px;} } .section-main2{ width:1000px; margin:0px auto;} .section-main2 .features_icon{ width:250px;float:left;min-height:568px; } @media screen and (min-width:1200px) { .section-main2{ width:1200px; margin:0px auto;} .section-main2 .features_icon{ height:auto; width:300px; } } .support{ width:1000px; margin:0 auto;} .support-title{text-align:center; padding:40px 20px;;} .support-title h2{ font-family:'Myriad Set Pro', 'Arial', 'Helvetica', 'sans-serif'; padding:0px;padding-bottom:20px; font-size:36px;font-weight:200;} .support-block{width:490px; float:left; background:#000; height:280px; overflow:hidden; margin-bottom:2px; margin-left:2px;} .support-block-txt{ background:#FFF; width:490px; height:280px; text-align:left;margin-top:230px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .support-block:hover .support-block-txt{ margin:0px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;} .support-block-txt-t{ height:50px; width:460px; border-bottom:1px solid #CCC; padding:0px 15px; line-height:50px; font-size:18px;} .support-block-txt p{ padding:5px 15px 0px 15px; font-size:12px;} .support-block-txt-t-ox{ margin:15px 0px; float:left; width:50%;} .support-block-txt-t-ox li{ font-size:12px; float:left; padding:0px 10px 0px 15px; line-height:19px; } .support-block-txt-t-Language{ margin:15px;} .support-block-txt-t-Language li{ float:left; height:24px; line-height:24px; font-size:13px;width:50%; color:#666;} .faq{ width:1000px; margin:0 auto;} #tab{width:962px;position:relative; margin:0 auto; height:340px; } #tab .tab_menu{width:100%;position:absolute;z-index:11; } #tab .tab_menu li{float:left; background:#f8f8f8; border:1px solid #e9e9e9; border-botttom:none; padding:5px 0; font-size:20px;margin-right:28px; width:300px; height:33px; line-height:33px; text-align:center; border-radius:5px 5px 0px 0px; /* Gecko browsers */ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; /* Webkit browsers */ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; /* W3C syntax */ border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} #tab .tab_box{width:960px;clear:both;top:45px;position:relative;border:1px solid #e9e9e9; border-top:1px solid #65b7ea;background-color:#65b7ea; height:260px; z-index:1; /* Gecko browsers */ -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; /* Webkit browsers */ -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; /* W3C syntax */ border-top-left-radius: 0px; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} #tab .tab_menu .selected{background:#65b7ea;cursor:pointer; border-bottom:none; height:35px; color:#fff;} .hide{display:none;} .tab_box div{padding:10px;} #tab .tab_box div ul{ margin-top:20px;} #tab .tab_box div ul li{ line-height:19px; padding-bottom:10px; list-style:outside; color:#FFF;} #tab .tab_box div .tabCon-ul1{ width:550px; margin-right:10px; text-align:left; float:left; padding-left:35px;} #tab .tab_box div .tabCon-ul2{ width:300px; float:right; text-align:left; padding-right:30px; } .tabCon-ul2 li a:hover{text-decoration:underline;color:#00aeef;} .tabCon-ul1 li a:hover{text-decoration:underline;color:#00aeef;} #tab .tab_box div ul li a{ color:#fff;text-decoration:none;} #tab .tab_box div ul li a:hover{text-decoration:underline;color:#fff;} .buy-product{width:1000px; } .licenses{ width:310px; float:left; margin-right:35px;} .licenses div{ height:130px; width:200px; margin: 0 auto; margin-bottom:30px;} .licenses a{ display:block; width:150px; height:50px; font-size:18px;color:#FFF; line-height:50px; text-decoration:none; background:#fa594b; margin:0 auto; margin-bottom:15px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;} .licenses a:hover{ background:#f05042;} .licenses .price{ font-size:26px; padding-top:15px; color:#333;} .licenses .price span{ font-size:20px; padding-right:10px; text-decoration:line-through; color:#666;} .licenses-pc{ border-top: #b4b7b9 solid 1px; height:200px; width:1000px; margin-top:15px;} .licenses-pc-img{background:url(/image/store-mac-icon.jpg) no-repeat 20px -430px; height:120px; margin-top:50px; float:left; width:400px; text-align:left; padding-left:200px; padding-top:30px;} .licenses-pc-txt{ float:left; width:200px; height:110px; padding-top:40px; margin-top:50px; text-align:center;} .licenses-pc-txt .price{ font-size:26px; padding-top:15px; color:#333;} .licenses-pc-txt .price span{ font-size:20px; padding-right:10px; text-decoration:line-through; color:#666;} .licenses-pc-a { width:200px; float:left; margin:0 auto; margin-top:90px;} .licenses-pc-a a{ display:block; width:150px; height:50px; font-size:18px;color:#FFF; line-height:50px; text-decoration:none; background:#fa594b; margin:0 auto; margin-bottom:15px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;} .licenses-pc-a a:hover{ background:#f05042;} .media-bg { width:auto; margin-top:-72px;z-index:1;} .media-bg2 { background:#2e2e2e; width:auto; height:467px; } .media-main { width:1000px; margin:0 auto; margin-top:-467px; } .media-main-left { float:left; width:460px; padding-top:60px; color:#FFF; } .media-main-right { float:right; width:538px; height:650px; background:url(../image/media-bg.jpg) top no-repeat; } .media-free { line-height:60px; font-size:60px; color:#fd5918; } .media-h1 { margin-top:15px; margin-bottom:30px; color:#FFF; font-size:40px; } .media-down { width:340px; height:70px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; overflow:hidden; margin-top:30px; margin-bottom:65px; background:url(../image/media-downbg.jpg) repeat-x top; } .media-down a { display:block; width:270px; height:70px; color:#FFF; text-decoration:none; padding-top:10px; padding-left:70px; font-size:12px; background:url(../image/media-down-bg.png) 10px 12px no-repeat; } .media-down a span { font-size:22px; line-height:30px; } .media-down:hover { background:url(../image/media-downbg.jpg) repeat-x bottom; } .media-down1 { width:340px; height:70px; margin-top:30px; margin-bottom:65px; background:url(../image/media-downbg1.jpg) repeat-x top;overflow:hidden; } .media-down1 a { display:block; width:220px; height:70px; color:#0078d7; text-decoration:none; padding-top:10px; padding-left:70px; font-size:12px; background:#fff url(../image/media-down-bg1.png) 10px 12px no-repeat; } .media-down1 a span { font-size:22px; line-height:30px; } .media-down1:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .media-f { width:1000px; margin:0 auto; } .media-f-box { float:left; width:306px; margin-right:10px; text-align:center; padding:20px 10px; } .media-f-yuan { width:120px; height:120px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius: 50%; margin:0 auto; } .media-f-yuan span { display:block; width:100%; height:100%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius: 50%; background:url(../image/media-f-bg3.png) no-repeat;} .media-f a { color:#666; text-decoration:none; } .media-f a:hover { text-decoration:underline; } .media-f a:hover{ color:#888;} .media-f-yuan .media-f-a1{ background-position:-245px 10px;} .media-f-yuan .media-f-a2{ background-position:-115px 10px;} .media-f-yuan .media-f-a3{ background-position:16px 10px;} .media-table{ margin:0px auto; width:980px; border:1px solid #dcdcdc; border-top:none; border-right:none; background:#FFF; line-height:30px; } .media-table tr { background-color:#FFF; } .media-table tr:hover { background-color:#F9FAE7; } .media-table .trbg td{ background:#f9f9f9;} .media-table th { border:#CCC 1px solid; padding-left:10px; color:#333; font-size:13px; } .media-table td { border:1px solid #dcdcdc; border-bottom:none; border-left:none;padding:6px; font-size:16px; color:#666;} .media-table p { margin-left:30px; margin-right:30px; margin-bottom:0px; padding-bottom:0px; font-size:16px; color:#666; } .media-table-buy{display:block; width:100px; height:30px; background:#008ff5; color:#FFF; text-decoration:none; margin-bottom:15px;} .media-table-buy:hover{ background:#017cdc;} .media-table .trbga{padding:20px; font-size:20px; line-height:24px;} .media-table .trbga a{ text-decoration:none;} .media-table .trbga a:hover{ text-decoration:underline;} #media-tab { width:962px; position:relative; margin:0 auto; height:340px; } #media-tab .tab_menu { width:100%; float:left; position:absolute; z-index:11; } #media-tab .tab_menu li { float:left; background:#f8f8f8; border:1px solid #e9e9e9; padding:5px 0; font-size:20px; margin-right:28px; width:300px; height:34px; line-height:35px; text-align:center; border-radius:5px 5px 0px 0px; /* Gecko browsers */ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; /* Webkit browsers */ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; /* W3C syntax */ border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } #media-tab .tab_box { width:960px; clear:both; top:45px; position:relative; border:1px solid #e9e9e9; background-color:#1597d9; height:260px; z-index:1; /* Gecko browsers */ -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; /* Webkit browsers */ -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; /* W3C syntax */ border-top-left-radius: 0px; border-top-right-radius: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #media-tab .tab_menu .selected { background:#1597d9; cursor:pointer; border-bottom:none; height:35px; color:#fff; } .hide { display:none; } .tab_box div { padding:10px; } #media-tab .tab_box div ul { margin-top:20px; } #media-tab .tab_box div ul li { line-height:19px; padding-bottom:10px; list-style:outside; color:#FFF; } #media-tab .tab_box div .tabCon-ul1 { width:550px; margin-right:10px; text-align:left; float:left; padding-left:35px; } #media-tab .tab_box div .tabCon-ul2 { width:300px; float:right; text-align:left; padding-right:30px; } .tabCon-ul2 li a:hover { text-decoration:underline; color:#00aeef; } .tabCon-ul1 li a:hover { text-decoration:underline; color:#00aeef; } #media-tab .tab_box div ul li a { color:#fff; text-decoration:none; } #media-tab .tab_box div ul li a:hover { text-decoration:underline; color:#fff; } .cleaner-overview{ width:1000px; height:220px; } .cleaner-overview-bottom{ width:360px; margin:0 auto; position:relative; margin-top:25px;} .cleaner-features-txt{ width:1000px; color:#FFF; font-size:16px; } .cleaner-features-txt span{ margin:0px 5px 0px 20px;} .cleaner-overview-qh{ width:928px; height:455px; background:url(../image/cleaner-overview-qhbg.png) no-repeat top center; overflow: hidden; margin:0 auto; position: relative;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; } .cleaner-sectionbg{width:100%; height:600px;max-width:1920px; margin:0 auto; } .cleaner-sectionbg-left{ float:left;width:33%; height:100%; background:url(../image/pape2bg.png) no-repeat right center; } .cleaner-sectionbg-left img{max-width:450px !important;height: auto!important;width:expression(this.width > 450 ? "450px" : this.width)!important;} .cleaner-sectionbg-right{ float:right; width:66%; height:100%; } .cleaner-sectionbg-right-box{ width:100%; max-width:810px;height:auto;} .cleaner-sectionbg-right-txt{ float:left; width:45%; padding:0px 15px; text-align:left;} .cleaner-sectionbg-right-txt div{ width:90px; height:90px; background:#59bacc; margin-bottom:10px; text-align:center; line-height:90px;} .cleaner-sectionbg-right-txt img{margin-top:15px; width:60px; height:60px;} .cleaner-sectionbg-right-txt p{ padding-bottom:14px; color:#539daa; font-size:16px; line-height:18px;} .cleaner-section-box{ max-width:850px; color:#6e8e5b;} .cleaner-section-boxdl{ width:48%; margin:0px 1%; min-width:305px;float:left; margin-bottom:50px;} .cleaner-section-boxdl dt{ width:25%; max-width:110px; min-width:110px; height:110px; line-height:110px; text-align:center; margin-bottom:20px; margin-right:20px; float:left; background:#6e8e5b; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .cleaner-section-boxdl dt img{margin-top:25px; width:50%; height:50%;} .cleaner-section-boxdl dd{ width:68%;text-align:left; float:left; min-width:275px;} .cleaner-section-boxdl dd ul { margin-left:16px;} .cleaner-section-boxdl dd ul li{ font-size:16px; line-height:21px; list-style:circle;} .cleaner-section-boxdl dd ul li a{color:#6e8e5b; text-decoration:none; } .cleaner-section-boxdl dd ul li a:hover{ text-decoration:underline;} @media screen and (max-device-width:1210px) { .cleaner-section-boxdl dt{ width:25%; max-width:80px; min-width:80px; height:80px; line-height:80px; text-align:center; margin-bottom:10px; margin-right:20px; float:left; background:#6e8e5b; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;} .cleaner-section-boxdl dt img{margin-top:20px; } .cleaner-section-boxdl dd{ min-width:200px;} } .cleaner-overview-bottombox{ width:1000px; margin:0 auto; position:absolute; left:50%; margin-left:-500px; top:0px; } .cleaner-overview-buy{float:right; width:420px; padding-top:15px; } .cleaner-pape1-a {overflow: hidden; display:block; height:40px; width:160px; line-height:40px; text-align:center; float:left; margin-right:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; text-decoration:none; font-size:18px;border:1px solid #5ab3f6; color:#fff; background:#5ab3f6; } .cleaner-pape1-a1:hover{border:1px solid #57aeef; background:#57aeef;} .cleaner-pape1-a2{ border:1px solid #ec5a4e; color:#fff;background:#ec5a4e; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .cleaner-pape1-a2:hover{ border:1px solid #ec5a4e; color:#fff; background:#e45246;} .cleaner-licenses { width:310px; float:left; margin-right:35px; } .cleaner-licenses img {margin: 0 auto; margin-bottom:30px; } .cleaner-licenses a { display:block; width:150px; height:50px; font-size:18px; color:#FFF; line-height:50px; text-decoration:none; background:#fa594b; margin:0 auto; margin-bottom:15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; } .cleaner-licenses a:hover { background:#f05042; } .cleaner-licenses .price { font-size:26px; padding-top:15px; color:#333; } .cleaner-licenses .price span { font-size:20px; padding-right:10px; text-decoration:line-through; color:#666; } .explorer-bg{background:url(../image/explorer_bannerbg.jpg) no-repeat top center; width:auto; height:605px; margin-bottom:40px; } .explorer-main{ width:980px; margin:0 auto; padding-left:20px;text-shadow:0px 1px 0px #DEDEDE;} .explorer-down{ margin-top:100px; display:block; width:270px; height:50px; font-size:20px; color:#FFF; text-decoration:none; border:2px solid #FFF; text-align:center; line-height:50px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;text-shadow:none;} .explorer-down:hover{ color:#666; background:#FFF; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .explorer-buy{ display:block; width:380px; border:1px solid #ff8300; height:45px; line-height:45px; color:#ff8300;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; text-decoration:none;} .explorer-buy:hover{ background:#ff8300; color:#FFF;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} /* mac-iphone-data-recovery.htm start */ .recovery-banner{ width:auto; background:#cfedfb;min-width:1000px;} .recovery-banner-title{width:1000px; margin:0 auto; text-align:center; font-size:30px; color:#666;padding-top:50px; margin-bottom:10px; font-weight:200;} .recovery-banner-main{height:450px; width:1000px;left:50%; margin-left:-500px;position:relative;background:url(../image/idr-pdt-bannerbg.jpg) no-repeat 550px 40px;} .recovery-banner-left{ width:550px; float:left; height:410px; padding-top:40px;} .recovery-banner-left h1{ font-size:40px; line-height:40px; font-weight:200; padding-bottom:10px; padding-top:0px; color:#666;} .recovery-price{ font-size:36px; padding:10px 0px; margin-top:20px; color:#fe5e1e;} .recovery-price span{ font-size:24px; padding:5px; color:#666;} .recovery-an a{ float:left; display:block; margin-right:15px; height:40px; line-height:40px; width:165px; text-align:center; text-decoration:none; font-size:18px;-moz-border-radius:25px; -webkit-border-radius:25px; border-radius: 25px;} .recovery-an-down{ border:2px solid #1eade7; color:##1eade7;} .recovery-an-down:hover{ background:#1eade7; color:#fff;} .recovery-an-buy{border:2px solid #fe5e1e; color:#fe5e1e;} .recovery-an-buy:hover{ background:#fe5e1e; color:#fff;} .recovery-available{ clear:both; padding-top:25px;color:#666;} .recovery-available a{ margin:0 10px;color:#b7b7b7;text-align:center; text-decoration:none; height:34px; line-height:34px; display:inline-block; width:38px;background:url(../image/recovery-available.png) no-repeat -5px -78px;} .recovery-available a:hover{ color:#59ade3;} .recovery-available .mac_platform{background-position:-5px -78px;} .recovery-available .mac_platform:hover{ background-position:-5px -118px;} .recovery-available .pc_platform{ background-position:-5px 2px;} .recovery-available .pc_platform:hover{ background-position:-5px -38px;} .recovery-available .curr{ color:#59ade3;} .recovery-function-bg{ background:#f7f7f7; width:auto; padding-top:40px; padding-bottom:30px;min-width:1000px;} .recovery-function-main{ width:1000px; margin:0 auto;} .recovery-4tu-title{ font-size:16px; text-align:center; color:#4c4c4c; margin-bottom:50px;} .recovery-4tu-title p{ font-size:36px; font-weight:200; line-height:30px;} .es-carousel-wrapper { position:relative; } .es-carousel { overflow:hidden;zoom:1; } .es-carousel ul { display:none;} .es-carousel ul li { float:left; display:block; height:160px; margin:0 px 6px; } .es-carousel ul li .recovery-tab-icon dt{ width:100px; height:100px; margin:0 auto;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; border:1px #a3a3a3 solid; top;cursor:pointer;} .es-carousel ul li .recovery-tab-icon dd{ padding:0px 5px; text-align:center; margin-top:10px;cursor:pointer;} .es-carousel ul li:hover .recovery-tab-icon dt{ border:1px solid #1eade7;} .es-carousel ul li:hover .recovery-tab-icon dd{ color:#1eade7;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg1{ background:url(../image/17ios-recover.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg2{ background:url(../image/17ios-repair.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg3{ background:url(../image/17ios-backup.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg4{ background:url(../image/17ios-transfer.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg5{ background:url(../image/17ios-switch.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg6{ background:url(../image/recovery-tab-iconimgbg6.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg7{ background:url(../image/recovery-tab-iconimgbg7.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg8{ background:url(../image/recovery-tab-iconimgbg8.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg9{ background:url(../image/17ios-erase.png) no-repeat center bottom;} .es-carousel ul li .recovery-tab-icon dt.iconimgbg10{ background:url(../image/17ios-switch.png) no-repeat center bottom;} .es-carousel ul li:hover .recovery-tab-icon dt{background-position: center top;} .es-carousel ul li.current .recovery-tab-icon dt{ border:1px solid #1eade7;background-position: center top;} .es-carousel ul li.current .recovery-tab-icon dd{ color: #1eade7;} .es-nav span { position:absolute; top:50%; left:-10px;background:url(../image/recovery-tab-es-nav-next.png) no-repeat left; width:20px; height:40px; margin-top:-50px; text-indent:-9000px; cursor:pointer; opacity:0.5; } .es-nav span.es-nav-next { right:-10px; left:auto;background-position: center right; } .es-nav span:hover { opacity:1.0; } #recovery-tab-text {width:1000px; overflow:hidden;} #recovery-tab-text ul li{ display:none;padding:50px 20px 30px;} .recovery-tab-text{ width:460px; float:left;} .recovery-tab-text h3{ font-size:32px; font-weight:200; line-height:40px; padding-bottom:15px;} .recovery-tab-text dl dd{ padding:5px 0px; background:url(../image/recovery-tab-text-check.png) no-repeat 0px 7px; padding-left:20px;} .recovery-systembg{ width:auto; background:#cfedfb; margin:0 auto; min-width:1000px; } .recovery-system-main{ width:1000px; margin:0 auto; overflow:hidden;padding:40px 0px; color:#797979;} .recovery-system-div{float:left; width:47.5%; margin:0px 1%; padding:20px 0px; min-height:210px;} .recovery-system-dl{ width:94%; margin:0px 3%; } .recovery-system-dl dt{ float:left; width:30%; text-align:center; } .recovery-system-dl dt img{ margin-top:40px;} .recovery-system-dl dd{ float:right; width:68%;} .recovery-system-dl-title{ font-size:30px; font-weight:200; padding-bottom:0px;} .recovery-system-dl dd ul{ margin-left:13px;} .recovery-system-dl dd ul li{ list-style:disc; padding:3px 0px;} .recovery-stepsbg{ width:auto; padding:40px 0px; background:#f7f7f7;} .recovery-steps-main{ width:1000px; margin:0 auto;} .recovery-steps{ float:left; width:31.3%; margin:0px 1%; text-align:left; position:relative;} .recovery-steps img{ margin-bottom:25px;max-width:100%;} .recovery-steps p{ text-align:left;} .recovery-steps-title{ font-size:22px; padding-bottom:10px;} .recovery-steps-arrow{ width:auto; height:auto; position:absolute;top:50px; right:-15px; width:50px; max-width:100%;} .recovery-recommend{ background:#f2f2f2; padding:50px 0px;min-width:1000px;} @media (min-width: 1024px) { .recovery-adaptive {width: 1000px;} .recovery-banner-main{ width:1000px;} } @media (min-width: 1200px) { .recovery-adaptive { width:1200px;} .recovery-banner-main{ width:1150px;} .recovery-steps-arrow{ top:77px; right:-5px;} } @media (min-width: 1440px) { .recovery-banner-main{ width:1300px;} } /* mac-iphone-data-recovery.htm end */ .index-base-main{ padding-top:20px; width:1000px; height:auto;margin:0 auto;} .support-dl{ width:50%; float:left; padding-bottom:40px;} .support-dl dt{ float:left; width:180px; text-align:center;} .support-dl dt img{ width:150px;} .support-dl dd{ float:left; width:320px;} .support-dl dd p{ padding-bottom:5px;} .support-dl dd p a{ font-size:16px; text-decoration:none; padding:5px;color:#585858;} .support-dl dd p a:hover{ background:#eff1f2; text-decoration:none;} .support-dl dd .support-dl-title{ padding-bottom:15px;} .support-dl dd .support-dl-title a{ font-size:22px;} .support-ti{ text-align:center; padding:20px; margin-bottom:10px;} .support-ti p{ font-size:28px; line-height:32px; } .support-ti p span{ font-size:16px;} .support-tab-list{ width:700px; margin:0px auto;} .support-tab-list p{ float:left; width:16.6%; padding-bottom:20px;text-align:center;} .support-tab-list p img{ vertical-align:top; margin-bottom:10px;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .support-tab-list p{ padding-bottom:15px;} .support-tab-list p a:hover img{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity: 1.0;} #bck { bottom: 30px; right:20px; position: fixed;} #bck a { background: url(../image/top.jpg) no-repeat; display: block; height: 49px; width: 59px;} /*Download start*/ .bodybg{ background:#f9f9f9;} .download-main{ width:1000px; height:auto; background:#FFF; border:1px solid #e5e5e5;min-height:500px; margin:0 auto;} .down-title{ height:45px; background:#e5e5e5; line-height:45px; width:100%; font-size:22px; color:#555; text-align:center;} .down-div { border-bottom:1px solid #e5e5e5; height:140px; clear:both;} .down-div dl dt{ float:left; width:150px; height:140px; text-align:center;} .down-div dl dt img{ margin-top:15px; height:110px;} .down-div dl dt .bundle{ display:block; width:110px; height:110px; margin:0 auto; margin-top:15px; background: url(../image/store-mac-icon2.jpg) no-repeat 0 -510px;} .down-div dl dd{ float:left; width:560px; height:140px;} .down-div dl dd h2{ font-size:24px; padding-top:20px; padding-bottom:10px; color:#555;font-weight:400;} .down-div dl dd p{ font-size:16px; padding-bottom:6px; line-height:21px;} .down-div dl dd .down-os{ font-size:14px;} .right_btn{ width:280px; height:107px; float:right; padding-top:33px;} .vsr{ text-align:center;} .vsr span{ padding:0px 5px;} .down-down{ display:block; margin:0 auto; margin-bottom:10px; color:#FFF; font-size:16px; padding-left:50px; text-decoration:none; width:140px; height:40px; line-height:40px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;} .down-down-mac{background:#3598dc url(../image/down-icon-30.png) no-repeat 10px -40px;} .down-down-mac:hover{background:#3aa7f0 url(../image/down-icon-30.png) no-repeat 10px -120px;} .down-down-win{background:#3598dc url(../image/down-icon-30.png) no-repeat 10px 0px;} .down-down-win:hover{background:#3aa7f0 url(../image/down-icon-30.png) no-repeat 10px -120px;} .down-down-suite{background:#3598dc url(../image/down-icon-30.png) no-repeat 10px -80px;} .down-down-suite:hover{background:#3aa7f0 url(../image/down-icon-30.png) no-repeat 10px -119px;} .down-div2{ width:auto; padding:15px 0px; height:150px;border-bottom:1px solid #e5e5e5; } .down-div2 .dl-left{ width:499px; float:left;border-right:1px dashed #e5e5e5; height:150px; } .down-div2 dl dt{ float:left; width:150px; height:150px; text-align:center;} .down-div2 dl dt img{ margin-top:15px; height:110px;} .down-div2 dl dd{ float:left; width:340px; height:150px;} .down-div2 dl dd h2{ font-size:24px; padding-top:0px; padding-bottom:10px; color:#555;font-weight:400;} .down-div2 dl dd p{ font-size:16px; padding-bottom:1px; line-height:21px;} .down-div2 dl dd .down-os{ font-size:12px;} .down-div2 .down-down{ width:130px; height:32px; margin-left:126px; line-height:32px; font-size:14px; padding-left:40px; margin-bottom:3px; margin-top:10px;} .down-div2 .down-down-mac{background:#3598dc url(../image/down-icon-30.png) no-repeat 6px -43px;} .down-div2 .down-down-mac:hover{background:#3aa7f0 url(../image/down-icon-30.png) no-repeat 6px -123px;} .down-div2 .down-down-win{background:#3598dc url(../image/down-icon-30.png) no-repeat 6px -4px;} .down-div2 .down-down-win:hover{background:#3aa7f0 url(../image/down-icon-30.png) no-repeat 6px -123px;} .down-div2 .vsr{ font-size:12px; padding-left:86px;} /*Download end*/ /*explorer-pc*/ .explorer-main-pc{} .explorer-bg-pc{background:url(../image/explorer_bannerbg_pc.jpg) no-repeat top center; width:auto; height:448px; margin-bottom:40px; } .explorer-main-pc{ width:980px; margin:0 auto; padding-left:20px; color:#fff; } /*explorer-pc end*/ /*drive*/ .drive-screen1 { width:auto; height:470px; background:#f2f2f2; padding-top:50px; } .drive-main { width:1000px; margin:0 auto;} .drive-recommended { padding-top:50px; height:30px; padding-bottom:15px; font-size:24px; } .drive-screen1 h1 { font-size:48px; height:55px; line-height:55px; padding-bottom:20px; padding-top:0px;color:#666; } .drive-text { font-size:30px; line-height:38px; color:#999; font-weight:300; padding-bottom:40px; } .drive-price { font-size:14px; } .drive-price span { font-size:24px; color:#fa594b; padding-top:2px; } .drive-buy { padding-top:30px; padding-bottom:10px; } .drive-buy a { background:#fa594b; width:250px; height:50px; line-height:50px; font-size:28px; display:block; text-align:center; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-decoration:none; margin-bottom:-10px; } .drive-buy a:hover { text-decoration: none;background:#f76d61; } .drive-ul li { float:left; padding-right:30px; list-style:disc; margin-left:16px; } .drive-title { font-size:38px; height:60px; line-height:60px; font-weight:400; text-align:center; padding:0px 20px; padding-top:30px;font-weight:200; } .drive-small-title { text-align:center; font-weight:300; font-size:28px; color:#999; line-height:35px; padding:0px 20px; height:35px; padding-bottom:10px; } .drive-screen2 { background:url(../image/drive-screen2.jpg) no-repeat right 25px; width:530px; height:300px; padding-right:450px; padding-left:20px; padding-top:30px; } .drive-usb-dl { width:245px; float:left; height:75px; margin-top:30px; } .drive-usb-dl dt { float:left; width:75px; height:75px; background:#5cc3f6; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow:hidden; text-align:center; } .drive-usb-dl dt img { padding-top:7px; } .drive-usb-dl dd { width:140px; height:72px; float:left; padding-left:10px; padding-top:3px; } .drive-usb-dl p { padding:0px; font-weight:200;} .drive-screen3 { width:auto; height:auto; background:#f2f2f2; } .drive-screen4 { width:auto; height:auto; background:#f2f2f2; } .drive-feature { width:145px; float:left; text-align:center; padding:10px; border-right:1px solid #e5e5e5;font-size:15px; } .drive-feature img { padding-bottom:10px; width:90px; } .drive-zjbuy { width:302px; border-right:1px solid #e5e5e5; float:left; text-align:center; padding:15px; } .drive-zjbuy p { text-align:left;font-size:18px; } .drive-zjbuy img { padding-bottom:15px; } .drive-drive { text-align:left; padding-left:60px; position:relative; height:200px; } .drive-zjbuy ul { padding-left:35px; } .drive-zjbuy ul li { list-style:disc; text-align:left; } .drive-zjbuy .drive-price { text-align:center; padding:20px 0px; } .drive-buy-a a { background:#fa594b; display:block; width:160px; height:45px; line-height:45px; font-size:20px; color:#fff; text-decoration:none; margin:0 auto; text-align:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .drive-buy-a a:hover{text-decoration:none; background:#f76d61;} .drive-buy-a a img { padding-left:10px; padding-top:10px; padding-right:10px; } /*drive end*/ /* installation*/ .install-banner { height:115px; background:#1ca9f1; width:auto; padding:20px; } .install-title { margin:0 auto; width:730px; height:80px; color:#FFF;} .install-title dt{ height:80px; width:80px; text-align:center; float:left;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius: 50%; background:#3f91d0; margin-right:10px; line-height:80px;} .install-title dt img{ vertical-align:middle;} .install-title dd{ width:540px; float:left; } .install-title dd h1{ font-size:40px; font-weight:normal; padding:10px 0px; color:#FFF;} .install-title dd a{ text-decoration:none; color:#FFF; font-size:16px; display:block;} .install-title dd a:hover{ text-decoration:underline;} .install-main{ width:1000px; margin:0 auto;} .install-main .box{ width:1000px; margin:0 auto; position:relative; height:302px; margin-bottom:20px;} .install-main .box .left-box{ width:660px; padding:20px; position:absolute; top:18px; left:0px; height:224px; background:#fafafa; border:1px solid #b6b6b6; text-align:center;} .install-main .box .left-box p{ padding:0px; padding-bottom:10px;} .install-main .box .left-box img{ padding-bottom:10px;} .install-main .box .right-box{ width:300px; position:absolute; top:0px; right:0px; height:300px; background:#efefef;border:1px solid #cecece;} .install-main .box .install-bg{background: url(../image/install-bg.png) no-repeat; height:302px; width:32px; position:absolute; top:0px; right:286px; z-index:9;} .install-main .box .pc-left{ width:200px; height:224px; float:left; margin-right:20px;} .install-main .box .gq-rihgt{ width:430px; height:224px; float:left; text-align:left;} .install-main .box .gq-dl{ width:430px; } .install-main .box .gq-dl dt{ float:left; width:200px; text-align:center; } .install-main .box .gq-dl dd{ float:left; width:230px; padding-top:30px;} .install-main .box .gq-dl dd p span{ padding-right:5px;} .install-main .box .gq-dl dd p a{ font-size:18px;color:#fa594b; text-decoration:none;} .install-main .box .gq-dl dd p a:hover{ text-decoration:underline;} .install-main .drive-price { font-size:14px; } .install-main .drive-price span { font-size:18px; color:#fa594b; padding-top:2px; } .drive-buy-a a {background:#fa594b;display:block;width:160px; height:45px; line-height:45px; font-size:20px; color:#fff; text-decoration:none; margin:0 auto; text-align:left; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .drive-buy-a a:hover{text-decoration:none; background:#f76d61;} .drive-buy-a a img { padding-left:10px; padding-top:10px; padding-right:10px; } .right-box1{ width:200px; margin:0 auto; height:270px; text-align:center; z-index:1; position:absolute; top:30px; right:52px; } .right-box2 { width:230px; height:100px; display:block; z-index:9; width:200px;height:270px; text-align:center; background:#efefef; position:absolute; top:30px; right:52px;} .install-title2{ font-size:26px; padding-bottom:10px; padding-top:10px;} .install-checkbox{ padding-left:35px;} .install-sidebar-left{ width:680px; float:left;} .install-sidebar-left .left-text{ float:left; position:relative;} .install-yuan{ position:absolute; left:0px; top:0px; background:#4ca6f3; height:35px; width:35px; line-height:35px; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; color:#FFF; font-size:18px;} .install-sidebar-right{ width:275px; float:right;} .install-sidebar-right-text{ border-left:3px solid #4ca6f3; margin-bottom:20px; padding-left:10px;} .install-sidebar-right-text h3{ font-weight:300; font-size:18px; padding-bottom:10px;} .install-sidebar-right-text p{ padding-bottom:10px;} .install-sidebar-right-text p a{ color:#666; text-decoration:none;} .install-sidebar-right-text p a:hover{ color:#4ca6f3; text-decoration:underline;} .install-sidebar-right-faq{ position:relative; height:274px; overflow:hidden;} .install-sidebar-right-faq .faqa{ width:240px; height:40px; position:absolute; top:195px; left:0px; background:#4ca6f3; color:#FFF; display:block; line-height:40px; padding-left:10px; text-decoration:none; font-size:22px;} .install-buya{ font-size:14px; padding-bottom:6px;} .install-buya p{ padding:0px;} .install-buya a{ color:#fa594b;} .install-buya strong{ font-weight:bold; color:#00aeef;} /* installation end*/ /* tutorial template*/ .tutorial_top_faq { height:70px; width:100%; background:#6179af; z-index:999999; overflow:hidden;} .tutorial_top_menu { float:left; width:300px; padding:10px 0px; height:50px; line-height:50px; color:#FFF; } .tutorial_top_menu img{ margin-right:10px;} .tutorial_top_a { height:70px; line-height:70px; color:#FFF; float:right; width:700px; text-align:right; } .tutorial_top_a ul li { text-align:center; width:25%; float:left;} .tutorial_top_a a { margin:0 10px; font-size:15px; color:#fff; text-decoration:none; } .tutorial_top_a a:hover { background:#f18555; padding:5px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .tutorial_top_a a.tutorial_down{ width:150px; height:34px; line-height:34px; text-align:center; color:#fff; font-size:14px; display:block; background:#51aaed; padding:0px; margin:0 auto;margin-top:18px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .tutorial_top_a a.tutorial_down:hover{ padding:0px; background:#4ca1e1;} .tutorial_top_a a.tutorial_buy{ width:146px; height:30px; line-height:32px; text-align:center; color:#fff; font-size:14px; display:block; border:2px solid #fa594b; background:#fa594b; padding:0px; margin:0 auto; margin-top:18px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .tutorial_top_a a.tutorial_buy:hover{ background:#f05042;border:2px solid #f05042;} .tutorial-main { width:1000px; margin: 0 auto; } .tutorial-left{ width:680px;float:left; padding-top:100px;} .tutorial-right{ width:280px;float:right; line-height:24px; right:0px;} .tutorial-left h1{ width:auto; border-bottom:1px solid #d2d2d2; text-align:left; padding:10px 0px; line-height:30px; font-size:26px; color:#333;margin-bottom:10px;} .tutorial-padding{ padding:15px 10px; line-height:24px;} .prepare{ padding-top:5px;} .prepare p{ font-size:20px; padding-bottom:10px; } .prepare ul{ padding-left:30px;} .prepare ul li{ list-style:disc;} .tutorial-title{ background:#3598dc; height:38px; line-height:38px; color:#fff; font-size:16px; margin:15px 0px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0px 15px; width:auto;} .tutorial-note{ padding:15px 10px;} .tutorial-note span{ padding:3px 5px;background:#3598dc;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; margin-right:5px; font-size:14px;} .tutorial-note ul{ padding:15px; padding-left:30px;} .tutorial-note ul li{ list-style:decimal; padding-bottom:5px;} .tutorial-main2{border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; width:970px; margin:20px auto; clear:both; padding:15px;} .tutorial-main2 div{ height:30px; font-size:24px; color:#333; line-height:30px; padding-bottom:15px;} .tutorial-main2 ul li{ width:300px; float:left; margin-right:35px; padding-bottom:20px;} .tutorial-main2 ul li a{ text-decoration:none; color:#666;} .tutorial-main2 ul li a:hover{ text-decoration:none;} .tutorial-main2 ul li a div{ width:auto; padding:5px 10px; background:#f6f6f6; font-size:14px; line-height:18px; height:auto; color:#666;} .tutorial-main2 ul li a:hover div{ background:#7f879e; color:#fff;} .hot-tutorials p{ font-size:20px; padding:0px; padding:15px 0px;} .hot-tutorials ul li{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:5px; line-height:18px;} .hot-tutorials ul li a{ color:#666; text-decoration:none;} .hot-tutorials ul li:hover{ background:#dedede;} .tutorial_down_buy { text-align:left; font-size:20px; padding-top:20px; width:100%; line-height:24px; } .tutorial_down_buy p {text-align:left; font-size:16px; padding-top:10px; padding-bottom:15px; line-height:21px; } .tutorial_down_buy a {display:block;text-align:center;width:280px;height:45px;margin-bottom:10px;line-height:45px;background:#333;font-size:18px; text-decoration:none; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .tutorial_down_buy .faq_down { background:#51aaed; } .tutorial_down_buy .faq_down:hover { background:#4ca1e1; } .tutorial_down_buy .faq_buy { background:none; border:2px solid #fa594b; color:#fa594b; height:43px; line-height:43px; width:276px; } .tutorial_down_buy .faq_buy:hover { background:#fa594b; color:#FFF; } /* tutorial template end*/ /* what's new*/ .whatsnew-banner{ width:auto; height:auto; padding-top:50px; padding-bottom:10px; background:#f1f2f6;position: relative; } .whatsnew-main{ width:1000px; margin:0 auto;} .left-img{ float:left; width:500px; text-align:center; height:330px;} .right-text{ width:500px; float:left;} .right-text h1{ font-size:35px; padding:15px 0px;line-height:30px; color:#333; font-weight:200;} .right-text ul { padding-left:20px;} .right-text ul li{ padding-bottom:10px; line-height:34px; list-style:disc;} .whatsnew-button{ clear:both; background:#333; height:70px; width:100%;background:#f1f2f6; border-bottom:1px solid #e8e8e8; z-index:99;} #whatsnew-button{ position:absolute; top:320px;} .whatsnew-main .a-button a{ margin-top:12px;display:block; height:45px; line-height:45px; text-align:center; background:#5ab3f6; width:200px; text-decoration:none; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .whatsnew-main .a-button a img{ vertical-align:top; padding-right:5px; margin-top:5px;} .whatsnew-main .left{ float:left; width:500px; height:70px; } .whatsnew-main .right{ float:right; width:450px; height:70px; } .whatsnew-main .a-button a.buy{ margin:0 auto; margin-top:12px; background:#fa594b;} .whatsnew-main .a-button a.buy:hover{ background:#f05042;} .whatsnew-main .a-button a.down{ float:left; margin-right:10px;} .whatsnew-main .a-button a.down:hover{ background:#4ca1e1;} .year{ position:relative;} .year .whatsnew-tu{ position:absolute; right:0; top:0px;} .year .whatsnew-tu img{ width:335px;} .time-tree-title{background:url(../image/whatsnew.jpg) no-repeat 123px 0px; height:55px; width:100%; margin-bottom:50px; position:relative;} .time-tree-title div{ position:absolute; top:20px; left:40px; font-size:30px; color:#03a0ef;} .time-tree-title h2{ position:absolute; top:15px; left:200px; font-size:30px; color:#333; padding:0px;} .time-tree .more{ margin-left:200px; text-decoration:none; width:200px;} .time-tree .readmore-js-toggle{ margin-left:200px; text-decoration:none; width:200px; } .time-tree{background:url(../image/whatsnew-time-tree.jpg) repeat-y 150px; margin-top:50px; height:auto; padding-bottom:50px; width:100%;} .time-tree .tree { clear:both; min-height:70px;} .time-tree .tree .tree-time{width:120px; height:50px; text-align:right; padding-right:30px; position:relative; float:left;} .time-tree .tree .tree-time p{ padding:0px;} .time-tree .tree .tree-time h3{ font-size:20px;font-weight:400;} .time-tree .tree .tree-time .little{ width:10px; height:10px; border:2px solid #03a0ef; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; position:absolute; background:#fff; top:15px; right:-7px;} .time-tree .tree .text{ float:left; width:450px; padding-left:50px;} /* what's new end*/ .div-support{padding:3px; background:#fa594b; font-size:14px; color:#FFF;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} /* Faq */ .main_left { width:275px; float:left; padding-right:25px; } .main_right { width:670px; float:right; padding:15px; } .faq_cat_title { font-size:20px; border-bottom:1px solid #dadada; margin-bottom:20px; padding-top:40px; padding-bottom:10px; } .index_top_faq { height:80px; width:100%; background:#6179af; z-index:999999;} .index_top_main { width:1000px; height:70px; margin:0 auto; } .index_top_menu { float:left; width:300px; padding-top:5px; height:60px; } /*The drop-down menu*/ ul#navmenu { width: 300px; height: 65px; } ul#navmenu li { float: left; /*For Gecko*/ position: relative;} ul#navmenu li .navmenu_a { background:none; font-size:18px; color:#FFF; width:280px; line-height:65px; height:65px; } ul#navmenu li .navmenu_a img { vertical-align:middle; width:50px; margin:0px 15px; } ul#navmenu li .navmenu_a span img { width:11px; height:7px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } ul#navmenu ul { width: 280px; list-style: none; display: none; position: absolute; top: 65px; left: 0; box-shadow: 0px 3px 3px 0px #ccc; } ul#navmenu ul li { float: none; /*For Gecko*/ display: block !important; display: inline; /*For IE*/ } ul#navmenu ul li a { display:block; line-height:50px; height:50px; border-top:1px solid #d7e7fa; } ul#navmenu ul li a img { width:40px; margin-right:15px; margin-left:20px; vertical-align:middle; } ul#navmenu a { float: none !important; float: left; display: block; text-decoration: none; height: auto !important; height: 1%; /*For IE*/ } ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a { background: none; color: #3CA5E5; } ul#navmenu li:hover li a, ul#navmenu li.iehover li a { float: none; background: #fff; color: #666; } ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a, ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a { background: #edf5ff; color: #3CA5E5; } ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; } ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; } /*End of the drop-down menu*/ .index_top_a { height:75px; line-height:75px; color:#FFF; float:right; width:700px; text-align:right; } .index_top_a ul li { text-align:center; width:25%; float:left; } .index_top_a a { margin:0 10px; font-size:16px; color:#fff; text-decoration:none; } .index_top_a a:hover { background:#f18555; padding:5px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .index_top_a .faq_A { background:#f18555; padding:5px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .left_title { font-size:18px; padding:10px 0px; color:#00aeef; } .left_ul { padding:10px 0px; border-top:1px solid #dadada; } .left_ul li { height:32px; line-height:32px; } .left_ul li a { text-decoration:none; color:#666;font-size:16px; } .left_ul li a:hover { color:#00aeef; } .left_ul li img { width:16px; margin-right:6px; vertical-align:middle; } .down_buy { text-align:left; font-size:20px; padding-top:35px; width:100%; line-height:24px; } .down_buy p { text-align:left;padding:15px 0px; line-height:21px; font-size:16px;} .down_buy a { display:block; text-align:center; width:275px; height:45px; margin-bottom:10px; line-height:45px; background:#333; font-size:18px; text-decoration:none; color:#FFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .down_buy .faq_down { background:#72bf4e; } .down_buy .faq_down:hover { background:#689e3a; } .down_buy .faq_buy { background:none; border:2px solid #3598dc; color:#3598dc; height:43px; line-height:43px; width:271px; } .down_buy .faq_buy:hover { background:#3598dc; color:#FFF; } .hot_ul { padding-left:15px; } .hot_ul li { padding:3px 0px; list-style:disc; } .hot_ul li a { color:#666; text-decoration:none; line-height:18px; } .hot_ul li a:hover { color:#00aeef; text-decoration:underline; } .fixed { top:0px; } .bellows__item:not(.bellows--is-open) > .bellows__content { display: none; } .bellows__item.bellows--is-open > .bellows__content-wrapper, .bellows__item.bellows--is-closing > .bellows__content-wrapper { display: block;background:#F1F5FA; border:1px solid #e0e7f0; padding:10px; margin-bottom:15px; color:#545454; margin-left:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; line-height:21px; color:#808285; } .bellows__content-wrapper { display: none; background:#F1F5FA; border:1px solid #e0e7f0;padding:10px; margin-bottom:15px; color:#545454; margin-left:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; line-height:21px; color:#808285; } .bellows { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bellows__header { position: relative; padding-left:25px; padding-bottom:10px; font-size:18px; line-height:24px; background:url(../image/faq-open-close.gif) no-repeat 0px 3px;} .bellows__header:hover{color:#00AEEF; cursor:pointer;} .bellows__header:active { color:#00AEEF; } .bellows__item:last-child > .bellows__header { border-bottom: 0; } .bellows__item.bellows--is-open > .bellows__header{ color:#00AEEF;background:url(../image/faq-open-close-open.gif) no-repeat 0px 3px;} /* Faq end*/ .cleaner-tabpc{ float:right; position:relative; line-height:35px; top:35px; overflow:hidden;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; color:#FFF; font-size:16px;} .cleaner-tabpc a{ color:#fff; text-decoration:none; font-size:14px; display:block; float:right; padding:0px 10px; color:#FFF; font-weight:bold;padding-left:40px;} .cleaner-tabpc .formac{background:url(../image/pdt-micw-xticon.png) no-repeat 10px -22px; color:#fff; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px;border:1px solid #fff; border-left:none; } .cleaner-tabpc .forpc{-moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;border:1px solid #fff; border-right:none; margin-left:8px; background: url(../image/pdt-micw-xticon.png) no-repeat 10px -84px;} .cleaner-tabpc a img{vertical-align:middle; margin-right:5px;} .cleaner-tabpc .forpc:hover{ background:#fff url(../image/pdt-micw-xticon.png) no-repeat 10px -50px;color:#545a61; } .cleaner-tabpc .formac:hover{ background:#fff url(../image/pdt-micw-xticon.png) no-repeat 10px 11px;color:#545a61; } /* store new */ .store-new-bg{ height:200px; width:auto; line-height:170px; text-align:center;background:url(../image/storebg.jpg) no-repeat center;} .store-new-bg-text{ font-size:40px; color:#fff;display:block;} .store-new-main{ width:1000px; margin:0 auto;} .store-menu{ background:#fff; border:1px solid #f1f1f1;height:55px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; margin-top:-27px;} .store-menu ul li{ float:left; line-height:55px; text-align:center; margin-right:1px; background:#fff; border-right:1px solid #f1f1f1;position:relative;} .store-menu ul li .icon{background:url(../image/store_title_icon.png) no-repeat center 50px; width:40px; height:34px; display:inline-block; margin-bottom: -10px; padding-right:6px;} .store-menu ul li .Products_a{ text-decoration:none; color:#666; font-size:20px; display:block; width:100%; height:100%;} .store-menu ul li .platform_show{ filter:alpha(opacity=0); -moz-opacity:0.0; -khtml-opacity:0.0; opacity: 0.0; position:absolute; margin-top:-55px;background:rgba(89, 173, 227, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#59ade3; width:100%;height:55px; text-align:center;} .store-menu ul li:hover a{ color:#59ade3;} .store-menu ul li.curr a{color:#59ade3;} .store-menu ul li.curr{ background:#fbfbfb;} .store-menu ul li.item1{ width:331px;} .store-menu ul li.item1 .icon{ background-position:-5px -68px;} .store-menu ul li.item1:hover .icon{ background-position:-5px -13px;} .store-menu ul li.item1.curr .icon{ background-position:-5px -13px;} .store-menu ul li.item2{ width:332px; border:none} .store-menu ul li.item2 .icon{ background-position:-5px -395px;} .store-menu ul li.item2:hover .icon{ background-position:-5px -340px;} .store-menu ul li.item2.curr .icon{background-position:-5px -340px;} .store-menu ul li.item3{ width:220px;} .store-menu ul li.item3 .icon{ background-position:-5px -285px;} .store-menu ul li.item3:hover .icon{ background-position:-5px -230px;} .store-menu ul li.item3.curr .icon{background-position:-5px -230px;} .store-menu ul li.item4{ width:220px;} .store-menu ul li.item4 .icon{ background-position:-5px -175px;} .store-menu ul li.item4:hover .icon{ background-position:-5px -120px;} .store-menu ul li.item4.curr .icon{background-position:-5px -120px;} .store-menu ul li.item5{ width:332px;} .store-menu ul li.item5 .icon{ background-position:-5px -508px;} .store-menu ul li.item5:hover .icon{ background-position:-5px -453px;} .store-menu ul li.item5.curr .icon{background-position:-5px -453px;} .store-menu ul li:hover{ background:#fbfbfb;} .store-menu ul li .platform_show a{ display:block; font-size:16px; color:#fff; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;text-decoration:none; line-height:16px; text-align:center; width:50%; float:left; } .store-menu ul li .platform_show a:hover{ filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; text-decoration:none;} .store-menu ul li:hover .platform_show{ filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease;} .Choose_platform{ text-align:center; padding:20px 0px;color:#b7b7b7;} .Choose_platform a{ margin:0 10px;color:#b7b7b7;text-align:center; text-decoration:none; height:34px; line-height:34px; display:inline-block; padding-left:42px;background:url(../image/choose_platform.png) no-repeat -5px -78px;} .Choose_platform a:hover{ color:#59ade3;} .Choose_platform .mac_platform{background-position:-5px -78px;} .Choose_platform .mac_platform:hover{ background-position:-5px -118px;} .Choose_platform .pc_platform{ background-position:-5px 2px;} .Choose_platform .pc_platform:hover{ background-position:-5px -38px;} .Choose_platform .curr{ color:#59ade3;} .store-main{ width:960px; padding:20px; min-height:300px; margin:5px auto; } .store-main-f{ float:left; width:500px; text-align:center;} .store-main-r{ width:460px; float:right;} .store-main-r h1{ color:#666; padding:15px 0px; font-size:32px; } .store-main-r ul{ padding-left:15px;} .store-main-r ul li{ list-style:disc; padding-bottom:5px;} .store-new-list{ width:960px; margin:5px auto; background:#fff; min-height:180px; padding:15px 20px; padding-bottom:10px;} .store-new-box{ float:left; width:180px; text-align:center; position:relative;} .store-new-box img{ height:160px; margin-top:15px;} .store-new-box span{ display:block; height:40px; line-height:40px; width:40px; font-size:20px; color:#fff; text-align:center; background:#fa894b;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; position:absolute; top:15px; right:15px;} .store-new-text{ float:left; width:390px; padding:10px;} .store-new-text h2{ font-size:25px; padding:10px 0px 15px; color:#333;} .store-new-text .single{ padding-bottom:18px;} .store-new-text p{ padding-bottom:10px; line-height:24px;} .store-new-price{ text-align:right; float:left; width:150px; font-size:24px; color:#e5442f; padding-top:70px;} .store-new-price span{ font-size:16px; color:#666;text-decoration:line-through} .store-new-buy{ float:right; width:200px; padding-top:68px;} .store-new-buy a,.store-new-buy button{ display:block; width:160px; height:45px; line-height:45px; background:#fa594b; text-align:center; color:#fff; text-decoration:none; font-size:20px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; cursor: pointer;} .store-new-buy a img,.store-new-buy button img{ vertical-align:middle; margin-right:10px;} .store-new-security{ background:fafafa; border:1px solid #f1f1f1; margin:0 auto; min-height:50px; line-height:50px; width:1000px; text-align:center; margin-bottom:15px;} .store-new-security img{ vertical-align:middle; padding:10px;} .store-new-title{ background:fafafa; border:1px solid #f1f1f1; margin:0 auto; min-height:50px; line-height:50px;font-size:24px; width:1000px; text-align:center; margin-top:15px;} .store-new-bundle{ background:#fff; border:1px solid #f1f1f1; width:960px; padding:20px; margin:5px auto; } .store-new-bundle-img{ float:left; width:440px;} .store-new-note{ width:1000px; background:#fff; border:1px solid #f1f1f1; margin:0 auto; margin-bottom:30px;} .store-new-note-text{ font-size:26px; height:50px; padding-left:20px; line-height:50px; border-bottom:4px solid #C5D4E5;} .store-new-note ul{ padding-top:30px; } .store-new-note ul li{ width:46%; float:left; padding:0px 2%; margin-bottom:20px; height:55px;} .store-new-note ul li img{ float:left; padding-right:15px;} .store-new-buy a:hover,.store-new-buy button:hover, .store-new-buy button:active{ background:#f05042;border: none;} .store_iphone{ background:#fff;} .store_iphone_title{ text-align:right; padding-top:20px; width:50%;background:#f9f9f9; position:relative; height:50px;} .store_iphone_title_main{ position:absolute; right:-250px; width:500px; text-align:center; } .store_iphone_title h2{font-size:26px; font-weight:200; padding:0px;} .store_iphone_title p{ font-size:16px;} .store_iphone_bg{ width:50%; background:#f9f9f9;height:350px; float:left;} .store_iphone_bg1{ width:50%; background:#fff; height:350px; float:right;} .store_single{ width:500px; } .store_single li{ float:left; width:230px; text-align:center; padding:0px 10px; padding-top:30px; } .store_single li .store_single_function{ width:130px; height:115px; background:#87d4f0; margin:0 auto;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding-top:15px;} .store_single li .store_single_function .animotion1{background:url(../image/animotion_android_data_icon.png) no-repeat; width:100px; height:100px; margin:0 auto;} .store_single li .store_single_function:hover .animotion1{animation: play 1s steps(12) infinite;} @keyframes play { 0% { background-position:0 0; } 100% { background-position:0 -1200px; } } .store_single li .store_single_function .animotion2{background:url(../image/animotion_system_icon.png) no-repeat; width:100px; height:100px; margin:0 auto;} .store_single li .store_single_function:hover .animotion2{animation: play 1s steps(12) infinite;} @keyframes play { 0% { background-position:0 0; } 100% { background-position:0 -1200px; } } .store_single li .store_single_function .animotion3{background:url(../image/animotion_backup_icon.png) no-repeat; width:100px; height:100px; margin:0 auto;} .store_single li .store_single_function:hover .animotion3{animation: play 1s steps(12) infinite;} @keyframes play { 0% { background-position:0 0; } 100% { background-position:0 -1200px; } } .store_single li .store_single_function .animotion4{background:url(../image/animotion_restore_icon.png) no-repeat; width:100px; height:100px; margin:0 auto;} .store_single li .store_single_function:hover .animotion4{animation: play 1s steps(12) infinite;} @keyframes play { 0% { background-position:0 0; } 100% { background-position:0 -1200px; } } .store_single li .store_single_function .animotion5{background:url(../image/kik_restore_icon.png) no-repeat; width:100px; height:100px; margin:0 auto;} .store_single li .store_single_function:hover .animotion5{animation: play 1s steps(12) infinite;} @keyframes play { 0% { background-position:0 0; } 100% { background-position:0 -1200px; } } .store_single li .store_single_function .animotion6{background:url(../image/viber_restore_icon.png) no-repeat; width:100px; height:100px; margin:0 auto;} .store_single li .store_single_function:hover .animotion6{animation: play 1s steps(12) infinite;} @keyframes play { 0% { background-position:0 0; } 100% { background-position:0 -1200px; } } .store_single li .store_single_function .animotion7{background:url(../image/animotion_cleans_icon.png) no-repeat; width:100px; height:100px; margin:0 auto;} .store_single li .store_single_function .animotion8{background:url(../image/animotion_clean_icon.png) no-repeat; width:100px; height:100px; margin:0 auto;} .store_single li h3{ font-size:20px;font-weight:400; padding:10px 0px 5px;} .store_single li h3 a{ color:#666; text-decoration:none;} .store_single li h3 a:hover{ text-decoration:underline;color:#00aeef;} .store_single li p{ padding-bottom:10px;} .store_single_buy{ color:#e5442f; font-size:20px;} .store_single_buy a{ margin:0 auto;color:#fff; text-align:center;text-decoration:none; display:block; width:140px; height:36px; line-height:36px; background:#fa594b;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;} .store_single_buy a:hover{ background:#f05042;} .store-new-ul{ width:390px; padding-left:15px;} .store-new-ul li{ width:350px; list-style:outside; margin-right:25px;} /* store new end */ .product_table{ border:1px solid #DADADA;text-align:center; } table { border-collapse: collapse;} .top_table{ background-color:#CCC; border-bottom: 1px solid #DADADA; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; height: 34px;} .top_table .td1{ background: none repeat scroll 0 0 #E1E1E1; border-bottom: 1px solid #DADADA; border-left: medium none; border-right: 1px solid #DADADA; font-weight:bold;} .td2{ border-bottom: 1px solid #DADADA; border-left: medium none; border-right: 1px solid #DADADA; padding:5px; } .td3{ border-bottom: 1px solid #DADADA; border-left: medium none; border-right: 1px solid #DADADA; padding:5px; text-align:left; } .product_table p{ padding:0px;} .c_wrap01 {background:url(../image/c_top.gif) no-repeat;padding-top: 4px; clear:both; width:627px; float:left;} .c_wrap02 {background:url(../image/c_bottom.gif) no-repeat bottom; padding-bottom: 3px; width:627px;} .cont { background:url(../image/c_bg.gif) repeat-x;border-left: 1px solid #B9BDC4;border-right: 1px solid #B9BDC4;padding-top: 5px;width: 625px;} .cont .text{ color: #525252;font-size: 16px;margin: 0 20px;padding: 7px 0;line-height:21px; } .cont .text2{ color: #525252;font-size: 16px;margin: 0 20px;padding: -7px 0; border-bottom:1px dashed #cccccc; padding-bottom:35px; padding-top:15px;line-height:21px; } .item2 a { text-decoration:none; color:#949494} #comparison{ min-height:768px;max-height:1080px;} .span-version{ position:absolute; right:100px; top:30px; width:80px; height:20px; line-height:20px; background:#9AA6AF; text-align:center; padding:2px 5px; margin-left:5px; color:#fff; font-size:14px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .pro-compare-down{ display:block; text-decoration:none; width:120px; height:36px; line-height:36px; background:#51aaed; text-align:center;color:#fff;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;margin:15px auto;} .pro-compare-more{ text-decoration:none} .pro-features{ width:990px; margin:0 auto;} .pro-features li{ width:300px; float:left; padding:0px 15px; text-align:center; min-height:350px;} .pro-features-title{ font-size:20px; padding-top:10px;} .screenshot li{ float:left; padding:5px 5px;width:302px;text-align:center;} .screenshot li a{width:305px; height:210px; display:block;background:url("../image/jietubj.png") no-repeat center -1px;} .screenshot li a img{margin-top:3px;} /* function page template */ .data-r-banner{background:url(../image/data-r-banner-bg.jpg) -120px center;} .data-r-main{ width:1000px; margin:0 auto;} .data-r-left{ float:left;background:url(../image/data-r-left-macbg.png) no-repeat center; width:560px; height:400px; margin-left:-50px; position:relative;} .data-r-left .data-r-left-tu{ margin-top:52px; margin-left:64px;} .data-r-left-iphone{background:url(../image/data-r-left-iphone-bg.png) top center; width:100px; height:201px; position:absolute; right:8px; bottom:15px; text-align:center;} .data-r-left-iphone img{ margin:0 auto; margin-top:20px; border:1px solid #ddd;} .data-r-right{ float:right; width:440px;} .data-r-right h1{ font-size:36px; font-weight:200; line-height:40px; padding:30px 0px 10px; color:#1eade7;} .data-r-right p{ padding-bottom:10px;} .data-r-right ul li{padding:5px 0px; background:url(../image/recovery-tab-text-check.png) no-repeat 0px 7px; padding-left:20px;} .data-r-right-price{font-size:30px; padding:10px 0px 20px; margin-top:10px; color:#fe5e1e;} .data-r-right-price span{ font-size:20px; padding:5px; color:#666;} .data-r-main-title{ text-align:center; padding-top:50px;} .data-r-main-title h3{ font-size:36px; font-weight:200; color:#444; padding:20px 0px; line-height:40px;} .data-r-main-title p{ width:80%; margin:0 auto;} .data-r-ul{ padding-top:20px; height:140px;} .data-r-ul li{ float:left; width:16.66666%; text-align:center;} .data-r-ul li img{ padding-bottom:5px;} .data-r-ul li p{ padding-bottom:5px;} .data-r-tab{ width:960px; margin:0 auto; padding-bottom:50px;} .data-r-tab #data-r-tab-left{ width:480px; float:left;} .data-r-tab #data-r-tab-left ul{ width:98%; border-top:1px solid #e5e5e5;} .data-r-tab #data-r-tab-left ul li{ border-bottom:1px solid #e5e5e5; margin:13px 0px; padding-bottom:13px; padding-right:30px; padding-left:10px; cursor:pointer; } .data-r-tab #data-r-tab-right{ width:400px; float:right; background:#fff; height:200px; padding:20px; border:1px solid #f4f4f4;-moz-box-shadow:0px 0px 10px #E8E8E8; -webkit-box-shadow:0px 0px 10px #E8E8E8; box-shadow:0px 0px 10px #E8E8E8;} .data-r-tab #data-r-tab-right ul li{ display:none;} .data-r-tab #data-r-tab-left li.current{ color:#1eade7;background:url(../image/data-r-tab-left-spanbg.jpg) no-repeat 450px 3px;} .data-r-recommended { padding-top:30px;} .data-r-recommended li{ float:left; width:220px; padding:15px 10px; background:#f8f8f8; text-align:center; margin:0px 5px;} .data-r-recommended li:hover{ background:#fafafa;} .data-r-recommended li .data-r-recommended-img{ width:130px; height:115px; background:#87d4f0; margin:15px auto;-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; padding-top:15px; text-align:center;} .data-r-recommended li .data-r-r-a{ font-size:22px; color:#666; text-decoration:none;} .data-r-recommended li .data-r-r-a:hover{ text-decoration:underline;color:#00aeef;} .data-r-recommended li:hover .data-r-r-a{ text-decoration:underline;color:#00aeef;} .data-r-recommended li p{ padding-bottom:15px;} .data-r-recommended-price{color:#e5442f; font-size:20px; padding-bottom:15px;} .data-r-recommended-price s{ font-size:18px; color:#666; margin-left:8px;} .data-r-recommended li .recovery-an a{ float:none; display:block; margin:5px auto 10px; height:34px; line-height:34px; width:140px; font-size:18px;} .data-r-left-pcbg{background:url(../image/data-r-left-pcbg.png) no-repeat center; } .data-r-left-pcbg .data-r-left-tu{ margin-top:62px; } /* function page template end */ /*Retrieve Registration Code*/ .code-banner{ width:auto; height:400px;background:url(../image/code-banner.jpg) no-repeat center;} .code-banner-main{ width:1000px; margin:0 auto;} .code-banner-title{ color:#fff; text-align:center; font-size:22px;} .code-banner-title h1{ font-size:48px; color:#fff; font-weight:200; padding-top:45px; padding-bottom:15px;} .code-banner-title a{ color:#fff;} .code-banner-form { width:580px; overflow:hidden; margin:15px auto;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .code-banner-form-text{ float:left;} .code-banner-form-text input{ width:440px; height:30px; line-height:30px;padding:10px; font-size:14px;} .code-banner-form-btn{ float:right;} .code-banner-form-btn input{ cursor:pointer; width:120px; height:50px; line-height:50px; text-align:center; background:#fa594b; color:#fff; font-size:18px; font-weight:200;} .code-banner-form-btn input:hover{ background:#f18555;} .code-form-prompt{ width:750px; margin-left:210px; color:#fff; padding-top:40px; font-size:18px;} .code-form-prompt dl dt{ float:left; width:80px;} .code-form-prompt dl dd{ float:right; width:670px;word-break:break-all;} .code-form-prompt p{ padding:0px;} .code-form-prompt a{ color:#fff;} .code-ul{ width:960px; margin:0 auto;} .code-ul li{ width:300px; padding:10px; float:left; text-align:center;} .code-ul li p{ padding-bottom:5px;} .code-ul li a { text-decoration:none; color:#666;} .code-ul li a p span{ font-size:20px; font-weight:200;color:#00aeef;} .code-ul li a div{ width:60px; height:60px; margin:0 auto;background:url(../image/code-icon.png) no-repeat; margin-bottom:5px;} .code-ul li a .code-icon1{ background-position:left top;} .code-ul li a .code-icon2{ background-position:left center;} .code-ul li a .code-icon3{ background-position:left bottom;} .code-ul li a:hover .code-icon1{ background-position:right top;} .code-ul li a:hover .code-icon2{ background-position:right center;} .code-ul li a:hover .code-icon3{ background-position:right bottom;} .code-ul li a:hover span{ text-decoration:underline;} .code-note{ width:940px; margin:0 auto; padding-bottom:50px;} .code-note .title{ font-size:24px;} .code-note p{ padding-bottom:10px;} .code-banner-label{ text-align:center; color:#fff; font-size:18px; padding:10px 0;} .code-banner-label label{ margin:0px 15px} /*Retrieve Registration Code end*/ /* new pro */ .pro-main{ width:1000px; margin:0 auto; position:relative;} .pro-banner{ width:auto; height:540px; background:url("../image/pro-banner-bg.jpg") no-repeat center; position:relative;} .pro-banner-text{ width:610px; color:#fff; padding-top:20px;} .pro-banner-text h1{ color:#fff; font-weight:400; font-size:32px;padding:15px 0;} .pro-banner-text .p1{font-size:18px; line-height:26px; padding-bottom:10px;} .pro-banner-text .p2{font-size:14px; line-height:24px;} .pro-btn{ padding: 15px 0px; padding-top:10px; } .pro-btn a{display:block;-moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; height:50px; line-height:50px; text-decoration:none; text-align:center; float:left; border:1px solid #fff; padding:0px 35px; margin-right:15px;} .pro-down-btn{ background:#fff;} .pro-down-btn:hover{ background:none; color:#fff;} .pro-buy-btn{ color:#fff; } .pro-buy-btn:hover{ color:#22a3e1;background:#fff;} .pro-banner-img{ width:650px; height:372px; position:absolute; left:55%; top:50px;background:url("../image/pro-right-macbg.png") no-repeat center; text-align:center;} .pro-right-macbg{ padding-top:15px;} .pro-introduce{ text-align:center; line-height:26px; font-size:16px; padding-bottom:30px;} .pro-introduce p{ width:85%; margin:0 auto;} .pro-title h2, .pro-title h3{ color:#1e88cd; padding-bottom:15px; font-size:28px; line-height:48px; font-weight:400; text-align:left;} .pro-main-img{ float:left; position:relative; text-align:center;} .pro-main-img .pro-macimg{ z-index:10; position:absolute; left:68px; top:16px; width:460px;} .pro-main-img .pro-macimg-bg{ position:absolute; top:0px; left:0px; z-index:0;} .pro-introduce-text{ width:460px; padding:20px; float:right; padding-top:0px;} .pro-introduce-text .title{ padding-bottom:10px; font-weight:bold;} .pro-introduce-text p{ padding-bottom:30px;} .pro-mainbg{ clear:both; padding-top:40px; padding-bottom:30px; background:#f6f6f6; } .pro-main-text{ float:left;width:460px; padding:20px; line-height:28px;} .pro-main-text p{ padding:0; text-align:left;} .pro-main-img1{ float:right;width:440px; text-align:center;} .pro-clear{ height:10px; overflow:hidden; clear:both;} .pro-macimg1{ z-index:10; position:absolute; left:50%; margin-left:-170px; top:165px; } .pro-macimg-bg1{ position:absolute; top:150px; left:50%; margin-left:-230px; z-index:0;} .pro-tu-3-text{ width:270px; text-align:center; font-size:12px; position:absolute;} .pro-tu-3-text .title{ padding-bottom:10px; font-size:18px;} .pro-macos{ float:left; width:400px; padding:20px 50px;} .pro-macos dt{ float:left; width:80px;} .pro-macos dd{ float:right; width:320px;} .pro-macos dd p{ font-size:22px; padding-bottom:10px; color:#1e88cd;} .pro-macos dd li{ line-height:24px;} .pro-bottom-down { display:block; padding:0px 40px; background:#fa594b; height:42px; line-height:42px; width:150px; color:#fff; text-decoration:none; margin:0 auto;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .pro-bottom-down:hover{ background:#f05042;} .pro-whatsnew1{clear:both;height:20px;padding-top: 15px;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .pro-whatsnew{ clear:both; padding-top:10px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .pro-whatsnew li{list-style:none; padding-bottom:5px; font-size:14px;} .tabs{clear:both; padding-bottom:10px; padding-top:20px;} .tabs li label{cursor:pointer;} .tabs li{margin-bottom: 10px; width: 50%; float: left; } .tabs a {display:block; height:22px; padding-left:25px; text-decoration:none; color:#fff; background:url(../image/special/17golden-week-tabbg.png) no-repeat left -30px; position:relative;} .tabs a:hover{ text-decoration:underline;} .tabs a .n-price{ display:block; position:absolute; right:10px; font-size:20px; color:#ffea00; width: 100px; top:0px } .tabs a .n-price span{text-decoration:line-through; font-size:14px; color:#fff; padding:0 5px;} .tabs a .discount-span{ display:inline-block; position:absolute; right:80px;} .tabs a .discount-off{ display:inline-block; position:absolute; right:0; color:#ffea00;} .tabs .current { background:url(../image/special/17golden-week-tabbg.png) no-repeat left -1px;} /*new pro end */ .i-share { font-size:15px;padding-bottom:10px;} .i-share a{ text-decoration:none; padding-right:12px; color:#949494;}.ind_feature li{background: url(../image/t7.png) no-repeat scroll left 10px;padding: 5px 25px 5px 15px;} .ind_feature a:hover{ text-decoration:underline} .ind_feature a{text-decoration:none} .siteMapList { padding-left: 20px; padding-bottom:25px;} .siteMapList ul li { list-style: disc outside none; } .siteMapList ul li a { color: #525252; text-decoration: underline;} .siteMapList ul li ul { padding-left: 10px;} #cse-search-results iframe {width:640px;} .sosu {float: right;margin-top: 48px;} .sosun div {float: left;} .sosu div { float: left;} #sosu1 {background:url(../image/search.png) repeat scroll right center transparent; border: medium none; height: 29px;margin-top: -1px;width: 26px; margin-left:-25px;} .site .summary_title a{display:block; background:none repeat scroll 0 0 #F6F6F6; font-family:Verdana, Geneva, sans-serif;height:27px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:1px; margin:5px 0; padding:0 12px; border:1px solid #E8E8E8; width:420px; overflow:hidden;} .site .summary_title a:hover{ color:#000; background:none repeat scroll 0 0 #F0F0F0;} .features-bg{background:url(../image/features-bg.jpg) no-repeat center; width:auto; height:320px;} .main{ width:1000px; margin:0 auto;} .features-text{ color:#fff; padding-top:45px; font-size:18px;} .features-text dt{ float:left; width:130px; text-align:center;} .features-text dd{ float:left;} .features-text h1{ color:#fff; padding:0px; padding-bottom:10px; padding-top:5px;} .features-text label{ margin-right:10px; font-size:20px;} .pro-store{ padding-top:30px;} .pro-store-price{ font-size:26px;} .pro-store-price span{ font-size:18px; padding-left:5px;} .pro-store-a a{ display:block; margin-right:15px; text-align:center; float:left; text-align:center; height:36px; width:130px; line-height:36px; color:#fff; text-decoration:none;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .pro-store-a a.a1{background:#fa594b;} .pro-store-a a.a1:hover{background:#f05042;} .pro-store-a a.a2{background:#51aaed;} .pro-store-a a.a2:hover{background:#4ca1e1;} .features-mainbg{ width:1000px; margin:0 auto; background:#fff;-webkit-box-shadow: #e8e8e8 2px 3px 3px;-moz-box-shadow: #e8e8e8 2px 3px 3px;box-shadow: #e8e8e82px 3px 3px;} .main-table-title{ line-height:42px; height:42px; margin:0 auto; width:990px; padding-left:10px;} .pro-new-price{ font-size:24px;color:#ffea00; padding-bottom:5px;} .pro-new-price span{ font-size:16px; color:#fff;text-decoration:line-through;padding-left:10px;} .SpyHunter_container { overflow: hidden; position: relative; height: 680px; } .SpyHunter_container:before { background: #1D1B26; color: #ffffff; text-align: center; z-index: -1; overflow: hidden; content: ''; width: 140%; left: -20%; position: absolute; border-radius: 0 0 50% 50%; height: 100%; } .SpyHunter_container .text { text-align: center; padding: 35px 10px 0; width: 100%; max-width: 800px; margin: 0 auto; box-sizing: border-box; color: #ffffff; } .SpyHunter_container .text h1 { font-size: 38px; line-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; padding: 16px 0; } .SpyHunter_container .text p { font-size: 18px; opacity: 0.7; max-height: 50px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0; } .SpyHunter_container .down_button { margin: 30px; margin-bottom: 10px; } .SpyHunter_container .down_button a, .SpyHunter_container .down_button button { display: inline-block; height: 60px; padding: 0 40px; line-height: 60px; color: #ffffff; background: #2767FF; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 10px; text-decoration: none; text-transform: uppercase; cursor: pointer; } .SpyHunter_container .down_button a:hover, .SpyHunter_container .down_button button:hover { opacity: 0.8; border:none } .SpyHunter_container .down_button a:nth-of-type(2) , .SpyHunter_container .down_button button{ background: #FD2D55; } .SpyHunter_container .text .system { text-align: center; font-size: 14px; line-height: 16px; padding-bottom: 10px; opacity: 0.7; max-height: 42px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .SpyHunter_container .text .note { font-size: 12px; line-height: 16px; opacity: 0.8; color: #8f919c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .SpyHunter_container .text .switch { text-align: center; width: 200px; margin: 0 auto; margin-top: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; } .SpyHunter_container .text .switch a { background: #ffffff; font-size: 12px; display: table-cell; padding: 8px 0; margin: 0; width: 100px; color: #0284fe; text-decoration: none; } .SpyHunter_container .text .switch a.default { opacity: 0.9; color: #666666; } .SpyHunter_main { width: auto; clear: both; margin-top: -200px; } .SpyHunter_main .section_1:first-child { text-align: center; max-width: 800px; margin: 0 auto; padding: 0 16px; } .SpyHunter_main .section_1:first-child .container { min-height: 300px; overflow: hidden; } .SpyHunter_main .section_1:first-child img { max-width: 100%; } .SpyHunter_main .section_1:nth-of-type(2) { text-align: center; } .SpyHunter_main .section_1 { padding: 60px 16px; height: auto; min-height: auto; max-height: auto; } .SpyHunter_main .section_1. tutorial_box { height: auto; min-height: auto; max-height: auto; } .SpyHunter_main .section_1:nth-of-type(3), .SpyHunter_main .section_1:nth-of-type(5), .SpyHunter_main .section_1:nth-of-type(7), .SpyHunter_main .section_1:nth-of-type(9) { background: #f3f3f3; } .SpyHunter_main .section_1 h2 { font-size: 30px; padding-bottom: 16px; } .SpyHunter_main .section_1 .container { max-width: 1000px; margin: 0 auto; } .SpyHunter_main .section_1 .text { padding: 32px; } .SpyHunter_main .section_1 .text .title { font-size: 30px; padding-bottom: 16px; line-height: 40px; } .SpyHunter_main .section_1 .left img, .SpyHunter_main .section_1 .right img { max-width: 90%; margin: 0 auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 9px 12px 0 rgba(189, 189, 189, .3); } .SpyHunter_main .section_1 .left, .SpyHunter_main .section_1 .right { width: 100%; text-align: center; } @media (min-width: 996px) { .SpyHunter_main .section_1 .left, .SpyHunter_main .section_1 .right { width: 50%; } .SpyHunter_main .section_1 .left { float: left; } .SpyHunter_main .section_1 .right { float: right; } .SpyHunter_main .section_1 .left .text, .SpyHunter_main .section_1 .right .text { text-align: left; } } .SpyHunter_main .tutorial_box .title { font-size: 28px; text-align: center; padding: 16px; padding-top: 0; line-height: 40px; } .SpyHunter_main .tutorial { background: #fff; } .SpyHunter_main .tutorial .text { max-height: 400px; overflow: hidden; position: relative; padding-bottom: 20px; line-height: 1.2rem; font-size: 0.8rem; } .SpyHunter_main .tutorial .text p { padding-bottom: 16px; } .SpyHunter_main .tutorial .text .img_box { text-align: center; } .SpyHunter_main .tutorial .text .img_box img { width: 100%; max-width: 640px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; box-shadow: 0 9px 12px 0 rgba(189, 189, 189, .3); } .SpyHunter_main .more-btn { cursor: pointer; display: block; height: 60px; line-height: 60px; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; text-align: center; color: #0284fe; } .SpyHunter_main .more-btn span { display: block; width: 100%; height: 100%; background: #fff; z-index: 2; position: absolute; } .SpyHunter_main .more-btn:hover span { text-decoration: underline; } .SpyHunter_main .more-btn:before { content: ''; width: 100%; height: 100%; position: absolute; top: -100%; left: 0; z-index: 1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, #fff)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); } .header { height: 68px; width: 100%; position: relative; z-index: 99999; } .header:before { content: ''; width: auto; position: absolute; height: 68px; left: 0; right: 0; z-index: 0; opacity: .8; background: #FFFFFF; border-bottom: 2px solid #ccc; } .header_main { height: 68px; width: 1000px; margin: 0 auto; z-index: 1; position: relative; } .header_main .logo { height: 68px; width: 140px; display: inline-block; background: url(../image/macgologo.png) center no-repeat; float: left; margin-right: 40px; } .header_main .head-menu { display: inline-block; float: left; cursor: pointer; } .header_main .head-menu .item { display: inline-block; height: 68px; line-height: 68px; padding: 0 8px; margin: 0 4px; font-size: 16px; text-decoration: none; color: #6a6a6a; position: relative; -webkit-touch-callout: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 2px solid #ccc; } .header_main .head-menu .item:hover { background: #f6f6f6; border-bottom: 2px solid #009ad9; } .header_main .head-menu .item:first-child { padding-right: 30px; } .header_main .head-menu .item i { opacity: 0.5; position: absolute; top: 26px; right: 8px; width: 16px; height: 16px; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTUxOC40IDY5Ny42MDFsMzEzLjYtMzEwLjRjMTIuOC0xMi44IDEyLjgtMzEuOTk5IDAtNDQuNzk5cy0zMS45OTktMTIuOC00NC43OTkgMGwtMjg4IDI4OC0yODgtMjg4Yy0xMi44LTEyLjgtMzEuOTk5LTEyLjgtNDQuNzk5IDAtNi40IDYuNC05LjYgMTYtOS42IDIyLjQgMCA5LjYgMy4yIDE2IDkuNiAyMi40bDMxMC40IDMxMC40YzYuNCA2LjQgMTIuOCA5LjYgMjIuNCA5LjZzMTIuOC0zLjIgMTkuMi05LjZ6Ii8+PC9zdmc+"); } .header_main .head-menu .item.show i { transform: rotate(180deg); } .head-sub-menu { background: #f8f8f8; width: 100%; position: fixed; left: 0; top: 70px; padding: 30px 0; display: none; box-shadow: 0 2px 4px 0 rgba(189,189,189,.3); } .head-sub-menu .container { width: 1000px; margin: 0 auto; } .head-sub-menu .columns { text-align: left; float: left; display: inline-block; margin-right: 20px; } .head-sub-menu .columns:last-child { margin-right: 0; } .head-sub-menu .title { font-size: 18px; display: block; width: 100%; padding-bottom: 10px; text-align: center; color: #666666; } .head-sub-menu .columns_item { width: 116px; overflow: hidden; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .head-sub-menu .columns_item a:first-child { font-size: 14px; display: block; width: 100%; text-align: center; color: #000; text-decoration: none; } .head-sub-menu .columns_item a:nth-child(2), .head-sub-menu .columns_item a:nth-child(3) { display: none; width: 90%; height: 24px; border: 1px solid #31c3ee; text-align: center; line-height: 24px; margin: 0 auto; margin-top: 5px; font-size: 12px; color: #31c3ee; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .head-sub-menu .columns_item a:nth-child(3) { margin-bottom: 5px; } .head-sub-menu .columns_item:hover { background: #FFFFFF; } .head-sub-menu .columns_item:hover a:nth-child(2), .head-sub-menu .columns_item:hover a:nth-child(3) { display: block; } .head-sub-menu .columns_item:hover a:nth-child(2):hover, .head-sub-menu .columns_item:hover a:nth-child(3):hover { background: #31c3ee; color: #FFFFFF; } .head-sub-menu .columns_item img { width: 80px; height: 80px; margin: 0 auto; padding-bottom: 10px; opacity: 0.9; } .head-sub-menu .columns_item:hover img { opacity: 1; } .head-sub-menu .columns_item span { display: block; width: 100%; padding-bottom: 10px; font-size: 14px; line-height: 18px; color: #666666; } .head-sub-menu .columns_item:hover span { color: #333333; } .header_main .head-share { display: inline-block; float: right; cursor: pointer; padding-top: 16px; } .header_main .head-share a { display: inline-block; width: 36px; height: 36px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-size: 20px; background-repeat: no-repeat; background-position: center; } .header_main .head-share a.facebook { background-color: #627aaf; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTU4OS41NzIgODAuMzFjLTI3LjE0OSAwLTUyLjc4OSAzLjAxOC04Mi45NTUgMTUuMDg0LTYxLjgzOSAyNS42MzktOTIuMDAzIDgyLjk1NS05Mi4wMDMgMTc0Ljk1N3Y4OC45ODdoLTg1Ljk2OXYxNDcuODA4aDg1Ljk2OXY0MjYuODMzaDE3NC45NTdWNTA3LjE0NmgxMTkuMTUybDE2LjU5LTE0Ny44MDhINTg5LjU2OXYtNjYuMzYzYzAtMjEuMTE1IDEuNTA4LTM2LjE5NyA3LjU0LTQzLjc0MSA3LjU0LTEzLjU3MyAyMi42MjQtMTkuNjA3IDQ2Ljc1NS0xOS42MDdoNzkuOTM3VjgxLjgxOUg1ODkuNTY2eiIvPjwvc3ZnPg=="); } .header_main .head-share a.twitter { background-color: #67bbe7; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTkyMy4yIDI4OS42YzAgMzU0LjQtMjMyLjggNjA5LjYtNTc1LjIgNjIwLjgtMTQ0LjggMTEuMi0yNDQtMzIuOC0zMzIuOC05OS4yIDk5LjIgMTEuMiAyMzIuOC0yMS42IDI5OC40LTg4LjgtOTkuMiAwLTE1NS4yLTU2LTE4OC0xMzJoODguOGMtODguOC0zMy42LTE1Ni0xMDAtMTU2LTIxMC40IDIxLjYgMTEuMiA0NCAyMS42IDg4LjggMjEuNi03Ny42LTQ0LTEyMS42LTE4OC02Ni40LTI3Ni44QzE4MCAyMzUuMiAzMDEuNiAzMzUuMiA1MDIuNCAzNDUuNmMtNTYtMjIwLjggMjMyLjgtMzMyLjggMzU0LjQtMTg4IDU2LTExLjIgODguOC0zMi44IDEzMi01Ni0xMS4yIDU2LTQ0IDg4LjgtODguOCAxMTAuNCA0NCAwIDc3LjYtMTEuMiAxMTAuNC0zMi44LTEwLjQgNDQtNTQuNCA4OC44LTg3LjIgMTEwLjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); } .header_main .head-share a.google { background-color: #f4885a; background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTU0My44NzIgNjIyLjcyYy0xNC4wOC0yNS4zNDQtMjkuOTUyLTQ1LjMxMi00Ny4yMzItNTkuNzc2LTE3LjQwOC0xNC40NjQtMzMuMTUyLTI4LjQxNi00Ny4yMzItNDEuODU2LTE0LjIwOC0xMy40NC0yMS4yNDgtMjMuODA4LTIxLjI0OC0zMS4xMDQgMC03LjkzNiA1LjM3Ni0xNy4xNTIgMTYuMzg0LTI3LjY0OCAxMC44OC0xMC40OTYgMjIuOTEyLTIwLjk5MiAzNi4zNTItMzEuNDg4IDEzLjQ0LTEwLjQ5NiAyNS42LTI3LjM5MiAzNi40OC01MC41NnMxNi4yNTYtNTAuMDQ4IDE2LjI1Ni04MC41MTJjMC01NS4wNC0xNi05My44MjQtNDcuODcyLTExNi4yMjQuNzY4IDAgNi4yNzItLjUxMiAxNi44OTYtMS42NjQgMTAuNDk2LTEuMDI0IDE3LjkyLTIuMTc2IDIyLjI3Mi0zLjIgNC4yMjQtMS4xNTIgMTAuNDk2LTIuODE2IDE4LjQzMi01LjM3NiA3LjkzNi0yLjU2IDEzLjU2OC02LjE0NCAxNi44OTYtMTAuODggMy4wNzItNC42MDggNC43MzYtMTAuMjQgNC43MzYtMTYuNzY4IDAtNy45MzYtOC4wNjQtMTEuOTA0LTIzLjkzNi0xMS45MDQtMi4xNzYgMC0yMC45OTItLjI1Ni01Ni40NDgtLjUxMi0zNS41ODQtLjM4NC02MS44MjQtLjM4NC03OC44NDggMHMtMzguOTEyIDEuNzkyLTY1LjY2NCA0LjM1MmMtMjYuODggMi41Ni00OC4yNTYgNi4yNzItNjQuMTI4IDExLjM5Mi00MS45ODQgMTMuODI0LTc1LjUyIDM2LjIyNC0xMDAuNjA4IDY3LjQ1Ni0yNC45NiAzMS4xMDQtMzcuNTA0IDY4LjA5Ni0zNy41MDQgMTEwLjg0OCAwIDUwLjY4OCAxNiA5MS42NDggNDcuODcyIDEyMi43NTJzNzMuMjE2IDQ2LjMzNiAxMjMuOTA0IDQ1LjY5Nmg2LjUyOGMwIDE3LjQwOC43NjggMzAuMDggMi4xNzYgMzguMTQ0IDEuNDA4IDcuOTM2IDMuMzI4IDEyLjE2IDUuNTA0IDEyLjU0NCAyLjE3Ni4zODQgNC44NjQgMi4xNzYgOC4wNjQgNS4zNzZzNi4yNzIgOC40NDggOS4yMTYgMTUuNzQ0Yy0zOS45MzYgMC03Ny4wNTYgNC4zNTItMTExLjQ4OCAxMi45MjgtMzQuNDMyIDguNzA0LTY1LjI4IDI2LjExMi05Mi45MjggNTIuMjI0LTI3LjUyIDI2LjExMi00MS4yMTYgNTkuMDA4LTQxLjIxNiA5OC45NDQgMCA1NS44MDggMjIuMjcyIDk3LjI4IDY2LjgxNiAxMjQuNDE2IDQ0LjU0NCAyNy4xMzYgOTYuNTEyIDQwLjcwNCAxNTUuOTA0IDQwLjcwNCA2Ni42ODggMCAxMjQuNTQ0LTE2LjUxMiAxNzMuNDQtNDkuNTM2czczLjQ3Mi04MS4yOCA3My40NzItMTQ1LjE1MmMtLjEyOC0yNy41Mi03LjE2OC01My44ODgtMjEuMjQ4LTc5LjM2ek0yNzQuMTc2IDM3My4zNzZjLTE4LjQzMi0zMy4wMjQtMjcuNjQ4LTY2LjA0OC0yNy42NDgtOTkuNDU2IDAtMjUuMzQ0IDUuNjMyLTQ3LjEwNCAxNi44OTYtNjUuMTUyIDExLjI2NC0xOC4wNDggMjguOC0yNy4xMzYgNTIuNzM2LTI3LjEzNiAzMS4xMDQgMCA1NS45MzYgMTYuNTEyIDc0LjM2OCA0OS40MDggMTguNTYgMzMuMDI0IDI3LjY0OCA2Ni4xNzYgMjcuNjQ4IDk5LjQ1NiAwIDI1LjM0NC01LjYzMiA0Ny4xMDQtMTYuODk2IDY1LjE1Mi0xMS4yNjQgMTguMTc2LTI4LjggMjcuMjY0LTUyLjYwOCAyNy4yNjQtMzEuMjMyLS4xMjgtNTUuOTM2LTE2LjUxMi03NC40OTYtNDkuNTM2em0xNTcuMDU2IDQwOS4wODhjLTMxLjIzMiAxOS41ODQtNjMuODcyIDI5LjQ0LTk3LjkyIDI5LjQ0cy02NS4wMjQtOC43MDQtOTIuOTI4LTI2LjExMmMtMjcuOTA0LTE3LjQwOC00MS44NTYtNDIuMTEyLTQxLjg1Ni03My45ODQgMC0zNC44MTYgMTQuODQ4LTYwLjkyOCA0NC41NDQtNzguMjA4IDI5LjY5Ni0xNy40MDggNjIuOTc2LTI2LjExMiA5OS45NjgtMjYuMTEyIDMzLjQwOCAwIDY0LjEyOCA4LjU3NiA5Mi40MTYgMjUuNDcyIDI4LjE2IDE3LjAyNCA0Mi4zNjggNDEuMjE2IDQyLjM2OCA3Mi4zMi4xMjggMzItMTUuMzYgNTcuNzI4LTQ2LjU5MiA3Ny4xODR6TTc5OC43MiAzMjIuODE2aDEzMS40NTZ2LTY1LjI4SDc5OC43MlYxMjQuOTI4aC02NS4yOHYxMzIuNjA4SDYwMC44MzJ2NjUuMjhINzMzLjQ0djEzMS40NTZoNjUuMjh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+"); } .header_main .head-share a:hover { opacity: 0.9; } .header_main .head-language { display: inline-block; float: right; padding-top: 16px; margin-left: 16px; position: relative; } .header_main .head-language .item { width: 35px; height: 35px; background: #FFFFFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc; cursor: pointer; background: url(../image/Language_module.png); background-position: 3px -265px; } .header_main .head-language-box{ background: #FFFFFF; width: 160px; position: absolute; right: 0; top: 69px; padding: 8px 0; border: 1px solid #ccc; } .header_main .head-language-box a{ display: block; padding: 8px 16px; text-decoration: none; font-size: 14px; position: relative; color: #444; } .header_main .head-language-box a:before{ content: ''; height: 30px; width: 30px; position: absolute; right: 8px; top: 2px; background: url(../image/Language_module.png) no-repeat; } .header_main .head-language-box .jp:before{ background-position: -2px -236px;; } .header_main .head-language-box a.de:before{ background-position: -2px -179px;; } .header_main .head-language-box a.fr:before{ background-position: -2px -208px;; } .header_main .head-language-box a.ru:before{ background-position: -2px -149px;; } .header_main .head-language-box a.zh:before{ background-position: -2px -121px;; } .header_main .head-language-box a:hover{ background-color: #f1f2f3; color: #00aeef; }