@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dd,dt,ol,ul,li,p,form { margin: 0; padding: 0;}
ol,ul,li,dl,dd,dt { list-style: none; } img { border: none; } em,i { font-style: normal; }
input,option,select,textarea,button { font-size: 12px; }
div,li,ul,dl,dd,dt { width: auto; overflow: hidden; }
dl { overflow: hidden; }
a { overflow: hidden; text-decoration:none; }

.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; font-size: 0; visibility: hidden; width: 0; line-height: 0; }
.fl{ float: left; display: inline; } 
.fr { float: left; display: inline; }


#home ol{float:left;margin:12px 12px 0 0;width:408px;background:#fff }
#home h3{line-height:35px;padding:20px 0 15px 20px;margin:0 20px;border-bottom:2px solid #f5f5f5;background:url(t.png) no-repeat 0 30px}
#home h3 a{float:right;color:#aaa;font-size:14px;font-weight:normal}
#home ul{padding:0 20px 15px 20px;overflow:hidden}
#home ul li{height:30px;line-height:30px;padding:10px 0;border-bottom:1px dashed #eee;overflow:hidden;white-space:nowrap;position:relative}
#home ul li a{padding-left:20px;background:url(t2.png) no-repeat 0 3px}
#home ul li font{color:#aaa;line-height:30px;padding:10px 0 10px 10px;position:absolute;top:0;right:0;background:#fff}
#home ol dl{padding:12px 0;overflow:hidden;border-bottom:1px dashed #e8e8e8}
#home ol dl dd{float:left;overflow:hidden}
#home ol dl dd img{width:121px;height:75px;background:#fafafa url(load.gif) no-repeat center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#home ol dl dt{float:right;width:235px}
#home ol dl strong{height:25px;line-height:25px;overflow:hidden;white-space:nowrap}
#home ol dl strong a{color:#f60;font-size:16px;font-weight:normal}
#home ol dl p{color:#aaa;font-size:14px;height:46px;line-height:23px;margin-top:4px;overflow:hidden}
#run{margin-top:12px;background:#fff;position:relative;overflow:hidden}
#run font{position:absolute;top:50px;left:-50px;width:41px;height:69px;background:url(p.png) no-repeat;cursor:pointer;display:block}
#run font#r{left:1257px;background-position:-41px 0}
#run:hover font{left:0}
#run:hover font#r{left:1207px}
#run dl{height:169px;overflow:hidden}
#runing{float:left;width:1230px;height:139px;overflow:hidden;position:absolute;top:15px;left:15px}
#run ul li{float:left;color:#aaa;margin-right:12.5px;overflow:hidden;position:relative}
#run ul li img{width:185px;height:139px;background:#fafafa url(load.gif) no-repeat center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
#run ul li p{color:#fff;width:185px;height:25px;line-height:25px;padding:8px 0;text-align:center;position:absolute;left:0;bottom:-50px;background:rgba(0,0,0,0.5);overflow:hidden;white-space:nowrap}
#run ul li:hover p{bottom:4px}


