#wrap{background:url(/Public/images/2016/hj_bg.jpg) center 0 no-repeat}
.wrap-bd{margin-bottom: 304px;background-color:#fff;padding-bottom: 49px;}

/*hotbox*/
.hotbox{overflow: hidden;border: 1px solid #e5e5e5;padding: 2px 8px;}
.hotbox li{position:relative;overflow:hidden;height: 50px;padding: 10px 0 10px 0px;border-bottom: 1px dashed #cbcbcb;}
.hotbox li.end{border-bottom:none;}
.hotbox .game_icon{width:50px;height:50px;padding-left:5px;line-height:50px;overflow:hidden;float:left;}
.hotbox .game_icon img{}
.hotbox .g_name_time{float:left;width: 125px;margin-left: 9px;padding-top: 3px;/*height:28px;*/}
.hotbox .g_name_time a:hover .name{text-decoration:underline;}
.hotbox .g_name_time .g_time{line-height:22px;color:#666;}
.hotbox .g_name_time .g_name{color:#484848;overflow:hidden;display: block;width:100%;height: 22px;line-height: 22px;font-weight: bold;}
.hotbox .name{padding-right:5px;float:left;cursor:pointer;}
.hotbox .button_box{float:left;width: 55px;padding-left:0px;height:50px;line-height:26px;text-align:center;overflow:hidden;}
.hotbox .button_b{float: left;width: 50px;height: 26px;margin-top: 11px;line-height: 26px;text-align: center;color: #3c3c3c;border: 1px solid #dfdfdf;border-radius: 5px;}
.hotbox .button_b:hover{background-color: #2ca8ff;color: #fff;text-decoration: none;border: 1px solid #2ca8ff;}

/*md-rank*/
.md-rank{border: 1px solid #e5e5e5;padding: 0 0;}
.md-rank .bd ul{margin-top:-1px;overflow:hidden;zoom:1}
.md-rank .bd li{border-bottom: 1px #f0f0f0 solid;position:relative;}
.md-rank .bd .end{border-bottom: none;}
.md-rank .bd p{height: 41px;line-height: 41px;position:relative;margin: 0;}
.md-rank .bd p span{background: url(../images/2017/icon-index1.png) no-repeat;float:left;display:inline;width: 18px;height:16px;padding-right: 2px;line-height:15px;margin: 13px 0 0 10px;overflow:hidden;color:#fff;text-align:center;}
.md-rank .bd p a{display:block;height: 41px;line-height: 41px;margin-left: 34px;margin-right:100px;font-size:14px;overflow:hidden;}
.md-rank .bd p em{display:block;position:absolute;top:0;right:0;width:100px;height: 41px;line-height: 41px;overflow:hidden;}
.md-rank .bd .intro{padding: 8px 10px;display:none;position:relative;background: #e1f2fc;}
.md-rank .bd .intro .icon{float:left;}
.md-rank .bd .info{width: 90px;height: 50px;line-height:26px;padding: 11px 0;margin-left:82px;padding-right:96px;}
.md-rank .bd .info .sort{color:#3ca3ee;font-size:14px;font-weight: bold;}
.md-rank .bd .info span{display:block}
.md-rank .bd .btn{display:none;position:absolute;top: 6px;right: 14px;margin-top: 2px;width: 73px;height: 24px;line-height: 24px;color:#2da4f4;background: #fff;border:1px solid #2da4f4;border-radius:5px;text-align:center;margin: 0;padding: 0;}
.md-rank .bd .btn:hover, .md-rank .bd .cur .btn{display:block;color:#fff;text-decoration:none;background: #2da4f4;}
.md-rank .bd .cur .btn:hover{background:#0090ed;}
.md-rank .bd .cur .btn{top: 32px;}
.md-rank .bd .cur p a,.md-rank .bd .cur p em{color:#fff}
.md-rank .bd .cur .intro,.md-rank .bd .cur p i{display:block}
.md-xy{margin-right:0}
.md-yy .hd{border-bottom-color:#bbe1f3}
.md-yy .hd .md-title{background-position:-236px -156px;color:#5588f9;border-color:#5588f9}
.md-yy .bd p i{background-position: -10px -487px;}
.md-yy .bd p span{background-position: -7px -468px;}
.md-yy .bd .cur p span{background-position:-219px -65px;color: #5588f9;display: none;}
.md-yy .bd .info span{color:#414141}
.md-yy .bd .btn a{background-position:0 -135px;}
.md-yy .bd .cur p{background: #26a8ff;display: none;}

/*list*/
/*热门游戏*/
.hj-list{width:105%}
.hj-list li{float: left;position: relative;border-bottom: none;margin: 0px 19px 0 0;text-align: left;height: 164px;width: 198px;overflow:hidden;}
.hj-list li .img{display:block;width: 198px;height: 111px;}
.hj-list li .img:hover{color:#2ca8ff;}
.hj-list li img{width: 198px;height: 111px;}
.hj-list li .img:hover img{opacity: .9;filter: alpha(opacity=90);}
.hj-list .depict{position: relative;z-index: 5;padding: 0 10px;color: #2c2c2c;height: 33px;line-height: 37px;text-align: center;font-size:14px;overflow:hidden;}
.hj-list .depict:hover{color:#2ca8ff;}

.hj-glist{width:105%;margin-left: -15px;}
.hj-glist li{float:left;width:238px;height:138px;border:1px #eee solid;margin-left:15px;margin-top:20px;padding:15px}
.hj-glist li a{display:block;width:100%;height:100%}
.hj-glist li a img{width:238px;height:138px;}
.hj-glist li .pic{float:left;width:75px;height:75px;border-radius: 10px;}
.hj-glist li .info{float:right;width:155px}
.hj-glist li .info p{margin:0;}
.hj-glist li .info .name,.hj-glist li .info .cg,.hj-glist li .info .tj{height:25px;line-height:25px;overflow:hidden;color:#333}
.hj-glist li .info .name{font-size:18px}
.hj-glist li .info .cg{color:#aaa}
.hj-glist li .info .cg em{color:#333;padding:0 4px}
.hj-glist li .info .tj{font-size:0}
.hj-glist li .info .tj img,.hj-glist li .info .tj .ico{display:inline-block;vertical-align:middle;*zoom:1;*display:inline;width:14px;height:14px;margin-right:4px}
.hj-glist li .info .tj .ico{width:90px;height:14px;background:url(/Public/images/2016/star.png) no-repeat 0 -17px}
.hj-glist li .info .tj .ico em{display:block;width:0%;height:14px;background:url(/Public/images/2016/star.png) no-repeat 0 0px}
.hj-glist li .btn{position:relative;height:40px;line-height:40px;border:1px #1691f0 solid;border-radius:3px;margin-top:20px;font-size:16px;font-weight:bold;text-align:center;color:#1691f0}
.hj-glist li a:hover .btn{color:#fff;background:#1691f0;-webkit-transition:all 0.4s linear;transition:all 0.4s linear}

.hjinfo {width:100%;padding: 0 0 10px 0;}
.hjinfo .img{width: 320px;height: 180px;float:left;}
.hjinfo .detial {position:relative;width:441px;height: 60px;margin-left: 20px;font-size:13px;float:left;}
.hjinfo .detial .name{height: 56px; border-bottom: 1px dashed #cacaca;}
.hjinfo .detial .name .title{float: left;height: 56px;font-size: 22px;line-height: 50px;/* font-weight:bold; */color:#000;text-align:left;}
.hjinfo .detial .name .sum{float: left;font-size:12px;height: 56px;font-weight: normal;line-height: 59px;padding-left: 14px;}
.hjinfo .detial .name .sum em{color:#ff4901;}
.hjinfo .detial .p1{font-size:16px;margin: 15px 0 10px 0;}
.hjinfo .detial .p2{font-size:14px;margin: 0px;line-height: 26px;}
/*gpage*/
#gpage{margin:15px 0 100px 0;padding:23px 0 23px 0;height:75px;text-align:center;}
#gpage a{padding:4px 8px;border:1px solid #e1e1e1}
#gpage a:hover{background:#35a8e9;color:#fff;}
#gpage .current{padding:4px 8px;border:1px solid #e1e1e1;background:#35a8e9;color:#fff;}
#gpage select{border:1px solid #e1e1e1;margin:0px;padding:0px;vertical-align:middle\9;}
#goPage{min-height:24px;}

.main_l{width:284px;}
.ibox {text-align:left;color:#3e4756;}
.boxtop{margin-top:24px;}
.boxtop h2{font-size:18px;line-height:20px;line-height:24px \9;_line-height:28px;font-family:Arial;}
.ibox .boxtop h4{color:#555f6b;font-size:14px; float:left;padding-left:10px;}
.ibox .boxcon {border-top:1px solid #E7E7E7;height:100%;*position:relative;overflow:hidden;}
.main_r{width:848px;overflow:hidden;}