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 dd:hover img,.game_gift a .pic:hover img,.recom_list li .pic:hover img{transform:scale(1.1); transition:all ease-in-out 0.4s;}


.content{position:relative;    background-color: #fafafa;}
.wrap{width:1200px; margin:0 auto; position:relative; z-index: 3;}
.banner_bg{width: 1920px; position: absolute; top: 0px; left: 50%; margin-left: -960px;}
.banner_bg img{display: block;}

.header{ overflow:hidden; margin-bottom:220px;  z-index:12;}
.logo{width:122px; height:62px; background:url(../images/logo.png) no-repeat; margin-top:17px;}

.game_ico{height: 72px; color:#666; margin: 12px 140px 0 0;}
.game_ico a{width:72px; height:72px; overflow: hidden; margin-left: 30px; float: left;}
.game_ico a img{width: 100% !important; height: 100% !important; display: block;}


.rank_list{width:364px; background: #fff; border: 1px solid #d4d4d4; border-radius:5px; padding: 5px; position:relative;}
.rank_list .subtitle{height:33px; line-height: 33px; color:#9d2006; font-weight:bold; border-bottom:1px dashed #c5c5c5;text-align: center;font-size: 20px;}
.rank_list .subtitle span{color: #ff0000; margin-left: 5px;}
.rank_list dt span,.rank_list dd a span{text-align:center; float:left;}
.rank_list dt span.m1,.rank_list dd a span.m1{width:40px;}
.rank_list dt span.m2,.rank_list dd a span.m2{width:164px; overflow: hidden;}
.rank_list dt span.m3,.rank_list dd a span.m3{width:40px;}
.rank_list dt span.m4,.rank_list dd a span.m4{width:50px;float:right}
.rank_list dt span.m3,.rank_list dd a span.m5{width:50px;}
.rank_list dd{color:#5c5c5c; position:relative;}
.rank_list dd a{height:36px; line-height:36px; *height:35px; *line-height:35px; color:#666; border-bottom:1px dashed #d2d2d2; display:block; overflow:hidden;}
.rank_list dd a.b8{border: none;}
.rank_list dd a.on{background:#e3e3e3;}
.rank_list dd a span{height:36px;}
.rank_list dd a .num{width:18px; height:18px; line-height:18px; color:#fff; display:block; margin:11px auto;    text-align: center;border-radius: 3px;font-size: 13px; background-color: #999;}
.rank_list dd a .n1{background-color: #ff1912;}
.rank_list dd a .n2{background-color: #0083ff;}
.rank_list dd a .n3{background-color: #cc33ff;}
.rank_list dd a .huo{ height:18px; background:url(../images/hot-icon.gif) center center no-repeat;; display:block; margin:10px auto;}
.rank_list dd a .enter{width:38px; height:16px; line-height:16px; color:#777; border:1px solid #bfbfbf; border-radius:10px; display:block; margin:9px auto;}
.rank_list dd a.on .enter{color:#fff; background:#ff0000; border-color: #f30505;}

.hot_game{height:346px; color:#999; position:relative;}
.hot_game dl{width:184px; height:344px; background:#fff; border:1px solid #d1d1d1; border-radius:4px; overflow:hidden; margin-left: 12px; float:left;transition: transform 0.5s}
.hot_game dt{height:234px; display:block; overflow:hidden;}
.hot_game dd{height:90px; 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; line-height:26px; font-size: 14px; background:#f94008; border-radius:5px; position:absolute; bottom:14px; left:50%; margin-left:-53px; z-index:3;}
.hot_game dd .btn:hover{background:#ff5b00;}

.game_gift{width:220px; height:342px; color:#848484; background: #fff; border: 1px solid #d4d4d4; border-radius:5px; padding:1px 0;}
.game_gift a{height:36px; color:#848484; border-bottom:1px dashed #d1d1d1; display:block; padding:10px; position:relative;}
.game_gift a.b6{border-bottom:none;}

.game_gift a .pic{width:36px; height:36px; border-radius:3px; overflow:hidden; margin-right:6px;}
.game_gift a .txt em{color: #5c5c5c; font-size: 14px; display: block;}
.game_gift a .btn{width:70px; text-align: right; position:absolute; right:10px; top:10px; z-index: 3;}
.game_gift a .btn i{color: #f00;}
.game_gift a .btn em{height:18px; line-height:18px; color:#777; border:1px solid #bfbfbf; border-radius:10px; text-align:center; display: block; margin-top: 4px;}
.game_gift a.on .btn em{color:#fff; background:#fd9319; border-color: #fd9319;}
.rank_list dd a:hover{
	background: #e3e3e3;
}

.show_pic{height:120px; margin:25px 0; position:relative;}
.show_pic a{width:100%; height:100%; background:url(); display:block; position:absolute; top:0; left:0;}

.sr {width: 1200px;}
.tit-top {
    height: 44px;
    margin-bottom: 5px;
    overflow: hidden;
}
.like ul {
    margin-left: -32px;
}
.like li {
    width: 376px;
    float: left;
    margin: 10px 0 0 32px;
    border: 1px solid #ddd;
    overflow: hidden;
	transition: transform 0.5s;
	border-radius: 4px;

}
.hot_game dl:hover,.like li:hover{-webkit-transform: translate3d(0, -9px, 0);-moz-transform: translate3d(0, -9px, 0);transform: translate3d(0, -9px, 0);box-shadow: 3px 3px 3px #ccc;}
.like .link {
    display: block;
    padding: 10px 10px 10px 210px;
    position: relative;
height: 130px;
}
.like .new_img {
    position: absolute;
    left: 3px;
    top: 50%;
    height: 130px;
    width: 200px;
    margin-top: -65px;
    background-repeat: no-repeat;
    background-position: left center;
}
.like .gn {
    color: #8a0a3d;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    border-bottom: 1px solid #dededc;
}
.link p {
    color: #777;
}
.like .type {
    margin: 2px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
}
.like .info {
    height: 60px;
    line-height: 20px;
    overflow: hidden;
}
.like .btns {
   width: 80px;
    height: 26px;
    padding-right: 20px;
    line-height: 26px;
    background: url(../images/enter_game_bg.png) center center no-repeat;
    display: inline-block;
    text-decoration: none;
    color: #ff2352;
    font-size: 14px;
	text-align: center;
	margin-left:10px;
}

.like .btns:hover {
    color: #f60;
}
.like .bg_red {
    background: #fc5c00;
}
.like em {
    position: absolute;
    width: 100px;
    height: 18px;
    line-height: 18px;
    background: #0595ff;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px;
    right: -35px;
    text-align: center;
    display: block;
    font-style: normal;
}
.footer{ width: 100%; padding: 20px 0; margin-top:72px; 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;}


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;}

.kaifu{
    width: 376px;
    margin: 10px 0 0 0px;
}
.server_list{
    width: 376px;
    height: 475px;
    padding: 0px;
    position: relative;
    font-size: 14px;
}
.server_list dt span,.server_list dd a span{text-align:center; float:left;}
.server_list dd a{
    height:36px; line-height:36px; *height:35px; *line-height:35px; color:#666; border-bottom:1px dashed #d2d2d2; display:block; overflow:hidden;
}
.server_list dd a span.m1{
    width: 100px;
    color: #ffac00;
}
.server_list dd a span.m2{
    width: 150px;
    font-weight: bold;
}
.server_list dd a span.m3{
    width: 40px;
}
.server_list dd a .huo{
    height: 18px;
    background: url(../images/hot-icon.gif) center center no-repeat;
    display: block;
    margin: 10px auto;
}
.server_list dd a span.m4{
    width: 86px;
}
.m4 .btn{
    display: inline-block;
    margin: auto;
    width: 44px;
    height: 28px;
    line-height: 28px;
    background: #38a2ee;
    color: #fff;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 12px;
}