@charset "utf-8";
/*reset.css*/
html{ font-size:100%;} body { margin:0; color: #666; font:12px/1.5 "microsoft yahei", Arial, sans-serif;} dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;} ul, ol { padding-left:0; list-style-type:none;} img { border:0;} a { color: #333; text-decoration:none; outline: 0 none;} a:hover { color: #000; text-decoration:none;} a, button { cursor:pointer} table { border-collapse:collapse; border-spacing:0} input, select, img { vertical-align:middle;} a, input, button { padding:0; margin:0; outline:0} i,em {font-style: normal;} .fl { float: left; display: inline;} .fr { float: right; display: inline;} .dib { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;} .tc { text-align: center;} .fz14 { font-size: 14px;} .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;}

.wrapper { min-width: 1200px; overflow: hidden; background: #f1f2f3;}
.c-blue { color: #03b4f5;}
.c-red { color: #f00;}
.icon, .slide-next:before, .slide-prev:before { display: inline-block; vertical-align: top; *vertical-align: middle; background: url(../png/csp-index.png) no-repeat;}
.c_web_icon, .c_home_icon, .c_add_icon, .c_login_icon, .c_reg_icon, .down_ico, .game_list_icon, .search_btn, .user_level_vip, .tips_user_nomsg, .tips_user_msg{background:url(../png/top_cspb49e.png) 0 0 no-repeat;}
.laybox { border-radius: 5px; box-shadow: 0 3px 0 #e9e9e9; overflow: hidden; background: #fff; zoom: 1;}
.g-top { height: 48px; padding-top: 2px; color: #a9a9a9; background: #fff url(../jpg/gtopb49e.jpg) top center no-repeat; position: relative; z-index: 9;}
.g-top a { color: #a9a9a9;}
.g-top a:hover { color: #03b4f5;}
.g-main { width: 1200px; margin: 0 auto; position: relative;}
.g-top .g-main { height: 47px; line-height: 47px; border-bottom: 1px solid #e8e8e8;}
.g-top-left { margin-left: -5px;}
.g-top-right { margin-right: -5px;}
.g-top a, .g-top span { display: inline-block; margin: 0 10px;}
.g-top span a { margin: 0;}
.g-top .logined { display: none;}
.i-phone, .i-mail, .i-user, .i-pc, .i-list { zoom: 1; width: 18px; height: 14px; vertical-align: middle; background-position: 0 0; position: relative; top: -1px; *top:1px;}
.i-mail { background-position: 0 -30px;}
.i-user { background-position: 0 -60px;}
.i-pc { background-position: 0 -89px;}
.i-garr { background-position: 0 -780px;}
.i-list { background-position: 4px -118px;}
.g-allgame-trigger.active { color: #03b4f5;}
.g-allgame-trigger:hover .i-list, .g-allgame-trigger.active .i-list { background-position: 4px -148px; }
.i-add { width: 30px; height: 30px; background-position: 7px -172px;}
.g-allgame-list .fd:hover .i-add { background-position: 7px -202px;}
.g-allgame-list .i-garr { width: 11px; height: 6px; position: absolute; top: -6px; right: 36px;}
.g-btn, .g-btn-s { display: inline-block; vertical-align: top; width: 88px; min-width: 88px; height: 28px; line-height: 28px; text-align: center; color: #9f9f9f; border: 1px solid #c7c7c7; border-radius: 15px; cursor: pointer; background: #fff; font-family: 'microsoft yahei'; font-size: 12px; box-sizing: content-box;}
.g-btn-s { width: 72px; min-width: 72px; height: 24px; line-height: 24px;}
.g-btn:hover, .g-btn-s:hover { color: #fff; border-color: #03b4f5; background: #03b4f5;}
/*.g-header*/
	.top_sub_main{width:100%; height:35px; background:#fff; color:#999; border-bottom:1px solid #ececec; box-shadow: 0 1px 2px rgba(0,0,0,.05); position: relative; z-index:5;}
	.top_sub_nav{width:1200px; margin:0 auto; position:relative; z-index:100;}
	.sub_nav_left, .sub_nav_right{line-height:35px;}
	.sub_nav_left a{display:inline-block; height:35px; padding-left:22px; font-size:12px; color:#999; margin-right:14px; position:relative;}
	.sub_nav_left a:hover, .top_login_tips a:hover{color:#03b4f5; transition:all 0.4s ease-in-out; text-decoration:none;}
	.c_web_icon, .c_home_icon, .c_add_icon, .c_login_icon, .c_reg_icon, .down_ico, .game_list_icon, .user_level_vip, .tips_user_nomsg, .tips_user_msg{width:18px; height:16px; position:absolute; top:10px; left:0px;}
	.c_web_icon{background-position:-33px -11px;}
	.c_home_icon{background-position:-31px -46px;}
	.c_add_icon{background-position:-32px -82px;}
	.c_login_icon{background-position:-31px -154px; top:9px;}
	.c_reg_icon{background-position:-31px -226px; top:9px;}
	.down_ico{background-position:-2px -263px; width:22px;}
	.game_list_icon{background-position:-29px -298px; left:auto; right:0px;}
	.user_level_vip{background-position:-4px -334px; top:8px;}
	.tips_user_nomsg{background-position:-32px -190px; top:9px;}
	.tips_user_msg{background-position:-32px -369px; top:9px;}
	/*.top_sub_nav a:hover i{transition:all 0.4s ease-in-out;}*/
	.top_sub_nav a:hover .c_web_icon{background-position:-6px -11px;}
	.top_sub_nav a:hover .c_home_icon{background-position:-4px -46px;}
	.top_sub_nav a:hover .c_add_icon{background-position:-5px -82px;}
	.top_sub_nav a:hover .c_login_icon{background-position:-4px -154px;}
	.top_sub_nav a:hover .c_reg_icon{background-position:-4px -226px;}
	.top_sub_nav a:hover .tips_user_nomsg{background-position:-5px -190px;}
	.top_sub_nav a:hover .tips_user_msg{background-position:-5px -369px;}
	.all_games_ico:hover .game_list_icon{background-position:-2px -298px;}

	.top_login_tips a{float:left; display:inline; height:35px; padding-left:22px; font-size:12px; color: #999; position:relative;}
	.top_login_tips a.t_btn1{padding-right:10px;}
	.top_login_tips a.t_user_name, .top_login_tips a.t_user_out{padding-left:0; margin-right:10px;}
	.top_login_tips a.t_btn2{margin:0 5px;}
	.top_login_tips a.user_vip{margin-right:5px;}
	.user_vip .top_user_level{position:absolute; font:8px/12px \9ED1\4F53; color:#03b4f5; left:10px; top:15px;}
	.all_games_ico{display:inline-block; vertical-align:top; width:58px; height:35px; line-height:35px; margin-left:12px; padding-right: 12px; text-indent:3px; cursor:default; position:relative;}

	.sub_nav_search{width:158px; height:22px; margin:6px 0 0 10px; border:1px solid #7cdcff; border-radius:3px; overflow:hidden; background:#fff;}
	.sub_nav_search:hover { border-color: #03b4f5;}
	.top_sub_main .search_txt {width:128px; height:16px; padding:3px 0; font:12px/16px \5FAE\8F6F\96C5\9ED1; outline:none; color:#999; text-indent:5px; border:none; background:none; float:left;}
	.top_sub_main .search_btn {width:30px; height:22px; cursor:pointer; border:none; background-position:3px -116px; float:left;}

	.g-header { height: 100px; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,.1); position: relative; z-index: 2;}
	.g-logo { width: 160px; height: 100px; text-indent: -999px; overflow: hidden; background: url(../jpg/logob49e.jpg) no-repeat;}
	.g-menu { height: 100px;/* overflow: hidden; width: 696px;*/}
	.g-menu a { display: block; height: 100px; color: #1e1e1e; font-size: 18px; margin-left: 30px; position: relative; transition: color 0.2s ease-in; float: left; _display: inline; zoom: 1;}
	.g-menu a span { display: inline-block; vertical-align: top; height: 95px; line-height: 100px; overflow: hidden;}
	.g-menu a:hover, .g-menu .active { color: #03b4f5;}
	.g-menu a:hover i, .g-menu .active i { width: 100%;}
	.g-menu a i { display: block; width: 0%; height: 5px; margin: 0 auto; overflow: hidden; background: #03b4f5; *position: absolute; bottom: 0px; left: 0px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
	.g-menu a .yanhua_ico{ background:url(../png/yanhua.png) center top no-repeat; width:0; height:40px; position:absolute; top:15px; right:-30px; display:none;}
	.g-menu a:hover .yanhua_ico,.g-menu .active .yanhua_ico{width:30px;-webkit-animation:bounceIn ease-in-out 400ms; animation:bounceIn ease-in-out 400ms;}
		@-webkit-keyframes bounceIn{
			0%{opacity:0.8; -webkit-transform:scale(0.3,0.3);}
			40%{opacity:0.8; -webkit-transform:scale(0.6,0.6);}
			80%{opacity:0.8; -webkit-transform:scale(0.9,0.9);}
			100%{opacity:1.0; -webkit-transform:scale(1.0,1.0);}
		}	
/*	.g-allgame-list { width: 460px; height: 150px; border: 1px solid #e8e8e8; border-radius: 0 0 5px 5px; box-shadow: 0 0 3px #e9e9e9; background: #fff; position: absolute; top: 35px; right: 0px; z-index: 9; display: none;}
	.g-allgame-list .col-bd { margin-right: -2px;}
	.g-allgame-list .col { width: 230px; height: 120px; border-right: 1px solid #e8e8e8; overflow: hidden;}
	.g-allgame-list .hd { height: 30px; line-height: 30px; color: #999; padding-left: 10px; background: #f9f9f9;}
	.g-allgame-list .bd { margin-right: -2px;}
	.g-allgame-list .bd li { width: 115px; height: 29px; line-height: 30px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; float: left;}
	.g-allgame-list .bd a { display: block; color: #a9a9a9; padding: 0 10px;}
	.g-allgame-list .bd a:hover { color: #03b4f5;}
	.g-allgame-list .fd { display: block; height: 30px; line-height: 30px; text-align: center; color: #999; margin: 0; background: #f9f9f9;}
	.g-allgame-list .fd:hover { color: #03b4f5;}
*//*.g-footer*/
	.g-flinks { width: 100%; height: 84px; line-height: 80px; margin-top: 45px; overflow: hidden; position: relative; background: #fff url(../jpg/bg-flinksb49e.jpg) top center no-repeat;}
	.g-flinks .links { padding-left: 220px;}
	.g-flinks .links a { font-size: 14px; color: #8c8b8b; margin: 0 5px;}
	.g-flinks .links a:hover { color: #03b4f5;}
	.g-footer { text-align: center; line-height: 30px; color: #999898; padding: 30px 0 20px 0; background: #fff;}
	.g-footer a { color: #999898;}
	.g-footer a:hover { color: #03b4f5;}
	.legal-1, .legal-2, .legal-3, .legal-4, .legal-5, .legal-6, .legal-7 { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: url(../png/footer-ico3639.png) no-repeat;}
	.legal-2 { background-position: 0 -50px;}
	.legal-3 { background-position: 0 -100px;}
	.legal-4 { background-position: -50px 0;}
	.legal-5 { background-position: -50px -50px;}
	.legal-6 { background-position: -50px -100px;}
	.legal-7 { background-position: 0 -100px;}
/*.g-sidefun*/
	.g-sidefun { border-radius: 0 0 5px 5px;width:52px; padding:0 15px 0 17px; position: fixed; _position: absolute; bottom: 200px; right: 27px;}
	.g-sidefun a { display: block; width: 50px; height: 30px; background:#fff; padding: 11px 0 10px 0; text-align: center; border-bottom: 1px solid #e5e5e5; position: relative;}
	/*.g-sidefun a:first-child { border-radius: 5px 5px 0 0;}
	.g-sidefun a:last-child { border-radius: 0 0 5px 5px;} */
	.g-sidefun a:hover { background:#03b4f5;}
	.i-qr, .i-olkf, .i-totop { width: 30px; height: 30px;}
	.g-sidefun .qrcode .i-qr { background-position: 2px -810px;}
	.g-sidefun .olkf .i-olkf { background-position: 0 -840px;}
	.g-sidefun .totop .i-totop { background-position: 2px -870px;}
	.g-sidefun .qrcode:hover .i-qr { background-position: 2px -898px;}
	.g-sidefun .olkf:hover .i-olkf { background-position: 0 -927px;}
	.g-sidefun .totop:hover .i-totop { background-position: 2px -958px;}
	.g-sidefun .wechat-content { width: 168px; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; position: absolute; right: 60px; top: -134px; display: none;}
	.g-sidefun .wechat-content p { margin: -8px 0 6px 0;}
	.g-sidefun .wechat-content span { color: #03b4f5;}
	.g-sidefun .arrow { width: 8px; height: 13px; background: url(../png/wechat-arrowb49e.png) no-repeat; position: absolute; bottom: 20px; right: -8px;}
	.g-sidefun .qrcode:hover .wechat-content { display: block;}
/* g-sidenav */
	.g-sidenav {width: 70px; background-color: #ffffff; border-radius: 35px; text-align: center; padding: 10px 0; position: fixed; bottom: 200px; right: 30px; z-index: 20;}
	.g-sidenav li {width: 36px; height: 36px; background: #a2a1a8; border: 2px solid #a2a1a8; border-radius: 100%; display: inline-block; vertical-align: top; margin: 8px auto; position: relative;}
	.g-sidenav li:hover {background: #cf1132; border: 2px solid #cf1132; cursor: pointer;}
	.g-sidenav li.gotop {background: none;}
	.g-sidenav li.gotop em {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #a2a1a8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%);}
	.g-sidenav li.gotop:hover em {border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #cf1132;}
	.g-sidenav li .sns_qrcode {width: 200px; height: auto; background-color: #ffffff; border-radius: 10px; padding: 20px 0; position: absolute; top: 50%; left: -228px; transform: translateY(-10%); display: none;}
	.g-sidenav li:hover .sns_qrcode {display: block;}
	.g-sidenav li .sns_qrcode .delta {border-left: 8px solid #ffffff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; position: absolute; top: 6%; right: -8px;}
	.g-sidenav li .sns_qrcode dt {width: 140px; height: 140px; background-color: #cccccc; margin: 0 auto;}
	.g-sidenav li .sns_qrcode dt img {width: 100% !important; height: 100% !important;}
	.g-sidenav li .sns_qrcode dd {font-size: 14px; text-align: center; padding-top: 4px;}
	.g-sidenav li .sns_qrcode dd p {font-size: 16px; line-height: 30px; color: #cf1132;}
/*.pagination*/
.pagination { width: 100%; height: 32px; line-height: 32px; text-align: center; margin: 20px 0 40px 0; overflow: hidden;}
.pagination a { color: #999; padding: 6px 12px; border: 1px solid #cfcfcf; margin: 0 6px; border-radius: 5px; background: #fff;}
.pagination .page:hover, .pagination .nextPage:hover, .pagination .more:hover, .pagination .current, .pagination .on { color: #fff; border: 1px solid #03b4f5; background: #03b4f5;}
.pagination .disabled { color: #d5d5d5; background: rgba(208,206,206,.45); cursor: default;}

/*icon*/
.pf-android, .pf-ios { display: inline-block; vertical-align: middle; width: 18px; height: 20px; background: url(../png/pf-typeb49e.png) no-repeat;}
.pf-ios { background-position: 0 -30px;}
/*pf-btn*/
.w-btn-android, .w-btn-ios { display: block; width: 188px; height: 50px; line-height: 50px; text-indent: 55px; border-radius: 5px; color: #fff; font-size: 20px; overflow: hidden;}
.w-btn-android { background: #57a335 url(../png/i-android.png) 12px center no-repeat; }
.w-btn-ios { font-size: 18px; background: #070506 url(../png/i-ios.png) 12px center no-repeat; }
.w-btn-android:hover, .w-btn-ios:hover { color: #fff; opacity: .9;}
/*kill ie*/
.killie { width: 100%; height: 30px; line-height: 30px; color: #c7a17b; text-align: center; background: #ffffe1;}
.killie a { color: #3399ff;}
.killie a:hover { text-decoration: underline;}
/*loading*/
.slide-box, .rmd-game-list .game-pic, .mod-hd-box .hd, .remgift-list .img, .imgnews-box .item { background: url(../gif/loadingb49e.gif) center center no-repeat;}
/* 搜索 */
	.search-which-game{width:155px; height:24px; margin-top:11px; border:1px solid #03b4f5; border-radius:4px; position:relative; background:url(../jpg/search_btnb49e.jpg) center right no-repeat;}
	.search-txt{padding-left:10px; height:24px; display:block; font:14px/24px \5FAE\8F6F\96C5\9ED1; color:#999; border:none; background:none; width:118px;}
	.search-btn{position:absolute; width:28px; height:24px; border:none; background:none; cursor:pointer; top:0; right:0;}
	
	/*  20180209新增春节装饰   */
	.spring_flower_left{background:url(../png/deng01.png) center top no-repeat; width:225px; height:135px; position:absolute; top:0; left:0; z-index:10; display:none;}
	.spring_flower_right{background:url(../png/deng03b903.png) center top no-repeat; width:223px; height:135px; position:absolute; top:0; right:0; z-index:10; display:none;}
	.spring_flower_chicken{background:url(../png/slogo.png) center top no-repeat; width:155px; height:52px; position:absolute; top:24px; left:170px; z-index:2;}
	.spring_flower_chicken:after { content: ''; width: 120%; height: 100%; position:absolute; top: 0px; left: -20%; background-image:-webkit-linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%); transition: left 1s linear; }
	.spring_chicken_ani:after { left: 100%;}
	.spring_flower_ico01{background:url(../png/deng02.png) center top no-repeat; width:186px; height:135px; position:absolute; top:0; left:320px; z-index:10; display:none;}
	.spring_flower_ico02{ display:none;}
	/*.bianpao_link{background:url(/images/2016/2018cj/cj_bianpao.png) center top no-repeat; width:65px; height:132px; position: fixed; _position: absolute; bottom: 69px; right: 36px; } */
	  @media screen and (max-width: 1600px) {
		  .spring_flower_right,.spring_flower_left{display:none;}
	  }
	
	
	/* 更多游戏列表 */
/*.g-allgame-list .icon-hot, .g-allgame-list .icon-new, .game-top-qr .icon-mark, .game-top-loged .icon-arrow, .game-top-loged .icon-redot { background: url(../../images/cms_style_2012_new/game_top_icon.png?201702131050) no-repeat; _background: url(../../images/cms_style_2012_new/game_top_icon.gif?201702131050) no-repeat;}*/
.g-allgame-list { width: 100%; height:290px; overflow: hidden; opacity: 0; position: absolute; top: -350px; left: 0px; z-index: 100;}
.game-top-bg { width: 100%; height:290px; position: absolute; top: 0px; left: 0px; background: #fff; opacity: 0.9;}
.game-top-gmain { width: 1024px; height: 290px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1002;}
.game-top-rmd { width: 1200px; height: 145px; border-bottom: 1px solid #ddd;}
.game-top-rmd a { width: 82px; height: 110px; overflow: hidden; text-align: center; color: #333; margin: 25px 75px 0 0; display: inline; float: left; }
.game-top-rmd a em { display: block; margin-top: 10px; transition: all 0.3s ease;}
.game-top-rmd a img { display: block;}
.game-top-rmd a:hover { color: #09b5f5;}
.game-top-rmd a:hover em { margin-top: 5px;}
.game-top-aglist .icon-hot, .game-top-aglist .icon-new { display: inline-block; width: 11px; height: 11px; overflow: hidden; vertical-align: middle; background-position: 0 -240px;}
.game-top-aglist .icon-new { background-position: 0 -280px;}

.game-top-aglist { width: 1200px; height: 116px;}
.game-top-gtype1 { width: 671px; border-right: 1px solid #ddd;}
.game-top-gtype2 { width: 362px; padding-left: 70px;}
.game-top-aglist dl { height: 150px; margin-top: 16px; float: left;}
.game-top-aglist dt { height: 34px; font-size: 16px; color: #09b5f5;}
.game-top-aglist dd { width: 134px; height: 24px; line-height: 24px; overflow: hidden; float: left;}
.game-top-aglist dd a { color: #6f6f6f; transition: all 0.3s ease;}
.game-top-aglist dd a:hover { color: #09b5f5; padding-left: 12px;}
.game-top-gtype2 dd { width: 178px;}

/* 底部信息 */
.g-footer-in{font:12px/18px \5FAE\8F6F\96C5\9ED1; color:#6c6c6c; padding-bottom:5px;}
.g-footer-in a{color:#6c6c6c;}
.g-footer-in a.unline{text-decoration:underline;}


/*国庆点缀*/
.guoqing-tp{position:absolute; width:150px; height:105px; top:-5px; left:370px; z-index:4; background:url(../png/guoqing_top.png) 0 0 no-repeat;}
.guoqing-dz{position:absolute; width:60px; height:107px; left:15px; top:160px; background:url(../png/guoqing_gj.png) 0 0 no-repeat;}