hot_name/*首页*/

.part1,.part2,.part3,.part4,.part5{width:100%;height:250px;margin-top: 20px}
.part1_left,.part2_left,.part3_left{width:280px;height: 250px;float: left;border-radius: 8px;background:#fff}
.part1_right,.part2_right,.part3_right{width: 970px;float: left;margin-left: 25px;height: 250px;border-radius: 8px}
.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}
.part_l_title a,.part_r_title a{float: right;font-size: 12px;margin-right: 10px;color:#2bb7ff;}
.part_r_title{width:952px;}
.part2_left,.part2_right,.part2{height:755px;margin-top: 30px}
.part3_left,.part3_right,.part3{height:254px;}
.part3_left{border-bottom:1px solid #eaeaea}
.part4{height:300px;}img
.part5{height:160px;margin-top: 20px}
.part4,.part5{border-radius: 8px;background:#fff}
.part4_in{height:260px;width:1278px;border:1px #EAEAEA solid;border-radius:0 0 8px 8px}
.news_con{background: #fff;height:222px;width:278px;border-radius: 0 0 8px 8px;border:1px #EAEAEA solid;}
.news_con h2{color:#2BB7FF;height: 36px;line-height:25px;text-align: center;margin-top:6px;font-size:18px}
.news_con .news_con_tip{padding:18px 20px 7px;width:240px;display: inline-block;}
.news_con .news_con_tip a{ text-decoration:none;color:#b8b8b8}
.news_con ul li span{float: right;margin-right: 15px}
.news_con ul li {padding-left: 13px;padding-top: 2px}
.news_con ul li a:hover{color:#2bb7ff}
/*.news_con ul li a{color:#9a9a9a;float:left;display:inline-block;width:200px}*/
.news_con ul li a{color:#9a9a9a;float:left;display:inline-block;width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.jf_gift{width:968px;height: 210px;background: #fff;border-radius:0 0 8px 8px;border:1px #EAEAEA solid;}
.jf_gift ul li{float: left;width:241px;height: 210px;border-right: 1px solid #EAEAEA}
.jf_gift ul li img{width:126px;height: 160px;margin-left: 61px;}
.shop_index .new_tip{display:inline-block;height:45px;width:48px;background:url(images/tips.png) -5px -70px no-repeat;z-index:5;position:relative;float:right}
/*.hot_game_in span{display:inline-block;height:60px;width:55px;background:url(images/tips.png) -75px -70px no-repeat;z-index:5;position:relative;float:right;top:-185px;right:7px}*/
.jf_gift ul li p{width: 247px;text-align:center;color:#9a9a9a;}
.jf_gift ul li p span{color:red;}
.ser_lists{height:714px;width: 278px;background:#fff;border:1px #EAEAEA solid;border-radius:0 0 8px 8px}
.ser_lists_tit{height: 40px;width: 279px}
.ser_lists_tit ul li{float: left;border-right: 1px solid #ccc;height: 40px;line-height: 40px;border-bottom:1px solid #ccc;width:92px;font-size: 16px;text-align: center;cursor:pointer;}
.ser_cons{height: 674px;width: 278px}
.ser_cons ul li{height: 71px;border-bottom: 1px dashed #ccc;margin-top:1px;}
* +html .ser_cons ul li{margin-top:-4px}
.ser_cons ul li img{float: left;height: 45px;width: 45px;margin:15px 15px 0 50px;}
.ser_cons ul li div{float: left;margin-top: 15px;}
.ser_cons ul li div p{padding-top: 5px;}
.ser_cons ul li div a{color:#2f2f2f;}
.ser_cons ul li div a span{padding-left:10px}
.ser_lists_tit ul .ser_on{border-bottom: none;border-top: 2px solid #2BB7FF;height: 38px;color:#2bb7ff}
.hot_name{width:968px;min-height: 715px;background:#fff;border-radius:0 0 8px 8px;border:1px #EAEAEA solid;}
.hot_name ul li{float: left;width: 315px;height:234px ;margin-left: 6px;margin-top:5px}
.hot_name ul li img{width: 315px;height:185px}
.hot_game_in{position: relative}
/*.hot_name ul li .ico-sn{position:absolute;width: 47px;height: 19px;display: inline-block;top:136px;left:0px;}*/
.hot_name ul li .ico-so{position:absolute;width: 47px;height: 19px;display: inline-block;top:166px;left:0px;}
.hot_name ul div .corner-rec{
	width:50px;height:50px;position:absolute;top:0;right:0;
	background:url(images/jptj_icon.png) 0px -300px no-repeat;
}
.hot_name ul li p{height: 40px;width: 315px;line-height: 40px;text-align: center;font-size: 16px}
.yxlb{height: 214px;width: 970px;background:#fff;border-radius:0 0 8px 8px}
.yxlb .lb_img{width: 54px;height: 54px;border-radius: 27px;display: inline-block;background: url(images/ser.png);float: left;margin:10px 0 0 50px;}
.yxlb div{float: left;margin: 15px 0 0 20px}
.yxlb div p a{color: #9a9a9a}
.yxlb div p {padding-top: 5px}
.yxlb div p span{color:red;padding-right: 20px}
.yxlb ul li{float: left;height: 72px;border-bottom: 1px dashed #ccc;width: 320px}
.get_card { background: #2bb7ff none repeat scroll 0 0; border-radius: 4px; color: #fff;display: inline-block;float: left; height: 20px;line-height: 20px;margin-left: 20px;margin-top: 30px;text-align: center;width: 60px;}
.gameinfo_tab{width: 1180px;height: 30px;border: 1px solid #eaeaea;border-radius:33px;margin: 20px auto}
.gameinfo_tab a{float: left;width: 88px;height: 30px;line-height: 30px;text-align: center;margin-left: 63px;color: #2f2f2f;font-size: 14px;border-radius:15px}
.gameinfo_lists .gameinfo_on{background: #2bb7ff;border-radius: 15px;color:#fff}
.arc_lists{width: 1180px;margin: 0 auto}
.arc_lists ul li{width: 353px;border-bottom: 1px dashed #ccc;float: left;height: 35px;line-height: 35px;padding-left: 40px}
.arc_lists ul li a{color: #2f2f2f;float:left;width:280px;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.arc_lists ul li a:hover{color:#2bb7ff}
.arc_lists ul li  span{float: right;margin-right: 30px}
.index_link{width: 1278px;height: 120px;margin: 0px auto;border:1px #EAEAEA solid;border-radius:0 0 8px 8px }
.index_link a{display: inline-block;width: 100px;color: #9a9a9a;padding:4px;margin-left:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.log-form{margin:0 auto 17px;width:237px;}
.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;cursor:pointer}
.index_btn:hover{
background:tomato;
cursor:pointer;
}
.no_acc{width: 280px;text-align: center;}
.no_acc a{color: #2f2f2f;cursor:pointer}
.no_acc a:hover{
color:red;
}
.log-form dd input {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #9e9e9e;display: inline;height: 31px;line-height: 31px;margin: 2px 0 0 34px;padding-left: 5px;width: 190px;}
.bottom_line{height:30px;width:315px;background:black;opacity:0.7;filter:Alpha(opacity=70);z-index:1;;margin-left:0px;display:none;position:relative;top:-70px}
.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:210px;background:black;opacity:0.7;filter:Alpha(opacity=70);margin-top:-194px;z-index:2;display:none}
.shop_shadow1{width:241px;height:210px;margin-top:-212px;z-index:3;display:none;position:relative}
.chg_soon{color:#2bb7ff;margin:85px 0 0 96px;display:inline-block;font-size:14px}
.go_chg{height:20px;line-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: 213px;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: 55px;display: inline-block;}
.forget_psw{float: right;color:#2f2f2f;}
.forget_psw:hover{
color:red
}
.left_userinfor{border: 2px solid #f3f3f3;float: left;height: 278px;width: 248px;margin-top:18px}
.left_userinfor{border-top:none}
.userinfor_52gg{width:279px;height:103px;}
.userinfo_img{height:86px;width:86px;float:left;margin:10px 0 0 10px}
.userinfo_img a{height:76px;width:76px;display:inline-block}
.userinfo_img a img{height:82px;width:82px;border-radius:41px;border:  2px solid #fff;}
.account_info_52gg{float:left;width:158px;height:76px;margin-left: 20px;margin-top: 10px}
.account_info_52gg div{width:170px;height:30px;}
.account_info_52gg   div span{  float: left;margin-left: 10px; margin-top: 10px;font-size: 16px;color:#9e9e9e}
.account_info_52gg div a {color: #9e9e9e;float: right;margin-right: 13px;margin-top: 10px;cursor: pointer;font-size: 14px}
#boxuser {color: #2f2f2f;text-decoration:none;cursor: pointer;width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;padding-left:10px;font-size:14px}
.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_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}
.userinfo_vip_jdt{ background: #fff;border: 1px solid #eaeaea;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 {background:url(images/vip_bg.png) no-repeat; height: 113px; left: 26px;position: absolute;top:122px; width: 221px;z-index: 100;display: none}
.vip_info p {font-size: 12px;height: 30px;line-height: 30px;margin-left: 10px;width: 198px;padding-left:30px;margin:0px;color:#99a0b1}
.vip_info a {border-radius: 4px;color: #797979;display: inline-block;font-size: 14px;height: 20px;margin: 5px 0 0 25px;padding: 2px; text-align: center;width: 70px;border:1px solid #eaeaea;font-size: 12px }
.ggb_jf_lq{border-left: 1px solid #FFAD1A;height: 60px;width: 278px;margin-top:10px;border-right: 1px solid #FFAD1A;}
.ggb_jf_lq div{float: left; height: 60px;width: 92px;border-left:1px solid #fff;background:#FFAD1A}
.ggb_jf_lq div:hover{background:#F79B05}
.ggb_jf_lq div p{height: 30px;line-height: 30px;text-align: center;padding:0px;margin:0px;color:#fff}
.ggb_jf_lq div a{margin-top: 10px; color: #fff;display: inline-block;text-align: center;width: 92px;cursor: pointer;text-decoration: none;}
.servers_logined p{height:20px;color:#2f2f2f;padding:0px;margin:0px;padding-left:15px;font-size: 14px;}
.servers_logined{width:248px;height:100px;margin-top:10px}
.servers_logined ul {width:248px;height:80px;list-style:none;padding:0px;margin:0px}
.servers_logined ul li{width:248px;height:22px;margin-left: 10px}
.servers_logined ul li a span{color:#9e9e9e;}
.servers_logined ul li a img{float:left;height:10px;width:6px;margin-top:5px;margin-left:10px}
.servers_logined_gamename{ color: #2e8bff;float: left; margin-left: 8px;}
.servers_logined_sername{color: #949494;float: right;margin-right:10px}
.vip_info_level span{color:#FF8D13;font-weight: bold}
.fast_reg:hover{background: url(images/fast-hover.png) no-repeat;}
.fast_comp:hover{background: url(images/fast-hover.png) no-repeat 0px -107px;}
.fast_res:hover{background: url(images/fast-hover.png) no-repeat 0px -161px;}
.fast_pho:hover{background: url(images/fast-hover.png) no-repeat -139px 1px;}
.fast_pwd:hover{background: url(images/fast-hover.png) no-repeat  -139px -55px;height:53px}
.fast_cust:hover{background: url(images/fast-hover.png) no-repeat -139px -107px ;margin-top:-2px}
.hotg_box { background: black none repeat scroll 0 0;height: 185px; margin-top: -225px;opacity: 0.7;width: 315px;z-index: 2;}
.hotg_box1 {height: 187px;margin-top: -188px;position: relative;width: 315px;z-index: 3;}
.hotg_box1 .hot_en {background: #2bb7ff none repeat scroll 0 0;border-radius: 4px;color: #fff;
display: inline-block;float: left;height: 20px;line-height: 20px;margin: 70px 120px 10px;text-align: center;width: 60px;}
.hotg_box1 p a {color: #fff;font-size: 14px;padding: 0 10px;}
.hotg_box1 p {color: #fff;}
.hot_enter{height: 40px;width: 315px;line-height: 40px;text-align: center;font-size: 16px;display:inline-block;color:#2f2f2f}
.main_index{width:100%;position:relative;margin-top:-31px;background: #fff;}
.w1280{width: 1280px;margin:0px auto 363px;z-index:1;top:343px;position:relative}
.part_l_title span{float:left}
.part_r_title span{float:left}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.w1280{margin:0 auto 236px} 
.footer{top:129px} 
} 

.userbox-third{height: 24px;line-height: 24px;padding-top: 5px;width:237px;margin:auto;}
.userbox-third span{display: block;float: left;}
.userbox-third a{float: left;margin: 0 10px;}
.third-logo{background-image: url("http://static.52gg.com/v1.0/common/images/third-logo-24.png");float: left;margin: 0 10px;display:block;height: 24px;width: 24px;}





/**首页添加*/
.w260 {
    width: 278px;
    background:#fff;
    margin-top: 20px;
}
.fl, .fr {
    display: inline;
}
.fr{float:right;}
.fl {
    float: left;
    /*margin-right:45px;*/
}
.of {
    overflow: hidden;
}
/*.pt_04{height:360px;margin-top:24px;}*/
.pt_04{height:360px;margin-top:239px;}
.fast-way .common-con{
    position:relative;
    height:131px;
    background:no-repeat;
    /*background-position:-302px 0;*/
    background-image:url(http://res.njshkj.cn/2017/css/images2/index22.png)
}
.fast-way .common-con a{width:137px;height:64px;position:absolute;display:inline-block;}
.fast-way .common-con .w1{left:1px;top:1px}
.fast-way .common-con .w2{left:140px;top:1px;}
.fast-way .common-con .w3{left:1px;top:66px}
.fast-way .common-con .w4{left:140px;top:66px}
.fast-way .common-con .w5{left:1px;top:131px}
.fast-way .common-con .w6{left:140px;top:131px}
/*.fast-way .common-con a:hover{background-image:url(http://res.njshkj.cn/2017/css/images2/index11.png);background-repeat:no-repeat;background-position:-302.5px 1px}*/
.fast-way .common-con a:hover.w1{background-image:url(http://res.njshkj.cn/2017/css/images2/1.png);background-repeat:no-repeat;}
.fast-way .common-con a:hover.w2{background-image:url(http://res.njshkj.cn/2017/css/images2/2.png);background-repeat:no-repeat;}
.fast-way .common-con a:hover.w3{background-image:url(http://res.njshkj.cn/2017/css/images2/5.png);background-repeat:no-repeat;}
.fast-way .common-con a:hover.w4{background-image:url(http://res.njshkj.cn/2017/css/images2/6.png);background-repeat:no-repeat;}
.fast-way .common-con a:hover.w5{background-image:url(http://res.njshkj.cn/2017/css/images2/3.png);background-repeat:no-repeat;}
.fast-way .common-con a:hover.w6{background-image:url(http://res.njshkj.cn/2017/css/images2/4.png);background-repeat:no-repeat;}
.common-title{height:40px;color:#3c3c3c;font:16px/22px "Microsoft Yahei";padding-left:10px;position:relative;margin:0;line-height:40px;background:#eaeaea;border-radius:8px 8px 0 0}
.common-title .tit-links{font:400 14px/24px 'Microsoft Yahei';float:right}
.common-title .tit-links a,.common-title .tit-links a:visited{margin-left:25px;color:#1ea6ff}
.common-title .tit-links a:hover{color:#008eeb}
.common-title-ico{width:4px;height:22px;_height:20px;display:inline-block;background-color:#f0265a;*background:transparent no-repeat;background-position:-62px -259px;position:absolute;left:0;top:50%;margin-top:-11px;_margin-top:-13px}
.common-title-ico:after{content:"";width:3px;height:9px;background-color:#f0265a;position:absolute;left:0;bottom:0}
.common-title-more{width:51px;height:19px;position:absolute;top:3px;margin:9px 0 0 20px;text-indent:-9999px;background:transparent no-repeat;background-position:-140px -259px;overflow:hidden;zoom:1}.common-title-more:hover{background:transparent no-repeat;background-position:-72px -281px}
.custom_box{border: 1px solid #d6d5d5; height: 116px;border-top:none;}
.custom_online{background: rgba(0, 0, 0, 0) url("http://res.njshkj.cn/2017/images/earphone.jpg") no-repeat scroll center 12px; border-right: 1px solid #d6d5d5; float: left; height: 116px; text-align: center; width: 137px;}
.custom_online a{color: #03b4f5;}
.p_oline{font-size: 18px; height: 26px; line-height: 26px; padding-top: 70px;}
.custom_box ul{float: left; font-family: simsun; width: 128px;}
.custom_box ul li{border-bottom: 1px solid #d6d5d5; color: #333; height:55px;text-align:center;}
.p_cell{line-height: 20px; padding-top: 12px;text-align:center;}
.p_num{color: #03b4f5; font: bold 16px/24px Microsoft YaHei;text-align:center;}
.custom_box ul li.brone{border-bottom: medium none; line-height: 55px;}
.custom_box ul li.brone a{color:#3c3c3c;}
.common-title-ico::after { background-color: #f0265a; bottom: 0; content: "";height: 9px;left: 0;position: absolute;width: 3px;}
.common-title-ico { height: 18px; margin: 0; top: 4px;}
.w910{width:975px;background:#fff;height:300px;margin-top: 20px;}
.common-title a {
    background-color: #fff;
    background-image: none;
    border: 1px solid #2bb7ff;
    border-radius: 5px;
    color: #2bb7ff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    text-indent: 1px;
    width: 51px;
}
.common-title a:hover{background:#2bb7ff;color:#fff;}

.h5_box {
    float: left;
    height: 80px;
    position: relative;
    width: 272px;
	margin:35px 0 12px 40px;
}
img {
    vertical-align: middle;
}
.h5_box .h5_gt, .h5_box .h5_gt1, .h5_box .h5_gt2 {
    color: #555;
    left: 90px;
    position: absolute;
}
.h5_box .h5_gt {
    font-size: 14px;
    font-weight: bold;
    top: 5px;
}
.h5_box .h5_gt1 {
    font-size: 14px;
    top: 35px;
}
.h5_box .h5_gt2 {
    font-size: 14px;
    top: 62px;
}
.h5_box .h5_start, .h5_box .h5_iplay {
    color: #555;
    display: block;
    font-size: 14px;
    left: 180px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 80px;
}
.h5_box .h5_start {
    border: 1px solid #2bb7ff;
    top: 5px;
}
.h5_box .h5_iplay {
    border: 1px solid #ccc;
    top: 50px;
}

.h5_ewm {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 170px;
    position: absolute;
    right: 0;
    top: -125px;
    width: 150px;
}
.h5_ewm span {
    color: #555;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    width: 150px;
}
.h5_ewm img {
    margin: 0 10px;
}

.h5_box img{border-radius:12px;}
/*.boxpic{display:inline-block;width:242px;height:300px;background:url(http://static.52gg.com/v1.0/game/images/fxdsds.png) no-repeat;}*/
/*  .boxpic{display:inline-block;width:242px;height:300px;background:url(http://www.52gg.com/templets/default/css/images/cjhd.png) no-repeat;}*/
.boxpic{display:inline-block;width:242px;height:300px;background:url(http://www.52gg.com/templets/default/css/images/51hd.jpg) no-repeat;}


/*H5手游*/
.nav_r .h5game .nav-new {
    background: rgba(0, 0, 0, 0) url("images/newh5.gif") no-repeat scroll 0 0;
    height: 23px;
    position:absolute;
	top: -9px;display:inline-block;
	left: 59px;
	width: 35px;
}
.nav_r .flag{
    color: #fe2002;
	background: url(images/123.gif) center center no-repeat;
    height: 35px;
    position:absolute;
	top: 3px;
	display:inline-block;
	/*left: 50px;*/
	width: 35px;
	vertical-align:middle;
	background-size: 70%;
}

.nav_r .gamebox .nav-hot {
    background: rgba(0, 0, 0, 0) url("images/hot.gif") no-repeat scroll 0 0;
    height: 23px;
    position:absolute;
	top: -9px;display:inline-block;
	left: 59px;
	width: 35px;
}
.nav_r .gamebox .nav-hot1{background:url(images/hot.gif) no-repeat;width:25px;left:62px;}
.nav_r .h5game .nav-new1{background:url(images/newh51.gif) no-repeat;width:25px;left:62px;top:0px;}
.nav_r .h5game a, .nav_r .h5game a:visited{color:#ff8400;}