.page {
    color: #000000;
    position: relative;
}
.page > div {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    position: relative;
    min-height: 1%;
}
.page .bread {
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
}
.page .bread a {
    color: #999999;
}
.page em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.page em {
    color: #ffaf0f;
}
.page .bread em {
    margin: 0 12px 0;
    vertical-align: middle;
}
.page > div:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*rank-nav*/
.page .ranking-list-top .rank-type{float:left;width:320px;height:26px;line-height:26px;font-size:14px;overflow:hidden;padding:50px 0 0 144px;background:url(../img/rank-type.png) no-repeat}
.page .ranking-list-top .rank-type1{background-position:0 0;color:#7891D2}
.page .ranking-list-top .rank-type2{background-position:0 -76px;color:#B4955E}
.page .ranking-list-top .rank-type3{background-position:0 -152px;color:#FF7D69}
.page .ranking-list-top .rank-type4{background-position:0 -228px;color:#42CBD7}
.page .ranking-list-top .rank-type5{background-position:0 -304px;color:#71BFF3}
.page .ranking-list-top .rank-type6{background-position:0 -380px;color:#0AAADC}
.page .ranking-list-top .rank-type7{background-position:0 -456px;color:#FA82AA}
.page .ranking-list-top .rank-tab{float:right;color:#999999;font-size:18px;margin-top:15px}
.page .ranking-list-top .rank-tab a{float:left;margin:0 5px 0 35px;color:#555}
.page .ranking-list-top .rank-tab a.active,.page .ranking-list-top .rank-tab a:hover{color:#D5241C;padding-bottom:20px;border-bottom:#D5241C solid 1px;transition: unset;text-decoration: none;}
.detail_all {
    background: url(../img/detail_all.png) no-repeat;
}
.triangle {
    height: 6px;
    width: 4px;
    background-position: 0 0;
}
.page .ranking-list-top {
    width: 1200px;
    height: 76px;
    overflow: hidden;
    margin: 15px auto 0;
}
/*rank-con*/
.ranking-game{margin:1200px;margin:0 auto;padding-top:10px}
.ranking-game>li{background:#fff;padding:10px 0;overflow:hidden;border-radius:5px;box-shadow:0 0 5px 1px #ECECEC;margin-top:10px;position:relative}
.rank-num{background:url(../img/ranknum.png) no-repeat;width:40px;height:60px;overflow:hidden;position:absolute;left:0;top:0;font-size:24px;color:#999;font-style:italic;line-height:38px;text-align:center;padding-right:20px;border-top-left-radius:4px}
.rank-num.num1{background-position:0 -60px;color:#fff}
.rank-num.num2{background-position:0 -120px;color:#fff}
.rank-num.num3{background-position:0 -180px;color:#fff}
.gameLogo{float:left;width:120px;height:120px;margin:10px 0 0 60px;border-radius:23px;}
.gameInfo{float:left;width:636px;height:160px;padding-right:16px;border-right:1px solid #eee;margin-left:38px}.gameInfo .name{display:block;height:32px;overflow:hidden;line-height:32px;font-size:24px;color:#333;margin-top:5px;font-style:normal;}
.gameInfo .auth{height:24px;overflow:hidden;line-height:24px;font-size:14px;color:#999}
.gameInfo .auth a{color:#D5241C;}
.gameInfo .info{height:28px;line-height:28px;overflow:hidden;color:#fc0;font-size:16px;}
.gameInfo .info .fl{float:left}
.gameInfo .info .gameScore{float:left;margin-left:20px}
.gameInfo .info .gameScore .star{float:left;background:url(../img/star_bar.png) no-repeat 0 -41px;width:90px;height:16px;overflow:hidden;margin-top:5px;position:relative}
.gameInfo .info .gameScore .star span{background:url(../img/star_bar.png) no-repeat 0 -57px;height:16px;overflow:hidden;position:absolute;left:0;top:0}
.gameInfo .info .gameScore .score{float:left;padding:0 10px}
.gameInfo .desc{height:44px;overflow:hidden;line-height:20px;font-size:14px;color:#333;margin-top:0px}
.gameInfo .tags{height:22px;overflow:hidden;/*margin-top:10px*/margin:0;}
.gameInfo .tags .taglist{float:left}
.gameInfo .tags .taglist span{float:left;height:22px;line-height:22px;font-size:12px;background:#F0F0F0;color:#999;padding:0 8px;border-radius:4px;margin-right:14px}
.gameInfo .tags .taglist span a{margin:0;color:#333;}
.gameInfo .tags .taglist span a:hover{
    color:#D5241C;
}
.gameInfo .tags .state{float:right;height:22px;font-size:14px;color:#D5241C;margin-right:22px}
.gameInfo .tags .state.green{color:#D5241C}
.gameInfo .tags .state.yellow{color:#FFAF0F}
.gameInfo .tags .state.blue{color:#46AFFA}
.gamePho{float:right;width:308px;height:160px;overflow:hidden;margin-right:10px}
.gamePho ul{width:318px}
.gamePho li{float:left;width:96px;height:160px;overflow:hidden;margin-right:10px}
.gamePho li img{display:block;width:100%;height:auto;}
.gamePho.imgWidth li{width:308px;height:160px}
.ident{background:url(../img/all.png) no-repeat;width:32px;height:32px;overflow:hidden;line-height:99}.ident.ident1{background-position:0 -74px}
.ident.ident2{background-position:0 -106px}
.rankList{width:1200px;margin:0 auto;padding-top:10px}
.rankList>li{background:#fff;padding:20px 0;overflow:hidden;border-radius:5px;box-shadow:0 0 5px 1px #ECECEC;margin-top:10px;position:relative}
.rankList .btn{float:right;width:100px;min-width:auto;height:40px;text-align:center;line-height:40px;border-radius:4px;margin:40px 40px 0 0}
.rankList .img{float:left;width:120px;height:120px;border-radius:50%;position:relative;margin-left:60px}
.rankList .img span{position:absolute;right:2px;bottom:2px}
.rankList .img img{width:100%;height:100%;border-radius:50%;box-shadow:0 0 10px 2px #ECECEC}
.rankList .con{float:left;width:816px;height:120px;overflow:hidden;margin-left:26px}
.rankList .con .name{height:40px;line-height:40px;font-size:24px;overflow:hidden}
.rankList .con .name .devlvl{background:url(../img/all.png) no-repeat -345px -38px;width:19px;padding-left:35px;height:24px;text-align:center;line-height:24px;font-size:14px;color:#FFAF0F;display:inline-block;vertical-align:middle;margin:-2px 0 0 10px}
.rankList .con .txt1{height:28px;overflow:hidden;line-height:28px;font-size:14px;color:#666;margin-top:5px}.rankList .con .txt1 span{float:left;width:20px;height:22px;margin:3px 8px 0 0}
.rankList .con .txt1 span.ident1{background-position:-34px -74px}
.rankList .con .txt1 span.ident2{background-position:-34px -106px}
.rankList .con .txt2{height:28px;overflow:hidden;line-height:28px;font-size:14px;color:#666;margin-top:12px}.rankList .con .txt2 span{float:left;margin-right:20px}
.rankList .con .txt2 span i{color:#557db4}

/*other*/
.W1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.Min_1 {width:1160px;margin-bottom:20px;background:#fff;border:1px solid #eee;padding:10px 20px 0 20px;overflow:hidden;}
.Min_1 .Min1_cent { margin-top: 20px; width: 100%; height: auto; }
.Min_1 .Min1_cent ul { width: 104%; }
.Min_1 .Min1_cent ul li { display: block; float: left; width: 372px; background: #fcfcfc; margin: 10px 20px 20px 0; }
.Min_1 .Min1_cent ul li a.img { display: block; float: left; overflow: hidden; margin: 20px; }
.Min_1 .Min1_cent ul li a.img, .Min_1 .Min1_cent ul li a.img img { width: 100px; height: 100px; border-radius: 22px; }
.Min_1 .Min1_cent ul li a.img img:hover { opacity: 0.8; }
.Min_1 .Min1_cent ul li .info { width: 220px; float: left; height: 100px; margin-top: 20px; }
.Min_1 .Min1_cent ul li .info .bt { display: block; width: 100%; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #2e2e2e; margin-top: 4px; }
.Min_1 .Min1_cent ul li .info .bt:hover { color: #D5241C; }
.Min_1 .Min1_cent ul li .info .bq { font-size: 12px; color: #9e9e9e; margin: 8px 0; }
.Min_1 .Min1_cent ul li .info .bq span { display: inline-block; width: 1px; height: 6px; background: #D5241C; margin: 0 8px; }
.Min_1 .Min1_cent ul li .info .downl { margin-top: 4px; width: 90px; height: 28px; line-height: 28px; text-align: center; float: left; font-size: 14px; color: #525151; background: #f0f1f7; border-radius: 3px; }
.Min_1 .Min1_cent ul li .info .downl:hover { background: #D5241C; color: #fff; }
.Min_1 .Min1_cent ul li:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }
.Min_1 .Min1_cent ul .miaoshu { width: 340px; float: left; margin-left: 20px; margin-bottom:10px;}
.Min_1 .Min1_cent ul .miaoshu span { display: block; float: left; font-size: 12px; color: #9d97be; width: 40px; height: 20px; line-height: 20px; }
.Min_1 .Min1_cent ul .miaoshu p { display: block; float: left; width: 340px; height: 62px; font-size: 12px; color: #858585; line-height: 20px; overflow: hidden; }
.Min_1 .Min1_cent .pager { float: left; }

.Min_2 {width:1160px;margin-bottom:20px;background:#fff;border:1px solid #eee;padding:10px 20px 20px 20px;overflow:hidden;}
.Min_2 .Min2_cent { width: 100%; height: auto; height: 155px; margin-top: 30px; }
.Min_2 .Min2_cent ul { display: block; width: 104%; }
.Min_2 .Min2_cent ul li { width: 274px; height: 155px; display: block; float: left; margin: 0 20px 0 0; border-radius: 6px; position: relative; overflow: hidden; }
.Min_2 .Min2_cent ul li .img, .Min_2 .Min2_cent ul li .img img { width: 274px; height: 155px; border-radius: 6px; }
.Min_2 .Min2_cent ul li .img img:hover { opacity: 0.8; }
.Min_2 .Min2_cent ul li .bt { width: 100%; position: absolute; left: 0; bottom: -36px; text-align: center; height: 36px; line-height: 36px; color: #fff; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Min_2 .Min2_cent ul li:hover .bt { bottom: 0; }


.btwrap {
    border-bottom: 1px solid #eee;
    padding: 10px 0 10px 0;
    overflow: hidden;
}
.btwrap > h2, .btwrap > p {
    height: 22px;
    line-height: 20px;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #2e2e2e;
    margin-right: 10px;
    border-left: 5px solid #D5241C;
    padding: 0 0 0 10px;
}

.btwrap > h2, .btwrap > p {
    margin-bottom: 10px;
}

.Lsty_1 { width: 100%; height: 210px; overflow: hidden; margin-top: 10px; }
.Lsty_1 ul li i { display: block; float: left; width: 3px; height: 3px; background: #ccc; margin: 15px 16px 0 2px; }
.Lsty_1 ul li a { display: block; float: left; width: 1030px; height: 36px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #2e2e2e; }
.Lsty_1 ul li a:hover { color: #D5241C; }
.Lsty_1 ul li:hover i { background: #D5241C; }
.Lsty_1 ul li span { display: block; float: right; width: 92px; text-align: center; line-height: 36px; font-size: 13px; color: #9e9e9e; }

.Lsty_n ul li {
    display: inline-block;
    width: 50%;
    float: left;
}
.Lsty_n ul li a{
    width:390px;
}
.switch_show {
    display: none;
}
.tab-active {
    display: block;
}

/*P-hover*/

.ranking_content .ranking_left .part3_left .P-hover.ItemActive{
    background: url(../img/xz-kuang.png) no-repeat center;
}
.ranking_content .ranking_left .part3_left .P-hover.ItemActive p {
    background: url(../img/zuo-icon.png) no-repeat right 12px center;
}
.ranking_content .ranking_left .part3_left .P-hover.ItemActive p span,.ranking_content .ranking_left .part3_left .P-hover.ItemActive p span a {
    color: #FFFFFF;
    font-weight: bold;
}

/*more*/
.btwrap a.mor { display: block; float: right; width: 50px; height: 30px; line-height: 30px; font-size: 14px; color: #99b898; text-align: center;margin-left:20px; }
.btwrap a.mor span { display: inline-block; float: left; }
.btwrap a.mor i { display: block; float: right; margin: 14px 2px; background: url(../img/ico-img2.png) no-repeat; height: 4px; width: 10px; background-position: 0 -14px; }
.btwrap a.mor:hover { color: #0a88c7; }

.pager { width: 100%; height: 32px; text-align: center; line-height: 32px; margin: 20px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pager a, .pager .current { padding: 4px 12px; margin: 0 4px; height: 30px; font-size: 14px; color: #9e9e9e; background: #f7f9fc; border: 1px solid #ccc; cursor: pointer; border-radius: 3px;}
.pager a:hover, .pager .current, .pager .cur { background: #D5241C; border: 1px solid #D5241C; color: #fff; }
.pager span { line-height: 30px; font-size: 14px; color: #D5241C; }
.pager .totalSize, .pager .totalPages { margin: 0 4px; }