﻿/* 初始化页面 */
body,p,h1,h2,h3,h4,h5,h6,table,tr,td,form,dl,dt,dd,ol,ul,li,iframe,span{margin:0; padding:0;}
ol,ul,li { list-style:none;}
b,em,i{ font-style:normal; font-weight:normal;}
a { text-decoration:none; color:#707271;}
a:hover{ color:#f7a421; text-decoration:underline;}
a img {border:none;}
table { border-spacing:0; border-collapse:collapse;}
select, input, button{ vertical-align: middle; font-family:arial, helvetica, sans-serif; font-size:12px;}
body {font-family: arial, helvetica, sans-serif; font-size:12px; background-color:#fff; background-image:url(images/head.gif); background-repeat: repeat-x; color:#707271;}
.clear {clear:both;}
.clearfix:after { clear: both; content: ".";  display: block;  height: 0;  overflow: hidden; visibility: hidden;}
#ads_all_970{ display:none;}


.minitop{ background-color:#eeeeee; width:100%; height:36px;}
.minitop div{ width:1180px; margin:0 auto; padding:8px 0 0;}
.minitop div b{ float:left; padding:0px; margin:0px;}
.minitop div span{ float:right; padding:0px; margin:0px;}
.minitop div span a{ padding:0 8px 0 7px;}

.head{ background-color:#2d2d2d; height:136px;}
.head .head-main{ width:1180px; margin:0 auto; height:91px; overflow:hidden;}
.head .head-main .logo{ float:left; width:224px; padding:20px 0 0;}
.head .head-main .mininav{ float:right; width:960px; overflow:hidden;}
.head .head-main .mininav ul { width:980px; overflow:hidden;}
.head .head-main .mininav ul li{ float:left; padding:0 16px 0 0;}
.head .head-main .mininav ul li a{ display:block; width:72px; height:91px; line-height:12px; text-align:center; color:#fff; font: 14px "微软雅黑";}
.head .head-main .mininav ul li a.hover{ color:#6cce0c;}
.soft span{ background:url(../images/icon.png) 4px -392px; display:block; height:64px;}
.game span{ background:url(../images/icon.png) 4px -464px; display:block; height:64px;}
.tut span{ background:url(../images/icon.png) 4px -593px; display:block; height:64px;}
.must span{ background:url(../images/icon.png) 4px -723px; display:block; height:64px;}
.bro span{ background:url(../images/icon.png) 4px -854px; display:block; height:64px;}
.design span{ background:url(../images/icon.png) 4px -985px; display:block; height:64px;}
.work span{ background:url(../images/icon.png) 4px -1116px; display:block; height:64px;}
.video span{ background:url(../images/icon.png) 4px -1247px; display:block; height:64px;}
.safe span{ background:url(../images/icon.png) 4px -1379px; display:block; height:64px;}

.head .nav{ width:1180px; margin:9px auto 0; background-color:#4b4b4b;}
.head .nav dt{ float:left; width:960px; margin:0 0 0 12px;}
.head .nav dt li{ float:left; line-height: 36px;} 
.head .nav dt li a.hover { background-color: #FFFFFF; border-top: 2px solid #f7a421; color: #f7a421; height: 34px; float: left; padding: 0 20px;}
.head .nav dt li a { color: #B6B6B6; float: left; padding: 0 16px; font-size:14px;}
.head .nav dt li a:hover{ color:#f7a421;}
.head .nav dd{ float:right; width:194px; margin:5px 0 0;}
.head .nav dd form{ background:url(../images/s_35.png) no-repeat 0 0;}
.head .nav dd form .keyword_input{ background:none; border:none; width:142px; height:24px;}
.head .nav dd form .schbtn{ background:none; border:none; width:38px; height:24px; text-indent:-100em;}

#wrap{ width:1180px; margin:9px auto 0; overflow:hidden;}
#tjzt{ border:1px solid #e5e5e5; height:196px;}
#zt{ float:left; }
#zt li{ height:98px; line-height:6px; width:98px; text-align:center; background-color:#eeeeee;}
#zt li.ztdl{ background-color:#fff;}
#zt li.ztdl a{ color:#f7a421;}
#zt li i{ background: url(../images/icon.png) no-repeat scroll 0 10px transparent; display: block; height: 74px; margin: 0 auto; width: 59px;}
#zt li.ztdl i{  background-position:0 -91px;}
#zt #game i{ background-position:0 -193px;}
#zt #game.ztdl i{ background-position:0 -290px;}
#tagContent .ztdl{ display:block;}
.tagContent{ display:none;}
.tagContent ul li{ padding:16px 0 2px;}
.tagContent ul li b{ font-size:14px; font-weight:bold; padding:0 0 0 6px;}
.tagContent ul li a{ font: 14px "微软雅黑"; color:#4a4a4a; padding:0 9px;}
.tagContent ul li.soft_tu a{ display: inline; float: left; height: 80px; margin: 10px 5px; overflow: hidden; text-align: center; width: 72px; padding:0px;}
.tagContent ul li.soft_tu a img{ display: block; height: 58px; margin: 0 auto 4px; width: 58px;}

.ban{ position:relative; height:364px; margin:12px 0;}
.ban a { cursor: pointer; display: inline-block; overflow: hidden; position: absolute; text-decoration: none;}
.g-idx-1 { left: 0; top: 0;}
.g-idx-2 { left: 299px; top: 0;}
.g-idx-3 { left: 299px; top: 181px;}
.g-idx-4 { right: 293px; top: 0;}
.g-idx-5 { right: 0; top:0;}
.g-idx-6 { right: 0; top:181px;}
.ban span{ position:absolute; width:100$; height:100%; z-index: 200; left: 0; bottom: -100%; overflow:hidden; background-color:#000; filter:alpha(Opacity=50); opacity: 0.5; }
.ban span .tit{  color: #FFFFFF; cursor: pointer; display: block; font-size: 20px; padding: 8px; position: relative; text-align: center; width: 100%;}
.ban span .info { color: #FFFFFF;    cursor: pointer;    display: block;    font-style: normal;    line-height: 20px;    padding: 0 20px 20px;    position: relative;}

.apple-soft{ clear:both;}
.apple-soft .title{ border-bottom:2px solid #6cce0c; height:38px; line-height:38px;}
.apple-game .title{ border-bottom: 2px solid #f7a421; height: 38px; line-height: 38px;}
.title-left{ float:left; width:152px;}
.title-right{ float:right; width:683px; overflow:hidden;}
.title-right a{ font-size:14px; padding:0px 12px 0 0; color:#000;}

.item-left{ float:left; width:216px;}
.subtitle{ height:46px; line-height:46px; width:100$;}
.subtitle h2{ float:left; font-size:16px;}
.subtitle a{ float:right;}
.item-left ul li{ width:100%; text-align:center; height:135px; font-size:14px;}
.item-left ul li img{ width:206px; height:102px; border:1px solid #d0d0d0; padding:1px;}
.item-center{ float:left; width:646px; margin:0 0 0 18px;}
.item-center ul { width:700px; overflow:hidden;}
.item-center ul li{ float: left; margin: 0 25px 26px 0; text-align: center; width: 88px; height:114px; font-size:14px;} 
.item-center ul li img{ width:84px; height:84px; display:block; margin:0 0 12px;}

.item-right{ float:right; width:273px;}
.weekly-list{ background-color:#f5f5f5; border:1px solid #dddddd; font-size:12px;}
.weekly-list li{ overflow:hidden; position:relative; clear:both; height:38px; line-height:38px; border-top:1px solid #dddddd; }
.weekly-list li.hover{ background-color:#fff; clear:both; height:75px; line-height:11px; border-top:none;}
.weekly-list li.hover .app-show-block p{ float:left; padding:13px 0 0 12px;}
.weekly-list li.hover .app-show-block p img{ width:48px; height:48px;}
.weekly-list li.hover .app-show-block p.mask{ width:167px; margin:0px; line-height:17px;}
.weekly-list li.hover .app-show-block p.mask a{ display:block; width:60px; height:25px; margin:8px 0 0; position: absolute; right:11px; bottom:8px;}
.weekly-list li.hover .app-show-block p.mask img{ width:60px; height:25px; float:none;}
.weekly-list .app-show-block{ display:none; padding:0px;}
.weekly-list li .s-index-org{ float:left; display:block; width:22px; height:75px; line-height:71px; background-color:#90c300; color:#fff; text-align:center; font-weight:bold; padding:0px;}
.num{ padding:0 15px 0 8px;}
.s-index-org{ padding:0 16px 0 8px;}
.weekly-list .hover .app-show-block{ display:block;}
.weekly-list .hover .app-show-title{ display: none;}
.app-show-title { background-color: #F5F5F5; height: 38px; width: 233px;}
.app-show-block { height: 74px; width: 100%;}
.app-show-title,.app-show-block { float: left;}
.app-show-block { display: none;}


#bangd{ clear:both; width:1242px; overflow:hidden;}
#bangd dt { border-bottom: 1px solid #CCCCCC; font-size: 16px; height: 30px; letter-spacing: 3px; line-height: 30px; margin-bottom: 4px;}
#bangd dt, #bangd dd { display: inline; float: left; margin: 0 26px 0 0; width: 275px;}
#bangd dd{ background:url(../images/phicon.png) no-repeat 0 10px;}
#bangd dt span { background: url(images/mspr.png) no-repeat scroll -99px -330px transparent; display: inline; float: left; height: 33px; position: relative; text-indent: 2px;	font-weight:bold;}
#bangd dt span b{ font-weight:bold;}
#bangd dd i { display: block; margin: 8px 0 0; padding-left: 25px; position: relative;}
#bangd dd i em.num { color: #999999; left: 8px;  position: absolute; width: 20px;}
#bangd dd i span { display: inline; float: right; line-height: 26px;  margin-top: -2px; width: 186px;}
#bangd img { height: 58px; width: 58px;}
#bangd dd i span a, #bangd dd i span s { height: 26px; overflow: hidden; text-decoration:none;}
#bangd dd span a { display: block;}
#foot { border-top: 1px solid #E3E3E3; margin: 23px auto 0; padding: 18px 0 0; text-align: center; width: 100%;}
#foot p { color: #F55110; line-height: 24px; margin: 10px 0;}
#foot a { color: #333333; margin: 0 5px; font-size:12px;}


.mdown{ border:1px solid #ebebeb;}
.dfnav{ padding:10px 0 10px 13px; border-bottom:1px solid #ebebeb;}
.linfo{ float:left; width:299px; border-right:1px solid #ebebeb; overflow:hidden;}
.linfo h1{ font-size:22px; font-weight:bold; color:#ff6600; padding:12px 0 13px 17px; font-family:"微软雅黑";}
.linfo img{ width:160px; height:160px; margin:0 auto; display:block;} 
#gmcfg img{ width:76px; height:16px; display: inline;}
.dbutton{ display:block; background:url(../images/dbutton.png) no-repeat 0 0; width:218px; height:50px; margin:21px auto;}
.linfo ul{ width:100%; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:10px 0 0;}
.linfo ul li{ width:244px; margin:0 auto; color:#4a4a4a; font-size:14px; padding:0 0 10px; font-family:"微软雅黑";}
.linfo ul li em{ font-size:12px;}
.rank li{ display: block; height: 64px; line-height: 26px; margin: 0 0 20px; overflow: hidden; padding: 0 0 0 6px; position: relative; width:262px;}
.rank li em { display: block; left: 6px; position: absolute; width: 22px;}
.rank li img { display: inline; float: left; height: 64px; margin-right: 8px; vertical-align: top; width: 64px;}
.rank li a strong { font-size: 14px; height: 22px; line-height: 20px; overflow: hidden; display:block;}
.rank li s { display: block; text-decoration:none;}
.ddetail{ float:left; width:880px;}

p.title{ border-bottom:1px solid #DDDDDD; margin:14px auto 0; width:831px;}
p.title i{ border-bottom:1px solid #ff6600; color: #000; font-weight: bold; display: block; font-size: 16px; height: 28px; margin-right: 5px; text-align: center; width:116px;}

.ddetail .content{ margin:0 auto; padding:10px 0; width:831px; font-size:14px; height:300px; line-height:26px; overflow:hidden; }
.ddetail .content h3{ background: url(../images/soft_h3.png) no-repeat scroll left top transparent; color: #88c300; font-size: 14px; height: 34px; line-height:26px; margin: 9px 0 0;
 padding: 0; text-indent:19px; width: 100%;}
.ddetail .content img{ max-width: 660px; margin:12px 0 0;}
.ddetail .content p{ font-size:14px; color:#000; margin: 13px 0;}
.ddetail .content p a{ font-size:15px; font-weight:bold;}
.ddetail .address li a:hover{ background-color:#F7A421;  color:#fff;}
.button{ width:130px; height:31px; line-height:31px; margin:0 auto; display:block; background:url(../images/more.png) no-repeat 0 0; color:#fff; text-align:center;}
.button a,.button a:hover{ color:#fff; text-decoration:none;}
#fold{ display:none;}
.down_link_main{ margin:0 auto; width:831px;}
.down_link_main h3 { padding: 11px 0;}
.down_link_main ul:after{ clear: both; content: ".";  display: block;  height: 0;  overflow: hidden; visibility: hidden;}
.down_link_main li{ float:left; padding:0 60px 13px 0;}
.down_link_main li a{ display:block; width:100px; height:26px; line-height:26px; text-align:center; border:1px solid #F7A421; color:#F7A421; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px; transition-property: color; transition-duration: 2s; -moz-transition-property: color; -moz-transition-duration: 0.6s;}
.down_link_main li a:hover{ background-color:#F7A421;  color:#fff;}


/*评论样式*/
#comment_list { border: 1px solid #CCCCCC; color: #2F2F2F; width:831px; padding: 1px; margin:0 auto;}
#comment_list dt { height: 28px; line-height: 28px; overflow: hidden; padding: 0 10px;}
#comment_list h2 { background: url(/skin/gr/images/comment_tbg.png) repeat-x scroll 0 0 transparent; color: #FFFFFF;    font-size: 14px;    height: 30px; margin-bottom: 10px; padding: 0 10px;}
#comment_list h2 span { background-repeat: no-repeat;    float: left;    line-height: 26px;    margin-top: 4px;    text-align: center;    width: 88px;}
#comment_list dl { padding: 0 5px;}
#comment_list dd { line-height: 20px; padding: 5px 10px 10px;    word-wrap: break-word;}
#comment_list dd img { margin-bottom: -5px;}
#comment_list blockquote, #comment_list .quote { background: none repeat scroll 0 0 #FFFDE9;  border: 1px solid #BFBFBF;   color: #000000;    margin: 0 0 5px;    padding: 3px 3px 5px;}
#comment_list blockquote h4, #comment_list .quote span { background: none repeat scroll 0 0 transparent; color: #666666;    display: block;    font-size: 12px;    font-weight: normal; padding: 0 3px;}
#comment_list blockquote h4 cite { font-style: normal;}
#comment_list blockquote div { padding: 0 7px;}
#comment_list dt i { font-family: verdana;    font-style: normal;}
#comment_list dt b { margin: 0 6px;}
#comment_list p { line-height: 1; padding: 5px 0; text-align: right;}
#comment_list p a { color: #E65C08; margin-left: 10px;}
#comment_list dt span { float: left;}
#comment_list dt em { float: right; font-style: normal;}
#comment_0 dt { background: none repeat scroll 0 0 #FFF2E8; color: #C97B54;}
#comment_0 h2 span { background-image: url("/skin/gr/images/comment_tr.png");}
#comment_1 dt { background: none repeat scroll 0 0 #F0F7EE; color: #569659;}
#comment_1 h2 span, #s_comment h2 span { background-image: url("/skin/gr/images/comment_tg.png");}
#s_comment { text-align: center;}
#s_comment h2 a {    color: #1D8D23;    float: right;    font-size: 12px;    font-weight: normal;    line-height: 30px;}
#s_comment h2 a i {    font-style: normal;}
#s_comment .nick_name {    display: inline;    float: left;    line-height: 30px;    margin-left: 12px;}
#s_comment .nick_name input {    border: 1px solid #A9B9A5;  height: 20px;    margin-left: 6px;    vertical-align: middle;    width: 200px;}
#s_comment .comment_faces {   display: inline;    float: left;    font-weight: bold;    line-height: 30px;    margin-left: 20px;}
#s_comment .comment_faces img {   cursor: pointer;    margin-left: 3px;    vertical-align: middle;}
#s_comment textarea {    border: 1px solid #A9B9A5;    height: 120px;    line-height: 20px;    margin: 8px 0;    padding: 3px 5px;    width: 96%;}
#s_comment .comment_btn {    padding: 0 12px 10px;    text-align: left;}
#s_comment .comment_btn input {  background: url("/skin/gr/images/comment_btn.png") no-repeat scroll 0 0 transparent;  border: 0 none;    color: #FFFFFF;    cursor: pointer;    font-weight: bold;    height: 26px;    margin-right: 6px;    padding: 0;    width: 80px;}


/*截图*/
#screen_show { padding: 15px 0; margin overflow:hidden; text-align:center;}
#screen_show img { max-width:800px; border:1px solid #ccc; padding:1px; cursor:url(/skin/gr/highslide/graphics/zoomin.cur), pointer; }
#screen_show  div { height:0; overflow:hidden;}
#screen_show  .picbox_0 {  height:auto;}

.screen_control { position:absolute; right:0; top:0;}
.screen_control .count { font-family:arial;color:#666; margin-left:5px; }
.screen_control .count b {  font-weight:normal;}
.screen_control .count i { font-style:normal; }
.screen_control { padding: 0 15px 10px;  text-align:center; overflow:hidden;}  
.screen_control a { color:#2F73B1; text-decoration:underline; margin-left:10px;}
.screen_control .disable,
.screen_control .disable:hover { color:#999; cursor:default;}

.view_panel { text-align:center; padding-bottom:10px; position:relative; margin:0 15px; }
.bigview { padding-bottom:10px; display:inline;}


/*列表*/
p.title-a { border-bottom: 1px solid #DDDDDD;  margin:14px auto 12px;  width:100%; height:28px;}
p.title-a i { border-bottom: 1px solid #90c300; color: #000000; display: block; font-size: 16px; font-weight: bold; height: 28px; margin-right: 5px; text-align: center; width: 116px; float:left;}
p.title-a a{ display: block; float: left; padding: 0 2px 0 39px;}
.rec{ position:relative; width:1180px; overflow:hidden; height:191px; margin:0 0 22px;}
.rec ul.dian{ position:absolute; width:45px; height:23px; top:20px; right:1px;}
.rec ul.dian li{ float:left; padding:0 9px 0 0;}
.rec ul.dian li a{ display:block; background: url(../images/dian.png) no-repeat 0 0; width:12px; height:12px;}
.rec ul.dian li a.on{background: url(../images/dianon.png) no-repeat 0 0;}
.rec ul.scroll{ left: 0; position: absolute; width: 5868px; background-color:#f5f5f5; padding:13px 0;}
.rec ul.scroll li{ float:left; text-align:center; width:118px;}
.rec ul.scroll li img{ width:84px; height:84px; display:block; margin:0 auto 9px;}
.rec ul.scroll li font{ display: block; height: 19px; line-height: 19px; overflow: hidden; width:100px; margin:0 auto;}
.rec ul.scroll li a{ font-size:14px;}

.lcont{ width:878px; float:left;}
#list_content{ width:900px; overflow:hidden;}
.main-list li.item{ display: inline; float: left; height:150px; padding:16px 16px 0; position: relative; width: 398px; border:1px solid #ececec; margin:0 14px 10px 0;}
.main-list li.item .list-left { float: left; margin-right: 10px; position: relative; width: 107px;}
.main-list li.item .list-left a img{ display: block; height: 100px; width: 100px;}
.main-list li.item .list-left span{ display:block; padding:10px 0 0;}
.main-list li.item .list-right { float: right; height: 143px; overflow: hidden; position: relative; width: 278px;}
.main-list li.item .list-right p{ color:#9a9999; padding:0 0 8px;}
.main-list li.item .list-right p.info{  background-color: #F5F5F5; height: 30px; line-height: 28px; margin: 10px 0 0; padding: 0; text-indent: 1em;}
.main-list li.item .list-right h2{ height:24px; overflow:hidden;}
.main-list li.item .list-right p i{ padding:0 4px;}
.main-list li.item .list-right div.about{ width:283px; height:57px; line-height:20px; overflow:hidden; padding:6px 0;}

.lside{ float:right; width:275px;}
.fl{ border:1px solid #dddddd; background-color:#f5f5f5;}
.fl ul li{ float:left; margin:0 0 11px 9px; font-size:12px;}
.fl ul li a { background-color: #FAFAFA; border: 1px solid #EEEEEE; color: #666666; display: block; height: 28px; line-height: 28px; text-align: center; overflow:hidden; width: 118px; -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius:15px; }
.fl ul li a:hover,.fl ul li a.on{ background-color:#F7A421;  color:#fff; text-decoration:none;}


/*专题*/

#fnav { background: url(../images/mbx.png) no-repeat scroll 0 13px transparent; border-bottom: 1px solid #E5E5E5; color: #666666; font-size: 14px; height: 44px; line-height: 44px; padding-left: 26px;}
#xfree { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #E5E5E5; height: 313px; margin-top: 18px; overflow: hidden; position: relative;}
#xfree dt { background: url(../images/mspr.png) no-repeat scroll 0 11px transparent;  font-size: 0;  height: 113px; left: 0;  position: absolute;  top: -12px;  width: 109px;}
#xfree dd i { display: inline;  float: left;  height: 132px;  margin: 20px 16px 0 24px;  overflow: hidden;  text-align: center;  width: 90px;}
#xfree i a.img { display: block;  font-size: 14px;  height: 115px;  overflow: hidden;}
#xfree img { display: block;  height: 90px;  margin: 0 auto 6px;  width: 90px;}
.dh{ height:40px; background-color:#4bbd32; margin:19px 0 0;}
.dh li{ float:left;}
.dh li a{ display:block; width:100px; height:40px; line-height:40px; font-size:16px; color:#fff; width:157px; text-align:center;}
.dh li a:hover{ background-color:#007b00; text-decoration:none; color:#00ff00;}
.dl li { border-bottom: 1px solid #EEEEEE; display: inline; float: left; height: 74px; position: relative; width: 393px;}
.dl a { background: url("/up/2011-5/201156171447.png") no-repeat scroll 434px 21px transparent; display: block; height: 54px; padding: 10px 40px 10px 70px; position: relative; text-decoration:none;}
.dl img { left: 20px; position: absolute; top: 20px;}
.dl b { display: block; font-family: "微软雅黑","黑体";  font-size: 16px; font-weight: normal; height: 24px; line-height: 24px; margin-bottom: 3px; overflow: hidden;    padding-top: 5px;}
.dl i { color: #999999; display: block; font-size: 12px; font-style: normal; line-height: 16px;}