*{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
.box{
    width: 100%;
    height: 100vh;
    background: url("../images/rankingbg.jpg") no-repeat;
    background-size: 100%;
}
a {
    text-decoration: none;
    color: black;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接*/
a:active {
    text-decoration: none;
}


/* 标题 */
.box_title{
    width: 35vw;
    margin: 0 auto;
    padding: 3vh 0;
    display: flex;
}
.title_txt{
    font-size: 4vw;
    color: #fff;
    text-align: center;
    margin-right: 1vw;
}
.icon1{
    height: 5vh;
    width: 1px;
    border-left: 2px solid #fff;
    margin-top: 5vh;
    margin-right: 1vw;
}
.icon2{
    height: 6vh;
    width: 1px;
    border-left: 2px solid #fff;
    margin-top: 4vh;
    margin-right: 1vw;
}
.icon3{
    height: 8vh;
    width: 1px;
    border-left: 2px solid #fff;
    margin-top: 2vh;
    margin-right: 1vw;
}
.icon4{
    height: 7vh;
    width: 1px;
    border-left: 2px solid #fff;
    margin-top: 3vh;
    margin-right: 1vw;
}
.icon5{
    width: 1.5vh;
    height: 1.5vh;
    border-radius: 50%;
    background: #fff;
    margin-top: 8.5vh;
}

/* 内容 */
.box_center{
    width: 100vw;
    display: flex;
}


.center_left{
    width: 25vw;
    height: 80vh;
    background:rgba(255,255,255,0.6);
    /* opacity: 0.6; */
    margin-left: 7vw;
}
.center_title{
    font-size: 2vw;
    margin: 2vh 2vw;
}
.center_ranking li{
    height: 9vh;
    width: 23vw;
    margin-left: 2vw;
    margin-bottom: 1vh;
    
}
.center_ranking li p{
    font-size: 1.6vw; 
    margin-left: 5vw;
    padding-top: 2vh;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.center_ranking li:nth-child(1){
    background: url("../images/ranking01.png") no-repeat;
    background-size: 100% 100%;
    
}
.center_ranking li:nth-child(2){
    background: url("../images/ranking02.png") no-repeat;
    background-size: 100% 100%;
}
.center_ranking li:nth-child(3){
    background: url("../images/ranking03.png") no-repeat;
    background-size: 100% 100%;
}
.center_ranking li:nth-child(4){
    background: url("../images/ranking04.png") no-repeat;
    background-size: 100% 100%;
}
.center_ranking li:nth-child(5){
    background: url("../images/ranking05.png") no-repeat;
    background-size: 100% 100%;
}
.center_ranking li:nth-child(6){
    background: url("../images/ranking06.png") no-repeat;
    background-size: 100% 100%;
}
.center_ranking li:nth-child(7){
    background: url("../images/ranking07.png") no-repeat;
    background-size: 100% 100%;
}

.center_cen{
    width: 25vw;
    height: 80vh;
    background:rgba(255,255,255,0.6);

    margin-left: 5vw;
}
.center_right{
    width: 25vw;
    height: 80vh;
    background:rgba(255,255,255,0.6);
    margin-left: 5vw;
}
.center_right p{
    font-size: 2vw;
    text-align: center;
    margin-bottom:1vh;
}
.center_right p:nth-child(1){
    margin-top: 2vh;
}
.rqcode{
  margin: 0 auto;
 /* text-align: center;
 */
 width: 19vw;
 height: 63vh;
 
margin-top: 1vh;
 background: url(http://119.23.252.214:8002/upload/images/2021/7/30161058981.png) no-repeat;
 
background-size: 100%;
}