.sort-class-container{background-color:#fff;padding:.2666666667rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dl-sort-list{font-size:0}.dl-sort-list-title{font-size:.4266666667rem;font-weight:400;margin:.1333333333rem 0;color:#000}.dl-sort-list-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-transition:height .3s linear;-o-transition:height .3s linear;-moz-transition:height .3s linear;transition:height .3s linear}.dl-sort-list-item a{display:inline-block;font-size:.32rem;height:.72rem;line-height:.72rem;color:#555}.dl-sort-list-item a.active{color:#fc6976}.dl-sort-list-item span{font-size:.32rem;min-width:.64rem}.hide-list-item{height:0}.show-list-item{height:.72rem}.sort-order-list-container{padding:0 .2666666667rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.sort-order-list-container .order-list{overflow:hidden;padding:.2666666667rem 0;border-top:1px solid #ddd}.sort-order-list-container .item{font-size:.32rem;color:#555;float:left;padding:0 .2rem;border-left:1px solid #ddd}.sort-order-list-container .item.active{color:#fc6976}.sort-order-list-container .item.first{border:none;padding-left:0}.sort-order-list-container .sort-show-more{position:absolute;right:.2666666667rem;top:0;font-size:.32rem;padding-top:.2666666667rem;padding-bottom:.2666666667rem}.sort-order-list-container .sort-show-more i{vertical-align:middle}.icon-rank-comic-1,.icon-rank-comic-2,.icon-rank-comic-3{display:inline-block;background-image:url(../image/sprite.rank.3d5c7@2x.png);background-repeat:no-repeat;-webkit-background-size:2.4533333333rem 2.4533333333rem;-moz-background-size:2.4533333333rem 2.4533333333rem;background-size:2.4533333333rem 2.4533333333rem}.icon-rank-comic-1{width:1.28rem;height:1.28rem;background-position:0 0}.icon-rank-comic-2{background-position:-1.3866666667rem 0}.icon-rank-comic-2,.icon-rank-comic-3{width:1.0666666667rem;height:1.0666666667rem}.icon-rank-comic-3{background-position:0 -1.3866666667rem}.rank-container .header-wrap{-webkit-box-shadow:0 0 .2666666667rem 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 .2666666667rem 0 rgba(0,0,0,.2);box-shadow:0 0 .2666666667rem 0 rgba(0,0,0,.2)}.view-port.rank-container{display:block;height:auto}.view-body.rank-center-bg{background-color:#fff;background-image:url(../image/bg-comic-list.png);background-repeat:no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto}.sort-show-more{color:#fff;font-size:.32rem;padding-right:.2666666667rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.header-title{font-size:.4266666667rem}.class-list{display:none;position:fixed;top:1.1733333333rem;bottom:0;width:100%;background:rgba(0,0,0,.5);overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:100}.rank-option-menu{width:100%;overflow:hidden}.rank-option-menu .menu{padding:0 .2666666667rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-webkit-align-items:baseline;-moz-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rank-option-menu .list{height:100%;line-height:.8rem;position:relative}.rank-option-menu .list.active{font-weight:500}.rank-option-menu .list.active .menu-link{border-bottom:1px solid #fff;padding-bottom:.1066666667rem}.rank-option-menu .menu-link{font-size:.3733333333rem;color:#fff;height:.6933333333rem;line-height:.6933333333rem}.scroll-container{width:100%}.scroll-container .content{position:relative;min-height:10rem}.rank-contain,.scroll-container .content .noinfo{background-color:#fff}.rank-contain{margin-top:.2133333333rem}.rank-list-header{padding:.24rem .2666666667rem;height:.96rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rank-list-header .title{font-size:.48rem;color:#333;font-weight:400}.rank-list-header .title:before{content:"";display:inline-block;height:.4533333333rem;width:.1333333333rem;background-color:#fc6976;-webkit-border-radius:.1333333333rem;-moz-border-radius:.1333333333rem;border-radius:.1333333333rem;vertical-align:middle;margin-right:.2666666667rem}.rank-list-header .more{color:#b6b6b6;font-size:.32rem}.comic-list,.rank-comic-list{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.comic-list{width:100%}.comic-list .list{padding:.2933333333rem .2666666667rem;background-color:hsla(0,0%,100%,.95)}.comic-list .list .comic-detail{padding-left:.2133333333rem;overflow:hidden}.comic-list .list .comic-desc-item{margin-bottom:.1333333333rem}.comic-list .list .comic-desc-item .comic-name{margin-bottom:0;max-width:60%}.comic-list .list .comic-desc-item .comic-name a{display:block}.comic-list .list .comic-desc-item .statistics{max-width:35%;text-align:right}.comic-list .list .comic-type-item .comic-author{float:left;text-align:left;max-width:50%}.comic-list .list .comic-type-item .sort-list{max-width:50%;float:right;font-size:0}.comic-list .list .comic-type-item .comic-author,.comic-list .list .comic-type-item .sort-list{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.comic-list .list .comic-type-item a{display:inline-block;margin-left:.0666666667rem;font-size:.2666666667rem;color:#999}.comic-list .statistics{float:right}.comic-list .order{float:left;height:.8rem;width:.8rem;text-align:center;line-height:.8rem;color:#ddd;font-size:.5333333333rem}.comic-list .comic-author,.comic-list .statistics{font-size:.2666666667rem;color:#999}.comic-name{font-weight:400;margin-bottom:.1333333333rem}.comic-name a{display:block;font-size:.3733333333rem;color:#333}.comic-author,.comic-name a{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.comic-rank-top{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;padding:.6933333333rem .88rem 1.68rem;position:relative}.comic-rank-top .comic-detail{text-align:center}.comic-rank-top .suspend{position:absolute;right:0;left:0;margin:auto;text-align:center}.comic-rank-top .suspend span{display:inline-block;font-size:.2666666667rem}.comic-rank-top .suspend i{margin:0 .0533333333rem}.comic-rank-top .suspend i,.comic-rank-top .suspend span{font-size:.32rem}.comic-rank-top .suspend .rank-num{height:.3466666667rem;line-height:.3733333333rem;width:.3466666667rem;-webkit-border-radius:.24rem;-moz-border-radius:.24rem;border-radius:.24rem;text-align:center;color:#fc6976;background-color:#fff;margin:0 .1066666667rem}.comic-rank-top .comic-item{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1}.comic-rank-top .comic-item.top-1{width:29.1262135922%}.comic-rank-top .comic-item.top-1 .suspend{top:-.6933333333rem}.comic-rank-top .comic-item.top-1 .comic-cover{border-width:3px}.comic-rank-top .comic-item.top-2,.comic-rank-top .comic-item.top-3{width:21.2389380531%}.comic-rank-top .comic-item.top-2 .suspend,.comic-rank-top .comic-item.top-3 .suspend{top:-.64rem}.comic-rank-top .comic-item.top-2{-webkit-box-ordinal-group:1;-webkit-order:0;-moz-box-ordinal-group:1;-ms-flex-order:0;order:0}.comic-rank-top .comic-item.top-1 .comic-name a,.comic-rank-top .comic-item.top-2 .comic-name a,.comic-rank-top .comic-item.top-3 .comic-name a{color:#fff}.comic-rank-top .comic-images{width:100%}.comic-rank-top .comic-cover-link{display:block;position:relative;width:100%;padding-bottom:133.3333333333%;margin-bottom:.2133333333rem}.comic-rank-top .comic-cover{position:absolute;top:0;left:0;height:100%;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:2.5px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rank-comic-bg{height:1.28rem;width:100%;background-image:url(/static/images/rank/rank-arc-bg.png);background-repeat:no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto}