#page_rank,#page_rank .rank-details-inner,#page_rank .rank-details-wrapper{height:100vh}#page_rank .rank-details-inner{background-color:#fff;position:relative;padding:0;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#page_rank .rank-box-bg,#page_rank .rank-group{width:100%}#page_rank .rank-box-bg{height:13.12rem}#page_rank .rank-box-bg img{width:100%}#page_rank .rank-group{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .8rem .96rem}#page_rank .rank-group .rank-group-inner{background-color:#fff;height:100%;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 .11rem .75rem 0 rgba(0,0,0,.21);box-shadow:0 .11rem .75rem 0 rgba(0,0,0,.21)}#page_rank .rank-group .rank-group-inner .rank-head-img{width:100%;height:3.68rem;overflow:hidden}#page_rank .rank-group .rank-group-inner .rank-head-img img{width:100%}#page_rank .rank-group .rank-group-inner .rank-time{height:1.92rem;line-height:1.92rem;font-size:.59rem;text-align:center;color:#a3a3a3}#page_rank .rank-group .rank-group-inner .rank-content{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#page_rank .rank-group .rank-group-inner .rank-content .rank-head{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;position:-webkit-sticky;position:sticky;top:0;z-index:1;background-color:#f6f8fd}#page_rank .rank-group .rank-group-inner .rank-content .rank-head .col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:1.91rem;line-height:1.91rem;min-width:14.5%;color:#191919;font-size:.64rem;background:#f6f8fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}#page_rank .rank-group .rank-group-inner .rank-content .rank-head .col.left{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;min-width:29%;text-align:left}#page_rank .rank-group .rank-group-inner .rank-content .rank-body{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;text-align:center}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:2.4rem;min-width:14.5%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col.left{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;min-width:29%}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col-0.group-0.show-color{color:#f62b2b}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col-0.group-1.show-color{color:#ff8c5f}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col-0.group-2.show-color{color:#ffc366}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col .line{position:absolute;left:0;width:100%;bottom:1px;height:1px;background-color:#eaeaea}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col:first-of-type .line{left:15%;width:85%}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col:last-of-type .line{left:0;width:85%}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col-text{width:100%;padding:.2rem}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col-text,#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col-text span{font-size:.75rem;word-break:break-all}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col-text.left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:left}#page_rank .rank-group .rank-group-inner .rank-content .rank-body .rank-body-group .col-text img{width:1rem;padding-right:.21rem}#page_rank .rank-group .rank-group-inner .rank-refresh-box{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;text-align:center}#page_rank .rank-group .rank-group-inner .rank-refresh-box img{width:50%}#page_rank .rank-group .rank-group-inner .rank-refresh-box .text{font-size:.8rem;color:#999;margin-bottom:.2rem}#page_rank .rank-group .rank-group-inner .rank-refresh-box .rank-reload{display:inline-block;border-radius:.2rem;border:1px solid red;color:red;padding:.3rem 1.4rem;cursor:pointer}