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{background:url(/images/tg/360ss_cen1/bg.jpg?201911281600) center top no-repeat; position:relative;}
.wrap{width:1200px; margin:0 auto; position:relative; z-index: 3;}
.banner_bg{width: 1920px; position: absolute; top: 0; left: 50%; margin-left: -960px;}
.banner_bg img{display: block;}

.header{height:2px; overflow:hidden; margin-bottom:160px; position:relative; z-index:12;}
.logo{width:122px; height:62px; background:url(/images/tg/360ss_cen1/logo.png?201911281600) 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:234px; height: 334px; background: #fff; border: 1px solid #d4d4d4; border-radius:5px; padding: 5px; position:relative;}
.rank_list dt{height:33px; line-height: 31px; color:#9d2006; font-weight:bold; border-bottom:1px dashed #c5c5c5;}
.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:104px; 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;}
.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:14px; height:14px; line-height:14px; color:#fff; background:url(/images/tg/360ss_cen1/icon.png) -42px 0; display:block; margin:11px auto;}
.rank_list dd a .n1{background-position:0 0;}
.rank_list dd a .n2{background-position:-14px 0;}
.rank_list dd a .n3{background-position:-28px 0;}
.rank_list dd a .huo{width:12px; height:16px; background:url(/images/tg/360ss_cen1/icon.png) -56px 0; 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:#74d92e; border-color: #74d92e;}

.hot_game{height:366px; color:#999; position:relative;}
.hot_game dl{width:190px; height:364px; background:#fff; border:1px solid #d1d1d1; border-radius:4px; overflow:hidden; margin-left: 7px; float:left;}
.hot_game dt{height:254px; 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.on{background: #ebebeb;}
.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;}


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

.recom_list{margin-right: -15px;}
.recom_list li{width:218px; height:140px; color:#5c5c5c; border:1px solid #d4d4d4; border-radius:5px; overflow: hidden; padding:4px; margin: 0 15px 15px 0; float:left; position: relative;}
.recom_list li .ico{width: 50px; height: 50px; background-image:url(../images/recom_ico.png); position: absolute; top: 0; right: 0; z-index: 3;}
.recom_list li.b1 .ico{background-position: 0 0;}
.recom_list li.b2 .ico{background-position: 0 -250px;}
.recom_list li.b3 .ico{background-position: 0 -200px;}
.recom_list li.b4 .ico{background-position: 0 -100px;}
.recom_list li.b5 .ico{background-position: 0 -150px;}
.recom_list li.b6 .ico{background-position: 0 -50px;}
.recom_list li .pic{width:190px; height:100%; overflow:hidden; margin-right:14px;}
.recom_list li .txt{width:216px; color:#666;}
.recom_list li .txt dt{height:32px; line-height:29px; font-size:18px; background:url(../images/recom_dt.png) center bottom no-repeat; margin-bottom: 4px;}
.recom_list li .txt dd{height:104px; line-height:20px; color:#989898; position:relative;}
.recom_list li .txt dd .btn{width:110px; height:28px; background:url(../images/more.png) no-repeat; text-indent:-999px; overflow: hidden; position:absolute; right:53px; bottom:6px; z-index: 3;}
.recom_list li .txt dd .btn:hover{background-position: 0 -28px;}


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


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