@charset "utf-8";
/*body init*/
/*body{min-width:1200px;font-family: "Arial","SimSun"; font-size:12px; background-color: #000000}*/
body{min-width:1200px;font-family: "Arial","SimSun"; font-size:12px; background: #000000 url(../images/bg.jpg) no-repeat center bottom 100px;}
.warppp{width: 750px; margin-left: auto; margin-right: auto;}
.warp{width: 1200px; margin-left: auto; margin-right: auto;padding-top: 20px}

/*a btn*/
a{text-decoration:none} 
a:hover{color:#ec4828}
/*header*/
#header a.fl{height: 226px}
#header .nav{text-align: center;font-size: 14px;padding-left: 30px}
#header .nav li{float: left}
#header .nav li a{color: #bea067;width: 158px;margin-left: 1px;display: block;height: 104px;padding-top: 22px}
#header .nav li.cur a,#header .nav li a:hover{border-bottom: 3px #ffca00 solid;background: #130d0a;background: rgba(19,13,10,0.48);filter: alpha(opacity = 48);height: 101px;color: #e4c18f}
#header .nav li a em{transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;display: block;width:28px;height: 32px;margin:0 auto 10px auto;background:url("../../../images/brief-nav.png") no-repeat}
#header .nav li a span{position: relative;}
#header .nav li.cur a .nav-icon01,#header .nav li a:hover .nav-icon01{background-position:0 -32px }
#header .nav li a .nav-icon02{background-position:-32px 0 ;width:24px }
#header .nav li.cur a .nav-icon02,#header .nav li a:hover .nav-icon02{background-position:-32px -32px }
#header .nav li a .nav-icon03{background-position:-60px 0 ;width:38px }
#header .nav li.cur a .nav-icon03,#header .nav li a:hover .nav-icon03{background-position:-60px -32px }
#header .nav li a .nav-icon04{background-position:-104px 0 ;width:27px }
#header .nav li.cur a .nav-icon04,#header .nav li a:hover .nav-icon04{background-position:-104px -32px }
#header .nav li a .nav-icon05{background-position:-137px 0 ;width:25px }
#header .nav li.cur a .nav-icon05,#header .nav li a:hover .nav-icon05{background-position:-137px -32px }
#header .nav li a .nav-icon06{background-position:-168px 0 ;width:33px }
#header .nav li.cur a .nav-icon06,#header .nav li a:hover .nav-icon06{background-position:-168px -32px }

/*css reset*/


.brief-game h2 { padding: 25px 0 10px 2px; color:#fffcf3}
.brief-game ul{border-left:0;}
.brief-game ul li {cursor:pointer;text-align: center; float: left; width: 380px; position: relative;padding:6px 5px 6px 6px; background:url(../images/im2.png) no-repeat; height:500px; margin-left:9px;}
.brief-game ul li div{width: 300px;height:180px;overflow: hidden; margin-top:92px; margin-left:34px;}
.brief-game img { vertical-align: middle; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all .4s ease-in; width:305px; height:260px; }
.brief-game ul li p { text-align:left; margin-bottom:0px;margin-left:50px; font-size: 8px}
.brief-game ul li dl { float:left; width:300px;height:83px;font-size: 25px; line-height:18px; color:#FFFF00; margin-left:10px;  text-align:left}
.brief-game li:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all .8s ease-in;  }
.brief-game ul li p span { position: relative; display: block; color:#fff; font-size: 14px; padding: 8px 0 0 5px; }
.brief-game ul li p a { display: block; font-size: 28px; color:#fb3e09;font-weight: bold; }
.brief-game li a:hover { color: #f50b0b }
.brief-game ul li h3{ width:310px;height:30px;line-height:28px; font-size: 20px; color:#f50b0b;font-weight: bold; }

.download {float:left;width:85px;height:30px; background:url(../images/download-1.png) no-repeat;;text-indent:-9999em;margin-left:35px;margin-top:31px}
.download:hover{ background:url(../images/download-2.png) no-repeat;}
.download2 {float:left;width:85px;height:30px; background:url(../images/download-3.png) no-repeat;;text-indent:-9999em;margin-left:5px;margin-top:31px}
.download2:hover{ background:url(../images/download-4.png) no-repeat;}
.download3 {float:left;width:85px;height:30px; background:url(../images/download-5.png) no-repeat;;text-indent:-9999em;margin-left:5px;margin-top:31px}
.download3:hover{ background:url(../images/download-6.png) no-repeat;}