@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.xp-rank{overflow:hidden;width:470px;height:210px}.xp-rank__wrap{animation-name:slideUp;animation-timing-function:linear;animation-iteration-count:infinite}.xp-rank__item{position:relative;overflow:hidden;width:100%;height:30px;line-height:30px;margin-top:5px}.xp-rank__item:first-child{margin-top:0}.xp-rank__item>span{float:left;box-sizing:border-box}.xp-rank__itemIcon{width:30px;text-align:center;color:#fff;font-size:15px;font-weight:700;background:#0059B3}.xp-rank__itemName{width:360px;padding-left:15px;font-size:14px;color:#71DFE9;background:#011F43}.xp-rank__itemValue{width:80px;text-align:center;color:#1CCADA;font-size:15px;font-weight:700;background:#022E5E}.xp-rank__itemBar{position:absolute;bottom:0;left:0;max-width:100%;height:2px;background:#428085}