/* 开发妹原创源码 唯一官网：www.kaifamei.com QQ:208115365*/
.rankbox{
	height:2970px;
	width:1180px;
	margin:0 auto;
}
.rankbox .shizi {
    position: absolute;
    z-index: 5;
    right: 0;
    top: 26px;
    width: 142px;
    height: 106px;
    background: url(../images/shizi.png) no-repeat;
}

.rankbox .tab-menu li {
    float: left;
    width: 160px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    cursor: pointer;
	color:#fff;
	font-size:32px;
	text-align:center;
	border-radius:16px 16px 0 0;
}
.rankbox .tab-menu li.t1.cur,.rankbox .tab-menu li.t2.cur,.rankbox .tab-menu li.t3.cur{
    width: 170px;
    height: 85px;
    line-height: 85px;
	margin:-15px 0px 0 10px;
}
.rankbox .tab-menu li.t1.cur{
	background: rgba(254,95,91,0.9);
}
.rankbox .tab-menu li.t2.cur{
	background: rgba(248,180,48,0.9);
}
.rankbox .tab-menu li.t3.cur{
	background: rgba(19,129,195,0.9);
}
.rankbox .tab-menu li.t1 {
	background: rgba(254,95,91,0.7);
    margin:0 -10px 0 0;
}
.rankbox .tab-menu li.t2 {
	background: rgba(248,180,48,0.7);
    margin:0 -10px 0 0;
}
.rankbox .tab-menu li.t3 {
	background: rgba(19,129,195,0.7);
    margin:0 -10px 0 0;
}
.rankbox .tab-main .item {
    position: relative;
    z-index: 1;
    width: 1140px;
    padding: 20px;
    margin-top: 29px;
}
.rankbox .tab-main .item .elm {
    position: absolute;
    z-index: 3;
}
.rankbox .tab-main .rank-list.item-1 .down-btn,.rankbox .tab-main .rank-list.item-2 .down-btn,.rankbox .tab-main .rank-list.item-3 .down-btn{
    right: 20px;
    top: 36px;
}
.rankbox .tab-main .down-btn a {
    width: 80px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    border-radius: 5px;
    overflow: hidden;
    background: #ff5a57;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.rankbox .tab-main .item .link-btn {
    right: 20px;
    bottom: 12px;
}
.rankbox .tab-main .item .link-btn a {
    width: 46px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    border-radius: 3px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
}
.rankbox .tab-main .item .link-btn a.lb {
    background: #fbc73c;
}
.rankbox .tab-main .item .link-btn a, .rankbox .tab-main .down-btn a {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
}
.rankbox .tab-main .item .link-btn a.zq {
    background: #f48047;
}
.rankbox .tab-main .item .link-btn a.lt {
    background: #a1e274;
}
.rankbox .tab-main .item-1 .rank-list-l,.rankbox .tab-main .item-2 .rank-list-l,.rankbox .tab-main .item-3 .rank-list-l{
    width: 144px;
    position: relative;
}
.rankbox .tab-main .item-l, .rankbox .tab-main .item-r {
    float: left;
}
.rankbox .tab-main .item-1 .rank-list-l a, .rankbox .tab-main .item-1 .rank-list-l img,.rankbox .tab-main .item-2 .rank-list-l a, .rankbox .tab-main .item-2 .rank-list-l img,.rankbox .tab-main .item-3 .rank-list-l a, .rankbox .tab-main .item-3 .rank-list-l img{
    display: block;
    width: 144px;
    height: 144px;
    border-radius: 15px;
}
.rankbox .tab-main .item-1 .item-l .ico {
    background-position: -1px 0;
}
.rankbox .tab-main .item-2 .rank-list-l .ico {
    display: block;
    position: absolute;
    left: -30px;
    top: -28px;
    width: 118px;
    height: 102px;
    background: url(../images/ico-1.png) no-repeat;
	background-position: -120px 0;
	text-indent:9999px;
}

