.rank {
width: 100%;
}
.rank li {
list-style: none;
display: flex;
display: -moz-flex;
display: -ms-flex;
display: -webkit-flex;
margin: 10px 0;
/*position: absolute;*/
}
/*.rank tr {
margin: 10px 0;
}
.rank td {
vertical-align: middle;
}*/
.rank a {
text-decoration: none;
color: inherit;
}
.rank i {
font-size: 14px;
color: #909090;
font-style: normal;
}
.rank-1 i {
color: #fe0a14;
}
.rank-2 i {
color: #fe651b;
}
.rank-3 i {
color: #ffdd08;
}
.rank-num {
width: 20px;
text-align: center;
/*position: absolute;
left: 0;
top: 0;*/
margin-right: 5px;
}
.rank-container {
position: relative;
flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
height: 45px;
/*right: 0;
left: 80px;
top: 0;*/
}
.rank-title {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/*right: 0;*/
display: inline-block;
}
.rank-simple .rank-title {
flex: 1;
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
/*left: 25px;
top: 0;*/
}
.rank-img {
width: 50px;
height: 45px;
/*position: absolute;
left: 25px;
top: 0;*/
margin-right: 5px;
}
.rank-detail .rank-title {
position: absolute;
left: 0;
top: 0;
right: 0;
}
.rank-detail .rank-num {
line-height: 45px;
height: 45px;
}
.rank-date {
position: absolute;
bottom: 0;
left: 0;
font-size: 8px;
color: #A0A0A0;
}