/*kingone hackingweb@qq.com*/
.ico-mn,.hotnews p a,.hotnews .next,.datalist li{background:url(../images/ico.png) no-repeat}
.tit,.rkbtn,.toplist dt{background:url(../images/item.png) no-repeat}
/* main */
.main-l{width:226px;height:336px;overflow:hidden}
.main-r{width:722px;height:336px;overflow:hidden}
.main-l .hd{background:#FF956B;height:34px;overflow:hidden;padding:0 10px;font:14px/34px \5FAE\8F6F\96C5\9ED1;color:#fff}
.main-l .bd{border:2px solid #FF956B;border-top:0 none;height:300px;overflow:hidden}
.mntit{padding:0 10px;height:35px;line-height:36px;border-bottom:1px solid #eee;cursor:pointer}
.mntit em{float:left;font-weight:700}
.mntit span{float:right;color:#999}
.ico-mn{background-position:0 -108px;float:right;width:7px;height:7px;overflow:hidden;margin:15px 0 0 5px;display:inline;}
.cur .ico-mn{background-position:-8px -108px}
.mncon{padding:6px 10px;overflow:hidden;border-bottom:1px solid #eee}
.mncon ul{ display: flex; overflow: hidden; flex-wrap: wrap;}
.mncon ul li{color:#767676; width:50%;}
.mncon a{height:24px;line-height:24px;overflow:hidden;color:#333}
.mncon a:hover{color:#f40;text-decoration:none}
.hotnews{width:722px;height:76px;overflow:hidden;position:relative}
.hotnews ul,.hotnews li{width:722px;height:76px;overflow:hidden}
.hotnews h2{height:42px;overflow:hidden;font:bold 20px/42px \5FAE\8F6F\96C5\9ED1}
.hotnews h2 em{float:left;width:48px;height:30px;overflow:hidden;text-align:center;font:bold 16px/30px \5FAE\8F6F\96C5\9ED1;background:#EB3D32;color:#fff;margin:6px 5px 0 0;display:inline;border-radius:3px}
.hotnews p{height:26px;overflow:hidden;line-height:26px}
.hotnews p a{background-position:-170px -72px;float:left;padding-left:8px;margin-right:20px;display:inline;}
.hotnews .next{background-position:0 -118px;width:36px;height:30px;overflow:hidden;line-height:99;position:absolute;right:0;top:0}
.news-img{width:722px;height:260px;overflow:hidden}
.news-tj{width:150px;height:260px;overflow:hidden}
.news-tj a{float:left;width:148px;height:125px;overflow:hidden;background:#fff;margin-bottom:10px}
.news-tj a:hover{border-color:#f40}
.news-tj img{width:148px;height:123px}
.slide{width:562px;height:260px;overflow:hidden;position:relative}
.slide .bd{width:562px;height:260px;overflow:hidden}
.slide .bd li{float:left;width:562px;height:260px;overflow:hidden}
.slide .bd img{width:562px;height:260px}
.slide .hd{position:absolute;height:15px;overflow:hidden;right:10px;bottom:10px}
.slide .hd li{float:left;width:15px;height:15px;text-align:center;line-height:15px;background:#fff;color:#444;cursor:pointer;margin:0 2px;display:inline}
.slide .hd .on{background:#f40;color:#fff}


/* tit */
.tit{background-position:0 -118px;float:left;height:30px;padding-left:34px;font:bold 18px/30px \5FAE\8F6F\96C5\9ED1;margin-top:10px}
.tit1{background-position:0 -54px}
.tit2{background-position:0 -86px}
.tit3{background-position:0 -118px}

/* mbnews */
.mbnews{width:620px;overflow:hidden;margin-left:14px}
.mbnews .hd{height:48px;overflow:hidden}
.mbnews .bd{width:620px;height:496px;overflow:hidden}
.mbnews .bd ul{width:640px}
.mbnews .bd li{float:left;width:300px;height:240px;overflow:hidden;font-size:14px;text-align:center;line-height:3;margin:0 20px 10px 0;display:inline}
.mbnews .bd img{display:block;width:300px;height:200px;margin:0 auto}

/* mbdata */
.mbdata{width:292px;overflow:hidden;margin-right:14px}
.mbdata .hd{height:48px;overflow:hidden}
.mbskill{height:30px;overflow:hidden}
.mbskill  em{float:left;height:18px;padding:0 6px;border-left:4px solid #FE6665;font:16px/18px \5FAE\8F6F\96C5\9ED1;margin-top:6px}
.mbskill .link-right{margin-top:4px}
.dataimg{height:95px;overflow:hidden;padding-bottom:10px;border-bottom:1px dotted #F1F1F1}
.dataimg .img{float:left;width:130px;height:95px;overflow:hidden}
.dataimg .img img{width:150px;height:95px}
.dataimg .con{float:right;width:150px;height:95px;overflow:hidden}
.dataimg a:hover{text-decoration:none}
.dataimg .con .p1{height:72px;line-height:24px;overflow:hidden;font-size:14px;font-weight:700}
.dataimg .con .p2{height:22px;line-height:22px;color:#999}
.dataimg .con .p2 a{float:right;color:#F53A31}
.datalist{width:292px;padding:5px 0;overflow:hidden}
.datalist li{background-position:-170px -72px;float:left;width:284px;height:24px;line-height:26px;overflow:hidden;padding-left:8px;}
.datalist span{float:right;color:#FE4743;margin-left:5px;display:inline}

/* reco */
.recowp{width:642px}
.reco{height:364px;background:#fff;border:1px solid #F1F1F1}
.rankwp{width:306px;height:746px;overflow:hidden;background:#fff;border:1px solid #F1F1F1}
.reco .hd,.rankwp .hd{padding:0 10px;height:48px;overflow:hidden;}
.recotab{float:left;width:100px;height:28px;overflow:hidden;border-radius:12px;margin:10px 0 0 140px;display:inline}
.recotab span{float:left;width:50%;height:28px;text-align:center;font:14px/28px \5FAE\8F6F\96C5\9ED1;background:#F0F0F0;color:#666;cursor:pointer}
.recotab .cur{background:#73AE2E;color:#fff}
.recocon .game{width:630px;margin:2px auto 0}
.recocon .game li{width:186px}
.recocon .game .con{width:100px}
/* rank */
.rank{width:280px;margin:0 auto}
.rank li{float:left;width:250px;height:20px;line-height:22px;font-size:14px;overflow:hidden;padding:9px 0 8px;border-bottom:1px solid #F1F1F1;}
.rank .num{float:left;width:22px;height:22px;text-align:center;line-height:22px;background:#9D9D9D;color:#fff;margin-right:8px;display:inline;}
.rank .spec{height:60px;padding:10px 0;cursor:pointer}
.rank .spec .num{background:#FF010C;margin-top:22px}
.rkgame{float:left;width:178px;height:60px;overflow:hidden}
.rkgame img{float:left;width:60px;height:60px}
.rkgame .con{float:right;width:110px;height:60px;overflow:hidden;}
.rkgame span{display:block;height:20px;line-height:20px;font-size:12px;overflow:hidden;}
.rkgame .sp2{color:#999}
.rkgame .star,.rkgame .star i{background:url(../images/star.png) repeat-x}
.rkgame .star{background-position:0 0;width:70px;overflow:hidden;position:relative}
.rkgame .star i{background-position:0 -22px;display:block;height:20px;position:absolute;left:0;top:0}
.rkgame .star1 i{width:14px}
.rkgame .star2 i{width:28px}
.rkgame .star3 i{width:42px}
.rkgame .star4 i{width:56px}
.rkgame .star5 i{width:70px}
.rkbtn{ background: url(../images/index_down.png); background-size: 24px; float:right;width:24px;height:24px;overflow:hidden;line-height:99;margin-top:20px}
.rank .cur .sp1 a{color:#72AF2D}
.rank .cur .rkbtn{background-position:-25px -154px}
.ranktab{float:right;width:136px;height:28px;overflow:hidden;border-radius:12px;margin-top:10px;display:inline}
.ranktab span{float:left;width:50%;height:28px;text-align:center;font:14px/28px \5FAE\8F6F\96C5\9ED1;background:#F0F0F0;color:#666;cursor:pointer}
.ranktab .cur{background:#73AE2E;color:#fff}

/* game */
.gamearea{margin-top:10px}
.gamearea .hd{padding:0 10px;height:48px;overflow:hidden}


.game li{background:#fff;float:left;width:168px;height:80px;padding:10px;overflow:hidden;margin:0 2px 5px;display:inline;}
.game .img{float:left;margin-right:8px;position:relative;display:inline;}
.game .img img{display:block;width:78px;height:78px}
.game .con{float:right;width:82px;overflow:hidden;zoom:1}
.game .con span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game .sp1{height:26px;line-height:26px;font-size:14px}
.game .sp2{height:20px;line-height:20px;color:#999}
.game .btn{display:inline-block;vertical-align:top;width:60px;height:26px;text-align:center;line-height:26px;background:#fff;border:1px solid #F1F1F1;margin-top:4px}
.game .cur{background:#F7F7F7}
.game .cur .btn,.game .btn:hover{background:#8FC318;border-color:#8FC318;color:#fff;text-decoration:none}

.gtag{background:url(../images/gametags.png) no-repeat;display:block;position:absolute;left:0;top:0}
.ltag_xy,.ltag_xf,.ltag_xm,.ltag_lb,.ltag_hd,.ltag_rm,.ltag_sf,.ltag_gx{width:44px;height:44px}
.ltag_xy{background-position:0 0}
.ltag_xf{background-position:0 -47px}
.ltag_xm{background-position:0 -94px}
.ltag_lb{background-position:0 -141px}
.ltag_hd{background-position:0 -188px}
.ltag_rm{background-position:0 -235px}
.ltag_sf{background-position:0 -282px}
.ltag_gx{background-position:0 -329px}
.stag_xy,.stag_xf,.stag_xm,.stag_lb,.stag_hd,.stag_rm,.stag_sf,.stag_gx{width:38px;height:38px}
.stag_xy{background-position:0 -376px}
.stag_xf{background-position:0 -417px}
.stag_xm{background-position:0 -459px}
.stag_lb{background-position:0 -501px}
.stag_hd{background-position:0 -543px}
.stag_rm{background-position:0 -584px}
.stag_sf{background-position:0 -626px}
.stag_gx{background-position:0 -668px}

/* toplist */
.toplist{padding:10px 0}
.toplist dl{float:left;width:295px;overflow:hidden;margin:0 10px}
.toplist dt{display:block;width:295px;height:33px;overflow:hidden;text-align:center;line-height:32px;font-size:14px;color:#fff;margin-bottom:5px}
.toplist .dt1 dt{background: #66CC66;}
.toplist .dt2 dt{background: #01C3C3;}
.toplist .dt3 dt{background: #FF6766;}
.toplist dd{height:22px;overflow:hidden;padding:8px 0;border-bottom:1px dotted #F1F1F1;cursor:pointer}
.toplist .num{float:left;width:22px;height:22px;text-align:center;line-height:22px;color:#fff;margin-left:5px;display:inline}
.toplist  .dt1 .num{background:#66CC66}
.toplist  .dt2 .num{background:#01C3C3}
.toplist  .dt3 .num{background:#FF6766}
.toplist .name{float:right;width:246px;height:22px;line-height:22px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 
.toplist .item{display:none;float:right;width:246px;height:60px;overflow:hidden}
.toplist .item img{float:left;width:60px;height:60px}
.toplist .item .con{float:left;width:110px;height:60px;overflow:hidden;margin-left:8px;display:inline}
.toplist .item span{display:block;height:20px;line-height:20px;font-size:12px;overflow:hidden;}
.toplist .item .sp2{color:#999}
.toplist .item .star,.toplist .item  .star i{background:url(../images/star.png) repeat-x}
.toplist .item .star{background-position:0 0;width:70px;overflow:hidden;position:relative}
.toplist .item .star i{background-position:0 -22px;display:block;height:20px;position:absolute;left:0;top:0}
.toplist .item .star1 i{width:14px}
.toplist .item .star2 i{width:28px}
.toplist .item .star3 i{width:42px}
.toplist .item .star4 i{width:56px}
.toplist .item .star5 i{width:70px}
.toplist .cur{height:60px;overflow:hidde}
.toplist .cur .name{display:none}
.toplist .cur .item{display:block}