.rankbox .tab-main .item-3 .rank-list-l .ico {
    display: block;
    position: absolute;
    left: -30px;
    top: -28px;
    width: 118px;
    height: 102px;
    background: url(../images/ico-1.png) no-repeat;
	background-position: -240px 0;
	text-indent:9999px;
}
.rankbox .tab-main .item-r {
    width: 960px;
    margin-left: 30px;
}
.rankbox .tab-main .item .role-info {
    font-size: 0;
}
.fwr {
    font-family: "Microsoft YaHei";
}
.rankbox .tab-main .item-1 .role-info .name {
    color: #a75a0f;
}
.rankbox .tab-main  .rank-list.item-1 .role-info .name,.rankbox .tab-main  .rank-list.item-2 .role-info .name,.rankbox .tab-main  .rank-list.item-3 .role-info .name{
    font-size: 24px;
	vertical-align: sub;
}

.rankbox .tab-main .item .test-info span {
    width: 170px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
}
.d-inlie {
    display: inline-block;
    vertical-align: middle;
}
.rankbox .tab-main .item-1 .test-info span i{
   border:1px solid #bf8b5e;
   margin-left: 5px;
   border-radius: 3px;
   display: inline-block;
    line-height: normal;
    padding:0 3px;
}
.rankbox .tab-main .item-2 .test-info span i{
   border:1px solid #999891;
   margin-left: 3px;
   border-radius: 3px;
   display: inline-block;
    line-height: normal;
    padding:0 3px;
}
.rankbox .tab-main .item-3 .test-info span i{
   border:1px solid #9b7a4c;
   margin-left: 3px;
   border-radius: 3px;
   display: inline-block;
    line-height: normal;
    padding:0 3px;
}
.rankbox .tab-main .item .test-info .jf strong {
    font-family: Georgia;
    font-size: 16px;
}
.rankbox .tab-main .rank-list.item-2 {
    background: #eeede2;
	margin-top:26px;
}
.rankbox .tab-main .item-2 .item-2 .rank-list-l .ico {
    background-position: -120px 0;
}
.rankbox .tab-main .item-2 .role-info .name {
    color: #7c7d80;
}
.rankbox .tab-main .item-2 .role-info .js {
    color: #e8ebed;
    background: #c2c3c3;
}
.rankbox .tab-main .item-2 .desc {
    color: #8c8c85;
}
.rankbox .tab-main .item-2 .line {
    background: #d2d4d3;
}
.rankbox .tab-main .item-2 .test-info {
    color: #999891;
}

.rankbox .tab-main .rank-list.item-3 {
    background: #f4e8d6;
	margin-top:26px;
}
.rankbox .tab-main .item-3 .item-l .ico {
    background-position: -240px 0;
	
}
.rankbox .tab-main .item-3 .role-info .name {
    color: #e08727;
}
.rankbox .tab-main .item-3 .role-info .js {
    color: #d6a765;
    background: #e5d5bd;
}
.rankbox .tab-main .item-3 .desc {
    color: #9c815c;
}
.rankbox .tab-main .item-3 .line {
    background: #d2d4d3;
}
.rankbox .tab-main .item-3 .test-info {
    color: #9b7a4c;
}


.rankbox .tab-main .rank-b {
    background: #f3f3d2;
}
.rankbox .tab-main .rank-list:nth-of-type(4){
	margin-top:42px;
	}
