.hot-rank{background:#f9f9f9}.hot-rank .rank-banner{width:100%;height:160px;text-align:center;font-size:28px;color:#fff;background-image:url(../../static/img/hot_bg.590a2c7f.jpg);background-size:auto 100%;background-position:50%;background-repeat:no-repeat}.hot-rank .rank-types{height:48px;padding-top:12px;text-align:center;background:#fff}.hot-rank .rank-types .news-types-item{display:inline-block;position:relative;padding-bottom:11px;margin-right:65px;font-size:16px;color:#4c4c4c;cursor:pointer}.hot-rank .rank-types .news-types-item:last-child{margin-right:0}.hot-rank .rank-types .news-types-item.active{color:#007aff}.hot-rank .rank-types .news-types-item.active:after{content:"";position:absolute;left:0;bottom:0;right:0;top:auto;height:3px;background-color:#007aff;display:block}.hot-rank .hot-list{padding-bottom:30px}.hot-rank .hot-list .hot-list__item{position:relative;padding:20px 24px;margin-top:16px;background:#fff;transition:all .2s}.hot-rank .hot-list .hot-list__item:hover{transform:translateY(-3px);box-shadow:0 10px 20px 0 rgba(40,44,48,.16)}.hot-rank .hot-list .hot-list__item .flag{position:absolute;left:0;top:0;width:48px;color:#fff}.hot-rank .hot-list .hot-list__item .hot-list__item__img{width:64px;height:64px;margin-right:16px;border-radius:4px}.hot-rank .hot-list .hot-list__item .hot-list__item__title{margin-bottom:10px;font-size:16px;color:#333}.hot-rank .hot-list .hot-list__item .hot-list__item__flag{margin-top:10px}.hot-rank .hot-list .hot-list__item .flag-item{display:inline-block;padding:2px 8px;margin-right:8px;border:1px solid #ececec;color:#333;font-size:12px;max-width:120px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hot-rank .hot-list .hot-list__item .hot-list__item__cont{margin-top:10px;font-size:12px;color:#999;align-items:flex-start}.hot-rank .hot-list .hot-list__item .hot-list__item__desc{margin-left:24px;width:100%;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.hot-rank .hot-list .hot-list__item .hot-list__item__link{color:#007aff;margin-left:50px}.hot-rank .hot-list .hot-list__item .click-num{margin-top:8px;font-size:12px;color:#333}.hot-rank .show-more{padding-bottom:20px;text-align:center}.hot-rank .show-more .link{color:#007aff;cursor:pointer}