.joe_aside__item.hot-ranking {background: var(--background);}.joe_aside__item.hot-ranking .joe_aside__item-contain {padding-top: 3px;}.joe_aside__item.hot-ranking .content {box-sizing: border-box;background: transparent;border-radius: 3px;}.title-right_text.refresh {position: absolute;right: 15px;top: 0px;color: #939393;font-size: 12px;user-select: none;}.hot-ranking_loading, .hot-ranking_empty {width: 100%;height: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #939393;background-color: #fafafa;border-radius: 3px;font-size: 14px;}.hot-ranking-list {display: flex;flex-direction: column;margin: 0;padding: 0;list-style: none;}.hot-ranking-list_item {display: flex;box-sizing: border-box;}.hot-ranking-list_item + .hot-ranking-list_item {border-top: 1px solid var(--classC);}.hot-ranking-list_item > a {width: 100%;height: 40px;line-height: 40px;position: relative;text-decoration: none !important;display: flex;align-items: center;color: var(--main);transition: transform 0.1s ease-in-out;}.hot-ranking-list_item > a:hover {transform: translateY(-2px);color: var(--theme);}.hot-ranking_order {position: absolute;left: 0;top: 0px;width: 24px;text-align: center;color: #f3ad4e;font-size: 14px;}.hot-ranking_order-1, .hot-ranking_order-2, .hot-ranking_order-3 {color: #fb113c;font-size: 16px;font-weight: bold;}.hot-ranking_text {width: 100%;display: flex !important;box-sizing: border-box;padding: 0px 30px 0 24px;}.hot-ranking_title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;color: var(--main);margin-right: 10px;}.hot-ranking-list_item > a:hover .hot-ranking_title {color: var(--theme);}.hot-ranking_number {color: #939393;font-size: 12px;white-space: nowrap;}.hot-ranking_hot {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0px;margin-top: 10px;font-size: 14px;color: #fff;box-sizing: border-box;border-radius: 3px;transform: scale(0.8);background-color: rgb(255, 148, 6);}.hot-ranking_new {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;position: absolute;right: 0;top: 0px;margin-top: 10px;font-size: 14px;color: #fff;box-sizing: border-box;border-radius: 3px;transform: scale(0.8);background-color: rgb(255, 56, 82);}.hot-ranking-more {display: block;width: 100%;box-sizing: border-box;border-top: 1px solid var(--classC);color: #939393;font-size: 12px;padding: 12px;padding-bottom: 0;text-align: center;user-select: none;cursor: pointer;text-decoration: none !important;}.hot-ranking-more:hover {opacity: 0.8;}