*{padding: 0; margin: 0}
/*
body{
	  background: linear-gradient(to bottom, #db1b39, #262acf, #fff 60%) no-repeat;; position: relative; 

}
*/
body{
	  background:url("../images/bg2.jpg") no-repeat;
      margin: 0;
    padding: 0;
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    height: 100vh; /* 使body高度为视口高度 */
}

ul,li{ list-style:none;text-align:left;}

.ranklogoCnt{height: 25vh;}
.ranklogo{ width: 80%; margin: 4vh auto; display: block;margin-bottom: 0;}
.pscore{
width: 70vw;
margin: 0 auto;
background: #db1b39;
border-radius: 10px;
text-align: center;
padding:0 5px ; overflow: hidden; height: 4vh; line-height: 4vh;color: #f8d45f;    display: flex;
    justify-content: space-evenly;
}
.hscore{width: 100vw; height: 4vh;background: #fdd54d url("../images/ico0.png") 5vw center no-repeat; padding: 1vh 0;background-size: 5vw 7vw;margin-bottom: 2vh}
						
					


.cl,.cl ul{clear: both;display: flex;    justify-content: center;margin-top: 1vh;}
.cl .shu{width: auto;height: 4vh; line-height: 4vh; text-align: center;color:#f30008;}
.tb_ li{cursor:pointer;text-align:center;font-family:“微软雅黑”}
.tb_ li img{ width: 80%;margin:0 auto; display: inline-block;vertical-align: middle;}
.hovertab{width:auto;height:4vh;float:left;background: #db1b39;  line-height: 4vh;border-radius: 5vw;color: #fff; font-weight: bold;padding: 0 2vw}
.normaltab{width:auto;height:4vh;float:left;;background-size: 100% 100%; line-height: 4vh;color: #db1b39;}
.dis{display:block}
.undis{display:none}





		.footer{background: linear-gradient(to bottom, #fff, #f4f4f4); position: fixed;bottom:0; height: 5vh; width: 100vw;border-top: #c4c4c4 1px solid;border-bottom: #c4c4c4 1px  solid;display: flex;justify-content: space-evenly;}
		.footer img{height: 2.5vh;display: block;margin-top: 1.2vh; }

.rank_box{
    width: 90vw;
    border:#db1b39 5px solid;
    border-radius: 3vh;
	 margin: 0 auto; background: #fff;padding-bottom: 2vh;margin-bottom: 0
}

.header{ width: 100vw; height: auto; position: absolute; top: 0;}
.guize{width: 40vw;    top:15vh;right: 14.5vw;position: absolute}
.btn{width: 40vw;top: 82vh;/* right: 17.5vw; */right: 25.5vw;position: absolute;}
.zhuban{width: 40vw;top: 90vh;right: 26.5vw;position: absolute}

.guize_detail{ position: absolute; width: 100vw; height: 100vh; left: 0; top:0}
.fanhui{width: 40vw;top: 70vh;/* right: 17.5vw; */right: 25.5vw;position: absolute; z-index: 2}





.dianjijixu {width: 50vw; clear: both; display: block; margin:10vh auto}


.xuanti{width: 65vw;margin: 17vh auto;line-height: 2em}
.xuanti img{margin-bottom: 1vh;width: 65vw;}


.timu{width: 65vw;margin: 17vh auto;line-height: 2em; overflow-y: scroll; height: 70vh}


.gongxi1{width: 80vw;height: 55vh; position: fixed; top: 20vh;left: 10vw;background: url("gongxi1.png") no-repeat; background-size: 100% 100%; z-index: 2}
.black_bg{ width: 100vw;height: 100vh;background: rgb(0,0,0,.8); content: ""; display: block; position:fixed;top: 0; left: 0; z-index: 1;}

.qita{margin-bottom: 2vh;width: 33vw; position: absolute; left: 5vw; top: 85%}
.jieshu{margin-bottom: 2vh;width: 33vw;position: absolute; right: 5vw; top: 85%;}

.fen{margin-bottom: 2vh;width: 60vw;position: absolute;text-align: center;left: 10vw;font-size: 7vw;top: 23%;font-weight: bold;line-height: 0.1;color: #45488d;}
.fen span{color: #f33e57;}

.gongxi2{width: 80vw;height: 70vh;position: fixed;top: 10vh;left: 10vw;background: url("gongxi2.png") no-repeat;background-size: 100% 100%;z-index: 2}
.fen2{margin-bottom: 2vh;width: 60vw;position: absolute;text-align: center;left: 10vw;font-size: 7vw;top: 17%;font-weight: bold;line-height:1.5;color: #45488d;}
.fen2 span{color: #f33e57;}
.gongxi_fanhui{width: 40vw;top: 89%;/* right: 17.5vw; */right: 19.5vw;position: absolute;z-index: 2}



.paihangbang_rank{margin: 0 auto 0;width: 80vw; }
.paihangbang_rank p span,.paihangbang_rank li span{width: 33%;  overflow:hidden;
    white-space:nowrap;
    /*文字超出宽度则显示ellipsis省略号*/
    text-overflow:ellipsis;
    width:100%;}
.paihangbang_rank li span label{
    color: #000;
    font-size: 12px;
    font-weight: normal;
}
.paihangbang_rank p,.paihangbang_rank li{text-align: center;display: flex}
.paihangbang_rank p{margin-bottom: 1vh;color: #666;}
.paihangbang_rank li{border-bottom:1px #b3b3b3 dashed;height: 4.5vh;line-height: 4.5vh;}
.paihangbang_rank li span:nth-child(1){color: #333; width: 20vw}
.paihangbang_rank li span:nth-child(1) img{ height: 70%; vertical-align: middle;width: 30%;}
.paihangbang_rank li span:nth-child(2){color: #333; width: 50vw;text-align: left;}
#tbc_1 .paihangbang_rank li span:nth-child(2){color: #333; width: 50vw;text-align: center;}
.paihangbang_rank li span:nth-child(3){color: #db1b39; font-weight: bold; width: 30vw}
.paihangbang_rank li:last-child{border:0}


.tb_ { margin-bottom: 1vh}
.tb_ img{ width: 50%; margin: 0 auto; display: block}

.backhome{ background: #db1b39; border-radius: 5vh; color: #fff; font-size: 5vw; margin:5vh auto 5vh; display: block; text-decoration: none; width: 40vw; text-align: center; height:5vh ; line-height:5vh
}
#show-more-btn,.otherBtn{border:0; background: 0; margin:1vh auto; display: block;font-size: 4vw; color: #afafaf;letter-spacing: 1px}
#show-more-btn img,.otherBtn img{ width: 10%; vertical-align: middle}