.rankbox .tab-main .rank-list {
    position: relative;
    z-index: 1;
    width: 1140px;
    padding: 17px;
    margin-top: 16px;
}
.rankbox .tab-main .item-1,.rankbox .tab-main .item-2,.rankbox .tab-main .item-3{
	padding: 20px;
}
.rankbox .tab-main .rank-list .down-btn {
    right: 20px;
    top: 50%;
    margin-top: -15px;
}
.rankbox .tab-main .rank-list .elm {
    position: absolute;
    z-index: 3;
}
.rankbox .tab-main .rank-list-l {
    width: 70px;
    position: relative;
}
.rankbox .tab-main .rank-list-l, .rankbox .tab-main .rank-list-r {
    float: left;
}
.rankbox .tab-main .rank-list-l a, .rankbox .tab-main .rank-list-l img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 15px;
}
.rankbox .tab-main .rank-list-l .ico {
    display: block;
    position: absolute;
    left: -5px;
    top: -20px;
    width: 29px;
    height: 33px;
    line-height: 28px;
    overflow: hidden;
    background: url(../images/ico-1.png) no-repeat -400px -70px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    text-align: center;
}
.rankbox .tab-main .rank-list-r {
    width: 960px;
    margin-left: 15px;
}
.rankbox .tab-main .item-1 .rank-list-r,.rankbox .tab-main .item-2 .rank-list-r,.rankbox .tab-main .item-3 .rank-list-r{
    width: 960px;
    margin-left: 15px;
}
.rankbox .tab-main .rank-list .role-info {
    font-size: 14px;
}
.rankbox .tab-main .rank-b .role-info .name {
    color: #57532d;
}
.rankbox .tab-main .rank-list .role-info .name {
    font-size: 18px;
}
.rankbox .tab-main .rank-list .role-info a, .rankbox .tab-main .rank-list .test-info span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
.rankbox .tab-main .rank-b .role-info .btn {
    background: #DBBA66;
}
.rankbox .tab-main .rank-list .role-info .btn {
    width: 46px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    border-radius: 3px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    color: #f1f4f2;
}
.rankbox .tab-main .rank-list .test-info {

}
.rankbox .tab-main .item-1 .test-info,.rankbox .tab-main .item-2 .test-info,.rankbox .tab-main .item-3 .test-info{margin-top:0;}
.rankbox .tab-main .rank-b .test-info span {
    color: #a4a28d;
}
.rankbox .tab-main .rank-list .test-info span {
    width: 170px;
    height: 20px;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
}
.rankbox .tab-main .rank-list .test-info span.rd strong {
    font-family: Georgia;
    font-size: 16px;
}
.rankbox .tab-main .rank-list .test-info span.rd i{
	display: inline-block;
	height:auto;
	padding: 0 3px;
	border:1px solid #a4a28d;
	 margin-left: 5px;
	 border-radius: 3px;
	 line-height: normal;
}
/*new rank*/
.rankbox {
    position: relative;
    z-index: 1;
}
.wrap {
    width: 1180px;
    margin: 0 auto;
}
.rankbox .shizi {
    position: absolute;
    z-index: 5;
    right: 0;
    top: 26px;
    width: 142px;
    height: 106px;
    background: url(../images/shizi.png) no-repeat;
}
.shizi-move {
    animation: swing 1s 0s linear forwards;
    -webkit-animation: swing 1s 0s linear forwards;
}
.rankbox .tab-menu {
    position: absolute;
    z-index: 2;
    left: 340px;
    top: 84px;
}
.clearfix {
    display: block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.rankbox .tab-main {
    padding-top: 128px;
    margin-top:335px;
}
.rankbox .tab-main .item-1 {
    background: #f9f3d4;
	margin-top:50px;
}


.rankbox .tab-main .item-1 .rank-list-l .ico {
    display: block;
    position: absolute;
    left: -30px;
    top: -28px;
    width: 118px;
    height: 102px;
    background: url(../images/ico-1.png) no-repeat;
	text-indent:9999px;
}

.d-inlie {
    display: inline-block;
    vertical-align: middle;
}
.rankbox .tab-main .item-1 .role-info .js {
    color: #bf8b5e;
    background: #f2e4ab;
}
.rankbox .tab-main .item .role-info .js {
    font-size: 12px;
    font-weight: bold;
    width: 64px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    overflow: hidden;
    text-align: center;
}
.rankbox .tab-main .item-1 .desc {
    color: #937136;
}
.rankbox .tab-main .item .desc {
    width: 960px;
    height: 48px;
    line-height: 24px;
    margin-top: 14px;
    overflow: hidden;
    font-size: 14px;
}
.dotdotdot {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 13px;
    line-height: 28px;
	color:#888;
}
.rankbox .tab-main .item-1 .dotdotdot,.rankbox .tab-main .item-2 .dotdotdot,.rankbox .tab-main .item-3 .dotdotdot{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size: 14px;
	line-height:24px;
	margin-top: 10px;
}
.rankbox .tab-main .item-1 .line {
    background: #b69d73;
}
.rankbox .tab-main .line{
	display:none;
}
.rankbox .tab-main .item-1 .line,.rankbox .tab-main .item-2 .line ,.rankbox .tab-main .item-3 .line {
	border:0;
    height: 1px;
    margin: 16px 0 6px 0;
    font-size: 0;
    opacity: 0.39;
	display:block;
}
.rankbox .tab-main .item-1 .test-info {
    color: #bf8b5e;
}
.rankbox .tab-main .item .test-info {
    font-size: 0;
}

.rankbox .tab-main .rank-list-l .ico {
    display: block;
    position: absolute;
    left: -5px;
    top: -20px;
    width: 29px;
    height: 33px;
    line-height: 28px;
    overflow: hidden;
    background: url(../images/ico-1.png) no-repeat -400px -70px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    text-align: center;
}

.rankbox .tab-main .rank-list .test-info span {
    width: 190px;
    height: 20px;
    line-height: 22px;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
}
/*gonggao*/

.newsbox-l, .newsbox-r {
    float: left;
    width:530px;
   margin-top: 53px;
    overflow: hidden;
}
.newsbox-l .re-tit .ico {
    background-position: 0 0;
}
.newsbox .re-tit .more {
    float: right;
    width: 60px;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    color: #9b5b2c;
}
.newsbox .re-tit .ico, .newsbox .re-tit .more {
    line-height: 40px;
    overflow: hidden;
}
.newsbox .line {
    height: 1px;
    margin-top: 5px;
    background: url(../images/line.png) no-repeat;
}
.news-list {
    margin-top: -1px;
}
.news-list li {
    height: 100px;
    padding: 20px 0;
    border-top: 1px #f1e1d0 solid;
    overflow: hidden;
}
.news-list li a {
    width: 100%;
    height: 100%;
}
.news-list li a, .news-list li .img {
    display: block;
}
.news-list li .img {
    float: left;
    width: 114px;
    height: 114px;
	border-radius:30px;
}
.news-list li .info {
    float: right;
    width: 388px;
	height:114px;
	position:relative;
	overflow:hidden;
}
.news-list li .info .tit {
    overflow: hidden;
    font-size: 16px;
    color: #bf3b3b;
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.news-list li .info .txt{
	display:block;
	line-height:30px;
	font-size:12px;
	}
.news-list li .info .tgs{
	position:absolute;
	bottom:10px;
	}
.news-list li .info .tgs i{
	border:1px solid #9b7a4c;
	color:#9b7a4c;
	margin-right:10px;
	border-radius:3px;
	font-size:12px;
	padding:1px 3px;
	}	
.newsbox .re-tit .ico {
    float: left;
    width: 218px;
    height: 24px;
}
.newsbox-r .re-tit .ico {
    background-position: 0 -44px;
}
.newsbox-r {
    margin-left: 120px;
}
.tab-main .down-btn a.ios {
    background: #47d3f4;
}

.bg_rank{background-image:url(../images/gamerank.jpg);background-position:center top;background-repeat:no-repeat;}	
.newsbox{margin-top:50px;padding-bottom:40px;}
.point{margin:20px 0;}

/*there is your want*/
.rel_w{width:820px;height:405px;overflow:hidden;display:none;margin-bottom:15px;}
.rel_w iframe{border:none;}
.rel_w .fix_ku{width:810px;height:1263px;}
.rel_w .fix_ku2{width:810px;height:1263px;margin-top:-100px;}

/*system|| pingtai*/
.rankbox .tab-main .item-1 .pt,.rankbox .tab-main .item-2 .pt,.rankbox .tab-main .item-3 .pt{display:none;}
.pt{}
.pt span{width:25px;height:25px;display:inline-block;background:url(../images/kficon.png) no-repeat;margin:0 5px;}
.pt span.az{background-position:0 -150px;}
.pt span.ip{background-position:0 -100px;}

/*toprank*/
.toprank{width:130px;height:130px;position:absolute;right:30px;background-size:100%;text-align:center;line-height:90px;color:#FFF;font-size:20px;text-indent:20px;}
.toprank i{font-size:35px;padding-right:4px;font-weight:bold;font-style:italic;}

h4.re-tit {
    font-size: 35px;
    font-family: fantasy;
    font-weight: bolder;
	
}
/*android of rank*/
.az_top{
	position:absolute;
	left:40%;
	top:135px;
	width:280px;
	height:70px;
	background:#3bd73d;
	border-radius:20px 20px 0px 0px;
	color:#FFF;
    font-size:30px;
	font-family:fantasy;
	line-height:70px;
	text-align:center; 
	box-shadow:-4px -1px 10px #999;
	-o-box-shadow:-4px -1px 10px #999;
	-moz-box-shadow:-4px -1px 10px #999;
	-webkit-box-shadow:-4px -1px 10px #999;
	-ms-box-shadow:-4px -1px 10px #999��?
	}
.breadline2{width:100%;height:24px;display:block;}	
.rankbox .tab-main2 {padding-top: 0px;margin-top:0px;}	


/*top*/
.tit{font-size:16px;line-height:40px;font-weight:bold;border-bottom:1px solid #eee;overflow:hidden;}
.tit a{display:block;border-bottom:3px solid #ef581c;font-weight:400;z-index:8;float:left;padding:0 5px;font-size:18px;}
.tit .t{display:block;height:28px;font-weight:bold;border-bottom:3px solid #ef581c;z-index:8;float:left;}
.tit .more{font-size:14px;color:#666;background:url(../images/more.gif) no-repeat center right;border-bottom:none;padding-right:20px;float:right;font-weight:normal;}
.tit .more:hover{color:#f30;}
.paihangbang{width:1200px;margin:0 auto;}
.ph_nav{width:214px;padding:20px;border-top:1px solid #efefef;border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #e2e2e2;background:#fff;float:left;}
.ph_nav .cont a{display:block;height:50px;line-height:50px;text-align:center;font-size:16px;background:#b0b0b0;color:#fff;margin-top:10px;border:1px solid #b0b0b0;}
.ph_nav .cont a.on{background:#ef581c;border:1px solid #ef581c;}
.ph_nav .cont a:hover{background:#fff;color:#ef581c;border:1px solid #ef581c;}
.ph_cont{width:1200px;border:1px solid #efefef;margin:0 0 20px 0;background:#fff;border-radius:2px;overflow:hidden;}
.ph_cont dl{width:570px;margin:10px 0 20px 20px;float:left;overflow:hidden;}
.ph_cont dd{border-bottom:1px solid #eee;padding:10px 0;}
.ph_cont .f i{display:block;width:20px;height:20px;line-height:20px;text-align:center;background:#ef581c;color:#fff;float:left;margin-right:20px;margin-top:30px;border-radius:10px;font-size:16px;}
.ph_cont .cc .img{float:left;}
.ph_cont .cc .img img{display:block;width:80px;height:80px;border-radius:12px;}
.ph_cont .cc .inf{width:430px;float:left;margin-left:20px;_margin-left:15px;position:relative;}
.ph_cont .cc h3 a{font-size:16px;}
.ph_cont .cc span{display:block;line-height:24px;margin:6px 0 0 0;overflow:hidden;color:#808080;font-size: 13px;}
.ph_cont .cc p{display:block;line-height:24px;overflow:hidden;color:#808080;font-size: 13px;}
.ph_cont .cc .btn{display:block;width:80px;height:30px;text-align:center;line-height:30px;border:1px solid #ef581c;border-radius:5px;position:absolute;right:0;top:2px;}
.ph_cont .cc .btn a{display:block;color:#ef581c;font-size:14px;}
.ph_cont .cc .btn a:hover{background:#ef581c;color:#fff;}
.ph_cont .t{height:30px;line-height:30px;}
.ph_cont .t i{display:block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;float:left;margin-right:20px;margin-top:5px;border-radius:10px;font-size:16px;}
.ph_cont .t a{font-size:16px;float:left;}
.ph_cont .t span{float:right;color: #666;font-size: 13px;}
.hide{display:none;}
.ph_cont dd i{background:#ddd;}
.ph_cont dd i.num_1{background:#ef581c;}
.ph_cont dd i.num_2{background:#ff8e15;}
.ph_cont dd i.num_3{background:#ffdb15;}