.wrapper{ font-family:"Microsoft YaHei"; min-width:1200px;}
.w1200{ width:1200px; margin:0 auto;}
/*.header{ background:url(../images/bg1.jpg) center 0 no-repeat; height:30px;}
.header .w1200{ height:150px; position:relative;}*/
.header{height:37px;background:url("hd_bg.jpg") repeat-x}
.hd960{height:15px;width:1200px;margin:0 auto}
.hd960 a{margin:0 9px;text-decoration:none;color:#596e4f}
.hd960 a:hover{text-decoration:underline;color:#596e4f}
.tips188{ background:url("sc1.jpg") no-repeat 0px 11px; padding:10px 0 0 94px; color:#3E3A39;float:left;font-size:12px;}
.tips1888{float:left;height:37px;line-height:37px;font-size:30px;font-weight:bold;}
.collect{ width:117px; height:32px; position:absolute; top:0; right:73px;}
.collect a{ background:url("sc.png") 0 0 no-repeat; width:117px; height:32px; display:block;}
.collect a:hover{ background-position:0 -32px;}
.search{ background:url("search_bg.png") no-repeat; width:242px; height:30px; position:absolute; top:64px; right:0; padding:0 9px;}
.search input{ width:215px; line-height:30px; height:30px; border:0; background:none; font-size:14px; color:#6e6e6e; font-family:"Microsoft YaHei"; float:left;}
.search a{ width:22px; height:30px; display:block; float:right;}

.cont01{ background:#2F2F2F; center 0 no-repeat; height:425px;}
/*.cont01 .fl{ width:300px; height:850px; padding-top:10px;}
.cont01 .fl a{ width:300px; height:850px; display:block; position:relative;}
.cont01 .fl a .gameImg{ width:300px; height:740px; overflow:hidden;}
.cont01 .fl a img{ width:300px; height:740px; display:block;}
.cont01 .fl a p{ width:300px; height:110px; text-align:center; line-height:110px; font-size:24px; color:#fff; background:#d30000; transition: all .3s ease-out 0s;}
.cont01 .fl a span{ width:113px; height:97px; display:block; position:absolute; top:672px; left:90px;}
.cont01 .fl a:hover p,.cont01 .fl a:hover span{ text-decoration:none;}*/

.cont01 .fr{ width:1200px; padding-top:10px;}
.cont01 .fr a{ width:290px; height:200px; display:block; _display:inline-block; position:relative; float:left; margin:0 0 5px 5px;}
.cont01 .fr a .gameImg{ width:290px; height:150px; overflow:hidden;}
.cont01 .fr a img{ width:290px; height:150px; display:block;}
.cont01 .fr a p{ width:290px; height:50px; text-align:center; line-height:45px; font-size:18px; font-weight:bold; color:#fff; background:#CC0000; transition: all .3s ease-out 0s;}
.cont01 .fr a span{ width:113px; height:97px; display:block; position:absolute; top:150px; left:90px;}

.cont01 .fl a:hover p,.cont01 .fr a:hover p{ background:#ff1b1b;}


.cont02{ height:620px; padding:40px 0; background:#eaeaea; overflow:hidden;}
.cont02 .fl{ width:300px; height:618px; border-top:2px solid #d30000; background:#fff;}
.cont02 .fl p{ width:280px; height:47px; border-bottom:1px solid #e6e6e6; font-size:18px; color:#000027; line-height:47px; margin:0 auto;}
.cont02 .fl ul{ padding-top:15px; width:280px; margin:0 auto;}
.cont02 .fl li{ height:24px; padding:15px 0; width:280px; float:left;}
.cont02 .fl li a.name{ font-size:16px; color:#4a4a4a; line-height:24px; width:168px; float:left; text-align:center; }
.cont02 .fl li a.start{ width:78px; height:22px; border:1px solid #ff0000; background:#fff; text-align:center; line-height:22px; font-size:14px; color:#ff0000; float:left;  transition: all .3s ease-out 0s;}
.cont02 .fl li a.start:hover{ background:#ff0000; color:#fff;}
.cont02 .fl li em{ width:24px; height:24px; float:left; text-align:center; line-height:24px; font-size:16px; color:#4a4a4a; line-height:24px; background:#eaeaea; margin-left:8px; border-radius:50%;}
.cont02 .fl li em.c1{ background:#ffde00; color:#fff;}
.cont02 .fl li em.c2{ background:#ffa20f; color:#fff;}
.cont02 .fl li em.c3{ background:#fd5604; color:#fff;}


.cont02 .fr{ width:900px;}
.cont02 .fr li{ width:290px; height:200px; position:relative; float:left; margin:0 0 10px 10px; _display:inline;}
.cont02 .fr li img{ width:290px; height:200px; display:block;}
.cont02 .fr li span{ width:70px; height:70px; display:block; position:absolute; top:0; right:0;}
.cont02 .fr li span.icon1{ background:url("icon1.png") no-repeat;}
.cont02 .fr li span.icon2{ background:url("icon2.png") no-repeat;}
.cont02 .fr li span.icon3{ background:url("icon3.png") no-repeat;}
.cont02 .fr li span.icon4{ background:url("icon4.png") no-repeat;}
.cont02 .fr li span.icon5{ background:url("icon5.png") no-repeat;}
.cont02 .fr li span.icon6{ background:url("icon6.png") no-repeat;}
.cont02 .fr li span.icon7{ background:url("icon7.png") no-repeat;}
.cont02 .fr li span.icon8{ background:url("icon8.png") no-repeat;}
.cont02 .fr li span.icon9{ background:url("icon9.png") no-repeat;}
.cont02 .fr li p{ background:url("png.png") repeat; width:290px; height:40p; text-align:center; line-height:40px; font-size:16px; color:#fff; position:absolute; top:160px; left:0;}

.footer{color:#888; background:#f0f0f0; padding:30px 0;}

.footer dl{width:1000px; text-align:center; margin:0 auto;}

.footer dt{width:140px; height:56px; background:url("footer_logo_black.png") no-repeat; border-right:1px solid #888; display:inline-block; vertical-align:middle; margin-right:20px; _float:left;}

.footer dd{_line-height:56px; display:inline-block; vertical-align:middle; _float:left;}

.w1200 a img{ transform: scale(1); transition: all 1s ease-out 0s;}
.w1200 a:hover img{ transform:scale(1.1);}

.footer{ background:#232323; text-align:center; padding:30px 0; line-height:24px; font-size:12px; color:#fff;}
.footer a{margin:0 9px;text-decoration:none;color:#EECBFF}
.footer a:hover{text-decoration:underline;color:#ffffff}