﻿*{font-family: "微软雅黑","Verdana"; margin: 0;padding: 0;table-layout: fixed; word-break: break-all;}
img{border: 0 none;}
ul li {list-style: none outside none;}
input, select, textarea { font-size: 12px; outline: 0 none;}
*::-moz-selection {background: none repeat scroll 0 0 #f50;color: #fff;}
.clearfix:before, .clearfix:after {content: "."; display: block; font-size: 0;height: 0;visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {}
body { background-color: #fff;color: #000; font-size: 12px; margin: 0 auto;}
a {color: #666666; text-decoration: none;}
a:hover {color: #ff6600;text-decoration: none;}
div{ margin:auto;}
/*banner*/
.content {margin: 0 auto;position: relative;width: 990px;}
.navbox {background: url("/images/hj/top_bg.png") no-repeat scroll 0 0 ;color: #fff;height: 34px;left: 0;line-height: 34px;margin: 0 auto;position: absolute;text-align: right;top: 0;width: 990px;z-index: 2;}
.navbox span {line-height: 30px; margin-left: 18px;}
.navbox a { color:#fcfafa;text-decoration: none;}
.navbox a:hover { color: #ff3300;}
.navbox img {float: left;margin: 8px 8px 0 30px;}

.topimg {height: 260px;position: relative;width: 990px;z-index: 1;}
.topimg img {height: 260px;width: 990px;}
.topimg {clear: both;height: 260px;overflow: hidden; position: relative;}
.topimg img {height: 260px;width: 990px;}
.topimg .namebg {background: none repeat scroll 0 0 #222;color: #fff;height: 80px;left: 20px;opacity: 0.3;position: absolute;top: 160px;width: 400px;}
.topimg dl {clear: both;color: #fff;height: 60px; left: 20px;padding: 10px;position: absolute;top: 160px; width: 380px;}
.topimg h1 {font-family: "Microsoft Yahei"; font-size: 32px;font-weight: normal;height: 28px;line-height: 32px;padding-bottom: 5px;}
.topimg dd {height: 16px;line-height: 16px;}
.topimg a { color: #fff;}

/*top*/
#newTop .wrapper {margin: 0 auto;text-align: right;width: 960px;}
#newTop {background: url("/images/TopBgzt.gif") repeat-x scroll 0 0 ; height: 34px; line-height: 32px;}
#newTop a {color: #333;}
#newTop a:hover {color: #f00;}
#newTop .wrapper {position: relative;}
#newTop p {position: absolute;right: 0; top: 0;}
#newTop p a { margin: 0 10px;}

/*top-nav*/
#top-nav {background: url("/images/hj/nav_new.png") repeat-x scroll 0 -70px ;height: 33px;padding: 0 5px;text-align: left;width: 980px;}
.top-nav-links li {background: url("/images/hj/nav_new.png") no-repeat scroll right top ;float: left;font-size: 14px;height: 33px;line-height: 34px;padding: 0 3px 0 1px;text-align: center;width: 80px;}
.top-nav-links li.none {background: none repeat scroll 0 0 ;}
.top-nav-links li a:link, .top-nav-links li a:visited {color: #ffffff;display: block;font-weight: bold;height: 33px;margin: 0 auto;padding: 0 10px; text-align: center; width: 62px;}
.top-nav-links li a:hover, .top-nav-links li a.active {background: url("/images/hj/nav_new.png") no-repeat scroll center -33px ;}
.top-nav-box {background:#f9fff7; border: 1px solid #efefef;font-size: 12px;letter-spacing: 1px;margin-bottom: 5px;padding: 5px 5px 5px 15px;width: 968px;}

/*main*/
#main {margin: 0 auto;padding: 0;width: 990px;}
.page_all { border: 1px solid #d3d3d3; color: #1d8d23;display: block; height: 28px;line-height: 28px;margin: 5px auto; overflow: hidden; padding-left: 10px;}
.blacklink a {color: #4d4d4d;text-decoration: none;}
.blacklink a:hover {color: #f00;}
/*big_box*/
.big_box{display: block;height: auto;margin: auto;overflow: hidden;width: 990px;}
/*big_box left*/
.left {float: left;height: auto; overflow: hidden; width: 262px;}
.left .sof_rak {border: 1px solid #d3d3d3;display: block;height: auto;overflow: hidden;width: 260px;}
.sof_rak dt {background: url("/images/hj/titbg.jpg") repeat-x scroll 0 0 ;border: 1px solid rgb(211, 211, 211);display: block;height: 36px;line-height: 36px;overflow: hidden;  width: 260px;}
.sof_rak dt strong { position:relative;color: #fff; display: block; font-size: 14px;font-weight: bold;height: 36px;line-height: 36px;    overflow: hidden; padding-left: 5px;}
.sof_rak dt strong span{position:absolute;top:0;right:0; float: right;font-size: 12px;font-weight: normal;margin-right: 10px;}
.sof_rak dt strong span a { color: #fcfafa;}
.sof_rak dt strong span a:hover { color: #ff3300;}
.sof_rak dd {display: block;height: auto;overflow: hidden;padding-bottom: 10px; width: 261px;}
.sof_rak dd p {background: url("/images/hj/index.png") no-repeat scroll 0 -67px ; display: inline; float: left;height: 20px;line-height: 14px;margin-left: 10px; margin-top: 8px; overflow: hidden; width: 240px;}
.sof_rak dd p b { background-color: #ff8500;color: #fff; float: left;font-size: 11px;font-weight: normal;height: 14px; line-height: 14px; text-align: center; width: 14px;}
.sof_rak dd p a {color: #3f3f3f;display: inline;float: left;font-size: 14px;font-weight: normal;height: 18px;line-height: 18px; margin-left: 12px; overflow: hidden;text-decoration: none;width: 230px;padding-top:4px;}
.sof_rak dd p a:hover {color: #ff3300;text-decoration: underline;}
.sof_rak dd p em {background-color: #d6d6d6;color: #6d6d6d;float: left; font-size: 11px;font-weight: normal; height: 14px;line-height: 14px;text-align: center;width: 14px;}
.sof_rak dd li{ display: inline; float: left;height: 22px;line-height: 20px;margin-left: 10px;margin-top: 2px;overflow: hidden;width: 240px; font-size:14px; font-weight:normal; color:#3f3f3f; }

.hot_bq {border: 1px solid #d3d3d3; display: block; height: auto; margin-top: 10px; overflow: hidden;}

.hot_bq dt {background: url("/images/hj/titbg.jpg") repeat-x scroll 0 0 ;border-bottom: 1px solid #d3d3d3;color: #fff; font-size: 14px;font-weight: bold;height: 36px;line-height: 36px; }
.hot_bq dd { display: block; height: auto; line-height: 24px;overflow: hidden; padding: 10px; }
.hot_bq dd a { margin-right: 6px;}
.hot_bq dd a:link {text-decoration: none;}
.hot_bq dd a:visited { text-decoration: none;}
.hot_bq dd a:hover {color: #ff3300;text-decoration: underline;}

/*介绍*/
.right {;float: right;height: auto;overflow: hidden;width: 720px;}
.sof_msg {display: block;height: auto; overflow: hidden;position: relative;width: 700px;}
.sof_msg dt {display: inline;float: left;height: 151px;margin: 26px 20px 0 26px;overflow: hidden;width: 240px;}
.sof_msg dd {color: #7f7f7f;font-size: 12px;font-weight: normal; line-height: 22px; overflow: hidden;}
.sof_msg .sotimg {display: inline;float: left;height: 151px;margin: 30px 20px 0 0;overflow: hidden;width: 240px;}
.sof_msg .msgbx {color: #7f7f7f;float: left;font-size: 14px;font-weight: normal; height: auto;line-height: 23px; overflow: hidden;padding: 0 30px;width: 640px;}
.sof_msg .msgbx p {text-indent: 24px;}
.sof_msg .sfth {color: #262626;display: block;font: bold 18px/30px 'Microsoft YaHei',Simsun; height: 36px; margin-top: 20px;overflow: hidden;}
.sof_msg dd h1 {color: #262626;display: block;font-family: "微软雅黑";font-size: 16px;font-weight: normal;height: 36px;line-height: 36px;margin-top: 19px;overflow: hidden;}
.sof_msg dd h3 {color: #ff3300;font-size: 12px;font-weight: bold;margin: 4px auto;}
.sof_msg dd p {color: #7f7f7f; font-size: 12px;font-weight: normal; height: auto;line-height: 25px;margin: auto;text-indent: 24px;}

/*下载推荐*/
.special-tab-bg{ background:url(https://imgo.hackhome.com/image/hj/titbg.jpg) repeat-x center top;color: #ffffff;font-size: 14px;font-weight: bold;height: 36px;}
.special-tab-bg ul{  margin: 0; padding-left: 16px;}
.special-tab-bg ul li{ float:left;height: 22px; line-height:22px;list-style: none outside none; margin-right: 10px; padding-top: 5px; text-align: center; width: 84px;}
.special-tab-bg a { color:#fff;}
.special-tab-bg ul li.active a{ color:#ff6600;}
.special-tab-bg ul li.active {background: url("/images/hj/title-tab-nav01.png") no-repeat scroll left 0;color: #ff8500; padding-top: 8px; height:28px;}


.mr{  color: #fcfafa; float: right; font-size: 12px; margin-right: 7px;font-weight: normal;height:36px;line-height:36px;}
.special-tab-bg .mr:hover{ color:#ff3300;}
.special-tab-content .sof_list li a .slimg.tipview{ width:60px; height:60px;}

.right .appicolist.clearfix {border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3; min-height: 105px; padding-bottom: 10px; padding-top:10px;}
.appicolist.clearfix li{float: left; height: 20px; overflow: hidden; width: 320px; margin-top:10px; margin-left:20px; padding-left:15px; font-size:14px;}
.appicolist.clearfix li a{ display:block; height:26px; margin-left:6px;}
.Li1{ background:url(https://imgo.hackhome.com/image/hj/num1.gif) no-repeat 0 3px;}
.Li2{ background:url(https://imgo.hackhome.com/image/hj/num2.jpg) no-repeat 0 3px;}
.Li3{ background:url(https://imgo.hackhome.com/image/hj/num3.jpg) no-repeat 0 3px;}
.Li4{ background:url(https://imgo.hackhome.com/image/hj/num4.jpg) no-repeat 0 3px;}
.Li5{ background:url(https://imgo.hackhome.com/image/hj/num5.jpg) no-repeat 0 3px;}
.Li6{ background:url(https://imgo.hackhome.com/image/hj/num6.jpg) no-repeat 0 3px;}
.Li7{ background:url(https://imgo.hackhome.com/image/hj/num7.jpg) no-repeat 0 3px;}
.Li8{ background:url(https://imgo.hackhome.com/image/hj/num8.jpg) no-repeat 0 3px;}



.share{ clear:both; width:220px; float:left;} 
 
	
.hid_btn{ display:block;width:100%; height:auto; overflow:hidden; margin:10px 0 0 0px;}
.img_yj{ width:240px; height:151px; position:absolute; background:url(https://imgo.hackhome.com/image/hj/img_yj.gif) no-repeat; z-index:999; top:0; left:0; margin:30px 0 0 30px;}
/*下载列表*/
.xz_title {position:relative;background: url("/images/hj/titbg.jpg") repeat-x scroll 0 0 ;border: 1px solid #d3d3d3;height: 36px;}
.xz_title span {color: #fff;font-size: 14px;font-weight: bold; height: 36px;line-height: 36px;padding-left: 16px;}
.xz_title a { position:absolute;top:0;right:0;color: #fcfafa;float: right;height: 36px;line-height: 36px; margin-right: 10px;}
.xz_title a:hover { color: #ff3300;}

.softlist.clearfix { padding-top:10px; border:1px solid #ddd;}
.softlist.clearfix li .info-title.clearfix { margin-left: 9px;}
.softlist li { border-bottom: 1px solid #efefef;margin-bottom: 10px;}
.starwrap, .starwrap span { background: url("/images/hj/star.gif") repeat-x scroll 0 bottom ; float: left; height: 16px; overflow: hidden;}
.starwrap { margin-top: 4px; width: 100px;}
.starwrap span { background-position: 0 top;text-indent: -999px;}
span.lv1 { width: 20px;}
span.lv2 { width: 40px;}
span.lv3 {width: 60px;}
span.lv4 { width: 80px;}
span.lv5 {  width: 100px;}

.info-title span.name {display: block;float: left;font-size: 14px; overflow: hidden; width: 420px;}
.info-title span.name a:link {color: #38aa41;font-weight: bold;}
.info-title span.name a:hover { color: #f9a019;}
.info-title span.date {   color: #333;display: block;float: left;text-align: right;width: 140px;}
.info-title span.size {color: #333;display: block;float: left;text-align: right; width: 60px;}
.info-title span.hits {    color: #333;display: block; float: left;text-align: center; width: 80px;}
.info-desc {clear: both;height: 140px; margin-top: 10px;overflow: hidden;}
.info-desc .demoimg { border: 1px solid #ccc;float: left; height: 120px;margin: 0 9px; padding: 3px; width: 160px;}
.info-desc .info {float: left;width: 524px;}
.info-desc .info .prop {color: #666;height: 20px; line-height: 20px; position:relative;}

.info-desc span.language { color: #000;width: 125px;margin-right:40px;}
.info-desc span.type { color: #000; width: 125px; margin-right:40px;}
.info-desc span.plugin {color: #000; width: 125px;}
.info-desc span.starwrap { margin-top: 0; float:right; position:absolute;right:0;}
.info-desc .info .intro { color: #888;margin-top: 5px;}
.info-desc .softraty {background: url("/images/hj/vote_score.png") no-repeat scroll 0 top ; color: #fff; float: right; font-size: 16px; font-weight: bold; height: 49px; line-height: 59px;
 margin: 15px 0 10px 10px;text-align: center;   width: 49px;}
img.icon { margin-right: 5px;}


.sof_list { border-top: 1px solid #ccc;display: block; height: auto;overflow: hidden; border-bottom: 1px solid #d3d3d3;border-left: 1px solid #d3d3d3;border-right: 1px solid #d3d3d3;}
.sof_list li {border-bottom: 1px dashed #ccc;display: inline; float: left;font-family: "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;height: 120px; margin-left: 1px;overflow: hidden;       width: 327px;}
.sof_list li .list_left {float: left; margin: 18px 0 0 10px; overflow: hidden;}
.sof_list li .list_left img { height: 60px; width: 60px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.sof_list li .list_right {float: left; height: 120px; margin-left: 15px; overflow: hidden; width: 300px;}
.sof_list li .list_right .list_title { color: #1e1e1e;font-size: 14px; font-weight: normal;height: 30px; line-height: 30px; overflow: hidden;padding-top: 10px;}
.sof_list li .list_right .list_title img{ width:32px; height:32px;}
.sof_list li .list_title a {color: #1e1e1e;text-decoration: none;float:right;height:30px;width:260px;}
.sof_list li .list_title a:hover { color: #ff3300; text-decoration: underline;}
.sof_list li .list_right .list_excerpt {color: #868686; display: block; font-size: 12px;font-weight: normal; height: 50px; line-height: 25px;overflow: hidden; width:290px}

.xz_title span {color: #fff;font-size: 14px;font-weight: bold; height: 36px;line-height: 36px;padding-left: 5px;}
.xz_title a {color: #fcfafa;float: right;height: 36px;line-height: 36px; margin-right: 10px;}
.xz_title a:hover {
    color: #ff3300;
}

.list_pro {font-size: 12px;height: 25px;line-height: 25px;position:relative;width:290px;}
.list_pro em {float: left;overflow: hidden; width: 120px; font-style:normal;}
.list_pro em img { padding-top: 5px;vertical-align: top;}
.list_pro a {background: url("/images/hj/down.gif") no-repeat scroll 0 -55px ;color: #fff;position:absolute;top:0;right:0; float: right;overflow: hidden;text-align: center;text-decoration: none;width: 48px;height:25px; line-height:30px;}
.list_pro a:hover {background: url("/images/hj/down.gif") no-repeat scroll 0 -135px ; color: #fafafa;}


/*字母导航*/
.letternav {background-color: #efefef;border: 1px solid #ddd;margin-top: 15px;padding: 10px;}
.letternav a { font-weight: normal; margin: 0 6px;}
/*footer*/
#footer {line-height: 24px;margin: 15px auto;overflow: hidden;text-align: center;width: 990px;}

#easyTooltip{padding:10px;border:1px solid #ccc;background:#efefef;z-index:3;}



/*news_page*/
.right .wz_list {border-top: 0 solid #1d8c23;display: block;height: auto;overflow: hidden;width: 979px;}
.big_box .right .wz_list li {border-bottom: 1px dashed #ccc;display: inline;float: left;height: 120px;margin-left: 1px;overflow: hidden;width: 705px;}
.big_box .right .wz_list li .slimg {display: inline;float: left;height: 90px;margin: 20px 0 0 5px;overflow: hidden;width: 120px;}
.big_box .right .wz_list li p {display: inline;float: left;height: auto;margin-left: 10px;width: 570px; margin-top:10px; line-height:20px;color:#666;}
.big_box .right .wz_list li p strong {color: #1e1e1e;display: block;font-size: 14px;font-weight: bold; height: 18px;line-height: 18px; margin-top: 12px; overflow: hidden;width: 550px; }
.big_box .right .wz_list li p strong a:link {color: #1e1e1e;text-decoration: none;}
.big_box .right .wz_list li p strong a:visited {color: #1e1e1e;text-decoration: none;}
.big_box .right .wz_list li p strong a:hover { color: #ff3300;text-decoration: underline;}

/*图标*/
.sof_rak dt img{ float:left; margin-left:5px; margin-top:8px;}
.hot_bq dt img{ float:left; margin:9px 3px 0 5px; }
 .xz_title img{ float:left; margin-top:8px; margin-left:5px;}
.xz_title img{ float:left;}

/*百度搜索*/
.baidu_search_search {  background: url("/images/hj/soso_yellow.png") no-repeat scroll 0 0 ;  font-size: 12px; height: 29px; line-height: 29px; margin-right: 10px; position: absolute; right: 0; top:263px; width: 165px; position:absolute; z-index:2;}
.baidu_search_search div { display: block; height: 29px; line-height: 29px; overflow: hidden; margin-left: 20px;  width: 98px;}
.baidu_search_search a{ color:#333;}
.baidu_search_search a:hover{ color:#ff3300;}

/*top_cont*/
.top_cont.clearfix{ margin-bottom:10px;}

/*bottom_cont*/
 .bottom_cont{ height:auto; clear:both;}

.dianji{color:#fff;}


.wxWrap{position:fixed;top:350px;left:50%;margin-left:515px;}
.wxWrap img{width:150px;}
.wxWrap p{text-align:center;}


