@charset "utf-8";
/*reset.css*/
html{ font-size:100%;}
body{margin:0; color:#666; font:12px/1.5 "microsoft yahei", Arial, sans-serif;}
dl,dd,h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0;}
ul,ol{padding-left:0; list-style-type:none;}
img{border:0;}
a{text-decoration:none; outline:0 none;}
a:hover{text-decoration:none;}
a,button{cursor:pointer}
table{border-collapse:collapse; border-spacing:0}
input,select,img{vertical-align:middle;}
a,input,button{padding:0; margin:0; outline:0}
i,em{font-style: normal;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.dib{display:inline-block; *display: inline; *zoom: 1;}
.tc{text-align:center;}
.fz14{font-size:14px;}
.fix{zoom:1;}
.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
.none{display:none;}

.wrapper{height:1020px; overflow-y:hidden; position:relative; background-color:#000;}
.bgflash{width:100%; height:1158px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:1;}
.bgflash object{position:absolute; top:0px; left:50%; margin-left:-960px; visibility:visible;}
.toplink{width:368px; height:28px; line-height:28px; position:absolute; top:0px; left:50%; margin-left:132px; z-index:9;}
.toplink a{float:left; width:122px; height:28px; line-height:26px; color:#a3a3a3; text-indent:50px; background:url(img/btn.png) 0 0 no-repeat; _background:url(img/btn.gif) 0 0 no-repeat;}
.toplink a:hover, .toplink a.on0{text-decoration:none; color:#fff;}
.toplink a.n1{background-position:-122px 0;}
.toplink a.n2{background-position:-244px 0;}
.toplink a.n0:hover,.toplink a.on0{background-position:0 -28px;}
.toplink a.n1:hover{background-position:-122px -28px;}
.toplink a.n2:hover{background-position:-244px -28px;}
.start{display:block; width:304px; height:80px; font:0/0 a; overflow:hidden; position:absolute; top:704px; background:url(img/-1blank); left:50%; margin-left:-153px; z-index:9;}
.menu .rank,.menu .event,.content-box .close{background: url(img/csp.png) no-repeat; _background: url(img/csp8.png) no-repeat;}
.menu {width:1000px; height:124px; overflow:hidden; position:absolute; top:840px; left:50%; margin-left:-500px; z-index:9;}
.menu li{width:150px; height:42px; padding-left:60px; overflow:hidden; cursor:pointer; margin:0 0 20px 40px; _display:inline; float:left; position:relative;}
.menu .rank{width:50px; height:32px; line-height:28px; font-weight:bold; text-align: center; font-size: 16px; color:#222; position:absolute; top:6px; left:0px; background-position:0 0;}
.menu .tit{display:block; width:150px; height:26px; line-height:26px; overflow:hidden; font-size:18px; font-weight:bold; color:#b8d3ef;}
.menu .event{height:12px; line-height:12px; overflow:hidden; font-size:12px; font-weight:bold; color:#669cd4; background-position:52px -197px;}
.menu .act .rank {background-position:0 -56px;}
.menu .act .tit{color:#eeb76c; }
.menu .act .event{color:#b6823b; background-position:52px -229px;}

#special_footer{position:absolute; width:100%; left:0; top:1028px; z-index:99;}
#special_footer .copyr,#special_footer .right_secition a{color:#666;}

.content-box{width:790px; height:594px; overflow:hidden; border:5px solid #000; background:#0c1a26; display:none;}
.content-box .ptit{width:790px; height:68px; line-height:68px; font-size:26px; color:#fff; text-align:center; overflow:hidden; background:url(img/titbg.jpg) no-repeat;}
.content-box .close{width:34px; height:34px; overflow:hidden; background-position:0 -146px; position:absolute; top:17px; right:46px;}
.content-box .close:hover{background-position:2px -112px;}
.contetn-inner{width:732px; margin:32px auto 0;}
.contetn-inner .ptit{display:none;}
.contetn-inner .stit{width:732px; height:40px; line-height:40px; text-align:center; color:#fff; background:#003584;}
.contetn-inner .content{height:432px; overflow-y:auto; padding:10px 0; line-height:22px; color:#999;}
.content-li{display:none;}
.gray {width:100%; position:absolute; left:0; top:0; z-index:100; background-color:#000; opacity:0.7; filter:alpha(opacity=70);}