body,div,ul,li,dl,dt,dd,p,span,a,input,select,textarea,em,i,img,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
body{font-size:12px; font-family:"Microsoft Yahei"; overflow-x:hidden;}
ul,li,dl,dt,dd,p,span,a,input,select,textarea,em,i,img,h1,h2,h3,h4,h5,h6{font-style:normal; list-style-type:none; background:none; border:none;}
a{color:#fff; text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
.clearfix{*zoom:1;}
.clearfix:after{height:0; font-size:0; display:block; clear:both; overflow:hidden; visibility:hidden; content:"";}
.f_l{float:left;}
.f_r{float:right;}
.indent{text-indent:-999px; overflow:hidden;}
.none{display:none;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}



.hot_game dt:hover img,.new_ser a .pic:hover img,.recom li .pic:hover img{transform:scale(1.1); transition:all ease-in-out 0.4s;}


.content{background:url(./bg.jpg) center top no-repeat;}
.wrap{width:1100px; margin:0 auto; position:relative;}

.header{height:78px; overflow:hidden; margin-bottom:12px; position:relative; z-index:12;}
.logo{width:940px; height:70px; background:url(./ban.png) -14px 0 no-repeat; margin:4px 0;}

.nav{color:#666;}
.nav dt{line-height:26px;}
.nav dt a{color:#666; display:inline-block; margin:18px 15px;}
.nav dt a:hover{color:#f00;}
.nav dt em{width:24px; height:22px; background-image:url(./icon.png); display:block; margin:0 auto;}
.nav dt em.b1{background-position:0 0;}
.nav dt em.b2{background-position:-24px 0;}
.nav dd{width:78px; height:78px; margin:0 20px 0 16px; position:relative;}
.nav dd a{width:100%; height:100%; background:url(about:blank); display:block; position:absolute; top:0; left:0;}

.con_tit{height:46px; line-height:46px; color:#333; font-size:20px; font-weight:bold;}
.con_tit em{color:#03b4f5;}


.hot_game{width:1100px; height:402px; color:#999; position:relative;}
.hot_game dl{width:178px; height:354px; background:#fff; border:1px solid #d1d1d1; border-radius:4px; overflow:hidden; float:left; margin-left:3px;}
.hot_game dt{height:234px; display:block; overflow:hidden;}
.hot_game dd{height:100px; line-height:16px; text-align:center; padding:10px; position:relative;}
.hot_game dd .tit{line-height:20px; color:#333; font-size:18px; margin-bottom:6px;}
.hot_game dd .txt{max-height:32px; overflow:hidden;}
.hot_game dd .btn{width:106px; height:26px; background:#e15304; border-radius:3px; position:absolute; bottom:14px; left:50%; margin-left:-53px; z-index:3;}
.hot_game dd .btn:hover{background:#ff5b00;}
.hot_game dd .btn i{height:22px; line-height:22px; border:1px solid rgba(255,255,255,0.5); border-radius:3px; display:block; margin:1px;}

.show_pic{width:100%; margin:10px 0; position:relative;}

.thisTable2014 { margin: 0 auto; } 
.thisTable2014 table { border-collapse: collapse; text-align: center; color: #000; background: #fff; }
.thisTable2014 th { background: url(../images/bg_f.gif) 0 -650px repeat-x; height: 36px; font-size: 12px; font-weight: normal; border: 1px #cfdce7 solid; }
.thisTable2014 td { border: 1px #cfdce7 solid; height: 33px; }
.xHuo { background: #ffff99; }
.thisTable2014 a { color: #000; }
.thisTable2014 a.vGo2 { width: 75px; height: 25px; display: block; line-height: 25px; text-align: center; margin: 0 auto; color: #fff; background: url(../images/bg_f.gif) 0 -700px no-repeat; }
.thisTable2014 a.xGift { padding: 2px 0 1px 18px; color: #ff0084; font-family: Verdana; 
background-image: url(../images/gift2014.gif); background-repeat: no-repeat; white-space:nowrap;display:inline-block;overflow:hidden;background-position: 0 0!important; background-position: 0 -1px; }
.thisTable2014 a.vName { color: #f00; font-weight: bold; font-family: Verdana; }
.thisTable2014 a.xHuo1, .thisTable2014 a.xHuo2 { padding: 2px 18px 1px 0; background-repeat: no-repeat; background-position: right 0!important; background-position: right -1px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
/* IE10-specific styles go here */
.thisTable2014 a.xHuo1, .thisTable2014 a.xHuo2 { background-position-x: right; background-position-y: 0; }
.thisTable2014 a.xGift { padding: 0 0 1px 18px; }
}

.thisTable2014 a.xHuo1 { background-image: url(../images/huo1.gif); }
.thisTable2014 a.xHuo2 { background-image: url(../images/huo2.gif); }

.thisTable2014 i.xRed, .thisTable2014 a.xRed { color: #f00; }
.thisTable2014 i.xGreen, .thisTable2014 a.xGreen { color: #1fb022; }
.thisTable2014 i.xGray, .thisTable2014 a.xGray { color: #999; }

.main{padding:20px 0;}
.m_l{width:260px;}
.new_ser{width:258px; color:#666; background:#fff; border:1px solid #d1d1d1; margin-bottom:20px;}
.new_ser a{height:40px; border-bottom:1px solid #d1d1d1; display:block; padding:10px; position:relative;}
.new_ser a.m5{border-bottom:none;}
.new_ser a .pic{width:44px; height:40px; overflow:hidden; margin-right:12px;}
.new_ser a .txt{line-height:20px; color:#666;}
.new_ser a .btn{width:60px; height:20px; line-height:20px; color:#fff; background:#03b4f5; text-align:center; position:absolute; right:10px; bottom:10px;}
.new_ser a:hover .btn{background:#e15304;}

.left_pic{width:260px; height:290px; position:relative;}
.left_pic a{width:100%; height:100%; background:url(about:blank); display:block; position:absolute; top:0; left:0;}

.m_r{width:720px;}
.recom{width:718px; background:#fff; border:1px solid #d1d1d1;}
.recom li{width:328px; height:174px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:15px; float:left;}
.recom li.m2,.recom li.m4,.recom li.m6{border-right:none;}
.recom li.m5,.recom li.m6{border-bottom:none;}
.recom li .pic{width:156px; height:174px; overflow:hidden; margin-right:20px;}
.recom li .txt{width:152px; color:#666;}
.recom li .txt dt{height:33px; line-height:33px; color:#03b4f5; font-size:18px; border-bottom:1px dashed #b2b2b2;}
.recom li .txt dd{height:130px; line-height:20px; padding-top:10px; position:relative;}
.recom li .txt dd .btn{width:92px; height:24px; color:#fff; font-size:14px; background:#03b4f5; border-radius:3px; text-align:center; padding:1px; position:absolute; left:0; bottom:10px;}
.recom li .txt dd .btn:hover{background:#e15304;}
.recom li .txt dd .btn em{line-height:22px; border:1px solid #05dafa; display:block;}
.recom li .txt dd .btn:hover em{border-color:#f07d06;}

.footer{ width: 100%; padding: 20px 0; margin-top:2px; position:relative; background: #f0f0f0;}
.footer .finner { width: 1000px; margin: 0 auto; overflow: hidden; }
.footer .img { float: left; margin-left: 84px; display: inline;}
.footer .finfo { float: left; line-height: 26px; padding-top: 10px;}


.float_pic{width:120px; height:300px; position:fixed; top:50%; margin-top:-150px; _display:none;}
.left{left:0;}
.right{right:0;}


body {_height: 100%; _background-image: url(about:blank); _background-attachment: fixed; *overflow-x: hidden!important; }
.mask { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; opacity: 0.3; background: #000; z-index: 100;}
.mask { filter: alpha(opacity=30);_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));_top:expression(eval(document.documentElement.scrollTop))}
#pop_banner{width:1000px; height:553px; position:fixed; top:50%; left:50%; margin:-276px 0 0 -500px;  _position:absolute; z-index:800; display:none; opacity:0;}
.close_ico{ width:50px; height:50px; position:absolute; top:77px; right:58px; z-index:200; cursor:pointer;}
#pop_btn_img{cursor:pointer; position:relative;}
#pop_btn_img object{position:absolute; top:0; left:0; width:358px; height:78px;}
#pop_banner object{position:absolute; top:0; left:0; width:1000px; height:553px;}



