﻿
@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin: 0;padding: 0}
fieldset, img , input , button{border: 0;} 
:link, :visited {text-decoration: none;}
ul{list-style-type:none}
body{font-size:12px;font-family:微软雅黑;overflow-x:hidden;position:relative;}
strong, em{font-weight:normal;font-style:normal;}
/*公用头部*/
.header{height: 188px;width:100%;z-index:2;position:relative}
.top_nav{height:40px;width:100%;background: #F0F0F0}
.top_in{width:1338px;height:40px;margin:0 auto;}
.top_in ul li{float: left}
.top_in ul li a{color:#a0a0a0;height: 40px;line-height: 40px;display: inline-block;padding:0px 10px;}
.lit_img{display: inline-block;width:20px;height:27px;background: url(images/img.png);vertical-align:middle}
.save{background-position: -10px -114px}
.index{background-position: -30px -114px}
.join{background-position: -50px -114px}
.slide{background-position: -70px -114px}
.toplogo{width:1280px;height:95px;margin:0 auto;}
.logo{height: 88px;width:356px;float: left;background:url(images/logo_l.jpg) no-repeat;display:inline-block}
.logo h1{text-indent:-999px;line-height:100px}
.top_search{width:620px;height:65px;float: right;margin-top: 18px;margin-right: 77px}
.searchbar{width:492px;height:36px;border:2px #0097e0 solid;float: left;padding-left:15px;color:gray}
.searchword{width: 100px;height:40px;background:#0097e0 ;display: inline-block;line-height: 40px;text-align: center;color:#fff;font-size: 18px;float: left}
.searchinfo{width: 202px}
.searchinfo a{color:#a0a0a0;padding:8px;}
.nav,.nav_small{width: 100%;height:53px;background: url(images/line_x.png);z-index:100;}
.nav_small{height:42px}
.nav_small	{top:0px;position:fixed}
.top_in ul .allgame{height:40px;width:81px;background:#2bb7ff;position:relative}
.top_in ul .allgame a{color:#fff;height:20;width:81px;text-align: center;display: inline-block;padding:0;line-height: 17px}
.allgame .allgame_img{height:20px;width:20px;background: url(images/img.png) -150px -117px;margin-left: 30px}
.allga_box{height:263px;width:485px;border:1px #eaeaea solid;position: absolute;top:40px;right:0;background: #fff;z-index:110}
.allga_box img{height: 263px;width:400px;float:left }
.allgame_name{width:486px;height:263px;float: left;}
.allgame_name p{font-size: 16px;font-weight: bold;text-align: center;height: 40px;line-height: 40px}
.allgame_name ul li{width:110px;margin-left: 10px;float: left;height: 36px}
.allgame_name ul li span{display: inline-block;width:15px;height: 20px;}
.top_in ul .allgame_name ul li a{color:#2f2f2f;text-align: center}
.allgame_name ul li .hot{background: url(images/img.png) -134px -114px}
.nav_r{height:42px;line-height: 42px;width:1332px;margin:0 auto}
.nav_r ul li{float: left;padding:0 20px;height:42px;position:relative}
.nav_r ul li:hover{background: #06aaff;}
.nav_r ul li a{color:#fff;font-size: 14px}
.main_r{min-height: 600px;width: 1070px;float: left}
.nav_new{display:inline-block;height:20px;width:30px;background:url(images/new.gif) no-repeat;position:absolute;top:0px;left:66px;}
.logo_bottom{background:url(images/nav_left.png);height:42px;width:356px;float:left;margin-top:-1px;}
.logo_small{background:url(images/logo_small.png);height:42px;width:356px;float:left;margin-top:-1px;}
.fir_page{margin-left:52px;}
.nav_r ul  .fir_page a{color:black}
.fir_page{margin-left:52px;}
.nav_r ul  .fir_page a{color:black}
.banner{width:100%;height:550px}
.bigpic{width:100%;height:550px;}
.voice{margin:0 0px 0 204px;}
.user_info{width:300px; margin-left:200px;}
.log_before{width:200px;float:right;height:40px}
.log_before a{float:right}
.log_after{width:300px;float:right;height:40px}
.log_after a{float:right}
.log_after .userinfo_vip_dj{margin:10px 5px;float:right;background:#8CDBFF url(images/vip.png) 5px -5px no-repeat;}
.part_l_title,.part_r_title{width:262px;height: 40px;border-radius: 8px 8px 0 0;background: #eaeaea;line-height: 40px;font-size:16px;padding-left: 18px}
/*登录、幻灯*/
.user_box_bg{width:280px;height:299px;z-index: 2;position: absolute;top:-343px;left:0px;background: #fff;opacity: 0.8;filter:Alpha(opacity=80);border-radius: 8px}
.user_box{width:280px;height:299px;z-index: 3;top:-343px;left:0px;border-radius: 8px;position:absolute}
.log-form{width:237px;margin:0px auto 30px;}
.log-form dl{width:241px;height:82px;background:url(images/user_box.png) no-repeat; }
.index_btn{width: 240px;height: 40px;background: #FFAD1D;border-radius: 4px;color: #fff;margin:0 0 15px 20px;font-size: 16px}
.no_acc{width: 280px;text-align: center;}
.no_acc a{color: #2f2f2f}
.log-form p {color: red;height: 30px;line-height: 30px;}
.bottom_line a{width:40px;height:20px;display:inline-block;background:url(images/little_img.png) no-repeat;padding-left:20px;margin-top:5px;color:#FFF}
.bottom_line .bottom_line_lb{background:url(images/lb.png) 0px 2px no-repeat;float:left;margin-left:15px}
.bottom_line .bottom_line_gw{background-position:-178px -33px;float:right}
.shop_shadow{width:241px;height:216px;background:black;opacity:0.7;margin-top:-195px;z-index:20;display:none}
.chg_soon{color:#2bb7ff;margin:85px 0 0 100px;display:inline-block}
.go_chg{height:20px;width:36px;display:inline-block;border:2px solid #2bb7ff;color:#fff;margin-left:105px;margin-top:5px;text-align:center}
.fast_tun{height: 210px;width:280px;background: url(images/fast.png) no-repeat;}
.fast_in{height: 212px;width:139px;float: left}
.fast_in_lg{width: 140px;height: 107px;display: inline-block;}
.fast_in_sm{width: 140px;height: 53px;display: inline-block;}
.forget_psw{float: right;color:#2f2f2f;}
.left_userinfo_cz,.left_userinfo_qd{text-decoration:none;background: #2BB7FF;margin-top:5px;border-radius: 4px;color: white;cursor: pointer;display: inline-block; float: left;margin-left: 5px;text-align: center;width: 65px;padding:3px 0;}
.left_userinfo_cz:hover{background: #0095EA}
.left_userinfo_qd:hover{background: #0095EA}
.userinfo_vip { height: 26px;margin-left: 10px;width: 270px;margin-top:-5px}
.userinfo_vip_jdt{ background: #fff;border: 1px solid #b8b8b8;border-radius: 10px;float: left;height: 15px;margin: 6px 0 2px 3px;width: 160px;}
.userinfo_vip_jdt_inside{  background: #FFB83B none repeat scroll 0 0; border-radius: 10px; float: left;height: 15px;width: 155px;}
.vip_info_level span{color:#FF8D13;font-weight: bold}
.bigpic{width:100%;height:550px;display:block}
.banner_spic {height: 20px;margin: 0 auto;width: 1280px;}
.banner_spicon {height: 20px;margin: -256px auto 0;width:170px;}
.smallpic{background: gray; border-radius:18px;float: left;height: 18px;margin: 0 5px;overflow: hidden;width: 18px;}
.main_index{width:100%;position:relative;margin-top:-11px;background: #f3f6fb;}
* +html .main_index{margin-top:0px}
.banner{width:100%;height:550px;position:absolute;left:0;}
.userinfo_vip_dj{background:#2BB7FF url(images/vip.png) 5px -5px no-repeat;float: left;height: 20px;line-height:20px;margin: 3px 5px; width: 60px;border-radius: 4px;text-align: right;color:#fff;padding-right: 10px}
.part_l_title span{float:left}
.part_r_title span{float:left}

/*底部*/
.footer{width: 100%;height: 216px;background: #EAEAEA;font-size:14px;clear:both;position:relative;}
.ft-top{width:1280px;height:40px;margin:0px auto}
.ft-top a:hover{border:1px  #2bb7ff solid;color:#2bb7ff}
.ft-top a {width: 93px;height: 30px;border:1px #eaeaea solid;border-radius: 20px;line-height: 30px;text-align: center;float: left;margin:10px 0px 10px 76px;color: #9f9f9f}
.ft-pic{height: 65px;width:680px;margin: 0 auto}
.ft-pic ul {list-style: none;width: 770px;height:40px;display: block; }
.ft-pic ul li{float: left;width: 100px;height: 40px;margin-left:20px}
.ft-pic ul li a{display: block;height: 40px;}
.footerico{width: 100px;background: url(images/111.png)}
.menu:hover{color:#fd8000;}
.a1{background-position:0px -123px}
.a2{background-position:-43px -42px}
.a3{background-position:-134px 0;}
.a4{width:100px;background: url(images/111.png) no-repeat }
.a5{background-position:-136px -43px}
.a6{width:44px;background-position:-100px 0px }
.ft-btm{margin: 0 auto;color:#646262;font-size:13px}
.ft-btm p{text-align: center;line-height: 15px;height: 15px}
.ft-btm p a {text-decoration:none;color:#646262;}
.ft-btm p a:hover {text-decoration:underline;color:#646262;}
.ft-btm p{margin:7px 0 0 0;}
.f_logo_gabah {height: 20px;margin: 0 auto;padding: 3px 0;width: 195px;font-size:12px}
.f_logo_gabah a p {color: #363636;}
.list_lh {height: 40px;overflow: hidden;width: 300px;white-space:nowrap;}
.slide_poi {height: 20px;left: 95px;position: relative;top: 5px;width: 90px;}
.slide_poi div {background:url("images/point.png") no-repeat -5px -5px;float: left;height: 10px;margin-left: 10px;width: 10px;}
.slide_poi .slide_poi_choosed {background-position: -23px -5px;}
.genter {background: #2bb7ff none repeat scroll 0 0;border-radius: 4px;color: #fff;display: inline-block;float: left;height: 20px;line-height: 20px;margin-left: 10px;margin-top: 30px;text-align: center;width: 50px;}
.serv_name {padding-left: 10px;}
.ser_cons_in ul li div a span {display: inline-block;overflow: hidden;white-space: nowrap;width: 60px;}
.bshare-custom {padding-left: 770px;}

.footer .ft-btm p{position: relative;}
/*.footer .ft-btm p a:first-child{position: absolute;top: 0;left: 145px;}*/

/* h5手游 */

								.ss_rmsy_list {
									border-width: 0 1px 1px;
									margin: -20px 0 0;
									height: 242px;
								}

								.ss_rmsy_list dd {
									overflow: hidden;
									float: left;
									width: 289px;
									height: 120px;
									margin: 0 1px 1px 55px;
									position: relative;
								}

								.ss_rmsy_list dd .ss_game_img {
									position: absolute;
									top: 20px;
									left: 20px;
									width: 80px;
									height: 80px;
								}

								.ss_rmsy_list dd .ss_rmsy_info {
									position: absolute;
									top: 34px;
									left: 110px;
									font-size: 14px;
								}


								.ss_rmsy_list dd .ss_btn4 {
									width: 50px;
									height: 22px;
									line-height: 22px;
									position: absolute;
									top: 74px;
									left: 216px;
								}

								.ss_index_titles2 .ss_more i {
									display: inline-block;
									width: 13px;
									height: 13px;
									vertical-align: middle;
									margin: -2px 0 0 5px;
									background: url(http://res.njshkj.cn/2017/images/h5sy/common.png) no-repeat -89px -16px;
								}

								.ss_rmsy_info2 .ss_btn2 {
									width: 74px;
									height: 20px;
									line-height: 20px;
									color: #FFF;
									border: #FFF 1px solid;
									-webkit-border-radius: 50px;
									-moz-border-radius: 50px;
									border-radius: 50px;
								}

								.ss_btn2 {
									display: inline-block;
									width: 70px;
									height: 24px;
									line-height: 24px;
									text-align: center;
									border: #ff6700 1px solid;
									color: #ff6700;
									border-radius: 5px;
									font-size: 12px;
									-webkit-transition: all .3s ease-out;
									-moz-transition: all .3s ease-out;
									transition: all .3s ease-out;
								}

								.ss_btn2:hover {
									background-color: #ff6700;
									color: #FFF;
								}

								.ss_btn4 {
									display: inline-block;
									width: 60px;
									height: 18px;
									line-height: 18px;
									text-align: center;
									background-color: #fe9900;
									color: #FFF;
									-webkit-border-radius: 2px;
									-moz-border-radius: 2px;
									border-radius: 2px;
									-webkit-transition: all .3s ease-out;
									-moz-transition: all .3s ease-out;
									transition: all .3s ease-out;
									font-size: 12px;
								}

								.ss_ico_antroid {
									background: url(http://res.njshkj.cn/2017/images/h5sy/index.png) no-repeat -314px -380px;
								}

								.ss_ico_ios {
									background: url(http://res.njshkj.cn/2017/images/h5sy/index.png) no-repeat -332px -380px;
								}

								.ss_ico_antroid,
								.ss_ico_ios {
									display: inline-block;
									width: 19px;
									height: 18px;
									vertical-align: middle;
								}

								.ss_rmsy_list dd:hover .ss_rmsy_lay2 {
									bottom: 0;
								}

								.ss_rmsy_list dd .ss_rmsy_info li {
									margin: 0 0 3px;
									line-height: 16px;
								}

								.ss_rmsy_list dd .ss_rmsy_lay2 {
									width: 100%;
									height: 100%;
									background: #000;
									opacity: 0.9;
									position: absolute;
									bottom: -120px;
									left: 0;
									-moz-transition: bottom .3s ease-out;
									-webkit-transition: bottom .3s ease-out;
									transition: bottom .3s ease-out;
								}

								.ss_rmsy_list dd .ss_rmsy_lay2 .ss_game_qrcode {
									width: 100px;
									height: 100px;
									position: absolute;
									top: 10px;
									left: 20px;
								}

								.ss_rmsy_list dd .ss_rmsy_lay2 .ss_rmsy_info2 {
									position: absolute;
									top: 20px;
									left: 150px;
								}

								.ss_rmsy_list dd .ss_rmsy_lay2 .ss_rmsy_title {
									font-size: 16px;
									font-weight: bold;
									color: #ff6700;
									padding: 0 0 10px;
									display: block;
								}

								.ss_rmsy_desc {
									color: #FFF;
									display: block;
									line-height: 16px;
									font-size: 12px;
									padding: 0 20px 5px 0;
								}