﻿/*-- 全局通用定义  110222 --*/
body{margin:0;padding:0;font-size:12px;color: #666;background:url(../images/list/bg.png) repeat 0 -1px;font-family:'微软雅黑',"宋体","Arial","Helvetica",sans-serif}
div,span,h1,h2,h3,h4,h5,h6,p,a,dl,dt,dd,ul,li,ol,form,textarea,img{margin:0;padding:0}
select,input,img,textarea{font:12px/20px arial;vertical-align:middle}
li{ list-style: none;}
img{border:none}
.c{clear:both;margin-top:0!important;font-size:0;visibility:hidden;width:1px;line-height:0;height:0;}
.cFix:after{clear:both;content:"";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.fleft{ float: left;}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f18{ font-size: 18px;}
.f22{ font-size: 22px;}
.c3{ color: #333;}
.c6{ color: #666;}
.c9{ color: #999;}
.black{ color: black;}

/* --翻页-- */
.pages{text-align:center;margin:15px auto 25px;padding:3px;font-weight: 700;}
.pages a{border:#ddd 1px solid;color:#aaa;margin-right:2px;text-decoration:none;padding:2px 5px;}
.pages span.current{border:#e0e0e0 1px solid;font-weight:700;color:#aaa;margin-right:2px;background-color:#f0f0f0;padding:2px 5px;}
.pages span.disabled{border:#f3f3f3 1px solid;color:#ccc;margin-right:2px;padding:2px 5px;}
.pages a:hover,.pages a:active{border:#a0a0a0 1px solid;margin-right:2px;padding:2px 5px;}

/* 链接 */
a:link,a:visited{ color:#666; text-decoration:none;}
a:hover{ color:#f60; text-decoration:underline;}

/* --ie6浏览器提示-- */
#ie6-warning{ display: none; _display: block; background: #f8e8af; color: #666; padding-top: 5px; text-align: center; height: 28px; line-height: 28px;}
#ie6-warning .sClose{ float: right; font-family: arial; padding-right: 35px;}
#ie6-warning a:link,#ie6-warning a:visited{ color: #f60; text-decoration:underline;}
#ie6-warning a:hover{ color:#f60; text-decoration:none;}
/* --banner-- */
#banner{ margin: 0 auto 15px; width: 980px; height: 302px;}
/* 图片列表 */
#banner .pic{ position: relative; margin: 0 auto; width: 956px; height: 270px; z-index: 9;}
#banner .pic .area{ position: relative; width: 956px; height: 270px; overflow: hidden; z-index: 9;}
#banner .pic ul{ position: absolute; width: 3960px; height: 270px; z-index: 9;}
#banner .pic ul li{ float: left; position: relative; width: 660px; height: 270px; cursor: pointer; z-index: 7;}
#banner .pic ul li span{ display: block; _display: inline;}
/* 图片介绍 introduction */
#banner .pic ul li .iMark{ position: absolute; top: 194px; left: 0px; z-index: 5; width: 660px; height: 76px; background-color:#000; opacity: 0.5; filter:alpha(opacity=50);}
#banner .pic ul li .intrW{ position: absolute; top: 194px; left: 0px; z-index: 7; width: 660px; height: 76px;}
#banner .pic ul li .gIcon{ float: left; padding: 12px 7px; width: 52px; height: 52px; /*position: absolute; top: 220px; left: 10px; z-index: 11;*/}
#banner .pic ul li .intr{ float: left; padding-top: 10px; padding-left: 5px; width: 370px;/* width: 414px;*/}
#banner .pic ul li .intr .tt{ color: #fff; font-size: 14px; line-height: 22px;}
#banner .pic ul li .intr .txt{ color: #bab9b8; padding-top: 2px; line-height: 16px;}
/* 下载按钮 */
#banner .pic ul li .dlBtn{ float: right; padding: 13px 5px; width: 160px; height: 50px;}
#banner .pic ul li .dlBtn a{ display: block; width: 160px; height: 50px; background-image: url(../images/banner/dlBtn.png); background-repeat: no-repeat;}
#banner .pic ul li .dlBtn a span{ display: none;}
#banner .pic ul li .dlBtn a:link,#banner .pic ul li .dlBtn a:visited{ background-position: 0 0;}
#banner .pic ul li .dlBtn a:hover{ background-position: 0 -60px;}
/* 文字，箭头 */
#banner .pic .xtxt{ display: none; position: absolute; left:133px; top:100px; width: 666px; font-size: 14px; z-index: 11; font-weight: bold; border: 2px solid red;}
#banner .showBtn{ position: absolute; display: block; right: 0px; top: 0px; width: 148px; height: 270px; z-index: 11; cursor: default; background-color:#000; opacity: 0.5; filter:alpha(opacity=50); background-repeat: no-repeat;}
#banner #btn_prev{ left: 0px;}
#banner #btn_next{ right: 0px;}
#banner .arrowL{ background-image: url(../images/banner/arrowL.png); background-position: 32% 50%; cursor: pointer;}
#banner .arrowR{ background-image: url(../images/banner/arrowR.png); background-position: 68% 50%; cursor: pointer;}
#banner .arrowLHover{ background-image: url(../images/banner/arrowLHover.png); background-position: 32% 50%; cursor: pointer;}
#banner .arrowRHover{ background-image: url(../images/banner/arrowRHover.png); background-position: 68% 50%; cursor: pointer;}
#banner span.bBd{ position: absolute; bottom: 0px; display: block; line-height: 1px; font-size: 1px; width: 12px; height: 7px; background-image: url(../images/banner/border.png);}
#banner span.bLeft{ left: -12px; background-position: 0 0;}
#banner span.bRight{ right: -12px; background-position: -22px 0;}

/* 隔离层 */
#mark{}
#banner .numList{ padding-right: 28px; text-align: right; background: url(../images/banner/bg.gif) no-repeat 0 0 #e3a806; height: 31px; font-size: 1px; line-height: 1px;}
#banner .numList ul{ float: right;}
#banner .numList li{ float: left;_display: inline; cursor: pointer; width: 10px; height: 11px; padding: 12px 10px 8px; background: url(../images/banner/dot.png) no-repeat 10px 12px;}
#banner .numList li.curr{ background-position: -10px 12px;}


/* --header-- */
.header{ border-top: 3px solid #333; padding-bottom: 15px; height: 91px; background: url(../images/nav/bg.png) repeat-x 0 0; _background-image: url(../images/nav/bg_ie6.png);}
.header .headerW{ position: relative; margin: 0 auto; width: 980px; padding: 0; z-index: 119;}
.header .logo{ float: left; _display: inline; margin-top: 11px; width: 264px; height: 80px;}
.header .logo a{ float: left; display: block; _display: inline; width: 222px; height: 80px; background: url(../images/nav/logo.png) no-repeat 0 0;}
.header .logo a span{ display: none;}
.header .appNav{ float: left; width: 400px; height: 91px;}
.header .appNav div.hdNav{ position: relative; float: left; _display: inline; margin: 0 7px; width: 66px; height: 91px; background-image: url(../images/nav/navSprite.png); background-repeat: no-repeat; z-index: 121;}
.header .appNav div.hdNav a.t-nav{ display: block; width: 66px; height: 91px;}
.header .appNav div.hdNav a.t-nav span{ display: none;}
/* 默认样式 */
.header .appNav .nav0{ background-position: -7px 0;}
.header .appNav .nav1{ background-position: -97px 0;}
.header .appNav .nav2{ background-position: -187px 0;}
.header .appNav .nav3{ background-position: -277px 0;}
.header .appNav .nav4{ background-position: -367px 0;}
/* 导航当前栏目的悬浮效果 */
.header .appNav .active0{ background-position: -7px -220px;}
.header .appNav .active1{ background-position: -97px -220px;}
.header .appNav .active2{ background-position: -187px -220px;}
.header .appNav .active3{ background-position: -277px -220px;}
.header .appNav .active4{ background-position: -367px -220px;}
/* 鼠标js悬浮效果 */
.header .appNav .onmouse0{ background-position: -7px -110px;}
.header .appNav .onmouse1{ background-position: -97px -110px;}
.header .appNav .onmouse2{ background-position: -187px -110px;}
.header .appNav .onmouse3{ background-position: -277px -110px;}
.header .appNav .onmouse4{ background-position: -367px -110px;}
/* 弹出层 - 二级导航 */
.header .appNav .navList{ position: absolute; display: none; left: -20px; top: 91px; padding: 12px 15px 16px; font-size: 14px; z-index: 121; background: #000; opacity: .7; filter: alpha(opacity=70); width: 168px;}
.header .appNav .onmouse1 .navList{ display: block;}
.header .appNav .onmouse2 .navList{ display: block;}
.header .appNav .navList ul li{ float: left; width: 84px; height: 36px; line-height: 24px; text-align: center;}
.header .appNav .navList ul li a{ float: left; display: block; _display: inline; margin: 6px; width: 72px; height: 24px; color: #fff; text-decoration: none;}
.header .appNav .navList ul li a:hover{ color: #fff; background-color: #936503; margin: 6px 6px 4px; width: 72px; height: 24px; padding-bottom: 2px;}

/* 搜索 */
.header .search{ float: right; margin-top: 37px; width: 245px; height: 36px; background: url(../images/nav/searchBg.png) no-repeat 0 0;}
.header .search .txt{ float: left; _display: inline; font-size: 14px; margin: 8px 0 6px 17px; color: #666; width: 180px; height: 22px; line-height: 22px; border: 0; background-color: transparent;}
.header .search .seaBtn{ float: right; _display: inline; margin: 4px 4px 0 0; cursor: pointer; width: 30px; height: 30px; border: 0;/* background-image: url(../images/nav/searchBtn.png); _*/background-image: url(../images/nav/searchBtn_ie6.jpg);}
/* 登录 */
.header .h-login{ position: absolute; top: 14px; right: 0px; color: #963; line-height: 20px;}
.header .h-login a{ color: #963;}

/* --主体-- */
.contW{ margin: 0 auto; padding-bottom: 10px; width: 980px;}
/* 主体定义 121018 */
.warp{ margin-bottom: 15px; border: 1px solid #bfbebe; width: 978px; background-image: url(../images/list/contBg.gif); background-repeat: repeat-x; background-position: 0 0; background-color: #fff;}

/* 错误页 121109 */
.pagesErr{ margin: 0 auto 20px; padding-bottom: 10px; width: 980px;}
.pagesErr .p_4041{ margin: 20px auto; width: 400px; height: 226px; background: url(../images/globals/404_1.png) no-repeat 0 0;}
.pagesErr .p_4042{ margin: 20px auto; width: 300px; height: 266px; background: url(../images/globals/404_2.png) no-repeat 0 0;}
.pagesErr .p_500{ margin: 110px auto 220px; width: 465px; height: 128px; background: url(../images/globals/500.png) no-repeat 0 0;}
.pagesErr .p_line{ margin: 0 auto; width: 660px; height: 1px; line-height: 1px; font-size: 1px; background: url(../images/globals/line.png) no-repeat 0 0;}
.pagesErr .recommendList{ margin: 0 auto; width: 312px;}
.pagesErr .recommendList .tt{ color: #797979; line-height: 20px; height: 20px; padding: 22px 0 12px; text-align: center;}
.pagesErr .recommendList .tt{ color: #797979; line-height: 20px; height: 20px; padding: 22px 0 12px; text-align: center;}
.pagesErr .recommendList ul{ height: 96px;}
.pagesErr .recommendList li{ float: left; padding-left: 17px; width: 87px;}
.pagesErr .recommendList li p.gameT{ line-height: 24px; color: #474747;}
.pagesErr .recommendList li p a{ color: #474747;}

/* --footer-- */
.footer{ padding: 20px 0 10px; line-height: 24px;/* font-family: '微软雅黑';*/ text-align: center; background: #333;}
.footer a{ color: #999;}
.footer a:hover{ color: #f26303; text-decoration: none;}

/* top键 */
/* go_top */
.gotop{ display:none; position:fixed; _position: absolute; bottom:120px; width: 24px; height:87px; right:0px;_right:0px;}
.gotoptxt{ display: block; width: 24px; height:87px; position:relative;/* left:490px;*/ cursor:pointer; opacity:.6; filter:Alpha(opacity = 60); background: url(../images/globals/top.png) no-repeat 0 0;}
.gotoptxt:hover{ background: url(../images/globals/topHover.png) no-repeat 0 0;}

