@charset "utf-8";
/* CSS Document */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}

fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
caption,th {text-align:left;}

a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}


.clear, .clr{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li, ul.list li{ list-style:outside disc; line-height:1.7em; margin-left:18px;}
.noB{background:none !important; border:none !important;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.blue{ color:#84C754 !important;}
.red{ color:#f00 !important;}
.orange{ color:#f6772c !important}
.hide{ display:none !important;}
hr{ border:none; height:0; overflow:hidden; border-bottom:1px solid #ededed;margin:12px 0; *margin:0; height:0;} 
.maxW{ max-width:100%;}
body{font:14px/1.6em Lato,Helvetica,Arial,sans-serif;color:#777;background:#fff; }

.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt60{margin-top:60px !important;}.mt50{margin-top:50px !important;}.mt0{margin-top:0 !important;}
.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb60{margin-bottom:60px !important;}.mb0{margin-bottom:0px !important;}
.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml0{ margin-left:0!important;}
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr0{ margin-right:0!important;}
.ptb10 { padding-top:10px; padding-bottom:10px;}.ptb30 { padding-top:30px; padding-bottom:30px;}.pt0{ padding-top:0!important;}
.pt5 {padding-top:5px!important;}.pt10 {padding-top:10px!important;}.pt15 {padding-top:15px!important;}.pt20 {padding-top:20px!important;}.pt25 {padding-top:25px!important;}.pt30 {padding-top:30px!important;}
.pb5 {padding-bottom:5px!important;}.pb10 {padding-bottom:10px!important;}.pb15 {padding-bottom:15px!important;}.pb20 {padding-bottom:20px!important;}.pb30 {padding-bottom:30px!important;}

.table1 td,.table1 th{padding: 8px 13px;border: 1px solid #e5e5e5;font-size:12px;}
.table1 th{ font-weight:bold; font-size:14px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#efefef',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #efefef 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));}
.addthis_floating_style{ position:absolute !important; border:1px solid #dbdbdb; padding:10px 6px 15px !important; background:#fff;}
.paging{ text-align:center; margin:20px 0;}
.paging a{padding: 3px 5px ;text-decoration: none; border:1px solid #fff; }
.paging a.curr{ border:1px solid #ccc; background:#f8f8f8;color:#555; font-weight:bold;}
.paging a:hover{ border:1px solid #ccc;}
.paging .bb{ padding: 5px 8px ; margin:0 10px;  border:none;}
.paging .bb:hover{ border:none;  }
.table-style2{border-top:1px solid #84c754;border-left:1px solid #84c754;}
.table-style2 td,.table-style2 th{border-bottom:1px solid #84c754;border-right:1px solid #84c754;padding:10px; font-size:13px;}
.table-style2 th{color:#333; font-size:16px; background-color:#f2f2f2; font-weight:bold;padding:0;}
.table-style2 .star{width:100px;}
.new-pro-box .star{width:100px!important;}
/*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/
/*-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; */
/*btn*/

.grayBtn{ display:inline-block;background: url(#) repeat-x 0 -95px;height: 30px;line-height: 30px;padding: 0 10px;color: #777; border:1px solid #d9d9d9;border-radius: 5px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:76px;margin: 13px 6px 0 0; box-shadow:0 0 3px #d9d9d9;}
.grayBtn:hover{ text-decoration:none; background:#fcfcfc;}
.buyBtn-2{ display:inline-block; background: url(#) repeat-x 0 -128px; width:198px; height:57px;}
.buyBtn-2:hover{ background-position:0 -186px;}
.greenBtn,.orangeBtn,.greenBtn-s,.orangeBtn-s,.grayBtn-2{display:inline-block; background: url(#) repeat-x 0 -245px; width:137px; height:33px; line-height:33px; color:#fff !important; text-align:center; font-weight:bold;  font-size:13px !important; }
.orangeBtn{ background-position:0 -642px;}
.greenBtn-s{ background-position:-144px -245px; width:103px; height:33px;}
.orangeBtn-s{background-position:-98px -32px; width:103px; height:33px;}
.grayBtn-2{ background-position:-98px -65px; width:128px; height:28px; line-height:28px; color:#555 !important;  font-weight:normal;}

.greenbtn{display:inline-block;background:#84c754;font-size:14px; text-align:center;width:120px;height:34px;line-height:34px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;}
.greenbtn:hover{background:#74b447; text-decoration:none;}
.bluebtn{display:inline-block;background:#32a4e7;font-size:14px; text-align:center;width:120px;height:34px;line-height:34px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important;border-radius:5px;}
.bluebtn:hover{background:#3099d6; text-decoration:none;}
.btnTrial_win {display:inline-block; background:#84c754 url(#) no-repeat 10px center; border-radius:5px;padding:15px 15px 15px 50px;width:100px;color:#fff; font-size:20px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em;}
.btnTrial_win:hover{background:#76ba45 url(#) no-repeat 10px center;text-decoration:none;}
.btnTrial_mac {display:inline-block; background:#84c754 url(#) no-repeat 10px center; border-radius:5px;padding:15px 15px 15px 50px;width:100px;color:#fff; font-size:20px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em;}
.btnTrial_mac:hover{background:#76ba45 url(#) no-repeat 10px center;text-decoration:none;}
.dropBtn{ position:relative; cursor:pointer}
.dropBtn div{ text-align:left; display:none; width:230px;position: absolute;z-index: 3; right:0;top: 35px;text-indent: 0;background:#ddd;border: 1px solid #DDD;border-radius: 5px;padding: 10px; text-shadow:0 0 0; color:#777;} 
.dropBtn:hover div{ display:block;}
.dropBtn div .dot{background: url(#) no-repeat 50% 0;display: block;width: 60px;height: 8px;position: absolute;z-index: 3;top: -8px;right:20px;}
.dropBtn div ul{ margin-top:5px;}
.dropBtn div li a{ display:block; width:215px; line-height:22px; height:22px; color:#3d4f58; font-style:italic; padding-left:5px; font-size:12px;}
.dropBtn div li a:hover{ background:#eee; text-decoration:none;}
.downbtn{display:inline-block;font-size:14px;width:80px;height:32px;line-height:32px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important; border-radius:5px; border:1px solid #84c754;background:url(#) no-repeat 15px 0;padding-left:35px;}
.downbtn:hover{background:#84c754 url(#) no-repeat 15px -32px; text-decoration:none;color:#fff !important;}
.downbtn2{display:inline-block;font-size:16px;width:105px;height:40px;line-height:40px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important; border-radius:5px; border:1px solid #84c754;background:url(#) no-repeat 30px 0;padding-left:55px;}
.downbtn2:hover{background:#84c754 url(#) no-repeat 30px -40px; text-decoration:none;color:#fff !important;}
.downbtn3{display:inline-block;font-size:14px;width:100px;height:32px;line-height:32px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;background:#84c754;}
.downbtn3:hover{background:#57b116; text-decoration:none;color:#fff !important;}
.buybtn3{display:inline-block;font-size:14px;width:100px;height:32px;line-height:32px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;background:#ff6000;}
.buybtn3:hover{background:#ff2a00; text-decoration:none;color:#fff !important;}
.pro_r_btn{display:inline-block;background:#daedcc;text-align:center;width:155px;height:38px;line-height:38px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#333 !important; border-radius:5px;}
.pro_r_btn:hover{background:#cae3b8; text-decoration:none;}
.pro_down{display:inline-block; background:#84c754 url(#) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em;}
.pro_down:hover{ background:#76ba45 url(#) no-repeat 35px center;text-decoration:none;}
.pro_buy{display:inline-block; background:#ff6000 url(#) no-repeat 35px center; border-radius:5px;padding:10px 35px 10px 80px;width:100px;color:#fff; font-size:20px; font-weight:bold;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important;color:#fff !important; line-height:1em;}
.pro_buy:hover{background:#ff731f url(#) no-repeat 35px center;text-decoration:none;}
.buybtn{display:inline-block;font-size:14px;width:80px;height:32px;line-height:32px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; border:1px solid #ff6000;background:#ff6000 url(#) no-repeat 15px 0;padding-left:35px;}
.buybtn:hover{background:#ff6000 url(#) no-repeat 15px -32px; text-decoration:none;}

.greenBtn-pro,.orangeBtn-pro{ display:inline-block; background:url(#) no-repeat 0 -284px; width:209px; height:63px; color:#fff; text-align:left}
.greenBtn-pro:hover,.orangeBtn-pro:hover{ text-decoration:none;}
.orangeBtn-pro{ background-position:0 -347px;}
.greenBtn-pro .pic,.orangeBtn-pro .pic{ display:inline-block; float:left;  width:58px; padding-top:14px; text-align:right;  margin-right:8px;}
.greenBtn-pro .name,.orangeBtn-pro .name{ font-size:22px; line-height:25px;  padding-top:9px; display:block;}

.tryMinBtn {display:inline-block;font-size:14px;width:60px;height:26x;line-height:26px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; background:#84c754; text-align:center;}
.tryMinBtn:hover{background:#50ab0f; text-decoration:none;}
.buyMinBtn {display:inline-block;font-size:14px;width:60px;height:26x;line-height:26px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; background:#ff6000; text-align:center;}
.buyMinBtn:hover{background:#ff3c00; text-decoration:none;}

.buyBtn-s,.tryBtn-s{ text-align:left; display:inline-block;background:url(#) no-repeat 0 -477px; width:120px; height:51px; position:relative; padding:26px 0 0 45px; color:#fff !important; font-weight:bold; font-size:12px;}
.buyBtn-s .pic,.tryBtn-s .pic{ position:absolute; z-index:1; top:11px; left:10px; }
.tryBtn-s{ background-position:0 -556px;}

.ipadBtn{  }
.greenBtn-pro.ipadBtn .pic{ width:45px; margin-right:3px;}
.greenBtn-s.ipadBtn{ padding:0 0 0 2.4%; height:31px; line-height:31px; border:1px solid #588d3f; background:#6da81d; border-radius:15px;} 
.table1 .greenBtn-s.ipadBtn{ height:auto; padding:2px;border-radius:5px;} 
.table1 .greenBtn-s.ipadBtn input[type='text'] {width: inherit;display: block;float: none;padding-left: 3px; border-radius:5px 5px 0 0;}
.table1 .greenBtn-s.ipadBtn a {width: 100%; margin-top:0; border-radius:0 0 5px 5px;}

.rollTop .greenBtn-s.ipadBtn{ width:183px !important;} 

.ipadBtn .tit{ padding-top:5px; margin-bottom:2px;}
.ipadBtn input[type='text']{ display:inline-block;background:#fff; border:1px solid #6e9f09; width:49%; height:22px; line-height:22px;  color:#666; padding-left:6px; font-size:11px; color:#777; border-radius:10px 0 0 10px;}
.ipadBtn .send{ display:inline-block;background:#ededed; width:36px; height:22px; line-height:22px; color:#476a00; font-size:12px; text-align:center; margin-top:1px;border-radius:0 10px 10px 0; border:1px;}
.ipadBtn .send:hover{cursor:pointer;}
.ipadBtn-s{ width:95%; padding-top:3px; height:27px;}
.ipadBtn-s input[type='text']{ width:63%;margin-top: 4px; }
.ipadBtn-s a{ width:20%;margin-top: 5px;}


.downBnt-b {display:inline-block; width:185px; background:#7bbb26; border-radius:5px; color:#fff !important;height:50px; margin-right:10px; margin-bottom:10px; text-align:left; text-decoration:none !important;}
.downBnt-b .pic {float:left; padding-top:10px; width:50px;height:40px; line-height:40px; border-right:1px solid #75b027; text-align:center; margin-right:13px;}
.downBnt-b .name { font-size:22px; line-height:22px; padding:7px 0 0; display:block; margin-bottom:0;margin-top:0!important;}
.downBnt-b:hover{ text-decoration:none; background:#81c22b;}
.downBnt-s, .buyBnt-s {display:inline-block; width:140px;  border-radius:5px; color:#fff !important;height:44px; text-align:left; text-decoration:none !important;}
.downBnt-s{background:#7bbb26; color:#fff !important;}
.buyBnt-s{background:#f6772c; color:#fff !important;}
.downBnt-s .pic, .buyBnt-s .pic {float:left; padding-top:10px; width:30px;height:34px; line-height:40px; border-right:1px solid #75b027; text-align:center; margin-right:5px;}
.buyBnt-s .pic{border-right: 1px solid #e06f0b;}
.downBnt-s .name, .buyBnt-s .name { font-size:17px; line-height:17px; padding:7px 0 0; display:block; margin-bottom:0; margin-top:0!important; color:#fff !important;}
.downBnt-s .version, .buyBnt-s .version{ font-size:12px;}
.downBnt-s:hover{ text-decoration:none; background:#81c22b;}
.buyBnt-s:hover{ text-decoration:none; background:#ff8238;}
.toTop {display:none  ;background:url(#) 0 -31px no-repeat;position: fixed;z-index: 2;width: 69px;height: 62px;bottom: 30px;left: 50%;margin-left: 530px;}
.ac{ text-align:center !important; padding-left:0;}
.al{ text-align:left !important;}
/*rating*/
.rating{   display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:12px;width:11px; background:url(#) no-repeat 0 -3px; zoom:1}
.rating strong{color:#f60;padding-left:10px}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bigRating { *margin-bottom:-10px;}
.bigRating li{background:url(#) no-repeat 0 5px; width:14px; height:22px;*margin-bottom:8px;}
.bigRating li a{width:13px; height:19px;}
.bigRating li.on{background-position:0 -23px}
.bigRating li.half{background-position:0 -50px}
.ratingArea { display:inline-block; *display:inline; width:190px;}
.ratingArea .view,.ratingArea .rating{ float:left; *float:none;}
.ratingArea .distr{ display:inline-block; *display:inline; position:relative; padding-top:1px; float:left; *float:none; margin-left:5px;}
.ratingArea .distr .btn{display:inline-block;  background:url(#) no-repeat; height:20px; width:20px;  }
.ratingArea .distr .distrArea{ position:absolute; z-index:1; top:22px; left:-100px; background:#000;}

.voteRating li{ background:url(#) no-repeat 0 -62px; width:32px; height:29px;}
.voteRating li.on{ background-position:0 0;}
.voteRating li.half{ background-position:0 -31px;}

/*rollTop*/ 
.rollTop{ position:fixed; top:-1px; left:0; z-index:999; width:100%; background:url(#) repeat-x 0 100%; padding:10px 0 20px;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;} 
.rollTop .container{ overflow:visible}
.rollTop.hidden{ display:none;}
.rollTop .name{ line-height:40px; font-size:20px; font-weight:normal;}
.rollTop .nav{ float:left; overflow:hidden;}
.rollTop .nav li{ float:left; }
.rollTop .nav li a{ display:inline-block; height:34px; line-height:34px; font-size:15px; padding:0 15px; border-right:1px solid #e3e3e3; }
.rollTop .nav li:first-child a{border-left:1px solid #e3e3e3;}
.rollTop .nav li a:hover{ background:#eee;text-decoration:none;}
.rollTop .nav li.last{border-right:1px solid #fbfbfb; }
.rollTop .nav li.last a{border-right:1px solid #dcdcdc;} 
.rollTop .ipadBtn{ width:200px;}
.rollTop .greenBtn-s,.rollTop .orangeBtn{ text-align:left; padding-left:8px; width:95px;}
.btm-nav{position:fixed; bottom:0; left:0; width:100%; z-index:500; padding:10px 0;background:#70bb3b;}
.btm-nav .btn-close {position:absolute; z-index:200; top:-25px; left:50%; margin-left:-28px; width:56px; height:25px; background:url(#) no-repeat 17px -153px; border-radius:80px 80px 0 0; cursor:pointer; background-color:#70bb3b !important;}
.btm-nav .btn-close2 {background-position:17px -120px;}
.btm-nav .container{ text-align:center;}
.btm-nav .buyBnt-s{ width:auto; padding:8px 0 8px 10px; height:auto; background:#ff6000;}
.btm-nav .buyBnt-s:hover{background:#ff731f;}
.btm-nav .buyBnt-s span {display:inline-block; padding:0 10px; margin-left:10px; border-left:solid 1px #d0602a;}
.btm-nav .buyBnt-s span del {font-size:12px; font-weight:normal;}
/*respon*/
.container{width:1000px; margin:0 auto;} 
.row-fluid {width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0;content: "";} 
.row-fluid .span{float: left; display: block; margin-left: 2.564102564102564%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.row-fluid .span img{max-width: 100%;-ms-interpolation-mode: bicubic;}
.row-fluid .span:first-child {margin-left: 0;}
.row-fluid .span2 { width: 48.717948717948715%;  }/*border==== margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;*/
.row-fluid .span3 { width: 31.5%;  }/*padding:0 0 0 4%; margin-left:0; width:31.96%;* width:28%;*/
/*border====    margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9;*/
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1),.row-fluid > .span5:nth-of-type(5n+1) { margin-left: 0; }
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1){ clear:both}
.row-fluid .span4 { width: 23.076923076923077%;*width: 23%; }/* padding:0 1%; margin-left:0; width:24.99%;* width:22.8%;*/
.row-fluid .span4:nth-of-type(4n+1){ margin-left:0; clear:both}
.row-fluid .span5 {  width: 17.90%; margin:0 0 0 2.564102564102564%}

}